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