/* 阳光(西):地中海海报。大太阳、瓷砖条、波浪分隔、彩色厚卡片+硬阴影、拱形图框;赤陶红+藏红花黄+瓷砖蓝 */
:root{--bg:#f7e9d0;--fg:#3a1c12;--muted:#8a5d49;--line:#e3c9a1;--surface:#fff6e4;--accent:#d2461f;--accent-fg:#fff6e4;--saffron:#f4b324;--blue:#1e5aa8;--teal:#2c9a8f;--shadow:#3a1c12;--font:Inter,system-ui,sans-serif;--font-d:Fraunces,Georgia,serif;--font-ja:var(--font);--r:22px;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#2a160f;--fg:#fbe9cf;--muted:#d3a98c;--line:#5a2f20;--surface:#3a1f15;--accent:#ff7a4d;--accent-fg:#2a160f;--saffron:#f7c04a;--blue:#6fa4ea;--teal:#5fd0c3;--shadow:#000;color-scheme:dark}}
:root[data-theme=dark]{--bg:#2a160f;--fg:#fbe9cf;--muted:#d3a98c;--line:#5a2f20;--surface:#3a1f15;--accent:#ff7a4d;--accent-fg:#2a160f;--saffron:#f7c04a;--blue:#6fa4ea;--teal:#5fd0c3;--shadow:#000;color-scheme:dark}
body{font-size:16px}h1,h2,h3{font-weight:800;letter-spacing:-.025em;line-height:1.02;font-variation-settings:"SOFT" 100,"WONK" 1}
.azulejo{height:14px;background:linear-gradient(90deg,var(--blue) 0 25%,var(--saffron) 25% 50%,var(--accent) 50% 75%,var(--teal) 75%) 0 0/64px 100%;position:relative}
.azulejo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16px 7px,var(--bg) 0 3px,transparent 3.5px) 0 0/32px 14px}
.hdr{position:sticky;top:0;z-index:30;background:var(--bg);padding-top:env(safe-area-inset-top);border-bottom:2px solid var(--fg)}.hdr-in{display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-d);font-weight:900;font-size:1.35rem;letter-spacing:-.02em;white-space:nowrap}.sun{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 38%,var(--saffron) 40% 100%);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--saffron)}
.tools{display:flex;gap:6px}.tools .lang summary,.tools .theme{height:38px;min-height:38px;border:2px solid var(--fg);border-radius:99px;padding:0 12px;font-weight:700;font-size:.8rem;background:var(--surface)}.tools .theme{width:38px;padding:0}.tools .lang span{max-width:7ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lang ul{background:var(--surface);border:2px solid var(--fg);border-radius:18px;box-shadow:4px 4px 0 var(--fg)}.lang li a{border-radius:12px;font-weight:700}.lang li a:hover,.lang li a[aria-current]{background:var(--saffron);color:#3a1c12}
.nav{display:flex;gap:8px;padding-bottom:10px;overflow-x:auto;scrollbar-width:none}.nav a{flex:none;text-decoration:none;font-weight:800;font-size:.92rem;padding:7px 16px;border-radius:99px;border:2px solid var(--fg)}.nav a:nth-child(1){background:var(--saffron);color:#3a1c12}.nav a:nth-child(2){background:var(--accent);color:var(--accent-fg)}.nav a:nth-child(3){background:var(--teal);color:#06221f}
.cr{padding-top:12px}.crumbs{font-weight:600}
/* 英雄区:大太阳 */
.hero{position:relative;overflow:hidden;padding:44px 0 56px;background:var(--saffron);color:#3a1c12}
.bigsun{position:absolute;width:150vw;max-width:760px;aspect-ratio:1;border-radius:50%;inset:auto auto -52% 50%;transform:translateX(-30%);background:radial-gradient(circle,var(--accent) 0 30%,transparent 30.4%),repeating-conic-gradient(from 0deg,#ffd45e 0 7.5deg,transparent 7.5deg 15deg);opacity:.9}
.hero .wrap{position:relative}.hero h1{font-size:clamp(2.2rem,11.2vw,5.4rem);max-width:12ch;text-wrap:balance}.hero .lead{max-width:30ch;font-weight:600;margin:16px 0 0;color:#3a1c12}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}.btn{border-radius:99px;border:2px solid #3a1c12;background:#3a1c12;color:#fff6e4;font-weight:800;font-size:1rem;box-shadow:4px 4px 0 var(--accent);min-height:50px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--accent)}.btn.alt{background:#fff6e4;color:#3a1c12}
.wave{display:block;width:100%;height:28px;fill:var(--saffron);transform:scaleY(-1);margin-top:-1px}
.sec-h{flex-wrap:wrap}.sec-h h2{font-size:clamp(1.7rem,7vw,2.4rem)}.mk{color:var(--accent)}.sec-h a{font-weight:700;color:var(--blue)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.chip{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:800;font-size:.88rem;padding:7px 14px;border-radius:99px;border:2px solid var(--fg);background:var(--surface)}.chip b{background:var(--fg);color:var(--bg);border-radius:99px;padding:0 7px;font-size:.76rem}.chip.k0{background:#bfe3dd;color:#103a35}.chip.k1{background:#ffd9c9;color:#4a1c0c}.chip.k2{background:#d3e2f7;color:#102a4d}
/* 彩色厚卡片 */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.card{display:block;text-decoration:none;border:2px solid var(--fg);border-radius:var(--r);background:var(--surface);box-shadow:5px 5px 0 var(--shadow);overflow:hidden;transition:transform .15s,box-shadow .15s}.card:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--shadow)}
.card:nth-child(4n+1) .ph{background:#f4b324}.card:nth-child(4n+2) .ph{background:#e9805e}.card:nth-child(4n+3) .ph{background:#77c1b7}.card:nth-child(4n) .ph{background:#8fb4e6}
.ph{position:relative;display:block;aspect-ratio:1;border-bottom:2px solid var(--fg)}.ph img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.nw{position:absolute;top:8px;inset-inline-start:8px;background:var(--accent);color:var(--accent-fg);font-weight:800;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border:2px solid var(--fg);border-radius:99px;transform:rotate(-4deg)}
.cap{display:grid;gap:2px;padding:11px 13px 14px}.cap h3{font-size:1.12rem}.meta{font-size:.8rem;color:var(--muted);font-weight:600}.pr{margin-top:5px;font-family:var(--font-d);font-weight:900;font-size:1.25rem;color:var(--accent)}
/* 商品页:拱门图框 */
.pdp{padding-block:22px 40px;display:grid;gap:26px}.arch{position:relative;padding:12px;background:var(--saffron);border:2px solid var(--fg);border-radius:999px 999px 24px 24px;box-shadow:6px 6px 0 var(--shadow)}.arch .gallery{border-radius:999px 999px 14px 14px;overflow-x:auto;background:var(--surface)}.arch .gallery figure{flex:0 0 100%}.arch img{width:100%;aspect-ratio:4/5;object-fit:cover}.noimg-l{aspect-ratio:4/5;display:grid;place-items:center}
.dots{display:flex;justify-content:center;gap:6px;padding-top:10px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--fg);opacity:.35}.dots i:first-child{opacity:1}
.pi h1{font-size:clamp(2.2rem,10vw,3.4rem)}.pi .nw{position:static;display:inline-block;vertical-align:middle;font-size:.7rem}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pill{display:grid;padding:8px 16px;border:2px solid var(--fg);border-radius:18px;font-weight:800;font-size:1rem;line-height:1.2}.pill small{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-weight:700}.pill.a{background:#ffd9c9}.pill.b{background:#bfe3dd}.pill.c{background:#d3e2f7}.pill{color:#3a1c12}.pill a{text-decoration:none;border-bottom:2px solid var(--accent)}
.pbox{display:grid;gap:3px;padding:16px 18px;border:2px solid var(--fg);border-radius:var(--r);background:var(--surface);box-shadow:5px 5px 0 var(--shadow);margin-bottom:18px}.pl{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted)}.pv{font-family:var(--font-d);font-weight:900;font-size:2.6rem;line-height:1.05;color:var(--accent)}.pbox small{color:var(--muted);font-size:.8rem}
.desc{font-size:1rem;max-width:none}.desc h2{font-size:1.7rem}.desc ul{list-style:none;padding:0;display:grid;gap:8px}.desc li{padding:12px 16px 12px 44px;border:2px solid var(--fg);border-radius:16px;background:var(--surface);position:relative;font-weight:600}.desc li::before{content:"";position:absolute;inset-inline-start:15px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 35%,var(--saffron) 38%)}
.inq{background:var(--surface);border:2px solid var(--fg);border-radius:var(--r);padding:22px 18px;box-shadow:5px 5px 0 var(--shadow);max-width:560px}.inq h2{font-size:1.8rem;margin-bottom:14px}.form label{font-weight:700;font-size:.85rem}.form input,.form textarea{border:2px solid var(--fg);border-radius:14px;background:var(--bg)}.form input:focus,.form textarea:focus{outline:0;box-shadow:3px 3px 0 var(--accent)}
.sec-h h1{font-size:2.4rem}.narrow h1{font-size:2.8rem}.newitem{padding:14px;border:2px solid var(--fg);border-radius:var(--r);background:var(--surface);box-shadow:5px 5px 0 var(--shadow)}.newitem h2{font-size:1.8rem}.newimg{border:2px solid var(--fg);border-radius:16px;background:var(--saffron)}.newimg img{width:100%;aspect-ratio:1;object-fit:cover}.newitem .price{font-family:var(--font-d);font-weight:900;color:var(--accent);font-size:1.5rem}
.wave-f{display:block;width:100%;height:24px;fill:var(--accent);margin-top:40px}.ftr{background:var(--accent);color:var(--accent-fg);padding:10px 0 40px;margin-top:-1px}
@media(min-width:860px){.grid{grid-template-columns:repeat(4,1fr);gap:26px 20px}.pdp{grid-template-columns:1fr 1fr;gap:34px 56px;align-items:start}.pdp .arch{grid-row:1/span 3}.pdp .desc,.pdp .inq{grid-column:2}}