:root{
  /* 暗色电影感基底 */
  --bg-0:#07070b;
  --bg-1:#0e0e15;
  --bg-2:#16161f;
  --surface:rgba(255,255,255,.045);
  --surface-2:rgba(255,255,255,.08);
  --border:rgba(255,255,255,.10);
  --border-strong:rgba(255,255,255,.18);

  /* 文本 */
  --text-0:#f5f5f7;
  --text-1:#a8a8b4;
  --text-2:#6b6b78;

  /* 世界杯金 + 强调 */
  --gold:#d4af37;
  --gold-2:#f0c75e;
  --accent:#e8b923;
  --danger:#ff4d4f;   /* 冷门/爆冷 */
  --ok:#3ddc84;
  --info:#4ea8ff;

  /* 形状 & 阴影 */
  --radius:16px;
  --radius-sm:10px;
  --radius-lg:24px;
  --shadow-cine:0 26px 70px rgba(0,0,0,.65);
  --shadow-soft:0 10px 34px rgba(0,0,0,.45);
  --ring:0 0 0 1px var(--border);

  /* 布局 */
  --maxw:1180px;
  --nav-h:62px;

  /* 字体：仅系统字体，兼容 file:// */
  --font-sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"SF Mono",Menlo,Consolas,"Courier New",monospace;

  --space:clamp(14px,3vw,28px);
  --grad-hero:linear-gradient(180deg,rgba(7,7,11,0) 35%,rgba(7,7,11,.85) 78%,var(--bg-0) 100%);
  --grad-vignette:radial-gradient(120% 90% at 70% 30%,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%);
}