:root{--bg:#f5f1ea;--paper:#fbf9f4;--ink:#26211c;--soft:#665f56;--line:#ddd5c8;--wood:#8b5a3c;--deep:#ebe3d7;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:var(--max);margin:auto;padding:0 32px}
header{position:sticky;top:0;z-index:20;background:rgba(245,241,234,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:Georgia,serif;font-size:24px}.logo small{font:600 10px Arial;letter-spacing:.13em;text-transform:uppercase;margin-left:10px}.navlinks{display:flex;gap:24px;font-size:13px}.lang button{border:1px solid var(--line);background:transparent;border-radius:20px;padding:6px 11px;margin-left:5px}.lang button.active{background:var(--ink);color:white}
.hero{padding:62px 0 40px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--soft)}h1,h2,h3{font-family:Georgia,serif;font-weight:400}.hero h1{font-size:clamp(38px,5vw,68px);margin:8px 0 14px;line-height:1.03}.hero p{max-width:760px;color:var(--soft);font-size:17px}
.filters{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0 30px;border-top:1px solid var(--line)}.filter{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 13px;cursor:pointer}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 22px;padding-bottom:70px}.card{min-width:0}.media{aspect-ratio:1/1;background:#eee7da;overflow:hidden;border-radius:3px}.media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.02)}.card h3{font-size:23px;margin:15px 0 4px}.spec{color:var(--soft);font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tag{font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:5px 8px;background:var(--deep);border-radius:999px}.price{font-size:18px;margin-top:8px}.moq{font-size:12px;color:var(--soft)}
footer{border-top:1px solid var(--line);padding:52px 0 28px}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footergrid p{color:var(--soft);max-width:42ch}.footergrid h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.footergrid a{display:block;margin:8px 0;color:var(--soft)}.copyright{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;color:var(--soft);font-size:12px}
.breadcrumb{padding:24px 0;color:var(--soft);font-size:13px}.product{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;padding-bottom:70px}.mainimg{aspect-ratio:1/1;background:#eee7da}.mainimg img{width:100%;height:100%;object-fit:contain;background:white}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.thumbs button{border:1px solid var(--line);padding:0;background:white;cursor:pointer;aspect-ratio:1}.thumbs img{width:100%;height:100%;object-fit:cover}.info h1{font-size:clamp(34px,4vw,56px);line-height:1.05;margin:8px 0 16px}.bigprice{font-size:30px}.lead{font-size:16px;color:var(--soft);margin:22px 0}.facts{border-top:1px solid var(--line);margin-top:28px}.fact{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.fact b{font-weight:600}.seo-note{margin-top:28px;padding:18px;background:var(--deep);font-size:13px;color:var(--soft)}.quote{display:inline-block;background:var(--ink);color:white;padding:12px 18px;margin-top:24px}
[data-zh]{display:none}html[data-lang=zh] [data-en]{display:none}html[data-lang=zh] [data-zh]{display:inline}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.product{grid-template-columns:1fr}.navlinks{display:none}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{padding:0 18px}.grid{grid-template-columns:1fr}.hero{padding-top:40px}.footergrid{grid-template-columns:1fr}.mainimg{aspect-ratio:4/5}.thumbs{grid-template-columns:repeat(3,1fr)}}