:root{--navy:#0b315a;--blue:#145699;--orange:#e5762d;--ink:#182e43;--muted:#63768a;--line:#dce5ed;--pale:#f3f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.6}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.preview-bar{background:var(--navy);color:white;font-size:13px;padding:7px 0}.preview-bar span{opacity:.75;margin-left:20px}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:94px}.brand{display:flex;flex-direction:column;flex-shrink:0}.brand strong{font-size:30px;color:var(--navy);letter-spacing:2px;line-height:1.3}.brand strong span{font-weight:400;margin-left:5px}.brand small{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:5px}nav{display:flex;gap:32px;align-items:center;height:94px}nav a{height:100%;display:flex;align-items:center;font-size:15px;font-weight:600;border-bottom:3px solid transparent}nav a:hover,nav a.active{color:var(--blue);border-color:var(--orange)}.header-phone{font-weight:700;font-size:18px;color:var(--navy)}.header-phone small{display:block;font-size:12px;color:var(--muted);font-weight:400}.hero{background:linear-gradient(115deg,#eff4f8,#f9fbfc);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-block:58px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--blue);margin:0 0 14px}h1{font-size:clamp(32px,3.5vw,50px);line-height:1.35;letter-spacing:1px;margin:0 0 20px;font-weight:750}h1 span{color:var(--blue)}.hero-copy{color:var(--muted);line-height:1.9;margin-bottom:24px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:35px;background:var(--blue);border:1px solid var(--blue);color:white;padding:12px 24px;font-weight:600;font-size:15px}.primary:hover{background:var(--navy)}.primary span{font-size:22px}.hero-image{background:white;padding:22px 28px 0;box-shadow:16px 16px 0 #dfe8f1;border-bottom:4px solid var(--orange)}.hero-image img{width:100%;height:270px;object-fit:contain;display:block}.image-caption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:13px 0;font-size:13px;color:var(--muted)}.catalog{padding-top:54px;padding-bottom:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{font-size:32px;margin:0;line-height:1.3}.section-heading .eyebrow{margin-bottom:8px}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 4px}.divider{margin:0 13px;color:#b2c1d0}.search-bar{display:flex;align-items:center;background:var(--pale);padding:16px;gap:18px;margin-bottom:32px;border:1px solid var(--line)}.search-bar label{font-weight:600;white-space:nowrap;margin-left:8px}.search-bar input{flex:1;min-width:0;background:white;border:1px solid #c6d4e1;padding:12px 15px;border-radius:0;font-size:15px}.search-bar button{align-self:stretch;padding:8px 34px}.catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px}.aside-title{background:var(--navy);color:white;padding:16px 20px;font-size:18px;font-weight:600}.categories{display:flex;flex-direction:column;border:1px solid var(--line);border-top:0}.categories button{background:white;border:0;border-bottom:1px solid #edf0f4;padding:12px 16px;display:flex;justify-content:space-between;gap:10px;text-align:left;font-size:14px;color:#42566b}.categories button:last-child{border-bottom:0}.categories button span{font-size:12px;color:var(--muted)}.categories button:hover{background:#f5f8fb}.categories button.selected{color:var(--blue);background:#eaf2fa;box-shadow:inset 3px 0 var(--blue);font-weight:700}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:15px}.result-heading h3{font-size:21px;margin:0;line-height:1.5}.result-heading p{color:var(--muted);font-size:13px;margin:5px 0 0}.text-button{color:var(--blue);border:0;background:none;padding:0;font-size:14px;font-weight:600}.text-button:hover{text-decoration:underline}.result-heading #back{margin-bottom:10px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:white;border:1px solid var(--line);padding:0;display:flex;flex-direction:column;min-width:0;text-align:left;transition:transform .18s,box-shadow .18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0b315a13;border-color:#a8c0d7}.product-card .photo{height:164px;display:flex;align-items:center;justify-content:center;background:#fafbfc;padding:16px}.photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.no-image{color:#8191a3;font-size:14px}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card-body small{color:var(--muted);font-size:12px}.card-body h4{font-size:16px;line-height:1.6;margin:6px 0 17px;font-weight:600}.card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:auto;color:var(--muted);font-size:13px}.card-meta .arrow{color:var(--blue);font-size:19px;line-height:1}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:14px;color:var(--muted)}.secondary,.pagination button{border:1px solid #b8cadb;background:white;color:var(--blue);padding:8px 18px;font-size:14px}.pagination button:disabled{opacity:.35;cursor:default}.notice{background:#fff5e8;border-left:3px solid var(--orange);padding:12px 15px;font-size:14px;margin-bottom:18px;color:#835123}.notice[hidden],[hidden]{display:none!important}.model-list{border:1px solid var(--line)}.model-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(110px,1.2fr) 110px;gap:15px;align-items:center;border:0;border-bottom:1px solid var(--line);background:white;width:100%;padding:18px;text-align:left;color:var(--ink)}.model-row:last-child{border-bottom:0}.model-row:hover{background:var(--pale)}.model-row strong{font-size:16px;overflow-wrap:anywhere}.model-row small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:3px}.model-row .series-name{font-size:14px;color:var(--muted)}.model-row .view-label{color:var(--blue);font-size:14px;text-align:right}.empty{padding:45px 25px;border:1px dashed var(--line);text-align:center;color:var(--muted)}.about{background:var(--navy);color:white;padding:60px 0}.about-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.about .eyebrow{color:#8db7dc}.about h2{font-size:30px;line-height:1.6;margin:0}.about h3{margin:0 0 12px;font-size:20px}.about p:not(.eyebrow){color:#c5d3e0;font-size:15px;line-height:1.9;margin:0 0 16px}.about a{color:#fff;border-bottom:2px solid var(--orange);padding-bottom:5px}.knowledge{padding-block:58px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:28px}.article{background:var(--pale);border:1px solid var(--line);border-top:3px solid #92acc4;padding:22px;text-align:left;color:var(--ink)}.article:hover{border-top-color:var(--orange)}.article small{font-size:12px;color:var(--muted)}.article h3{font-size:17px;line-height:1.7;margin:9px 0 18px}.article span{font-size:14px;color:var(--blue)}footer{background:#f1f5f8;padding:44px 0 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px}.footer-grid h2{font-size:26px;color:var(--navy);margin:0 0 12px}.footer-grid h3{margin:0 0 12px;font-size:16px}.footer-grid p,.footer-grid a{display:block;font-size:14px;color:var(--muted);line-height:1.9;margin:4px 0}.footer-grid a:hover{color:var(--blue)}.footer-note{margin-top:35px;border-top:1px solid var(--line);padding-block:20px;font-size:12px;color:var(--muted)}dialog{width:min(920px,calc(100% - 32px));max-height:90vh;padding:0;border:0;color:var(--ink);box-shadow:0 25px 100px #081c3e55}dialog::backdrop{background:#081d37aa}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:13px 26px;background:var(--navy);color:white;position:sticky;top:0;z-index:1;font-size:14px}.dialog-head button{border:0;background:none;color:white;font-size:30px;line-height:1;width:36px;height:36px}#detail-body{padding:28px}.detail-title{font-size:30px;line-height:1.4;margin:0 0 4px;overflow-wrap:anywhere}.detail-subtitle{font-size:14px;color:var(--muted);margin-bottom:25px}.detail-images{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.detail-images figure{margin:0;border:1px solid var(--line);padding:15px}.detail-images img{width:100%;height:240px;object-fit:contain}.detail-images figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:7px}.parameters{width:100%;border-collapse:collapse;font-size:15px;margin:18px 0}.parameters th,.parameters td{border:1px solid var(--line);padding:11px 15px;text-align:left;overflow-wrap:anywhere}.parameters th{background:var(--pale);font-weight:500;width:55%}.detail-source{display:inline-block;color:var(--blue);font-size:14px;margin-top:14px}.article-text{white-space:pre-wrap;line-height:2;overflow-wrap:anywhere;font-size:16px}.detail-description{white-space:pre-wrap;color:var(--muted);font-size:15px;line-height:1.9}@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.header-phone{display:none}.hero-inner{gap:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:24px}.hero-image img{height:235px}.about-inner{gap:40px}}@media(max-width:680px){html{scroll-padding-top:120px}.wrap{width:calc(100% - 32px)}.preview-bar{font-size:12px}.preview-bar span{margin-left:8px}.header-inner{display:block;padding-top:16px;min-height:110px}.brand strong{font-size:25px}.brand small{font-size:9px}nav{height:43px;gap:22px}nav a{font-size:13px}.hero-inner{grid-template-columns:1fr;gap:30px;padding-block:32px}.hero h1{font-size:34px}.hero-copy{font-size:15px}.hero-image{box-shadow:8px 8px 0 #dfe8f1;padding:14px 20px 0}.hero-image img{height:195px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2{font-size:27px}.search-bar{flex-wrap:wrap;padding:12px;gap:9px}.search-bar label{width:100%;margin-left:0;font-size:14px}.search-bar input{padding:10px;font-size:14px}.search-bar button{padding:8px 18px}.catalog{padding-top:35px}.catalog-layout{display:block}.aside-title{display:none}.categories{flex-direction:row;overflow:auto;border:0;gap:8px;padding:0 0 16px;margin-bottom:14px}.categories button{white-space:nowrap;flex-shrink:0;border:1px solid var(--line);padding:8px 12px}.categories button:last-child{border-bottom:1px solid var(--line)}.categories button.selected{box-shadow:none;border-color:var(--blue)}.categories button span{display:none}.product-grid{gap:12px}.product-card .photo{height:127px;padding:12px}.card-body{padding:13px}.card-body h4{font-size:14px;margin-bottom:12px}.card-body small,.card-meta{font-size:12px}.result-heading h3{font-size:19px}.model-row{padding:14px 12px;grid-template-columns:1fr 80px;gap:8px}.model-row .series-name{grid-column:1;font-size:12px}.model-row .view-label{grid-column:2;grid-row:1/3;font-size:13px}.about-inner{grid-template-columns:1fr;gap:24px}.about h2{font-size:26px}.article-grid{grid-template-columns:1fr}.knowledge{padding-block:40px}.footer-grid{grid-template-columns:1fr;gap:26px}.detail-images{grid-template-columns:1fr}.detail-images img{height:210px}#detail-body{padding:20px}.detail-title{font-size:25px}.parameters th,.parameters td{padding:9px;font-size:14px}.hero .eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Dimension lookup and model measurements */
.search-bar{display:block}
.keyword-search{display:flex;align-items:center;gap:18px}
.dimension-search{border:0;border-top:1px solid var(--line);padding:15px 0 0;margin:18px 0 0;min-width:0}
.dimension-search legend{font-weight:600;font-size:15px;padding:0 12px 0 8px}
.dimension-search legend span{font-weight:400;font-size:12px;color:var(--muted);margin-left:8px}
.dimension-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:18px;align-items:end}
.dimension-fields label{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;font-size:14px}
.dimension-fields input{width:100%}
.dimension-fields button{align-self:end;min-height:49px;padding:10px 24px;white-space:nowrap}
.dimension-help{margin:12px 0 0;font-size:12px;color:var(--muted)}
.model-row{grid-template-columns:minmax(105px,1fr) minmax(220px,1.5fr) minmax(100px,1fr) 90px;gap:16px}
.model-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.model-dimensions small{margin:0 0 4px;font-size:12px;white-space:nowrap}
.model-dimensions small span{font-size:10px;color:#8c9ba9}
.dimension-cell{min-width:0}
.dimension-cell b{display:block;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:1200px){.model-row{grid-template-columns:minmax(100px,1fr) minmax(200px,1.4fr) 85px}.model-row .series-name{grid-column:1/3;grid-row:2;font-size:12px}.model-row .view-label{grid-column:3;grid-row:1/3}}
@media(max-width:680px){.keyword-search{flex-wrap:wrap;gap:9px}.dimension-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dimension-fields button{grid-column:1/-1;min-height:42px}.dimension-search legend{padding-left:0}.dimension-help{line-height:1.7}.model-row{grid-template-columns:minmax(0,1fr) 85px;gap:10px}.model-row .model-dimensions{grid-column:1/-1;grid-row:2}.model-row .series-name{grid-column:1/-1;grid-row:3}.model-row .view-label{grid-column:2;grid-row:1}.model-dimensions{gap:15px;padding:10px 0;border-top:1px solid var(--line)}.model-dimensions small{font-size:12px}.dimension-cell b{font-size:16px}}
/* Saved article paragraphs and explicit incomplete-series states */
.article-text{white-space:normal;max-width:760px;margin:28px auto 0;line-height:1.95}
.article-text p{margin:0 0 1.15em;text-align:left}
.article-text h3{font-size:20px;line-height:1.6;color:var(--navy);margin:1.8em 0 .7em;padding-bottom:8px;border-bottom:1px solid var(--line)}
.article-text h3:first-child{margin-top:0}
.series-overview{border:1px solid var(--line);padding:26px;background:#fff}
.series-overview h4{margin:0 0 10px;font-size:20px}
.series-overview>p{color:var(--muted);font-size:14px;margin:0 0 24px}
.series-overview .detail-images{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.series-overview .detail-images img{height:280px}
.series-overview .series-help{margin-bottom:0}
.model-row .missing-model{color:#986025}
@media(max-width:680px){.article-text{font-size:15px;line-height:1.95}.article-text h3{font-size:18px}.series-overview{padding:18px}.model-dimensions small{white-space:normal}}

footer{padding-bottom:44px}
.hero-image img{height:320px;object-fit:cover;object-position:center 58%}
@media(max-width:1050px){.hero-image img{height:270px}}
@media(max-width:680px){.hero-image img{height:220px}}

.more-product-photos{margin:0 0 24px;border:1px solid var(--line);padding:12px 15px}.more-product-photos summary{cursor:pointer;color:var(--blue);font-weight:600}.more-product-photos[open] summary{margin-bottom:15px}