/* ========== 日夜模式核心 ========== */
:root {
  --bg: #ffffff;
  --bg-secondary: #fafafa;
  --text: #1a1a1a;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --border: #e8e8e8;
  --border-light: #f0f0f0;
  --accent: #1a1a1a;
  --accent-hover: #333333;
  --card-bg: #ffffff;
  --header-bg: rgba(255,255,255,.85);
  --shadow: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08);
}

[data-theme="dark"] {
  --bg: #0a0a0a;
  --bg-secondary: #111111;
  --text: #f0f0f0;
  --text-secondary: #999999;
  --text-tertiary: #666666;
  --border: #222222;
  --border-light: #1a1a1a;
  --accent: #f0f0f0;
  --accent-hover: #cccccc;
  --card-bg: #111111;
  --header-bg: rgba(10,10,10,.85);
  --shadow: 0 1px 3px rgba(0,0,0,.2);
  --shadow-md: 0 4px 16px rgba(0,0,0,.3);
}

/* 自动模式 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]), [data-theme="auto"] {
    --bg: #0a0a0a;
    --bg-secondary: #111111;
    --text: #f0f0f0;
    --text-secondary: #999999;
    --text-tertiary: #666666;
    --border: #222222;
    --border-light: #1a1a1a;
    --accent: #f0f0f0;
    --accent-hover: #cccccc;
    --card-bg: #111111;
    --header-bg: rgba(10,10,10,.85);
    --shadow: 0 1px 3px rgba(0,0,0,.2);
    --shadow-md: 0 4px 16px rgba(0,0,0,.3);
  }
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]), [data-theme="auto"] {
    --bg: #ffffff;
    --bg-secondary: #fafafa;
    --text: #1a1a1a;
    --text-secondary: #666666;
    --text-tertiary: #999999;
    --border: #e8e8e8;
    --border-light: #f0f0f0;
    --accent: #1a1a1a;
    --accent-hover: #333333;
    --card-bg: #ffffff;
    --header-bg: rgba(255,255,255,.85);
    --shadow: 0 1px 3px rgba(0,0,0,.06);
    --shadow-md: 0 4px 16px rgba(0,0,0,.08);
  }
}