| 1 | /* theme: aurora — 极光渐变 */ |
| 2 | :root{ |
| 3 | --bg:#06091c;--bg-soft:#0a1130;--surface:rgba(255,255,255,.05);--surface-2:rgba(255,255,255,.08); |
| 4 | --border:rgba(180,220,255,.14);--border-strong:rgba(180,220,255,.28); |
| 5 | --text-1:#e8f0ff;--text-2:#b4c4e4;--text-3:#6a7a9e; |
| 6 | --accent:#5ef2c6;--accent-2:#7aa2ff;--accent-3:#c984ff; |
| 7 | --accent-ink:#0b1024; /* text on --accent — 13.5:1 */ |
| 8 | --good:#5ef2c6;--warn:#ffd27a;--bad:#ff8ab0; |
| 9 | --grad:linear-gradient(135deg,#5ef2c6,#7aa2ff 50%,#c984ff); |
| 10 | --grad-soft:linear-gradient(135deg,rgba(94,242,198,.2),rgba(201,132,255,.2)); |
| 11 | --radius:20px;--radius-sm:14px;--radius-lg:28px; |
| 12 | --shadow:0 20px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08); |
| 13 | --shadow-lg:0 30px 80px rgba(0,0,0,.55); |
| 14 | --font-sans:'Inter','Noto Sans SC',sans-serif; |
| 15 | } |
| 16 | body{background: |
| 17 | radial-gradient(60% 50% at 20% 10%,rgba(94,242,198,.35),transparent 70%), |
| 18 | radial-gradient(55% 50% at 80% 20%,rgba(122,162,255,.32),transparent 70%), |
| 19 | radial-gradient(70% 60% at 50% 100%,rgba(201,132,255,.3),transparent 70%), |
| 20 | #06091c} |
| 21 | .card{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)} |
| 22 |