/* ===== 三套主题 ===== */

/* 可爱风 */
:root[data-theme="cute"] {
  --bg: #fff5f8;
  --bg-2: #ffffff;
  --bg-3: #fdeef3;
  --fg: #5b3a4e;
  --fg-muted: #b08aa0;
  --border: #f4d6e3;
  --accent: #ff7eb3;
  --accent-fg: #ffffff;
  --danger: #ff5c7a;
  --ok: #4fc08d;
  --warn: #f0a34a;
  --radius: 18px;
  --shadow: 0 8px 30px rgba(255, 126, 179, .15);
}
:root[data-theme="cute"] .game-card,
:root[data-theme="cute"] .post-item,
:root[data-theme="cute"] .wave-item { border-radius: 18px; }

/* 科技风 */
:root[data-theme="tech"] {
  --bg: #0b1426;
  --bg-2: #13203a;
  --bg-3: #1c2c4d;
  --fg: #d9e6ff;
  --fg-muted: #7d93bd;
  --border: #23365e;
  --accent: #2dd4bf;
  --accent-fg: #04222a;
  --danger: #ff5470;
  --ok: #3ddc97;
  --warn: #ffb454;
  --radius: 10px;
  --shadow: 0 0 24px rgba(45, 212, 191, .12);
}
:root[data-theme="tech"] .card,
:root[data-theme="tech"] .auth-card {
  background: linear-gradient(160deg, #13203a, #0e1930);
  border-color: #22375f;
}
:root[data-theme="tech"] .game-card:hover { box-shadow: 0 0 14px rgba(45, 212, 191, .35); }

/* 暗黑调教风 */
:root[data-theme="dark"] {
  --bg: #0d0d0f;
  --bg-2: #17171b;
  --bg-3: #222228;
  --fg: #e8e4e0;
  --fg-muted: #8a8480;
  --border: #2a2a30;
  --accent: #c8102e;
  --accent-fg: #ffffff;
  --danger: #e11d48;
  --ok: #2f9e6f;
  --warn: #c98a2e;
  --radius: 6px;
  --shadow: 0 10px 30px rgba(0, 0, 0, .6);
}
:root[data-theme="dark"] .topbar { border-bottom-color: #c8102e55; }
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .auth-card { background: #141418; }
:root[data-theme="dark"] .game-card:hover { border-color: #c8102e; }