.vhero{position:relative;height:440px;overflow:hidden}.vhero img{height:100%;object-fit:cover;object-position:center 30%}.vs{position:absolute;top:12px;left:16px;right:16px;display:flex;background:rgba(248,243,235,.88);backdrop-filter:blur(6px);border-radius:2px}.vs input{flex:1;border:0;background:transparent;padding:10px 12px;font-size:13px;outline:0}.vs button{border:0;background:var(--acc);color:#fff;padding:0 16px;font:14px var(--zh);letter-spacing:.2em}.vcap{position:absolute;left:18px;top:76px;color:var(--ink)}.vcap small{font:12px var(--en);letter-spacing:.35em;color:var(--acc)}.vcap b{display:block;font:900 30px/1.25 var(--zh);letter-spacing:.08em;margin:8px 0 12px;max-width:240px}.vcap a{font:14px var(--zh);letter-spacing:.15em;border-bottom:1px solid var(--ink)}
.icats{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:26px 10px 6px}.icats a{text-align:center;font:12px var(--zh);letter-spacing:.06em;color:var(--ink)}.icats span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 6px;border-radius:50%;background:#EEF1F4;border:1px solid var(--sage)}.icats svg{width:28px;height:28px}

.wsrch{display:flex;margin:12px 16px 0;border:1px solid var(--ink)}.wsrch input{flex:1;border:0;padding:9px 12px;font-size:13px;outline:0;background:#fff}.wsrch button{border:0;background:var(--acc);color:#fff;padding:0 16px;font:14px var(--zh);letter-spacing:.2em}
.wcar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:12px 16px 0;height:170px}.wcar::-webkit-scrollbar{display:none}.wcar .sl{position:relative;flex:0 0 100%;scroll-snap-align:start}.wcar img{height:100%;object-fit:cover;object-position:center 25%;filter:brightness(.82)}.wcar .cap{position:absolute;left:14px;bottom:12px;color:#fff}.wcar .cap b{display:block;font:900 20px var(--zh);letter-spacing:.12em}.wcar .cap span{font:12px var(--en);letter-spacing:.25em}
.wcats{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:14px 16px 4px}.wcats::-webkit-scrollbar{display:none}.wcats a{flex:0 0 56px;text-align:center;font:13px var(--zh);letter-spacing:.08em}.wcats img{width:56px;height:56px;object-fit:cover;border-radius:0;outline:1px solid var(--sage);outline-offset:2px;margin-bottom:6px}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px;padding:0 16px}.tri .ph{aspect-ratio:3/4;overflow:hidden;background:#f4f4f4}.tri img{height:100%;object-fit:cover}.tri b{display:block;font-weight:400;font-size:11.5px;line-height:1.4;height:32px;overflow:hidden;margin-top:6px}.tri .pr{font:15px var(--en)}.tri .ws{font-size:10px;color:var(--acc)}
.shopline{font-size:12px;color:var(--mute);margin:0 0 10px}.shopline b{color:var(--ink);letter-spacing:.2em}

@import url("https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap");
@import url("https://cdn.jsdelivr.net/npm/@chinese-fonts/dyh/dist/SmileySans-Oblique/result.css");
:root{--bg:#F8F3EB;--ink:#2E3A55;--mute:#8a8f9c;--line:#E3DDD2;--acc:#6F8DBA;--sage:#A9B98F;--zh:"Smiley Sans","Smiley Sans Oblique","得意黑","PingFang SC","Noto Sans SC",sans-serif;--en:"GFS Didot",Didot,"Bodoni 72",serif}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:13px/1.6 -apple-system,"PingFang SC","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;width:100%}
.mast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#F8F3EB;color:var(--ink);border-bottom:3px solid var(--sage)}.wm{display:flex;align-items:center;gap:10px}.wm img.wmimg{height:44px;width:auto}.wm span{display:block}
.wm b{display:block;font:900 22px/1 var(--zh);letter-spacing:.42em;font-style:normal}.wm i{display:block;margin-top:5px;padding-top:4px;border-top:1px solid #fff;font:12px/1 var(--en);letter-spacing:.6em;font-style:normal}
.bagbtn{font:13px var(--zh);letter-spacing:.1em}.bagbtn s{text-decoration:none}
.tabs{position:sticky;top:0;z-index:20;background:var(--bg);display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:0 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.tabs::-webkit-scrollbar{display:none}.tabs a{padding:11px 0 9px;font:15px var(--zh);letter-spacing:.06em;color:#555;border-bottom:2px solid transparent}.tabs a.on{color:var(--ink);border-color:var(--ink)}
.hero{position:relative;height:300px;overflow:hidden}.hero img{height:100%;object-fit:cover;object-position:center 30%}.first{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 0}.first .ph{aspect-ratio:4/5}
.hero .cap{position:absolute;left:16px;right:16px;bottom:22px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.cap .en{font:34px/1 var(--en);letter-spacing:.02em}.cap .zh{font:18px var(--zh);letter-spacing:.2em;margin:10px 0 14px}.cap a{font:14px var(--zh);letter-spacing:.2em;border-bottom:1px solid #fff;padding-bottom:2px}
.issue{display:flex;justify-content:space-between;padding:26px 16px 14px;font:12px var(--en);letter-spacing:.3em;color:var(--mute)}
.mz{display:grid;grid-template-columns:1fr 1fr;gap:28px 8px;padding:0 0 8px}
.mz .pc:nth-child(3n+1){grid-column:1/-1}.mz .pc:nth-child(3n+1) .ph{aspect-ratio:2/3}.mz .pc:nth-child(3n+1) .tx{padding:0 16px}
.mz .pc:nth-child(3n+2){padding-left:16px}.mz .pc:nth-child(3n){padding-right:16px;margin-top:48px}
.pc .ph{aspect-ratio:3/4;overflow:hidden;background:#f4f4f4}.pc .ph img{height:100%;object-fit:cover}
.pc .tx{margin-top:10px}.pc b{display:block;font-weight:400;font-size:12.5px;line-height:1.45;color:#333}
.pc .pr{display:flex;align-items:baseline;gap:8px;margin-top:4px;font:15px var(--en);letter-spacing:.04em}.pc .pr span{font:11px -apple-system,sans-serif;color:var(--acc)}
.pc .ws{display:block;font-size:10.5px;color:var(--acc);letter-spacing:.04em;margin-top:2px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:26px 10px;padding:0 16px}.g2 .ph{aspect-ratio:3/4}.g2 .pc b{height:36px;overflow:hidden}.g2 .ws{line-height:1.5}.qt-sec{padding:60px 22px;text-align:left}.qt-sec .en{font:30px/1.15 var(--en)}.qt-sec p{font:15px/1.9 var(--zh);color:#444;margin-top:12px;letter-spacing:.06em}
.chapter{padding:34px 16px 12px;display:flex;justify-content:space-between;align-items:baseline}.chapter h2{font:900 26px var(--zh);letter-spacing:.1em}.chapter a{font:13px var(--zh);border-bottom:1px solid;letter-spacing:.12em}
.rowlist a{display:flex;justify-content:space-between;align-items:baseline;padding:16px;border-top:1px solid var(--line);font:22px var(--zh);letter-spacing:.12em}.rowlist a:last-child{border-bottom:1px solid var(--line)}.rowlist a i{font:13px var(--en);font-style:normal;color:var(--mute);letter-spacing:.2em}
.whole{margin:40px 0 0;padding:34px 16px;background:#F4EFEA}.whole .k{font:12px var(--en);letter-spacing:.35em;color:var(--acc)}.whole h3{font:900 26px/1.3 var(--zh);letter-spacing:.08em;margin:8px 0 18px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.steps div{padding:12px 0 0}.steps b{display:block;font:24px var(--en)}.steps span{font-size:11px;color:#555}
.whole p{font-size:12px;color:#555;margin:16px 0}.tbtn{display:inline-block;font:15px var(--zh);letter-spacing:.2em;border-bottom:2px solid var(--ink);padding-bottom:2px}
.sz{padding:40px 16px 10px}.sz h2{font:900 24px var(--zh);letter-spacing:.1em}.sz small{display:block;color:var(--mute);margin:4px 0 14px;font-size:11px}
.sz table,.tier{width:100%;border-collapse:collapse;font-size:12px}.sz th,.sz td,.tier th,.tier td{padding:10px 2px;text-align:center;border-bottom:1px solid var(--line);font-weight:400}.sz th,.tier th{font:13px var(--zh);color:#555;letter-spacing:.06em}.sz td:first-child{font:15px var(--en)}
.ft{margin-top:50px;padding:30px 16px 40px;border-top:1px solid var(--ink)}.ftl{display:flex;flex-wrap:wrap;gap:6px 20px;font:14px var(--zh);letter-spacing:.1em}.brandline{margin-top:28px;font:900 18px var(--zh);letter-spacing:.42em}.brandline i{font:12px var(--en);letter-spacing:.5em;font-style:normal;margin-left:6px}.co{font-size:11px;color:var(--mute);margin-top:6px}
.pghead{padding:26px 16px 14px;display:flex;justify-content:space-between;align-items:baseline}.pghead h1{font:900 28px var(--zh);letter-spacing:.1em}.pghead span{font:13px var(--en);color:var(--mute);letter-spacing:.2em}
.wrap{padding:0 16px}
.sort{display:flex;gap:20px;padding:0 16px 18px;font:14px var(--zh);color:var(--mute)}.sort a.on{color:var(--ink);border-bottom:2px solid}
.cp a{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:end;padding:12px 16px;border-bottom:1px solid var(--line)}.cp img{aspect-ratio:3/4;object-fit:cover}.cp b{font:900 24px var(--zh);letter-spacing:.12em}.cp i{display:block;font:13px var(--en);font-style:normal;color:var(--mute);letter-spacing:.2em}
.dg img{aspect-ratio:2/3;object-fit:cover}.dbody{padding:20px 16px 110px}.dbody .cat{font:12px var(--en);letter-spacing:.35em;color:var(--acc)}.dbody h1{font:900 21px/1.45 var(--zh);letter-spacing:.04em;margin:6px 0 12px}
.dprice{font:30px var(--en)}.dprice small{font:12px var(--zh);color:var(--acc);margin-left:10px;letter-spacing:.08em}
.blk{margin-top:28px}.blk h3{font:900 17px var(--zh);letter-spacing:.12em;margin-bottom:10px}.blk p{font-size:12px;color:#666;line-height:1.8}
.szs{display:flex;gap:18px;flex-wrap:wrap}.szs span{font:18px var(--en);padding:2px 2px 4px;border-bottom:2px solid transparent;color:#888;cursor:pointer}.szs span.on{color:var(--ink);border-color:var(--ink)}
.dbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid var(--ink);z-index:30}.dbar a{flex:1;text-align:center;padding:16px 0 22px;font:15px var(--zh);letter-spacing:.2em}.dbar a.pri{background:var(--ink);color:#fff}
.ci{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.ci img{width:84px;height:126px;object-fit:cover}.ci div{flex:1;font-size:12.5px}.ci small{display:block;color:var(--acc);margin:4px 0;font-size:11px}
.qt{display:flex;align-items:center;gap:10px;margin-top:8px}.qt a{font:18px var(--en);padding:0 6px}.qt input{width:42px;text-align:center;border:0;border-bottom:1px solid var(--ink);font:15px var(--en)}.qt b{margin-left:auto;font:16px var(--en);font-weight:400}
.tot{display:flex;justify-content:space-between;padding:16px 0;font:18px var(--zh)}.tot b{font:24px var(--en);font-weight:400}
.btn{display:inline-block;padding:15px 28px;background:var(--ink);color:#fff;font:15px var(--zh);letter-spacing:.24em;border:0}.btn.full{display:block;width:100%;text-align:center;margin-top:16px}.btn.ghost{background:none;color:var(--ink);border-bottom:2px solid var(--ink);padding:4px 0;margin-top:16px}
.note{font-size:11px;color:var(--mute)}.empty{padding:70px 0;text-align:center;font:18px var(--zh);color:#999}
input,textarea{display:block;width:100%;font:14px -apple-system,sans-serif;border:0;border-bottom:1px solid #bbb;padding:12px 0;margin-bottom:6px;outline:0;background:none}
.ok{color:var(--acc);padding:12px 0}.err{color:#b33}.od{padding:14px 0;border-bottom:1px solid var(--ink)}.oh{display:flex;justify-content:space-between;font:14px var(--zh)}.oh em{color:var(--acc);font-style:normal}
.chips{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 24px;font:16px var(--zh)}.chips a{border-bottom:1px solid var(--line)}
.me-top{padding:30px 16px 24px;border-bottom:1px solid var(--ink)}.me-top b{font:900 26px var(--zh);letter-spacing:.1em}.me-top p{color:var(--mute);font-size:12px}
.svc .lead,.about p{font:15px/1.9 var(--zh);color:#444;margin-bottom:18px;letter-spacing:.04em}.svc h3{font:900 18px var(--zh);margin:26px 0 8px;letter-spacing:.1em}details{border-bottom:1px solid var(--line);padding:14px 0}summary{font:15px var(--zh);list-style:none}details p{font-size:12px;color:#666;margin-top:6px}
/* 2026-10-27 手机一行两件、无内框 */
.mz{grid-template-columns:1fr 1fr;gap:26px 10px;padding:0 16px 8px}
.mz .pc:nth-child(n){grid-column:auto;padding:0;margin-top:0}
.mz .pc:nth-child(n) .ph{aspect-ratio:3/4}
.mz .pc:nth-child(n) .tx{padding:0}
.tri{grid-template-columns:1fr 1fr;gap:18px 10px}
.tri .ph{aspect-ratio:3/4}