/* Dashboard 定制样式 */

/* 改进Dashboard整体布局 */
.adminjs-dashboard {
  padding: 0 !important;
}

/* 调整内容区域边距 */
.adminjs-dashboard > div:first-child {
  padding: 2rem !important;
  min-height: calc(100vh - 64px) !important;
  display: flex !important;
  flex-direction: column !important;
  background-color: #f8f9fa !important;
}

/* 优化标题区域样式 */
.adminjs-dashboard h2 {
  font-size: 2rem !important;
  font-weight: 600 !important;
  color: #1a202c !important;
  margin-bottom: 1rem !important;
}

.adminjs-dashboard h2 + p {
  color: #4a5568 !important;
  font-size: 1.1rem !important;
  margin-bottom: 3rem !important;
}

/* 自定义卡片样式 */
.dashboard-shortcut-card {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.dashboard-shortcut-card:hover {
  z-index: 10;
  transform: translateY(-4px) !important;
}

/* 为图标添加微妙的呼吸动画 */
.dashboard-icon-box {
  position: relative;
  overflow: hidden;
}

.dashboard-icon-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.3s ease;
  border-radius: inherit;
}

.dashboard-icon-box:hover::after {
  opacity: 1;
  transform: scale(1);
}

/* 优化响应式表现 */
@media (max-width: 768px) {
  .adminjs-dashboard > div:first-child {
    padding: 1.5rem !important;
  }
  
  .adminjs-dashboard h2 {
    font-size: 1.75rem !important;
  }
}

/* 添加骨架屏加载效果（备用） */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.dashboard-skeleton {
  animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}