: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:#f7f7fb;--fg:#111318;--fg2:#6b7280;--accent:#4338ca;
--card:#fff;--card-h:#fff;--line:#e5e7f0;--r:14px;--r-sel:10px;--sh:0 2px 10px rgba(30,40,90,.07);
--sh-h:0 20px 40px rgba(67,56,202,.20);--gap:16px;--min:250px;--min-m:152px;--gap-m:12px;--card-pad:16px;
--h1:clamp(30px,4.6vw,54px);--h1-w:800;--h1-sub:13px;--hero-pad:48px 0 22px;--chip-bg:#fff;--chip-bd:1px solid #e5e7f0;
--chip-r:999px;--name-s:14px;--fav:28px;--fav-r:9px;--in-bg:#fff;--in-bd:1px solid #e5e7f0;--in-r:12px;--wrap-pad:32px 24px 58px;--max:1200px}
.card{transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s,border-color .34s}
.card::after{content:'';position:absolute;left:-40%;top:0;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(67,56,202,.10),transparent);transition:left .55s ease}
.card:hover::after{left:100%}
.card:hover{transform:translateY(-6px) scale(1.012)}
h1{background:linear-gradient(92deg,#4338ca,#7c3aed 55%,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:200% 100%;animation:flow 6s linear infinite}
@keyframes flow{to{background-position:200% 0}}
.chip{transition:transform .2s,background .2s,color .2s}
.chip:hover{transform:translateY(-2px)}
.chip.on{background:#4338ca;border-color:#4338ca;color:#fff}