: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:#eaf1fb;
--bg-img:repeating-linear-gradient(60deg,rgba(90,120,190,.06) 0 1px,transparent 1px 30px),repeating-linear-gradient(-60deg,rgba(90,120,190,.06) 0 1px,transparent 1px 30px),linear-gradient(180deg,#f2f7ff,#e4edf9);
--fg:#1f2c46;--fg2:#63728d;--accent:#2f6fed;
--card:#fff;--card-h:#fbfdff;--line:#cfdcf0;--r:12px;--r-sel:8px;
--sh:-6px 6px 0 rgba(47,111,237,.12),0 12px 26px rgba(50,80,150,.14);--sh-h:-8px 8px 0 rgba(47,111,237,.22),0 20px 36px rgba(50,80,150,.22);
--gap:20px;--min:240px;--min-m:150px;--gap-m:14px;--card-pad:16px;--h1:clamp(30px,4.6vw,52px);--h1-w:800;--h1-sub:13px;
--hero-pad:46px 0 22px;--chip-bg:#fff;--chip-bd:1px solid #cfdcf0;--chip-r:8px;--name-s:14.5px;--fav:30px;--fav-r:8px;
--in-bg:#fff;--in-bd:1px solid #cfdcf0;--in-r:8px;--in-sh:-4px 4px 0 rgba(47,111,237,.12);--wrap-pad:34px 24px 58px;--max:1200px}
.card{transform:perspective(1200px) rotateY(-1.6deg) rotateX(1.2deg)}
.card:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-4px)}
.fav{box-shadow:-3px 3px 0 rgba(47,111,237,.22)}
.chip.on{background:#2f6fed;border-color:#2f6fed;color:#fff;box-shadow:-4px 4px 0 rgba(47,111,237,.3)}
h1{color:#16305e}