: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:#0f1226;
--bg-img:radial-gradient(60% 50% at 18% 6%,#3a2a86 0%,transparent 62%),radial-gradient(50% 45% at 86% 16%,#0f5f8a 0%,transparent 60%),radial-gradient(60% 60% at 60% 100%,#8a2b6b 0%,transparent 62%),linear-gradient(160deg,#0b0e20,#131735);
--fg:#eef1ff;--fg2:#9aa3c7;--accent:#7c8bff;
--card:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));--card-h:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
--line:rgba(255,255,255,.16);--r:18px;--r-sel:12px;--sh:0 18px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.22);
--sh-h:0 28px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.3);--gap:18px;--min:250px;--min-m:152px;--gap-m:12px;
--card-pad:17px;--h1:clamp(30px,5vw,58px);--h1-w:800;--h1-ls:-.02em;--h1-sub:13px;--hero-pad:52px 0 24px;
--chip-bg:rgba(255,255,255,.08);--chip-bd:1px solid rgba(255,255,255,.18);--chip-r:999px;--name-s:14px;--fav:30px;--fav-r:10px;
--in-bg:rgba(255,255,255,.10);--in-bd:1px solid rgba(255,255,255,.22);--in-r:14px;--in-sh:inset 0 2px 10px rgba(0,0,0,.3);
--wrap-pad:34px 24px 58px;--max:1200px}
h1{background:linear-gradient(180deg,#fff,#b9c4ff 70%,#7c8bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{backdrop-filter:blur(10px);transform:perspective(900px) rotateX(0.4deg)}
.card:hover{transform:perspective(900px) translateY(-6px) rotateX(2.2deg)}
.fav{box-shadow:0 6px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.4)}
.chip.on{background:#7c8bff;border-color:#7c8bff;color:#0f1226;font-weight:700}
.hdr{background:rgba(10,13,32,.6);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}