/* ===================================================
   柔和渐变主题 (Soft Gradient)
   通过 body[data-theme="soft-gradient"] 激活
   =================================================== */

[data-theme="soft-gradient"] {
  --bg: #f0f4ff;
  --panel: #ffffff;
  --text: #1a2340;
  --muted: #5a6a85;
  --accent: #2f5bd7;
  --accent-2: #4d8cff;
  --accent-gradient: linear-gradient(135deg, #2f5bd7, #4d8cff);
  --border: rgba(47, 91, 215, 0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 4px 20px rgba(47, 91, 215, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-btn: 0 3px 10px rgba(47, 91, 215, 0.2);
}

/* === 页面背景 === */
[data-theme="soft-gradient"] body,
[data-theme="soft-gradient"] {
  background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);
}

/* === Header === */
/* soft-gradient 主题沿用默认深色网格背景（见 styles.css 的 .page-header），
   不在此覆盖为蓝色渐变 */
[data-theme="soft-gradient"] .header-tagline p {
  color: rgba(255, 255, 255, 0.9);
}

/* === 搜索框 === */
[data-theme="soft-gradient"] .search-box {
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(4px);
  transition: box-shadow 0.2s, border-color 0.2s;
}

[data-theme="soft-gradient"] .search-box:focus-within {
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15);
}

[data-theme="soft-gradient"] .search-box input {
  color: #fff;
}

[data-theme="soft-gradient"] .search-box input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* === 工具栏 === */
[data-theme="soft-gradient"] .case-toolbar {
  background: var(--panel);
  border-radius: var(--radius-lg);
  padding: 14px 20px;
  box-shadow: var(--shadow-card);
  border: 1px solid var(--border);
}

[data-theme="soft-gradient"] .toolbar-left {
  gap: 10px;
}

/* === 自定义下拉（主题增强） === */
[data-theme="soft-gradient"] .dropdown-trigger {
  border-radius: var(--radius-sm);
  border-color: var(--border);
  box-shadow: 0 2px 6px rgba(47, 91, 215, 0.04);
}

[data-theme="soft-gradient"] .dropdown-panel {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-dropdown);
  border-color: var(--border);
}

[data-theme="soft-gradient"] .dropdown-option:hover {
  background: rgba(47, 91, 215, 0.05);
}

[data-theme="soft-gradient"] .dropdown-option.active {
  background: rgba(47, 91, 215, 0.08);
}

/* === 卡片 === */
[data-theme="soft-gradient"] .case-card {
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

[data-theme="soft-gradient"] .case-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(47, 91, 215, 0.14), 0 2px 6px rgba(0, 0, 0, 0.04);
}

/* === 推荐角标 === */
[data-theme="soft-gradient"] .pin-badge {
  background: var(--accent-gradient);
  border-radius: 0 0 var(--radius-sm) 0;
  box-shadow: var(--shadow-btn);
}

/* === 分页 === */
[data-theme="soft-gradient"] .page-btn {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  transition: all 0.2s;
}

[data-theme="soft-gradient"] .page-btn:hover:not(:disabled) {
  background: rgba(47, 91, 215, 0.06);
  border-color: var(--accent);
}

[data-theme="soft-gradient"] .page-btn.active {
  background: var(--accent-gradient);
  color: #fff;
  border-color: transparent;
  box-shadow: var(--shadow-btn);
}

/* === 颜色色块（主题增强） === */
[data-theme="soft-gradient"] .color-grid-panel {
  border-radius: var(--radius-md);
}

[data-theme="soft-gradient"] .color-block {
  border-radius: var(--radius-sm);
}

/* === Footer === */
[data-theme="soft-gradient"] .footer {
  background: linear-gradient(135deg, #1a2340 0%, #2a3a5c 100%);
}

/* === 结果计数 === */
[data-theme="soft-gradient"] .result-count {
  color: var(--muted);
  font-size: 13px;
}