/* Final viewport safety layer: content scrolls below the fixed navigation. */
#engine-operations .bike-business-report .bike-live-chart{
 display:flex;flex-direction:column;flex:1 1 auto;min-height:160px;
 margin-top:12px;padding-top:12px;border-top:1px solid #38514d;
}
#engine-operations .bike-business-report .bike-live-chart>h4{flex:none;margin-bottom:10px;gap:12px}
#engine-operations .bike-business-report .bike-live-chart svg{
 flex:1 1 auto;width:100%;height:100%;min-height:110px;max-height:none;aspect-ratio:auto;
}
#engine-operations .bike-business-report .bike-day-readout{
 flex:none;min-height:44px;padding-top:10px;margin-top:8px;border-top:1px solid #2b4542;line-height:1.5;
}
#engine-operations .bike-business-report>header,
#engine-operations .bike-business-report>.bike-profit,
#engine-operations .bike-business-report>.bike-revenue{flex:none}
#engine-operations .bike-business-report{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a8275 transparent}
@media(min-width:901px) and (max-height:820px){
 #engine-operations .bike-business-report .bike-live-chart{margin-top:6px;padding-top:6px;min-height:130px}
 #engine-operations .bike-business-report .bike-live-chart svg{height:80px;min-height:70px}
 #engine-operations .bike-business-report .bike-live-chart>h4{margin-bottom:4px}
 #engine-operations .bike-business-report .bike-day-readout{padding-top:4px;margin-top:4px;min-height:32px}
}
@media(min-width:901px) and (min-height:821px){
 #engine-operations .bike-business-report .bike-profit{padding:clamp(12px,2vh,28px) 0}
 #engine-operations .bike-business-report .bike-revenue{padding:clamp(12px,1.8vh,24px) 0}
}
@media(max-width:900px),(max-height:620px){
 #engine-operations .bike-business-report .bike-live-chart svg{height:auto;min-height:0;aspect-ratio:324/160;flex:none}
}
@media(min-width:901px) and (min-height:621px){
 body .slide:not(#home):not(#company):not(.transition-slide)>.slide-inner{
  position:absolute;top:calc(var(--header-height) + 12px);bottom:78px;
  left:var(--content-inline);right:var(--content-inline);width:auto;height:auto;
  padding:0 0 12px;min-height:0;overflow-x:hidden;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:#6599b0 transparent;
 }
 body .slide>.slide-bottom{left:var(--content-inline);right:max(var(--content-inline),54px);bottom:42px;gap:16px}
 body .slide>.slide-bottom>span{min-width:0;overflow-wrap:anywhere}
 #engine-research .research-panels{min-height:0;overflow:auto;scrollbar-width:thin}
 #engine-research .research-panels:has(#engine-research-panel-1:not([hidden])){overflow:auto}
 #engine-research #engine-research-panel-0{height:100%;min-height:0;overflow:hidden}
 #engine-research #engine-research-panel-0 .command-center-reference-layout{height:100%;min-height:0;align-items:stretch}
 #engine-research #engine-research-panel-0 .command-center-reference-figure{height:100%;min-height:0;align-self:stretch}
 #engine-research #engine-research-panel-0 .command-center-reference-figure>a{display:flex;flex:1 1 0;min-height:0;align-items:center;justify-content:center}
 #engine-research #engine-research-panel-0 .command-center-reference-figure img{width:100%;height:100%;min-height:0;object-fit:contain}
 #engine-research #engine-research-panel-0 .command-center-reference-copy{height:100%;max-height:100%;overflow-y:auto;gap:10px}
 #engine-research .operations-reference-layout{height:auto;min-height:325px}
 #engine-research .operations-reference-copy{max-height:none;overflow:visible}
}
@media(min-width:901px) and (min-height:621px) and (max-height:850px){
 #controller-loop .mobility-loop{flex:1 1 auto;min-height:360px;gap:32px;margin-top:12px}
 #controller-loop .mobility-loop-visual{padding:36px 28px}
 #controller-loop .loop-ring{width:min(72%,340px,43vh);border-width:16px}
 #controller-loop .loop-node{width:clamp(68px,6vw,86px);font-size:20px}
 #controller-loop .loop-caption{font-size:12px;line-height:1.5}
 #controller-loop .loop-core strong{font-size:23px}
 #controller-loop .loop-core small{font-size:12px}
 #controller-loop .mobility-loop-steps{gap:9px;padding:0}
 #controller-loop .mobility-loop-steps article{padding:10px 15px 10px 67px;gap:4px;min-height:65px}
 #controller-loop .mobility-loop-steps article::before{left:15px;padding-right:10px;font-size:22px}
 #controller-loop .mobility-loop-steps h3{font-size:20px}
 #controller-loop .mobility-loop-steps p{font-size:13px;line-height:1.55}
 #controller-loop>.slide-inner>h2{font-size:30px;margin-bottom:6px}
 #engine-research .research-shared-summary{padding:9px 12px}
}
@media(max-width:900px),(max-height:620px){
 .slide{scroll-margin-top:var(--header-height)}
 #detail-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:24px 20px}
 #dialog-title{font-size:clamp(21px,4vw,32px);line-height:1.5;overflow-wrap:anywhere;padding-right:20px}
 .governance-band{flex-wrap:wrap;gap:12px}
 .governance-band>span{min-width:0;white-space:normal}
}

