src/assets/css/downloadsPanel.css
.downloads-tab {
  @apply w-full min-h-full pb-6;
  animation: scaleIn 0.5s ease-out;
  /* 添加与主页一致的渐变背景 */
  background-image: linear-gradient(
    135deg,
    hsl(var(--p) / 0.2) 0%,
    hsl(var(--p) / 0.5) 100%
  );
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.header-section {
  @apply flex justify-between items-center mb-5;
  /* 添加半透明背景增强可读性 */
  @apply bg-base-100/70 p-4 rounded-xl backdrop-blur-sm shadow-sm;
}

.header-section h3 {
  @apply text-lg font-bold text-primary;
}

.header-actions {
  @apply flex gap-2.5;
}

.section {
  @apply mb-8 rounded-xl p-6 shadow-sm;
  /* 更新为半透明背景，增强深度感 */
  @apply bg-base-100/80 backdrop-blur-sm border border-base-300/30;
}

.section-title {
  @apply font-bold text-lg mb-4 text-primary border-b border-base-200/50 pb-3;
}

.icon-btn {
  @apply btn btn-sm btn-ghost;
}

.icon-btn .iconify {
  @apply text-lg;
}

/* 适配深色模式 */
[data-theme="dark"] .downloads-tab,
[data-theme="night"] .downloads-tab,
[data-theme="black"] .downloads-tab,
[data-theme="dracula"] .downloads-tab {
  background-image: linear-gradient(
    135deg,
    hsl(var(--n) / 0.8) 0%,
    hsl(var(--n) / 0.6) 100%
  );
}

[data-theme="dark"] .section,
[data-theme="night"] .section,
[data-theme="black"] .section,
[data-theme="dracula"] .section {
  @apply bg-base-200/70 border-base-300/20;
}

/* 添加卡片悬停效果增强 */
.section:hover {
  @apply shadow-md bg-base-100/90;
}

[data-theme="dark"] .section:hover,
[data-theme="night"] .section:hover,
[data-theme="black"] .section:hover,
[data-theme="dracula"] .section:hover {
  @apply bg-base-200/80;
}

/* 确保内容可以滚动但保持背景固定 */
.downloads-tab {
  background-attachment: fixed;
  @apply overflow-auto;
}

/* 增强圆角设计语言 */
.btn,
.input,
.select,
.card,
.progress {
  @apply rounded-lg;
}

.rounded-xl {
  border-radius: 1rem;
}
