/* 深石(俄):构成主义海报。默认深色、红色斜切、超大描边数字、窄体大写(Oswald)、切角按钮;红/炭黑/米白 */
:root{--bg:#e9e8e4;--fg:#14161a;--muted:#5d6068;--line:#c9c8c2;--surface:#f6f5f1;--accent:#d62828;--accent-fg:#fff;--ink:#14161a;--font:Inter,system-ui,sans-serif;--font-d:Oswald,"Arial Narrow",Impact,sans-serif;--font-ja:var(--font);--cut:14px;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#13161b;--fg:#ecebe6;--muted:#9a9da6;--line:#2a2f37;--surface:#1b1f26;--accent:#ee3b3b;--ink:#0b0d10;color-scheme:dark}}
:root[data-theme=dark]{--bg:#13161b;--fg:#ecebe6;--muted:#9a9da6;--line:#2a2f37;--surface:#1b1f26;--accent:#ee3b3b;--ink:#0b0d10;color-scheme:dark}
:root[data-theme=light]{color-scheme:light}
h1,h2,h3{font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:.98}
.hdr{position:sticky;top:0;z-index:30;background:var(--ink);color:#ecebe6;padding-top:env(safe-area-inset-top)}.hdr-in{display:flex;justify-content:space-between;align-items:center;height:52px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-d);font-weight:700;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.logo i{width:22px;height:22px;background:var(--accent);clip-path:polygon(0 100%,100% 0,100% 100%);display:block}
.tools{display:flex}.tools .lang summary,.tools .theme{height:36px;min-height:36px;padding:0 10px;font-family:var(--font-d);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:#ecebe6;border:1px solid #ffffff30;margin-inline-start:6px}.tools .theme{width:36px;padding:0}.tools .lang span{max-width:7ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lang ul{background:var(--ink);color:#ecebe6;border:1px solid var(--accent);border-radius:0}.lang li a{font-family:var(--font-d);text-transform:uppercase;letter-spacing:.05em}.lang li a:hover,.lang li a[aria-current]{background:var(--accent);color:#fff}
.nav{display:flex;background:var(--accent);color:#fff}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;padding:7px 4px 9px;text-decoration:none;font-family:var(--font-d);font-weight:600;font-size:1.02rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.1;border-inline-start:1px solid #00000030}.nav a:first-child{border:0}.nav b{font-size:.66rem;opacity:.7;letter-spacing:.2em}.nav a:hover{background:var(--ink)}
.cr{padding-top:12px}.crumbs{font-family:var(--font-d);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
/* 英雄 */
.hero{position:relative;overflow:hidden;padding:36px 0 40px;background:var(--ink);color:#ecebe6;isolation:isolate}
.wedge{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 0 62%,var(--accent) 62% 78%,transparent 78% 82%,#ecebe6 82% 85%,transparent 85%);opacity:.95}
.kick{font-family:var(--font-d);font-size:.84rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:500}.hero .kick{margin-bottom:12px}
.hero h1{font-size:clamp(2.3rem,11.5vw,6.2rem);text-wrap:balance;color:#fff;text-shadow:3px 3px 0 #0008}.hero .lead{max-width:30ch;margin:18px 0 0;color:#c9ccd3;font-size:.86rem}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.btn{border-radius:0;background:var(--accent);color:#fff;font-family:var(--font-d);font-weight:600;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;min-height:52px;padding-inline:26px;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));white-space:nowrap;border:0}.btn:hover{background:#fff;color:#14161a}.btn.ghost{background:#ecebe6;color:#14161a}.btn.ghost:hover{background:var(--accent);color:#fff}
.sec{padding-block:30px 8px}.sec-h{border-bottom:2px solid var(--fg);padding-bottom:8px}.sec-h h2,.sec-h h1{display:flex;align-items:center;gap:10px;font-size:1.7rem}.sec-h h2 i{width:12px;height:26px;background:var(--accent);transform:skewX(-18deg);display:block}.sec-h a{font-family:var(--font-d);text-transform:uppercase;letter-spacing:.08em}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 18px}.chip{flex:none;display:flex;gap:8px;align-items:center;padding:6px 12px;background:var(--surface);border:1px solid var(--line);font-family:var(--font-d);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.chip b{background:var(--accent);color:#fff;padding:0 6px;font-weight:500}
/* 大列表:超大描边数字 */
.list{display:grid;gap:26px}.item{position:relative;display:block;text-decoration:none;padding-top:8px}
.num{position:absolute;z-index:2;inset:-6px auto auto 0;font-family:var(--font-d);font-weight:700;font-size:6.4rem;line-height:.8;color:transparent;-webkit-text-stroke:2px var(--fg);opacity:.9;pointer-events:none}
.ph{position:relative;display:block;aspect-ratio:4/3;background:var(--surface);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 38px),calc(100% - 38px) 100%,0 100%)}.ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.item:hover img{transform:scale(1.05)}
.nw{position:absolute;inset:0 0 auto auto;background:var(--accent);color:#fff;font-family:var(--font-d);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;padding:5px 14px 5px 22px;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%)}
.cap{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:end;padding:12px 2px 0;border-inline-start:6px solid var(--accent);padding-inline-start:12px;margin-top:-30px;position:relative;z-index:3;margin-inline-end:38px;background:linear-gradient(90deg,var(--bg) 70%,transparent);padding-block:8px}
.item .cap h3{grid-column:1/-1;font-size:1.9rem}.kv{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--font-d);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.kv b{display:block;font-weight:500;color:var(--fg);font-size:1.02rem;letter-spacing:.06em}.item .pr{font-family:var(--font-d);font-weight:700;font-size:1.8rem;color:var(--accent)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px}.card{display:block;text-decoration:none}.card .ph{aspect-ratio:1;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}.card .cap{display:grid;margin:0;background:none;border:0;border-top:3px solid var(--accent);padding:8px 0 0;gap:0}.card h3{font-size:1.2rem}.card .meta{font-family:var(--font-d);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.card .pr{font-family:var(--font-d);font-weight:700;font-size:1.3rem;color:var(--accent)}
/* 商品页 */
.gal{background:var(--surface)}.gallery figure{position:relative;flex:0 0 100%}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;clip-path:polygon(0 0,100% 0,100% calc(100% - 44px),calc(100% - 44px) 100%,0 100%)}.idx{position:absolute;inset:auto auto 10px 12px;font-family:var(--font-d);font-size:1.1rem;letter-spacing:.14em;color:#fff;background:var(--ink);padding:2px 10px}.noimg-l{aspect-ratio:1;display:grid;place-items:center}
.pi{padding-block:22px 40px}.pi h1{font-size:clamp(2.6rem,13vw,4.4rem);margin:8px 0 6px;text-wrap:balance}.pi .nw{position:static;display:inline-block}
.spec{margin:18px 0;border-top:2px solid var(--fg)}.spec div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.spec dt{font-family:var(--font-d);font-size:.88rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.spec dd{font-family:var(--font-d);font-weight:600;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase}.spec a{text-decoration:none;border-bottom:3px solid var(--accent)}
.pbox{position:relative;background:var(--accent);color:#fff;padding:16px 18px 18px;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);display:grid;gap:2px;margin-bottom:20px}.pl{font-family:var(--font-d);font-size:.84rem;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.pv{font-family:var(--font-d);font-weight:700;font-size:3.2rem;line-height:1}.pbox small{font-size:.76rem;opacity:.9;line-height:1.45}
.desc{max-width:none}.desc h2{font-size:1.7rem;margin:1.1em 0 .5em;padding-inline-start:12px;border-inline-start:6px solid var(--accent)}.desc ul{list-style:none;padding:0}.desc li{padding:10px 0 10px 34px;border-bottom:1px solid var(--line);position:relative}.desc li::before{content:"";position:absolute;inset-inline-start:4px;top:1.05em;width:14px;height:14px;background:var(--accent);clip-path:polygon(0 100%,100% 0,100% 100%)}
.inq{margin-top:30px;max-width:560px}.inq h2{font-size:2rem;margin-bottom:14px}.form label{font-family:var(--font-d);font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.form input,.form textarea{border:0;border-bottom:3px solid var(--fg);border-radius:0;background:var(--surface);color:var(--fg)}.form input:focus,.form textarea:focus{outline:0;border-bottom-color:var(--accent)}
.bar{position:fixed;inset-inline:0;bottom:0;z-index:25;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ink);color:#ecebe6;border-top:3px solid var(--accent)}.bar span{display:grid;line-height:1}.bar small{font-family:var(--font-d);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.bar b{font-family:var(--font-d);font-size:1.6rem;color:var(--accent);font-weight:700}.bar .btn{min-height:44px}
.narrow h1{font-size:3rem;margin-bottom:6px}.newitem{background:var(--surface);padding:12px;border-top:4px solid var(--accent)}.newitem h2{font-size:1.9rem}.newimg img{width:100%;aspect-ratio:4/3;object-fit:cover}.newitem .price{font-family:var(--font-d);font-weight:700;font-size:1.6rem;color:var(--accent)}
.ftr{margin-top:36px;padding:26px 0 96px;background:var(--ink);color:#9a9da6;font-size:.78rem;border-top:4px solid var(--accent)}
@media(min-width:860px){.list{grid-template-columns:1fr 1fr;gap:40px 28px}.grid{grid-template-columns:repeat(4,1fr)}.pdp{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;align-items:start}.pi{padding-inline:40px}.bar{display:none}.hero{padding-block:70px}}