/* 产品详情：产品信息、应用场景、应用模式、特点 */
#products-matrix .matrix-info-list{margin:12px 0 0;display:grid;gap:12px}
#products-matrix .matrix-info-list>div{border-top:1px solid #dce7f3;padding-top:9px}
#products-matrix .matrix-info-list dt{font-size:14px;font-weight:700;color:#1768bd;margin-bottom:4px}
#products-matrix .matrix-info-list dd{margin:0;font-size:14px;line-height:1.65;color:#455f7c}
#products-matrix .matrix-mode-plan{display:grid;gap:8px}
#products-matrix .matrix-mode-plan p{max-width:none;margin:0;color:inherit;font:inherit;line-height:inherit}
#products-matrix .matrix-mode-plan strong{display:block;margin-bottom:2px;color:#244f7c;font-weight:700}
#products-matrix #matrix-panel-1{grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr) minmax(170px,.72fr);gap:24px}
#products-matrix #matrix-panel-1 .matrix-mode-plan{gap:4px;font-size:clamp(10.5px,.72vw,12px);line-height:1.45}
#products-matrix .matrix-features-title{margin:0 0 5px;color:#1768bd;font-size:17px}
@media(min-width:901px) and (max-height:850px){#products-matrix .matrix-info-list{gap:7px;margin-top:8px}#products-matrix .matrix-info-list>div{padding-top:5px}#products-matrix .matrix-info-list dt{font-size:12px;margin-bottom:2px}#products-matrix .matrix-info-list dd{font-size:12px;line-height:1.5}#products-matrix .matrix-mode-plan{gap:4px}#products-matrix #matrix-panel-1 .matrix-mode-plan{gap:2px;font-size:10px;line-height:1.28}#products-matrix #matrix-panel-1 .matrix-mode-plan strong{margin-bottom:0}}
/* 场景导航展示产品实物及应用概念图。 */
#engine-operations .command-scene-tabs button{position:relative;isolation:isolate;overflow:hidden;align-items:flex-start;padding-top:12px}
#engine-operations .command-scene-tabs button::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,18,29,.14),transparent 42%,rgba(10,18,29,.16));pointer-events:none}
#engine-operations .command-scene-tabs button>i,#engine-operations .command-scene-tabs button>span{position:relative;z-index:1}
#engine-operations .command-scene-tabs button>span{align-items:center}
#engine-operations .command-scene-product{position:absolute;right:0;bottom:0;width:78%;height:70%;object-fit:cover;object-position:center;z-index:-2;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 24%);border-radius:0 0 9px 0}
#engine-operations .command-scene-tabs button:disabled{opacity:1;color:#bbc8d8}
#engine-operations .command-scene-tabs button:disabled .command-scene-product{opacity:.65}
@media(max-width:900px),(max-height:620px){#engine-operations .command-scene-tabs button{min-height:120px}#engine-operations .command-scene-product{width:65%;height:78%}}
@media(min-width:901px) and (max-height:760px){#engine-operations .command-workspace .command-scene-tabs button{padding:6px 8px}#engine-operations .command-scene-tabs button>i{width:22px;height:22px;flex-basis:22px}#engine-operations .command-scene-tabs button>span{gap:3px}#engine-operations .command-scene-tabs button b{font-size:12px}#engine-operations .command-scene-product{width:67%;height:58%}}
#engine-operations .command-scene-product{object-fit:contain;object-position:right bottom}
@media(max-width:900px),(max-height:620px){
 #products-matrix #matrix-panel-1{grid-template-columns:minmax(0,1fr);gap:14px}
 #products-matrix #matrix-panel-1 .matrix-carousel{grid-row:1;width:100%;min-height:260px}
 #products-matrix #matrix-panel-1 .matrix-description{grid-row:2}
 #products-matrix #matrix-panel-1 .matrix-values{grid-row:3}
}
/* 数据来源及口径始终可见，不将演示指标展示为实测。 */
#engine-operations .command-metric-note small,#engine-operations .command-metric-note button{display:block}
#engine-operations .bike-data-source{display:block;flex-shrink:0;margin:5px 0 0;font-size:10px;line-height:1.4;color:#a8bac4}
#engine-operations .command-metric-note{gap:3px;margin-top:6px;padding-top:5px}
#engine-operations .command-metric-note small{font-size:10px}
#engine-operations .command-metric strong{font-size:clamp(18px,2vw,32px)}
#dialog-body{white-space:pre-line}
/* 三类功能入口：弱化的业务场景背景，仅作装饰。 */
#engine-research .engine-module-tabs button{position:relative;isolation:isolate;overflow:hidden}
#engine-research .engine-module-tabs button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--research-tab-art);background-size:cover;background-position:center;opacity:.18;filter:grayscale(.65) saturate(.5);mask-image:linear-gradient(105deg,transparent 8%,#000 90%);transition:opacity .2s}
#engine-research .engine-module-tabs button[aria-selected=true]::before{opacity:.16;filter:grayscale(1)}
#engine-research .engine-module-tabs button:hover::before{opacity:.23}
#engine-research #engine-research-tab-0{--research-tab-art:url('../assets/research-command-center.png')}
#engine-research #engine-research-tab-1{--research-tab-art:var(--page-image-b45de88a40, url('../assets/optimized/research-operations-live-map-b7f6e8bf1ff0.webp'))}
#engine-research #engine-research-tab-2{--research-tab-art:var(--page-image-b711b4b9b0, url('../assets/optimized/engine-analysis-agent-e03fbcfeeeca.webp'))}

/* Compact laptop viewports: keep primary content above browser chrome without
   making the entire desktop layout collapse into the mobile presentation. */
@media(min-width:901px) and (min-height:621px) and (max-height:700px){
 body .slide>.slide-bottom{display:none!important}
 body .slide:not(#home):not(#company):not(.transition-slide)>.slide-inner{
  bottom:42px;padding-bottom:4px;scroll-padding-block:8px;
 }
 .page-counter,.site-interaction-hint{display:none!important}
 .display-tools{right:10px;bottom:6px}
 .display-tools button{min-height:28px;padding:3px 7px;font-size:10px}

 /* Product cards previously clipped the last parameter rows at 1024x640 and
    1366x650. The imagery remains legible while all supplied data stays visible. */
 :is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner>h2{
  margin-bottom:8px;font-size:clamp(27px,2.35vw,32px)
 }
 :is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner>h2::before{margin-bottom:4px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav{margin-bottom:6px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav a{min-height:32px;padding:5px 13px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-intro{margin-bottom:7px;padding:6px 11px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-intro p{font-size:12px;line-height:1.45}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery{gap:10px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article>a{
  height:clamp(104px,18vh,126px);min-height:104px;padding:12px 16px 7px
 }
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption{padding:7px 11px 9px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption h4{margin-bottom:3px;font-size:17px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption ul{margin:0;padding:0;list-style:none}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption li{
  margin-top:3px;padding:3px 7px 3px 22px;font-size:11px;line-height:1.35
 }
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption li::before{left:9px;top:8px;width:5px;height:5px}

 /* Research copy becomes an explicit local scroll region instead of extending
    behind the shared summary band. */
 #engine-research .research-shared-summary{padding:6px 10px}
 #engine-research .research-shared-summary p{font-size:9px!important;line-height:1.45!important}
 #engine-research #engine-research-panel-0 .command-center-reference-copy,
 #engine-research #engine-research-panel-1 .operations-reference-copy{
  height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:4px
 }
 #engine-research #engine-research-panel-0 .command-center-reference-figure{
  height:100%;min-height:0;align-self:stretch
 }
 #engine-research #engine-research-panel-0 .command-center-reference-figure>a{
  display:flex;flex:1 1 0;min-height:0;align-items:center;justify-content:center
 }
 #engine-research #engine-research-panel-0 .command-center-reference-figure img{
  width:100%;height:100%;min-height:0;object-fit:contain
 }
 #engine-research #engine-research-panel-0 .command-center-reference-layout{
  grid-template-columns:minmax(0,1.45fr) minmax(285px,1fr);gap:10px
 }

 .project-route>.slide-inner{gap:5px}
 .project-route .pr-body{gap:5px}
 .project-route .pr-heading h2{font-size:27px}
 .project-route .pr-heading p{margin-bottom:2px}
 .project-route .pr-nav a{padding-top:3px;padding-bottom:6px}
 .project-route .pr-lead{line-height:1.45}
 .project-route .pr-service-visual{min-height:45px;margin-bottom:7px}
 .project-route .pr-note{font-size:9px;line-height:1.4}
}

/* Short landscape windows (often a 1366px laptop at 125% zoom) use the
   continuous layout. Reset desktop-only offsets so the two systems never mix. */
@media(min-width:901px) and (max-height:620px){
 body .slide:not(#home):not(#company):not(.transition-slide)>.slide-inner{
  position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:auto;
  padding-bottom:90px;overflow:visible
 }
 .display-tools{top:15px;right:14px;bottom:auto;height:auto;flex-direction:row}
 #products-matrix .matrix-rail{height:auto;grid-auto-rows:118px}
 #products-matrix .matrix-card{height:118px}
 #products-matrix .matrix-details{margin-top:10px}
}

/* The cooperation landing page has five information bands. Compress their
   vertical rhythm on laptops while preserving every label and value. */
@media(min-width:901px) and (max-height:820px){
 #cooperation .coop-heading h2{font-size:30px}
 #cooperation .coop-intro{margin-bottom:5px;font-size:11px;line-height:1.35}
 #cooperation .pilot-metrics{gap:8px;margin-top:3px}
 #cooperation .pilot-metrics>div,#cooperation .pilot-metrics>button{padding:8px 12px 7px}
 #cooperation .pilot-metrics>*::before{width:28px;height:28px;right:10px;top:8px;font-size:14px}
 #cooperation .pilot-metrics strong{font-size:34px}
 #cooperation .pilot-metrics strong::after{margin-top:5px}
 #cooperation .pilot-metrics span{margin-top:5px;font-size:11px}
 #cooperation .pilot-metrics>*>small{margin-top:2px;font-size:8px;line-height:1.3}
 #cooperation .coop-services{gap:8px;margin-top:7px}
 #cooperation .coop-services button{padding:7px 13px}
 #cooperation .coop-services h3{font-size:16px}
 #cooperation .coop-services p{margin-top:2px;font-size:10px}
 #cooperation .coop-services strong{margin-top:4px;font-size:23px}
 #cooperation .coop-services strong::after{margin-top:3px}
 #cooperation .coop-services span{margin-top:3px;font-size:9px}
 #cooperation .governance-band{min-height:36px;margin-top:6px;padding:6px 12px}
 #cooperation .governance-band strong{font-size:12px}
 #cooperation .governance-band span{font-size:10px}
 #cooperation .governance-band b{padding:4px 9px;font-size:9px}
 #cooperation .strategy-road{margin-top:6px}
 #cooperation .strategy-road>p{margin-bottom:4px;font-size:14px}
 #cooperation .strategy-steps{gap:7px}
 #cooperation .strategy-steps>:is(article,a){padding:6px 10px}
 #cooperation .strategy-steps span,#cooperation .strategy-steps p{font-size:9px;line-height:1.35}
 #cooperation .strategy-steps h3{margin-bottom:2px;font-size:15px}
 #cooperation .path-icon{width:16px;height:16px;margin:2px 0}
 #cooperation .coop-note{margin-top:3px;font-size:8px}

 .project-route>.slide-inner{gap:8px}
 .project-route .pr-body{gap:8px}
 .project-route .pr-note{margin-top:0;line-height:1.45}
}

@media(min-width:901px) and (min-height:821px) and (max-height:900px){
 #cooperation .pilot-metrics>div,#cooperation .pilot-metrics>button{padding:10px 18px}
 #cooperation .coop-services button{padding:10px 18px}
 #cooperation .governance-band{margin-top:8px;padding:8px 16px}
 #cooperation .strategy-road{margin-top:8px}
 #cooperation .strategy-road>p{margin-bottom:6px;font-size:16px}
 #cooperation .strategy-steps>:is(article,a){padding:8px 16px}
 #cooperation .path-icon{width:20px;height:20px;margin:4px 0}
 #cooperation .strategy-steps h3{font-size:17px}
 #cooperation .strategy-steps span,#cooperation .strategy-steps p{font-size:10px;line-height:1.4}
}