: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:#efe9dd;
--bg-img:radial-gradient(circle at 12% 22%,rgba(255,190,80,.18) 0 18%,transparent 18.5%),radial-gradient(circle at 88% 74%,rgba(90,160,255,.14) 0 14%,transparent 14.5%),linear-gradient(180deg,#f4efe4,#e9e1d1);
--fg:#1d1a15;--fg2:#6d6558;--accent:#d2382c;
--card:#fdfaf2;--card-h:#fffdf7;--line:#cfc6b4;--r:2px;
--sh:2px 3px 0 rgba(0,0,0,.12),0 6px 16px rgba(80,70,50,.12);--sh-h:4px 6px 0 rgba(0,0,0,.16),0 14px 26px rgba(80,70,50,.2);
--gap:16px;--min:230px;--min-m:146px;--gap-m:11px;--card-pad:14px 15px;--h1:clamp(30px,5vw,58px);--h1-w:900;--h1-ls:-.02em;
--h1-sub:13px;--hero-pad:40px 0 20px;--chip-bg:#fdfaf2;--chip-bd:1px solid #cfc6b4;--chip-r:2px;--name-s:14px;--fav:24px;--fav-r:2px;
--in-bg:#fffdf7;--in-bd:1px solid #cfc6b4;--in-r:2px;--wrap-pad:28px 22px 54px;--max:1220px}
.card:nth-child(odd){transform:rotate(-.7deg)}
.card:nth-child(even){transform:rotate(.6deg)}
.card:hover{transform:rotate(0deg) translateY(-3px)}
.card:nth-child(5n+1){background:#fff8dc}
.card:nth-child(7n+3){background:#eaf4ff}
.card:nth-child(9n+5){background:#ffeef0}
h1{background:#fff8dc;display:inline-block;padding:2px 10px;box-shadow:3px 3px 0 rgba(0,0,0,.14)}
.chip.on{background:#d2382c;color:#fff;border-color:#d2382c}
.hdr{background:#e9e1d1;border-bottom:2px dashed #b8ad97}
.brand{transform:rotate(-1.2deg)}