/* 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)}