/* ========== 主题变量：日夜间双主题 ========== */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg-primary: #0a0e1a;
  --bg-secondary: #0d1b2a;
  --bg-nav: rgba(10, 14, 26, 0.9);
  --bg-card: rgba(13, 27, 42, 0.85);
  --bg-card-hover: rgba(20, 40, 60, 0.9);
  --bg-dropdown: rgba(13, 27, 42, 0.97);
  --bg-input: rgba(255, 255, 255, 0.05);
  --bg-input-focus: rgba(74, 158, 255, 0.05);
  --bg-hover: rgba(255, 255, 255, 0.08);
  --text-primary: #e0e6ed;
  --text-secondary: #8b9bb4;
  --text-muted: #5a6a7a;
  --accent-blue: #4a9eff;
  --accent-cyan: #00d4ff;
  --accent-glow: rgba(74, 158, 255, 0.3);
  --border-color: rgba(74, 158, 255, 0.15);
  --rank-1: #ff4d4f;
  --rank-2: #ff7a45;
  --rank-3: #ffa940;
  --rank-other: #5a6a7a;
  --tag-hot-bg: rgba(255, 77, 79, 0.15);
  --tag-hot: #ff4d4f;
  --tag-new-bg: rgba(0, 212, 255, 0.12);
  --tag-new: #00d4ff;
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 20px var(--accent-glow);
  --radius: 12px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] {
  color-scheme: light;
  --bg-primary: #f2f5f9;
  --bg-secondary: #ffffff;
  --bg-nav: rgba(255, 255, 255, 0.92);
  --bg-card: rgba(255, 255, 255, 0.95);
  --bg-card-hover: #ffffff;
  --bg-dropdown: rgba(255, 255, 255, 0.98);
  --bg-input: rgba(47, 125, 225, 0.06);
  --bg-input-focus: rgba(47, 125, 225, 0.09);
  --bg-hover: rgba(47, 125, 225, 0.08);
  --text-primary: #1a2333;
  --text-secondary: #4a5a70;
  --text-muted: #8a97a8;
  --accent-blue: #2f7de1;
  --accent-cyan: #0091b3;
  --accent-glow: rgba(47, 125, 225, 0.18);
  --border-color: rgba(47, 125, 225, 0.16);
  --rank-1: #e63b3d;
  --rank-2: #f0641f;
  --rank-3: #f08c1e;
  --rank-other: #8a97a8;
  --tag-hot-bg: rgba(230, 59, 61, 0.1);
  --tag-hot: #e63b3d;
  --tag-new-bg: rgba(0, 145, 179, 0.1);
  --tag-new: #0091b3;
  --shadow: 0 4px 20px rgba(26, 35, 51, 0.08);
  --shadow-glow: 0 4px 24px var(--accent-glow);
}