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