/* theme: cyberpunk-neon — 赛博朋克霓虹 */
:root{
  --bg:#000000;--bg-soft:#0a0a12;--surface:#0f0f1a;--surface-2:#14141f;
  --border:rgba(255,0,170,.25);--border-strong:rgba(0,240,255,.55);
  --text-1:#f5f7ff;--text-2:#b4b8d4;--text-3:#6b6e8a;
  --accent:#ff2bd6;--accent-2:#00f0ff;--accent-3:#f9f871;
  --good:#39ff14;--warn:#f9f871;--bad:#ff2bd6;
  --grad:linear-gradient(135deg,#ff2bd6,#7a00ff 50%,#00f0ff);
  --grad-soft:linear-gradient(135deg,rgba(255,43,214,.18),rgba(0,240,255,.18));
  --radius:6px;--radius-sm:3px;--radius-lg:10px;
  --shadow:0 0 0 1px rgba(255,43,214,.35),0 0 24px rgba(255,43,214,.35),0 0 48px rgba(0,240,255,.18);
  --shadow-lg:0 0 0 1px rgba(0,240,255,.5),0 0 40px rgba(0,240,255,.45),0 0 80px rgba(255,43,214,.3);
  --font-sans:'Inter','Noto Sans SC',sans-serif;
  --font-display:'JetBrains Mono','IBM Plex Mono',monospace;
}
body{background:
  radial-gradient(ellipse at 15% 0%,rgba(255,43,214,.22),transparent 60%),
  radial-gradient(ellipse at 85% 100%,rgba(0,240,255,.2),transparent 60%),
  #000}
h1.title,h2.title,.h1,.h2{text-shadow:0 0 12px rgba(255,43,214,.6),0 0 30px rgba(0,240,255,.35)}
.kicker{color:var(--accent-2);text-shadow:0 0 8px rgba(0,240,255,.6)}
.card{background:rgba(15,15,26,.72);backdrop-filter:blur(8px)}
.divider-accent{background:var(--grad);box-shadow:0 0 12px var(--accent)}
