| 1 | /* theme: glassmorphism — 毛玻璃 */ |
| 2 | :root{ |
| 3 | --bg:#0b1024;--bg-soft:#0e1530;--surface:rgba(255,255,255,.06);--surface-2:rgba(255,255,255,.1); |
| 4 | --border:rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.28); |
| 5 | --text-1:#f2f4ff;--text-2:#c3c8e6;--text-3:#8287a8; |
| 6 | --accent:#7dd3fc;--accent-2:#c084fc;--accent-3:#f0abfc; |
| 7 | --good:#86efac;--warn:#fde68a;--bad:#fca5a5; |
| 8 | --grad:linear-gradient(135deg,#7dd3fc,#c084fc 55%,#f0abfc); |
| 9 | --grad-soft:linear-gradient(135deg,rgba(125,211,252,.18),rgba(192,132,252,.18)); |
| 10 | --radius:22px;--radius-sm:14px;--radius-lg:30px; |
| 11 | --shadow:0 20px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12); |
| 12 | --shadow-lg:0 30px 80px rgba(0,0,0,.5); |
| 13 | --font-sans:'Inter','Noto Sans SC',sans-serif; |
| 14 | } |
| 15 | body{background: |
| 16 | radial-gradient(60% 60% at 20% 20%,rgba(125,211,252,.3),transparent 60%), |
| 17 | radial-gradient(50% 50% at 80% 30%,rgba(192,132,252,.28),transparent 60%), |
| 18 | radial-gradient(60% 60% at 60% 90%,rgba(240,171,252,.25),transparent 60%), |
| 19 | #0b1024} |
| 20 | .card{backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%); |
| 21 | background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)} |
| 22 |