:root{--fb:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fd:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fm:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--bg:#eef0ff;
--bg-img:radial-gradient(60% 50% at 15% 10%,#ffe3f1 0%,transparent 60%),radial-gradient(55% 50% at 88% 80%,#dff3ff 0%,transparent 62%),linear-gradient(160deg,#f4f2ff,#e9edff);
--fg:#2a2440;--fg2:#7b749b;--accent:#7b6cf6;
--card:#f5f3ff;--card-h:#fff;--line:transparent;--r:24px;--r-sel:16px;
--sh:0 10px 0 #dcd6ff,0 18px 30px rgba(90,80,180,.18),inset 0 2px 6px #fff;--sh-h:0 13px 0 #d3ccff,0 24px 40px rgba(90,80,180,.24),inset 0 2px 6px #fff;
--gap:20px;--min:240px;--min-m:150px;--gap-m:14px;--card-pad:18px;--h1:clamp(30px,4.8vw,54px);--h1-w:800;--h1-sub:13.5px;
--hero-pad:46px 0 22px;--chip-bg:#f5f3ff;--chip-bd:0;--chip-r:999px;--name-s:14.5px;--fav:32px;--fav-r:12px;
--in-bg:#fff;--in-bd:0;--in-r:18px;--in-sh:inset 0 3px 8px rgba(120,110,200,.18);--wrap-pad:34px 24px 58px;--max:1200px;--hv-y:translateY(-3px)}
.card,.chip{box-shadow:var(--sh)}
.chip{padding:9px 15px}
.chip.on{background:#7b6cf6;color:#fff;box-shadow:0 6px 0 #5b4ed6,0 10px 18px rgba(90,80,180,.3)}
.fav{box-shadow:inset 0 -2px 4px rgba(0,0,0,.12),inset 0 2px 4px rgba(255,255,255,.7),0 4px 8px rgba(90,80,180,.2)}
h1{color:#2a2440}
.brand .mark{color:#7b6cf6}