/* 预览第二版：全宽首屏与统一内页；不覆盖正式站样式。 */
.hero-panorama{position:relative;isolation:isolate;padding:0!important;min-height:650px;min-height:min(820px,85svh);background:#263138;color:white;display:grid;align-items:center;overflow:hidden}
.hero-panorama .hero-visual{position:absolute;inset:0;z-index:-1;padding:0}
.hero-panorama .hero-photograph{height:100%;border-radius:0}
.hero-panorama .hero-photograph::after{background:linear-gradient(90deg,rgba(8,17,22,.86) 0%,rgba(8,17,22,.65) 37%,rgba(8,17,22,.08) 85%),linear-gradient(0deg,rgba(8,17,22,.45),transparent 40%)}
.hero-panorama .hero-slide{object-position:center 54%}
.hero-panorama .hero-grid{display:block;padding-top:95px;padding-bottom:120px}
.hero-panorama .hero-copy{max-width:800px;padding:0}
.hero-panorama h1{font-size:clamp(44px,5.2vw,78px);line-height:1.04;letter-spacing:-.048em;max-width:840px;text-wrap:balance}
.hero-panorama h1 span{color:#fff}
.hero-panorama .hero-kicker{color:#eee;font-size:10px}
.hero-panorama .hero-description{color:#e2e5e7;max-width:540px;font-size:16px;line-height:1.8}
.hero-panorama .button-secondary{background:#ffffff0c;border-color:#ffffff70;color:#fff;backdrop-filter:blur(5px)}
.hero-panorama .button-secondary:hover{background:#ffffff22}
.hero-panorama .hero-footnote{color:#c4cbce;font-size:10px}
.hero-panorama .visual-index{display:none}
.hero-panorama .hero-caption{left:auto;right:max(32px,calc((100vw - 1320px)/2));bottom:35px;max-width:230px;font-size:10px;text-align:right;color:#d6dde0}
.hero-panorama .hero-controls{left:max(32px,calc((100vw - 1320px)/2));right:auto;bottom:28px;z-index:5;pointer-events:auto}
.hero-panorama .hero-controls button{color:#ddd;min-height:38px;min-width:40px}
.hero-panorama .hero-controls button[aria-pressed=true]{color:white;border-color:#ef536f}
.documents{background:#f2f2ef;position:relative;overflow:hidden}
.documents::before{content:'DOCUMENTS';position:absolute;right:-18px;top:20px;font-size:clamp(72px,13vw,190px);font-weight:700;letter-spacing:-.07em;color:#e6e6e1;line-height:1;pointer-events:none}
.documents>.wrap{position:relative}
.documents-top{gap:64px;margin-bottom:55px}
.documents-description{border-left:2px solid var(--red);padding:0 0 0 26px;margin-top:40px}
.document-card{border:0;border-radius:2px;background:#fff;box-shadow:0 8px 28px #24271b06}
.document-index{display:flex;align-items:center;gap:10px;padding:20px 24px;font:10px var(--font-mono);letter-spacing:.1em;color:#7b7e78}
.document-index::before{content:'';width:7px;height:7px;background:var(--red)}
.document-open{width:calc(100% - 40px);margin:0 20px;padding:28px 34px;background:repeating-linear-gradient(0deg,#eceee9,#eceee9 1px,#f3f4f0 1px,#f3f4f0 24px);border:1px solid #e9eae4}
.document-open img{height:260px;filter:drop-shadow(3px 10px 8px #1c211f26);transform:rotate(-3deg);transition:transform .35s}
.document-open:hover img{transform:rotate(0deg) translateY(-5px)}
.document-open>span{width:38px;height:38px;background:var(--red);color:#fff;border:none;border-radius:0;right:0;bottom:0}
.document-copy{padding:26px 25px 30px}
.document-copy h3{font-size:21px;letter-spacing:-.035em}
.document-copy a{display:block;border-top:1px solid var(--line);padding-top:16px}
.page-intro{padding:42px 0 74px;background:#f1f2ef;border-bottom:1px solid var(--line)}
.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#737976;margin-bottom:50px}
.breadcrumbs a:hover{color:var(--red)}
.page-intro h1{max-width:960px;font-size:clamp(46px,6.2vw,86px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:20px 0 28px}
.intro-lead{max-width:580px;font-size:16px;line-height:1.8;margin:0;color:#5d6768}
.inner-preview{min-height:65vh}
.preview-caption{font-size:11px;color:#747b7b;padding:24px 0;margin:20px 0 0;border-top:1px solid var(--line)}
.catalog-layout{display:grid;grid-template-columns:235px 1fr;gap:64px}
.catalog-sidebar{align-self:start;position:sticky;top:120px}
.format-filter{display:flex;flex-direction:column;gap:4px;margin:24px 0 45px}
.format-filter button{padding:16px 15px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;display:flex;justify-content:space-between;font-size:13px}
.format-filter button[aria-pressed=true]{background:#181d20;color:#fff;border-left:3px solid var(--red)}
.catalog-help{border-top:2px solid var(--red);padding-top:24px}
.catalog-help h3{font-size:23px;line-height:1.2;margin:0 0 15px}
.catalog-help p:not(.eyebrow),.catalog-help a{font-size:12px}
.catalog-help a{color:var(--red)}
.catalog-toolbar{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-bottom:30px}
.catalog-toolbar>span{font:10px var(--font-mono);white-space:nowrap}
.catalog-search{max-width:460px;width:100%}
.catalog-search input{width:100%;padding:15px 18px;border:1px solid #d7ddda;background:#fff;border-radius:2px;font:14px var(--font)}
.catalog-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.catalog-card{border:1px solid #e6e8e5;background:#fff;transition:box-shadow .25s}
.catalog-card:hover{box-shadow:0 12px 35px #19251e0c}
.catalog-photo{position:relative;aspect-ratio:1.05;background:#e6e7e9;overflow:hidden}
.catalog-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken;transition:transform .6s;padding:28px}
.catalog-card:hover img{transform:scale(1.04)}
.catalog-label{position:absolute;left:20px;top:20px;z-index:1;font:10px var(--font-mono)}
.catalog-arrow{position:absolute;right:0;bottom:0;background:white;padding:12px 18px;font-size:24px;color:var(--red)}
.catalog-copy{padding:26px}
.catalog-copy h2{font-size:30px;margin:0 0 13px}
.catalog-copy>p:not(.eyebrow){font-size:12px}
.catalog-copy dl{margin:24px 0;font-size:11px}
.catalog-copy dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.catalog-copy dd{margin:0;color:var(--ink)}
.catalog-copy dt{color:var(--muted)}
.catalog-copy .text-link{font-size:12px}
.catalog-empty{padding:70px 20px;background:var(--surface);text-align:center;font-size:14px}
.preview-product{padding-top:36px;padding-bottom:100px}
.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin:0 0 70px}
.product-visual{background:#e6e7e9;min-width:0}
.product-visual>img{width:100%;height:auto;aspect-ratio:1.1;object-fit:contain;mix-blend-mode:darken;padding:28px}
.product-visual>p{margin:0;padding:15px 24px;font-size:10px;color:#737b7c;border-top:1px solid #d6dadd}
.product-summary h1{font-size:clamp(34px,4vw,60px);line-height:1.06;letter-spacing:-.05em;margin:20px 0}
.product-focus{font-size:18px;color:#697371;max-width:410px}
.key-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid var(--line);padding:24px 0;margin:30px 0}
.key-specs small{display:block;font-size:10px;color:#65706d;margin-bottom:9px}
.key-specs strong{font-size:17px;font-weight:500}
.model-note,.trade-note{font-size:12px;line-height:1.8}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.whatsapp-link{font-size:12px;color:var(--red)}
.trade-note{margin-top:20px}
.detail-tabs{position:sticky;top:78px;z-index:4;background:#fff;border-block:1px solid var(--line);display:flex;gap:30px;padding:20px 0;overflow:auto;font-size:12px}
.detail-tabs a{white-space:nowrap}
.detail-tabs a:hover{color:var(--red)}
.detail-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;margin-top:65px}
.detail-main>section{scroll-margin-top:170px;margin-bottom:65px}
.detail-main h2{font-size:32px;line-height:1.15;letter-spacing:-.035em}
.detail-main p,.detail-main li{font-size:14px;line-height:1.9;color:#697270}
.spec-table-wrap{overflow-x:auto}
.spec-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:28px}
.spec-table th,.spec-table td{padding:18px 17px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.8}
.spec-table th{background:#f2f3f0;font-weight:500;width:45%}
.source-note{padding:20px 0;font-size:12px}
.source-note summary{cursor:pointer;color:var(--red)}
.application-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.application-chips span{font-size:11px;background:#f0f2ef;border:1px solid var(--line);padding:9px 12px}
.document-links a{font-size:13px;color:var(--red)}
.product-faq details{border-bottom:1px solid var(--line);padding:20px 0}
.product-faq summary{cursor:pointer;font-size:14px;font-weight:500}
.product-faq details p{padding-top:15px}
.rfq-panel{position:sticky;top:165px;align-self:start;background:#f0f2ef;border-top:3px solid var(--red);padding:28px}
.rfq-panel h2{font-size:28px;line-height:1.2}
.rfq-panel p,.rfq-panel li{font-size:12px;line-height:1.9}
.rfq-panel ul{padding-left:18px;margin-bottom:28px}
.rfq-panel>a{display:block;font-size:11px;margin-top:15px;overflow-wrap:anywhere}
.rfq-panel .button{display:flex;font-size:12px}
.related-products{padding-top:50px;border-top:1px solid var(--line)}
.related-products>h2{font-size:36px}
.related-products>p{font-size:13px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}
.related-image{background:#e6e7e9;aspect-ratio:1.3}
.related-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken;padding:20px}
.related-grid h3{font-size:18px;margin-top:20px}
.related-grid p{font-size:12px}
.editorial-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px;font:10px var(--font-mono)}
.featured-story .news-card{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center}
.featured-story .news-image{aspect-ratio:1.5}
.featured-story .news-copy{padding:10px 0}
.featured-story h3{font-size:clamp(28px,3.3vw,48px);line-height:1.15;letter-spacing:-.04em}
.featured-story .news-copy>span{margin-top:25px}
.preview-article .article-head{padding:50px 0 70px;background:#f1f2ef}
.article-head .back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:50px}
.article-head .tag{font:10px var(--font-mono);text-transform:uppercase;color:var(--red);margin-bottom:20px}
.article-head h1{font-size:clamp(40px,5.5vw,76px);line-height:1.05;max-width:1050px;letter-spacing:-.05em;margin-bottom:28px}
.article-head p{font-size:18px;max-width:650px}
.article-meta{font:10px var(--font-mono);color:var(--muted);margin-top:28px}
.preview-article .article{width:min(1320px,calc(100% - 80px));margin:55px auto 90px;display:grid;grid-template-columns:240px minmax(0,800px);gap:45px 65px;justify-content:center}
.preview-article figure{grid-column:1/-1;margin:0 0 20px;background:#f3f4f2}
.preview-article figure img{width:100%;max-height:480px;object-fit:contain;padding:30px}
.preview-article figcaption{padding:15px 25px;font-size:10px;color:var(--muted)}
.article-toc{align-self:start;position:sticky;top:140px;padding-top:8px}
.article-toc nav{display:flex;flex-direction:column;gap:18px;border-left:1px solid var(--line);padding-left:20px;margin:25px 0 35px}
.article-toc nav a{font-size:12px;color:#68716f;line-height:1.7}
.article-toc a:hover{color:var(--red)}
.article-toc>.text-link{font-size:12px}
.article-body{min-width:0;font-size:16px;line-height:1.95;color:#5d6764}
.article-body h2{font-size:32px;line-height:1.25;letter-spacing:-.035em;color:var(--ink);margin:44px 0 24px;scroll-margin-top:140px}
.article-body>h2:first-child{margin-top:0}
.article-body a{color:var(--red)}
.article-body .sources{padding:28px;background:#f2f3ef;margin-top:45px;font-size:12px}
.article-body .sources h2{font-size:23px;margin-top:0}
.article-body .sources ol{padding-left:18px}
.article-body .related{border-top:1px solid var(--line);margin-top:40px}
.article-body .related-links{display:flex;flex-direction:column;gap:16px;font-size:14px}
.article-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px;font-size:12px}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.profile-grid h2{font-size:42px}
.profile-grid p{font-size:14px;line-height:1.9}
.profile-photo{width:100%;aspect-ratio:.9;object-fit:cover}
.office-line{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:60px;padding:28px 0;font:12px var(--font-mono);letter-spacing:.06em}
.muted-section{background:#f1f2ef}
.timeline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}
.timeline li{border-top:1px solid #b9c0bc;padding-top:25px}
.timeline time{color:var(--red);font:32px var(--font-mono)}
.timeline h3{font-size:19px;margin:25px 0 15px}
.timeline p{font-size:13px;line-height:1.8}
.advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.advantage{border-top:2px solid var(--red);padding-top:25px}
.advantage h3{font-size:24px;line-height:1.25}
.advantage p{font-size:14px;line-height:1.85}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.company-contact>h2{font-size:30px;max-width:450px}
.contact-intro{font-size:14px;line-height:1.9;margin:25px 0 40px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.contact-card h2{font-size:14px;display:flex;gap:8px;align-items:center}
.contact-card h2 svg{width:19px;height:19px;stroke:var(--red);fill:none;stroke-width:1.5;flex-shrink:0}
.contact-card p,.contact-card address,.contact-card a{font-size:12px;line-height:1.9;font-style:normal;overflow-wrap:anywhere}
.contact-card a{display:block;color:var(--red)}
.contact-address{grid-column:1/-1}
.inquiry-form{padding:38px;background:#f1f2ef;border-top:3px solid var(--red)}
.inquiry-form h2{font-size:32px}
.inquiry-form>p{font-size:13px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inquiry-form label{display:block;font-size:12px;font-weight:500;margin:0 0 22px}
.inquiry-form input,.inquiry-form textarea{display:block;width:100%;border:1px solid #d5dcd7;background:white;margin-top:10px;padding:13px;font:16px var(--font);border-radius:2px}
.inquiry-form input[type=hidden]{display:none}
.inquiry-form textarea{min-height:155px;resize:vertical}
.inquiry-form .form-note{font-size:10px;line-height:1.9}
.inquiry-form .form-note a{color:var(--red)}
.inquiry-form [role=status]{font-size:12px;color:var(--red);margin-top:20px}
.legal-preview{max-width:900px;padding-top:55px;padding-bottom:80px;font-size:15px;line-height:1.9}
.legal-preview h1{font-size:52px;letter-spacing:-.04em}
.legal-preview h2{font-size:27px;margin-top:40px}
[hidden]{display:none!important}
@media(min-width:1600px){.hero-panorama .hero-copy{max-width:900px}.hero-panorama h1{font-size:82px}}
@media(max-width:1050px){.catalog-layout{gap:32px;grid-template-columns:190px 1fr}.product-hero{gap:32px}.detail-content{gap:35px;grid-template-columns:minmax(0,1fr) 260px}.contact-layout{gap:40px}.preview-article .article{grid-template-columns:180px minmax(0,1fr);gap:35px}.profile-grid{gap:35px}}
@media(max-width:820px){.hero-panorama{min-height:660px}.hero-panorama .hero-grid{padding-top:80px;padding-bottom:125px}.hero-panorama .hero-copy{max-width:650px}.hero-panorama h1{font-size:clamp(44px,7vw,65px)}.hero-panorama .hero-photograph::after{background:linear-gradient(90deg,#081116dc,#08111666),linear-gradient(0deg,#08111680,transparent)}.documents-top{gap:25px}.documents-description{margin-top:10px}.catalog-products{grid-template-columns:1fr}.product-hero,.contact-layout,.profile-grid{grid-template-columns:1fr}.product-visual{max-width:600px;width:100%}.product-visual>img{aspect-ratio:1.4}.detail-content{grid-template-columns:1fr}.rfq-panel{position:static}.detail-tabs{top:75px;gap:22px}.featured-story .news-card{grid-template-columns:1fr;gap:15px}.timeline{grid-template-columns:1fr 1fr}.advantages{grid-template-columns:1fr;gap:25px}.preview-article .article{grid-template-columns:1fr;width:calc(100% - 48px)}.article-toc{position:static}.article-toc nav{display:grid;grid-template-columns:1fr 1fr}.article-toc>.text-link{display:none}.article-body h2{font-size:28px}.page-intro{padding-bottom:55px}}
@media(max-width:540px){.hero-panorama{min-height:700px;min-height:calc(100svh - 100px);max-height:none}.hero-panorama .hero-grid{padding-top:60px;padding-bottom:145px}.hero-panorama h1{font-size:clamp(37px,9.4vw,50px);line-height:1.08;text-wrap:initial}.hero-panorama .hero-description{font-size:14px}.hero-panorama .hero-caption{display:none}.hero-panorama .hero-controls{left:20px;bottom:25px}.hero-panorama .hero-footnote{font-size:9px}.document-open img{height:235px}.document-open{padding:22px}.document-copy{padding:24px}.document-index{padding:18px 24px}.documents-top{margin-bottom:32px}.page-intro h1{font-size:43px}.breadcrumbs{margin-bottom:35px}.intro-lead{font-size:14px}.catalog-layout{grid-template-columns:1fr;gap:25px}.catalog-sidebar{position:static}.format-filter{flex-direction:row;overflow:auto;gap:7px;margin:12px 0}.format-filter button{white-space:nowrap;gap:16px;padding:12px;font-size:11px;border:1px solid var(--line)}.catalog-help{display:none}.catalog-toolbar{gap:12px}.catalog-toolbar>span{font-size:9px}.catalog-photo{aspect-ratio:1.15}.product-hero{margin-bottom:35px}.product-summary h1{font-size:38px}.key-specs{gap:15px}.key-specs strong{font-size:15px}.detail-tabs{gap:22px;font-size:11px;top:70px}.detail-main h2{font-size:28px}.spec-table{font-size:11px}.spec-table td,.spec-table th{padding:13px 10px}.related-grid{grid-template-columns:1fr}.related-image{aspect-ratio:1.6}.related-products>h2{font-size:30px}.article-head h1{font-size:42px}.article-head p{font-size:15px}.article-toc nav{grid-template-columns:1fr}.article-body{font-size:15px}.preview-article .article{width:calc(100% - 40px)}.preview-article figure img{padding:12px}.article-body .sources{padding:20px}.timeline{grid-template-columns:1fr}.office-line{gap:20px;font-size:9px}.profile-grid h2{font-size:32px}.contact-grid,.form-row{grid-template-columns:1fr}.inquiry-form{padding:25px}.company-contact>h2{font-size:27px}.contact-address{grid-column:auto}.legal-preview h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.document-open img,.catalog-photo img{transition:none;transform:none!important}}
/* 背景与文字独立叠层，保证轮播控制仍可点击。 */
.hero-panorama .hero-visual{z-index:0}
.hero-panorama .hero-grid{position:relative;z-index:1;pointer-events:none}
.hero-panorama .hero-copy{pointer-events:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}