: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:#f6f6f4;--fg:#171717;--fg2:#777;--accent:#f0f0ee;
--card:#fff;--line:#e8e8e4;--r:20px;--sh:0 1px 2px rgba(0,0,0,.04);--sh-h:0 12px 30px rgba(0,0,0,.10);--gap:12px;
--min:210px;--min-m:150px;--gap-m:9px;--card-pad:17px 17px 16px;--h1:clamp(30px,4.4vw,52px);--h1-w:800;--h1-sub:13.5px;
--hero-pad:48px 0 22px;--chip-pad:8px 14px;--chip-r:999px;--chip-bg:#fff;--chip-bd:1px solid #e8e8e4;
--name-s:14.5px;--fav:30px;--fav-r:10px;--in-r:16px;--in-bg:#fff;--wrap-pad:34px 24px 58px;--max:1200px}
.card:nth-child(7n+1){background:linear-gradient(150deg,#1a1a1a,#333);color:#fff;border-color:#1a1a1a}
.card:nth-child(7n+1) .c-name{color:#fff;font-size:17px}
.card:nth-child(7n+1) .c-host{color:rgba(255,255,255,.6)}
.card:nth-child(11n+4){background:linear-gradient(150deg,#e8eeff,#f4f7ff);border-color:#dbe4ff;align-content:center}
.card:nth-child(13n+6){background:linear-gradient(150deg,#fff2e8,#fffaf5);border-color:#ffe2cc}
.chip.on{background:#1a1a1a;border-color:#1a1a1a;color:#fff}
.card:hover{transform:translateY(-4px) scale(1.005)}