:root {
  --primary: #7C3AED;
  --primary-dark: #5B21B6;
  --primary-light: #A78BFA;
  --secondary: #0EA5E9;
  --accent: #F59E0B;
  --ink: #020308;
  --fg: #d7dbf0;
  --bg: #06070d;
  --surface: #0d0f1c;
  --muted: #7a83ad;
  --rule: #181a2e;
  --neon: #00f5ff;
}
/* game4 — Cyberpunk Neon 赛博朋克霓虹 / 深黑 + 青粉电光 */

body { background: #06070d; color: #d7dbf0; font-family: "Inter","Pretendard","PingFang SC",sans-serif; -webkit-font-smoothing: antialiased; line-height: 1.7;  }
.font-display { font-family: "Orbitron","JetBrains Mono","PingFang SC",sans-serif; letter-spacing: -0.012em; }
.font-headline { font-family: "Orbitron","JetBrains Mono","PingFang SC",sans-serif; }

.text-gradient {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 8px color-mix(in srgb, var(--primary) 30%, transparent); }
  50% { box-shadow: 0 0 24px color-mix(in srgb, var(--primary) 60%, transparent); }
}
.glow-pulse { animation: pulse-glow 2.5s ease-in-out infinite; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #020308; }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 0; }
::selection { background: var(--primary); color: #020308; }

.btn-themed { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.85rem 1.7rem; font-weight: 700; font-size: 0.88rem; letter-spacing: 0.02em;  background: var(--primary); color: #fff; border-radius: 0; box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--primary) 50%, transparent); }
.btn-themed:hover { background: var(--primary-dark); transform: translateY(-2px); }

.card-themed { background: #0d0f1c; border-radius: 4px; box-shadow: 0 8px 22px -14px rgba(0,0,0,.18); border: 1px solid var(--rule); transition: transform .22s ease, box-shadow .22s ease; }
.card-themed:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -14px rgba(0,0,0,.28); }

.chip-themed { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.3rem 0.7rem; border-radius: 4px; background: color-mix(in srgb, var(--primary) 14%, transparent); color: var(--primary); }
.kicker { font-family: "JetBrains Mono","SF Mono",monospace; font-size: 0.7rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--primary); }







@media print { nav, footer, .no-print { display: none !important; } body { background: #fff !important; color: #000 !important; } }