: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:#111827;
--bg-img:linear-gradient(150deg,#1b2440 0%,#0f1523 40%,#1a1230 100%);
--fg:#eef2ff;--fg2:#94a0c0;--accent:#f5b642;
--card:#1b2233;--card-h:#212a3d;--line:#2b3548;--r:0;--r-sel:0;--sh:6px 6px 0 rgba(0,0,0,.45);--sh-h:8px 8px 0 rgba(0,0,0,.55);
--gap:16px;--min:240px;--min-m:150px;--gap-m:12px;--card-pad:16px;--h1:clamp(30px,5vw,56px);--h1-w:900;--h1-ls:-.03em;
--h1-sub:12.5px;--hero-pad:44px 0 22px;--chip-bg:#1b2233;--chip-bd:1px solid #2b3548;--chip-r:0;--name-s:14px;--name-w:600;
--fav:26px;--fav-r:0;--in-bg:#151b28;--in-bd:1px solid #2b3548;--in-r:0;--wrap-pad:30px 24px 56px;--max:1200px}
.card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.card::after{content:'';position:absolute;top:0;right:0;width:12px;height:12px;background:var(--accent);opacity:.65;
  clip-path:polygon(0 0,100% 0,100% 100%)}
.chip.on{background:#f5b642;border-color:#f5b642;color:#111827;font-weight:800}
h1{text-transform:uppercase;color:#fff}
h1 .sub{text-transform:none;color:#94a0c0}
.fav{clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.hdr{background:#0f1523;border-bottom:1px solid #2b3548}
.brand .mark{color:#f5b642}
footer{border-top:1px solid #2b3548}