/* All refinements are limited to isolated inner-page bodies, never the homepage. */
body.zhi-page .zgh-nav-inner{display:flex!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin;padding-inline:0}
body.zhi-page .zgh-nav-link{flex:0 0 auto!important;min-width:max-content!important;width:auto!important;white-space:nowrap!important;padding-inline:18px!important;margin:0!important}
body.zhi-page .zgh-wordmark{white-space:nowrap;letter-spacing:-.7px}
body.zhi-page .zgh-tagline{font-size:10px;letter-spacing:.025em}
body.zhi-page.zhi-kind-products .zhi-breadcrumb,body.zhi-page.zhi-kind-suppliers .zhi-breadcrumb{padding:16px 0 12px}
body.zhi-page.zhi-kind-products .zhi-intro,body.zhi-page.zhi-kind-suppliers .zhi-intro{padding-bottom:14px;--zhi-h1:30px}
body.zhi-page.zhi-kind-products .zhi-title-row p,body.zhi-page.zhi-kind-suppliers .zhi-title-row p{font-size:14px;margin-top:6px}
body.zhi-page.zhi-kind-products .zhi-title-row h1,body.zhi-page.zhi-kind-suppliers .zhi-title-row h1{margin-bottom:0}
body.zhi-page .zhi-category-nav{margin-bottom:20px}
body.zhi-page .zhi-filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
body.zhi-page .zhi-filter-chips a{display:inline-flex;align-items:center;gap:12px;background:#edf3f7;border:1px solid #d8e3eb;border-radius:3px;padding:5px 10px;font-size:12px;min-height:34px}
body.zhi-page .zhi-filter-chips a span{font-size:18px;line-height:1;color:#526779}
body.zhi-page .zhi-filters>summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;list-style:none}
body.zhi-page .zhi-filters>summary span{margin-left:auto}
body.zhi-page .zhi-filters[open]>summary{margin-bottom:18px}
body.zhi-page .zhi-filters[open]>summary span{transform:rotate(45deg)}
body.zhi-page .zhi-platform-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:start;padding-top:16px}
body.zhi-page .zhi-prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.zhi-page .zhi-prep-grid article{padding:24px;border:1px solid var(--zhi-line);background:#fff;min-width:0;--zhi-h2:23px;--zhi-h3:20px}
body.zhi-page .zhi-prep-grid article>svg{color:var(--zhi-gold);margin-bottom:20px;width:28px;height:28px}
body.zhi-page .zhi-prep-grid article p{font-size:14px;color:var(--zhi-muted);margin-bottom:0}
body.zhi-page .zhi-prep-grid .zhi-text-link{margin-top:20px}
body.zhi-page .zhi-spec-guide .zhi-section-heading>div{max-width:820px}
body.zhi-page .zhi-support-links{display:grid;gap:4px;justify-items:start}
body.zhi-page .zhi-support-links a{border-bottom:1px solid var(--zhi-line);width:100%;justify-content:space-between;padding-block:15px}
body.zhi-page .zhi-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.zhi-page .zhi-reference-card{border:1px solid var(--zhi-line);background:#fff;min-width:0;--zhi-h2:23px;--zhi-h3:22px}
body.zhi-page .zhi-reference-photo,body.zhi-page .zhi-project-photo{display:block;aspect-ratio:4/3;background:#f5f6f7;overflow:hidden}
body.zhi-page .zhi-reference-photo img{width:100%;height:100%!important;object-fit:contain}
body.zhi-page .zhi-project-photo img{width:100%;height:100%!important;object-fit:cover}
body.zhi-page .zhi-reference-copy{padding:22px}
body.zhi-page .zhi-reference-copy .zhi-meta{font-size:11px!important;letter-spacing:.04em;margin-bottom:10px}
body.zhi-page .zhi-reference-copy .zhi-text-link{display:flex;justify-content:space-between;font-size:13px}
body.zhi-page .zhi-design-intro{padding-top:8px}
body.zhi-page .zhi-project-intro{padding-top:8px}
body.zhi-page .zhi-project-intro .zhi-section-heading>div{max-width:840px}
body.zhi-page .zhi-detail-photo img{max-width:100%;object-fit:contain}
body.zhi-page .zhi-style-brief{padding:28px;border:1px solid var(--zhi-line);background:var(--zhi-soft)}
body.zhi-page .zhi-style-brief p{max-width:760px}
body.zhi-page [data-zhi-modal]{z-index:30000;isolation:isolate;padding:16px}
body.zhi-page [data-zhi-modal] .modal-panel{position:relative;z-index:1;background:#fff;color:#16334b;font-family:Arial,"Microsoft YaHei",sans-serif;max-height:calc(100dvh - 32px);overflow-y:auto}
body.zhi-page.modal-open .zhi-mobile-contact{visibility:hidden}
body.zhi-page [data-zhi-modal] h2{font:700 28px/1.25 Arial,"Microsoft YaHei",sans-serif!important;color:#0c2b46;letter-spacing:-.02em}
body.zhi-page [data-zhi-modal] #zhi-inquiry-context{padding:12px 14px;background:#f3f7fa;border-left:3px solid #aa8548;font-size:14px;line-height:1.65;margin-bottom:20px}
body.zhi-page [data-zhi-modal] .zhi-inquiry-note{font-size:12px;line-height:1.6;color:#526779;margin:0}
body.zhi-page [data-zhi-modal] .modal-close{position:sticky;top:0;float:right;z-index:2;right:auto;width:36px;height:36px;background:#fff;color:#16334b;border:1px solid #dce5ec;line-height:1;margin-bottom:-36px}
body.zhi-page [data-zhi-modal] h2{padding-right:42px}
@media(min-width:1500px){body.zhi-page .zgh-nav-inner{justify-content:space-between!important}}
@media(min-width:768px) and (max-width:1100px){body.zhi-page .zgh-nav-link{padding-inline:17px!important;font-size:13px!important}body.zhi-page .zgh-nav-inner{gap:12px!important}body.zhi-page .zgh-wordmark{font-size:20px!important}body.zhi-page .zgh-tagline{font-size:8px!important}}
@media(max-width:1024px){
 body.zhi-page .zhi-catalog{display:block}
 body.zhi-page .zhi-filters{padding:0;border:1px solid var(--zhi-line);margin-bottom:18px}
 body.zhi-page .zhi-filters>summary{padding:12px 16px}
 body.zhi-page .zhi-filters[open]>summary{margin:0;border-bottom:1px solid var(--zhi-line)}
 body.zhi-page .zhi-filter-form{padding:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 body.zhi-page .zhi-filter-form label{min-width:0}
 body.zhi-page .zhi-filter-form label:first-child{grid-column:1/-1}
 body.zhi-page .zhi-filters input,body.zhi-page .zhi-filters select{min-width:0}
 body.zhi-page .zhi-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.zhi-page .zhi-platform-intro{gap:32px}
 body.zhi-page .zhi-prep-grid{gap:16px}
 body.zhi-page .zhi-prep-grid article{padding:20px}
}
@media(max-width:767px){
 body.zhi-page #zgh-scope{width:105px;flex:0 0 105px;max-width:105px;font-size:13px!important;padding-left:12px;padding-right:22px}
 body.zhi-page .zgh-nav-inner{display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important;overflow-x:hidden!important;padding-inline:20px}
 body.zhi-page .zgh-nav-link{min-width:0!important;white-space:normal!important;width:100%!important;padding:14px 8px!important}
 body.zhi-page .zgh-wordmark{font-size:19px!important}
 body.zhi-page .zhi-prep-grid{grid-template-columns:1fr}
 body.zhi-page .zhi-platform-intro{grid-template-columns:1fr;gap:24px}
}
@media(max-width:700px){
 body.zhi-page.zhi-kind-products .zhi-intro,body.zhi-page.zhi-kind-suppliers .zhi-intro{--zhi-h1:26px;padding-bottom:10px}
 body.zhi-page.zhi-kind-products .zhi-breadcrumb,body.zhi-page.zhi-kind-suppliers .zhi-breadcrumb{padding:12px 0}
 body.zhi-page.zhi-kind-products .zhi-title-row>.zhi-button,body.zhi-page.zhi-kind-suppliers .zhi-title-row>.zhi-button{margin-top:12px;min-height:40px;padding:9px 13px;font-size:12px}
 body.zhi-page .zhi-category-nav{margin-bottom:14px}
 body.zhi-page .zhi-filter-form{grid-template-columns:1fr 1fr}
 body.zhi-page .zhi-reference-grid{grid-template-columns:1fr;gap:22px}
 body.zhi-page .zhi-reference-copy{padding:20px}
 body.zhi-page .zhi-prep-grid article{--zhi-h2:22px;--zhi-h3:20px}
 body.zhi-page .zhi-style-brief{padding:22px}
 body.zhi-page .zhi-mobile-contact{gap:8px;flex-wrap:wrap}
 body.zhi-page .zhi-mobile-contact>.zhi-button{flex:1;min-width:0;white-space:normal;line-height:1.4;font-size:12px;padding:10px 8px;gap:6px}
}
