| 1 | /* theme: vaporwave — 蒸汽波 */ |
| 2 | :root{ |
| 3 | --bg:#1a0938;--bg-soft:#261050;--surface:rgba(255,255,255,.06);--surface-2:rgba(255,255,255,.1); |
| 4 | --border:rgba(255,110,199,.28);--border-strong:rgba(0,245,255,.5); |
| 5 | --text-1:#fdf0ff;--text-2:#d4a8e8;--text-3:#8a6ba8; |
| 6 | --accent:#ff6ec7;--accent-2:#00f5ff;--accent-3:#ffd166; |
| 7 | --grad:linear-gradient(135deg,#ff6ec7 0%,#c94fff 35%,#00f5ff 100%); |
| 8 | --grad-soft:linear-gradient(135deg,rgba(255,110,199,.25),rgba(0,245,255,.25)); |
| 9 | --radius:18px;--radius-sm:10px;--radius-lg:28px; |
| 10 | --shadow:0 20px 60px rgba(255,110,199,.2),0 0 1px rgba(0,245,255,.6); |
| 11 | --shadow-lg:0 30px 80px rgba(255,110,199,.3),0 0 2px rgba(0,245,255,.8); |
| 12 | --font-sans:'Space Grotesk','Inter','Noto Sans SC',sans-serif; |
| 13 | --font-display:'Space Grotesk','Inter',sans-serif; |
| 14 | } |
| 15 | body{background: |
| 16 | linear-gradient(180deg,#1a0938 0%,#3a0f5c 45%,#7a1f6b 85%,#e85d9c 100%), |
| 17 | radial-gradient(ellipse at 50% 80%,rgba(0,245,255,.3),transparent 60%)} |
| 18 | h1.title,.h1{background:var(--grad);-webkit-background-clip:text;background-clip:text; |
| 19 | -webkit-text-fill-color:transparent;color:transparent} |
| 20 | .card{backdrop-filter:blur(18px)} |
| 21 | .divider-accent{background:var(--grad);height:4px;width:120px;box-shadow:0 0 20px var(--accent)} |
| 22 |