24 lines
1.3 KiB
CSS
24 lines
1.3 KiB
CSS
/* 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)}
|