| 1 | /* theme: rainbow-gradient — 彩虹渐变点缀（白底） */ |
| 2 | :root{ |
| 3 | --bg:#ffffff;--bg-soft:#f8f8fb;--surface:#ffffff;--surface-2:#f4f4f8; |
| 4 | --border:rgba(20,20,40,.08);--border-strong:rgba(20,20,40,.2); |
| 5 | --text-1:#0c0d10;--text-2:#4d5162;--text-3:#9096a8; |
| 6 | --accent:#ff4d8b;--accent-2:#7a5cff;--accent-3:#36b6ff; |
| 7 | --accent-ink:#0b1024; /* text on --accent — 6.0:1 */ |
| 8 | --good:#1aaf6c;--warn:#f5a524;--bad:#e0445a; |
| 9 | --grad:linear-gradient(90deg,#ff0080,#ff4d00,#ff9900,#ffe600,#00c853,#0091ea,#6200ea,#ff0080); |
| 10 | --grad-soft:linear-gradient(135deg,#fff,#f8f8fb); |
| 11 | --radius:16px;--radius-sm:10px;--radius-lg:24px; |
| 12 | --shadow:0 12px 32px rgba(124,92,255,.1); |
| 13 | --shadow-lg:0 24px 60px rgba(124,92,255,.18); |
| 14 | --font-sans:'Inter','Noto Sans SC',sans-serif; |
| 15 | } |
| 16 | .gradient-text{background-size:200% auto;animation:rbflow 6s linear infinite} |
| 17 | @keyframes rbflow{to{background-position:200% 0}} |
| 18 |