| 1 | /* theme: y2k-chrome — 千禧银色铬金属 */ |
| 2 | :root{ |
| 3 | --bg:#dfe4ec;--bg-soft:#eef1f6;--surface:rgba(255,255,255,.72);--surface-2:rgba(255,255,255,.5); |
| 4 | --border:rgba(120,135,170,.32);--border-strong:rgba(80,100,140,.55); |
| 5 | --text-1:#1a1f2e;--text-2:#4a536a;--text-3:#8590a6; |
| 6 | --accent:#8a5cff;--accent-2:#3ccfd8;--accent-3:#ff84c4; |
| 7 | --grad:linear-gradient(135deg,#b8c4d8 0%,#f5f7fb 30%,#8a9ab8 55%,#e8ecf4 80%,#6b7a95 100%); |
| 8 | --grad-soft:linear-gradient(135deg,#c9e4ff,#f5d6ff 50%,#d6fffa); |
| 9 | --radius:26px;--radius-sm:16px;--radius-lg:36px; |
| 10 | --shadow:0 12px 30px rgba(70,90,130,.22),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(80,100,140,.2); |
| 11 | --shadow-lg:0 24px 60px rgba(70,90,130,.35),inset 0 2px 0 rgba(255,255,255,.95); |
| 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(135deg,#c4cfe0 0%,#f0f3f8 25%,#aab8d0 50%,#f5f7fb 75%,#b8c4d8 100%)} |
| 17 | h1.title,.h1{background:linear-gradient(180deg,#f8faff 0%,#9aa8c4 50%,#4a5670 100%); |
| 18 | -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent} |
| 19 | .card{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)} |
| 20 | .pill{background:linear-gradient(180deg,#fff,#d4dcec);border-color:rgba(120,135,170,.4)} |
| 21 |