| 1234567891011121314151617181920212223 |
- /* 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)}
|
