| 1 | /* theme: memphis-pop — 孟菲斯波普 */ |
| 2 | :root{ |
| 3 | --bg:#fef6e8;--bg-soft:#fdebc7;--surface:#ffffff;--surface-2:#fff1d1; |
| 4 | --border:#111111;--border-strong:#111111; |
| 5 | --text-1:#111111;--text-2:#333333;--text-3:#666666; |
| 6 | --accent:#ff3d8b;--accent-2:#37c2d7;--accent-3:#ffcc00; |
| 7 | --accent-ink:#0b1024; /* text on --accent — 5.6:1 */ |
| 8 | --good:#6ac04c;--warn:#ffcc00;--bad:#ff3d8b; |
| 9 | --grad:linear-gradient(135deg,#ff3d8b,#ffcc00 50%,#37c2d7); |
| 10 | --grad-soft:linear-gradient(135deg,#fdebc7,#fff1d1); |
| 11 | --radius:10px;--radius-sm:6px;--radius-lg:18px; |
| 12 | --shadow:5px 5px 0 #111;--shadow-lg:9px 9px 0 #111; |
| 13 | --font-sans:'Space Grotesk','Inter','Noto Sans SC',sans-serif; |
| 14 | --font-display:'Archivo Black',sans-serif; |
| 15 | } |
| 16 | .card{border:2.5px solid #111} |
| 17 | body{background-image: |
| 18 | radial-gradient(circle at 10% 20%,#ff3d8b 3px,transparent 4px), |
| 19 | radial-gradient(circle at 80% 40%,#37c2d7 3px,transparent 4px), |
| 20 | radial-gradient(circle at 30% 80%,#ffcc00 3px,transparent 4px); |
| 21 | background-size:200px 200px,220px 220px,260px 260px} |
| 22 |