:root{--bg-deep: #070c16;--bg-panel: #0d1526;--bg-panel-2: #131e33;--line: #1c2942;--cyan: #38bdf8;--cyan-soft: rgba(56, 189, 248, .12);--amber: #f5a524;--green: #22c55e;--red: #ef4444;--text-1: #e6eef8;--text-2: #b7c6dc;--text-3: #8195b3;--grade-S: #f5c542;--grade-A: #c084fc;--grade-B: #38bdf8;--grade-C: #34d399;--grade-D: #fb923c;--grade-F: #f87171}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(56,189,248,.08),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(192,132,252,.06),transparent 60%),var(--bg-deep);color:var(--text-1);font-family:Inter,PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:var(--n-font-family-mono, "JetBrains Mono", Consolas, monospace);font-variant-numeric:tabular-nums;letter-spacing:.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#22324f;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.hud-glow{text-shadow:0 0 18px rgba(56,189,248,.45)}.hud-glow-amber{text-shadow:0 0 18px rgba(245,165,36,.4)}.glass{background:linear-gradient(160deg,#131e33d1,#0d1526b8);border:1px solid rgba(56,189,248,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px}.text-cyan{color:var(--cyan)}.text-amber{color:var(--amber)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-dim{color:var(--text-3)}.hud-grid{background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px);background-size:44px 44px}