:root{--fb:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fd:"Trebuchet MS",-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fm:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--bg:#dfe8f7;
--bg-img:radial-gradient(70% 60% at 20% 0%,#cfe0ff 0%,transparent 60%),radial-gradient(60% 55% at 90% 20%,#e8d8ff 0%,transparent 62%),linear-gradient(160deg,#eef4ff,#dde7f8 60%,#e9e2ff);
--fg:#1b2a4a;--fg2:#63739a;--accent:#00b3ff;
--card:linear-gradient(160deg,rgba(255,255,255,.85),rgba(226,238,255,.7));--card-h:linear-gradient(160deg,#fff,rgba(210,232,255,.9));
--line:rgba(140,170,220,.55);--r:22px;--r-sel:14px;--sh:0 8px 22px rgba(70,110,190,.18),inset 0 1px 0 #fff;
--sh-h:0 14px 34px rgba(70,110,190,.3),inset 0 1px 0 #fff;--gap:15px;--min:250px;--min-m:152px;--gap-m:11px;
--card-pad:16px;--h1:clamp(30px,5vw,56px);--h1-w:800;--h1-ls:-.02em;--h1-sub:13px;--hero-pad:46px 0 22px;
--chip-bg:rgba(255,255,255,.7);--chip-bd:1px solid rgba(160,190,235,.8);--chip-r:999px;--name-s:14px;--fav:28px;--fav-r:12px;
--in-bg:rgba(255,255,255,.8);--in-bd:1px solid #b9cdf0;--in-r:16px;--in-sh:inset 0 2px 6px rgba(90,130,200,.14);
--wrap-pad:32px 24px 56px;--max:1200px}
h1{background:linear-gradient(180deg,#4b7dff,#a24bff 60%,#00c8ff);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 2px rgba(90,130,200,.25))}
.card{border:1px solid rgba(255,255,255,.9);position:relative}
.card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.85),transparent 42%);pointer-events:none}
.chip.on{background:linear-gradient(180deg,#5fd0ff,#1e8ff0);border-color:#1e8ff0;color:#fff;box-shadow:0 3px 10px rgba(30,143,240,.4)}
.fav{border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 2px rgba(255,255,255,.8)}
.hdr{background:rgba(255,255,255,.55);backdrop-filter:blur(12px)}