: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:#e8ebf0;--fg:#333b48;--fg2:#8b95a6;--accent:#5b76ff;
--card:#e8ebf0;--card-h:#eceff4;--line:transparent;--r:18px;--r-sel:12px;
--sh:8px 8px 18px #cfd3db,-8px -8px 18px #ffffff;--sh-h:10px 10px 22px #ccd0d8,-10px -10px 22px #fff;
--gap:20px;--min:250px;--min-m:155px;--gap-m:14px;--card-pad:18px 18px 17px;--h1:clamp(29px,4.2vw,50px);--h1-w:700;
--h1-sub:13.5px;--hero-pad:52px 0 24px;--chip-bg:#e8ebf0;--chip-bd:0;--chip-r:12px;--name-s:14px;--fav:28px;--fav-r:10px;
--in-bg:#e8ebf0;--in-bd:0;--in-r:14px;--in-sh:inset 4px 4px 9px #cfd3db,inset -4px -4px 9px #fff;--wrap-pad:36px 26px 62px;--max:1200px;--hv-y:translateY(-2px)}
.card:hover{box-shadow:12px 12px 26px #ccd0d8,-12px -12px 26px #fff}
.chip{box-shadow:4px 4px 9px #d3d7df,-4px -4px 9px #fff}
.chip.on{background:var(--accent);color:#fff;box-shadow:inset 3px 3px 7px rgba(0,0,0,.25),inset -3px -3px 7px rgba(255,255,255,.2)}
.search input:focus{box-shadow:inset 4px 4px 9px #cfd3db,inset -4px -4px 9px #fff,0 0 0 3px rgba(91,118,255,.18)}
.fav{box-shadow:3px 3px 7px #d3d7df,-3px -3px 7px #fff}