/*
  theme-game.css — 炫酷游戏风（默认主题）
  职责：深底 + 霓虹 + 科技感的明暗底色与质感；配打飞机最带感。
  依赖：theme.tokens.css（结构）、palettes.css（品牌/强调色）
  被调用：当 html[data-theme="game"] 时生效（默认）
  说明：只覆盖"颜色/质感"层，不动结构 token；icon 跟随主题→活泼带动画。
*/
:root[data-theme="game"]{
  --bg:#0d0f1c;
  --bg-2:#141832;
  --card:#191d36;
  --card-2:#222746;
  --ink:#eef0ff;
  --sub:#8b90b8;
  --line:#2a2f54;
  --chip:#222746;
  --nav-bg:rgba(13,15,28,.82);

  --good:#2dd4a7; --bad:#ff5f7a; --warn:#ffb02e;

  --sh:0 6px 22px rgba(0,0,0,.35);
  --sh-accent:0 6px 20px rgba(34,211,238,.38);
  --sh-brand:0 6px 20px rgba(255,158,46,.38);

  /* 游戏风给卡片加一层霓虹描边氛围 */
  --glow-accent:0 0 0 1px rgba(34,211,238,.25), 0 8px 28px rgba(34,211,238,.18);
}
:root[data-theme="game"] body{
  background:
    radial-gradient(1200px 600px at 70% -10%, rgba(34,211,238,.12), transparent 60%),
    radial-gradient(900px 500px at 0% 0%, rgba(255,158,46,.10), transparent 55%),
    var(--bg);
  background-attachment:fixed;
}
:root[data-theme="game"] .app{background:transparent}
:root[data-theme="game"] .card{background:linear-gradient(180deg,var(--card),var(--card-2))}
:root[data-theme="game"] .hero-game{box-shadow:var(--glow-accent)}