@charset "UTF-8";
#products>.wrap{max-width:none;width:100%;padding-inline:clamp(16px,2vw,40px)}
:root{--paper:#f5f2eb;--ink:#173f35;--muted:#626c61;--sage:#dde4da;--line:#d9dcd2;--white:#fffefa;--copper:#9b714f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(44px,5.1vw,78px)}h2{font-size:clamp(35px,3.6vw,53px)}h3{font-size:27px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:white;padding:14px}.skip:focus{top:10px}.wrap{max-width:1320px;margin:auto;padding:0 56px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:600;margin-bottom:23px}.muted{color:var(--muted)}.small{font-size:12px}.header{position:sticky;top:0;z-index:20;background:rgba(245,242,235,.97);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:30px}.logo{font:30px Georgia,serif;letter-spacing:-1px}.logo span{font-style:italic}.nav{display:flex;align-items:center;gap:28px;font-size:13px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:13px 23px;background:var(--ink);border:1px solid var(--ink);color:white;font-size:12px;letter-spacing:.02em;text-decoration:none;transition:background .2s}.btn:hover{background:#295447;text-decoration:none}.btn.light{background:transparent;color:var(--ink)}.btn.light:hover{background:var(--sage)}.textlink{display:inline-block;font-size:13px;border-bottom:1px solid currentColor;padding:8px 0}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:10px 14px}.hero{display:grid;grid-template-columns:43% 57%;align-items:stretch;min-height:640px}.hero-copy{padding:94px 42px 70px max(56px,calc((100vw - 1208px)/2));align-self:center}.hero-copy h1{max-width:530px;margin-bottom:28px}.hero-copy p:not(.eyebrow){color:var(--muted);max-width:355px;font-size:16px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:32px}.hero-image{position:relative;background:#ece7de}.hero-image img{height:100%;object-fit:cover;object-position:48% center}.caption{position:absolute;right:20px;bottom:13px;color:#56594d;font-size:10px;letter-spacing:.04em;background:#f5f2ebcc;padding:4px 8px}.value-strip{display:flex;justify-content:center;gap:90px;padding:22px;border-block:1px solid var(--line);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.card{min-width:0}.card-image{aspect-ratio:1/1;background:#ecebe4;overflow:hidden}.card-image img{height:100%;object-fit:contain;transition:transform .35s}.card:hover img{transform:scale(1.035)}.card h3{font-size:22px;margin:20px 0 8px;letter-spacing:-.015em}.card .meta{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.category-card h3{font-size:23px}.industry{background:#eeeae1}.tabs{display:flex;border-bottom:1px solid #c8cec2;gap:35px;margin:30px 0}.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:15px 0}.tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split-photo{aspect-ratio:1.18;object-fit:cover;background:white}.industry-photo{object-fit:contain}.detail-row{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid #c8cec2}.detail-row span{font-size:11px;color:var(--copper)}.detail-row p{margin:0}.dark{background:var(--ink);color:var(--paper)}.dark .muted{color:#ced8cd}.custom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.swatch{height:140px;margin-bottom:25px;background:#d9ccae}.swatch.paper{background:repeating-linear-gradient(93deg,#d8cbb155 0 2px,#ddd3bd55 2px 4px),#d9ccb3}.swatch.finish{background:linear-gradient(115deg,#b49558,#e1cea0 44%,#957343 45%,#d4bf8d)}.swatch.insert{background:repeating-linear-gradient(90deg,#465950 0 30px,#253e33 30px 34px)}.custom-grid h3{font-size:26px}.custom-grid p{font-size:13px;color:#ced8cd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.step{border-top:1px solid var(--line);padding-top:20px}.step b{font-size:11px;letter-spacing:.12em;color:var(--copper)}.step h3{font-size:26px;margin:22px 0 14px}.step p{font-size:13px;color:var(--muted)}.faq{max-width:840px;margin:auto}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:16px}details p{margin:17px 25px 0 0;color:var(--muted)}.cta{background:var(--sage);padding:65px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{margin-bottom:15px}.cta p{margin:0}.footer{padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footer a:not(.logo){display:block;font-size:12px;margin:9px 0}.footer .logo{display:block;margin-bottom:20px}.footer p{font-size:12px;color:var(--muted)}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:10px;color:var(--muted)}.page-intro{padding:65px 0 40px}.page-intro h1{max-width:850px;margin:23px 0}.page-intro .lead{max-width:660px;font-size:17px;color:var(--muted)}.crumbs{font-size:11px;color:var(--muted)}.toolbar{display:flex;align-items:end;gap:24px;margin:10px 0 35px}.toolbar label{flex:1;max-width:440px}.toolbar input,.toolbar select{width:100%}.field-label,label{font-size:12px}input,select,textarea{border:1px solid #bfc7bb;border-radius:0;padding:13px;background:var(--white);color:var(--ink);max-width:100%}label input,label select,label textarea{display:block;width:100%;margin-top:8px}.count{font-size:12px;color:var(--muted);margin-left:auto}.catalog{row-gap:42px}.catalog-section{padding-top:10px}.empty{padding:50px 0}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:40px 0 75px}.gallery-main{aspect-ratio:1;object-fit:contain;background:white}.thumbs{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.thumbs button{width:76px;height:76px;padding:3px;border:1px solid var(--line);background:white}.thumbs button[aria-pressed=true]{border:2px solid var(--ink)}.thumbs img{height:100%;object-fit:contain}.product-copy h1{font-size:46px;margin:22px 0}.specs{margin:30px 0}.specs div{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.specs dt{color:var(--muted)}.specs dd{margin:0}.bullets{padding-left:19px;color:var(--muted)}.bullets li{margin:10px 0}.reading{max-width:840px}.reading h2{font-size:35px;margin-top:45px}.reading p{color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-bottom:80px}.contact-info{padding-top:20px}.contact-info h2{font-size:39px}.contact-info a{overflow-wrap:anywhere}.form-panel{padding:35px;background:#eeeae1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}textarea{resize:vertical;min-height:110px}.check{display:flex;align-items:start;gap:10px;margin-top:22px}.check input{width:18px;margin:5px 0}.form-panel .btn{margin-top:20px}.brief{padding:25px;background:var(--white);margin-top:24px;border:1px solid var(--line)}.brief pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 Arial,sans-serif}.brief .actions{gap:10px;margin-top:15px}.brief .btn{margin-top:0}.status{font-size:12px;min-height:20px}.inspiration-note{font-size:11px;color:var(--muted);margin-top:14px}
@media(min-width:1600px){.hero{max-width:1600px;margin:auto}.hero-copy{padding-left:80px}}
@media(max-width:1050px){.wrap{padding:0 30px}.nav{gap:17px}.hero{min-height:550px}.hero-copy{padding:65px 30px}.hero-copy h1{font-size:55px}.split{gap:40px}.grid{gap:20px}.footer-grid{grid-template-columns:1fr 1fr}.value-strip{gap:40px}.product-layout,.contact-layout{gap:35px}.product-copy h1{font-size:37px}}
@media(max-width:760px){.wrap{padding:0 22px}.header-inner{min-height:73px}.logo{font-size:28px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:73px;background:var(--paper);padding:24px;box-shadow:0 8px 12px #173f3510;flex-direction:column;align-items:stretch;gap:22px}.nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:52px 22px 45px}.hero-copy h1{font-size:53px;max-width:460px}.hero-copy p:not(.eyebrow){max-width:430px}.hero-image{min-height:320px}.hero-image img{max-height:440px;object-fit:cover}.value-strip{gap:18px;font-size:8px;letter-spacing:.04em;padding:19px 15px}.section{padding:60px 0}.section-head{align-items:start;flex-direction:column;gap:13px;margin-bottom:27px}h2{font-size:39px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.card h3{font-size:20px}.split,.product-layout,.contact-layout{grid-template-columns:1fr;gap:32px}.tabs{gap:20px;overflow:auto;margin:15px 0 25px}.tabs button{white-space:nowrap;font-size:12px}.custom-grid{gap:22px}.custom-grid h3{font-size:22px}.swatch{height:100px}.steps{grid-template-columns:1fr 1fr;gap:26px}.cta .wrap{align-items:start;flex-direction:column}.cta{padding:45px 0}.footer-grid{gap:27px}.copyright{flex-direction:column;gap:8px}.page-intro{padding:35px 0 25px}.page-intro h1{font-size:43px}.toolbar{flex-wrap:wrap;gap:15px}.toolbar label{flex-basis:100%;max-width:none}.count{margin-left:0}.product-layout{padding-top:20px}.product-copy h1{font-size:38px}.form-panel{padding:23px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.contact-layout{padding-bottom:50px}.footer a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.6}
.floating-contact{position:fixed;right:24px;bottom:24px;z-index:25;display:flex;align-items:center;gap:10px}.floating-contact a{display:flex;align-items:center;justify-content:center;min-height:54px;box-shadow:0 6px 24px #173f3526;text-decoration:none;transition:background .2s,transform .2s}.floating-whatsapp{width:54px;border-radius:50%;background:#23864e;color:white}.floating-whatsapp svg{width:30px;height:30px}.floating-quote{gap:20px;border-radius:30px;padding:13px 25px;background:var(--ink);color:white;font-size:15px;font-weight:700;border:1px solid #ffffff40}.floating-contact a:hover{background:#295447;transform:translateY(-2px)}.footer{padding-bottom:100px}@media(max-width:760px){body{padding-bottom:84px}.floating-contact{right:16px;bottom:calc(14px + env(safe-area-inset-bottom));gap:8px}.floating-quote{padding:12px 20px;font-size:14px}.footer{padding-bottom:22px}}
@media(max-width:760px){.contact-layout .form-panel{order:-1}}

.header-inner{position:relative}.product-menu{padding:0;border:0}.product-menu summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:13px}.product-menu summary::-webkit-details-marker{display:none}.product-menu-chevron{font-size:16px;line-height:1}.product-menu[open] .product-menu-chevron{transform:rotate(180deg)}.product-menu-panel{position:absolute;top:100%;right:56px;width:min(760px,calc(100vw - 44px));padding:26px;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 35px #173f3514}.product-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:12px;border-bottom:1px solid var(--line)}.product-menu-heading>.product-menu-all{font:23px Georgia,serif}.product-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-menu-category{display:flex;align-items:center;gap:12px;padding:10px;min-width:0;font-size:12px;line-height:1.4}.product-menu-category:hover,.product-menu-category:focus-visible{background:var(--sage);text-decoration:none}.product-menu-image{width:58px;height:58px;flex:0 0 58px;object-fit:contain;background:var(--white)}
@media(max-width:1050px){.product-menu-panel{right:30px}}
@media(max-width:760px){.nav.open{max-height:calc(100dvh - 140px);overflow-y:auto}.product-menu summary{justify-content:space-between;min-height:32px}.product-menu-panel{position:static;width:100%;margin-top:14px;padding:15px 0 0;border:0;box-shadow:none}.product-menu-heading{gap:10px;flex-wrap:wrap}.product-menu-heading>.product-menu-all{font-size:21px}.product-menu-grid{grid-template-columns:1fr}.product-menu-category{font-size:13px;padding:7px 0}.product-menu-image{width:48px;height:48px;flex-basis:48px}}
@media(min-width:761px){.nav{align-self:stretch}.product-menu{display:flex;align-items:center;align-self:stretch}}

#inquiry-form button[type=submit]{width:100%}#inquiry-form button:disabled{opacity:.6;cursor:wait}.form-grid>label{min-width:0}#inquiry-form input[type=file]{font-size:12px}

.upload-label{font-weight:600;letter-spacing:.04em}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:175px;margin-top:10px;padding:25px 18px;border:1px dashed #809887;border-radius:12px;background:#f5f2eb;text-align:center;font-weight:400;letter-spacing:0;transition:background .2s,border-color .2s}.upload-zone:hover,.upload-zone.dragging,.upload-zone:focus-within{background:#dde4da;border-color:#173f35}.upload-zone:focus-within{outline:2px solid #173f35;outline-offset:3px}#inquiry-form .upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.upload-zone svg{flex-shrink:0;margin-bottom:3px}#file-name{color:#173f35;font-size:12px;overflow-wrap:anywhere;max-width:100%}.upload-zone.invalid{border-color:#a44036}.upload-zone.invalid #file-name{color:#a44036}
.upload-zone .attachment-preview{width:160px;height:120px;object-fit:contain;background:#fffefa;border:1px solid #bfc7bb;border-radius:8px;padding:5px;pointer-events:none}

.attachment-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.attachment-list:empty{display:none}.attachment-item{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:8px}.attachment-item .attachment-preview{width:100%;height:100px;object-fit:contain}.attachment-item span{font-size:12px;overflow-wrap:anywhere;max-width:100%}.attachment-item button{border:0;background:transparent;color:var(--ink);text-decoration:underline;padding:5px;font-size:12px}

.header-logo{display:block;flex-shrink:0;width:240px}.header-logo picture,.header-logo img{display:block;width:100%;height:auto}.footer-logo{display:block;max-width:230px}.footer-logo img{width:100%;height:auto}@media(max-width:1100px) and (min-width:761px){.header-logo{width:190px}.header-inner{gap:18px}.nav{gap:18px}}@media(max-width:760px){.header-logo{width:185px}.footer-logo{max-width:200px}}

/* ---- 2026-09-17 完整产品页 + 分类导购（rich_content.py）---- */
.product-overview{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 6px}
.product-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.pdp-details{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start}
.pdp-details .specs{margin-top:10px}
.pdp-details .faq{max-width:none;margin:0}
.related-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:22px}
.category-facts{padding:0 0 18px}
.specs-inline{display:grid;grid-template-columns:repeat(5,1fr);gap:0 28px;margin:0}
.specs-inline div{grid-template-columns:1fr;gap:4px;border-bottom:0;border-top:1px solid var(--line)}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 60px;max-width:none}
.guide-grid h3{margin-top:26px}
@media(max-width:1050px){.pdp-details{grid-template-columns:1fr;gap:30px}.specs-inline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.guide-grid{grid-template-columns:1fr}.specs-inline{grid-template-columns:1fr 1fr}.specs div{grid-template-columns:115px 1fr}}