/* 本轮只精简首页及其产品展示，材质和两种轮播构图继续独立比较；公共内页不沿用首页的留白调整。 */
html[data-density="compact"] .glass-families{padding:72px 0 66px}
html[data-density="compact"] .glass-section-heading{margin-bottom:26px;align-items:baseline;flex-wrap:wrap;gap:16px}
html[data-density="compact"] .glass-section-heading h2{font-size:clamp(34px,4.3cqw,64px);line-height:1.12;letter-spacing:-.04em;font-weight:700}
html[data-density="compact"] .glass-section-heading .text-link{margin:0}
html[data-density="compact"] .glass-card-meta{justify-content:flex-end}
html[data-density="compact"][data-carousel="coverflow"] .motion-product-plane{height:100%}
html[data-density="compact"][data-carousel="coverflow"] .glass-card-media img{max-height:min(320px,calc(100% - 24px))}
html[data-density="compact"][data-carousel="coverflow"] .cover-family-detail{min-height:0;padding-bottom:0}

/* 小箭头放在中央卡片两侧，保留四十四像素触摸区域；窄屏限制在画布内，不再另占底部一整条控制栏。 */
html[data-density="compact"] .glass-stage>.glass-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background:rgba(22,23,45,.72);border:0;box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px}
html[data-density="compact"] .glass-stage>.glass-arrow:hover{background:rgba(37,35,61,.88)}
html[data-density="compact"] .glass-stage>.glass-arrow svg{width:22px;height:22px;filter:drop-shadow(0 2px 4px #07102299)}
html[data-density="compact"] .glass-previous{left:max(8px,calc(50% - var(--glass-width)/2 - 54px))}
html[data-density="compact"] .glass-next{right:max(8px,calc(50% - var(--glass-width)/2 - 54px))}

/* 工程能力合并品牌介绍后以一个自然高度的区块展示，取消滚动驻留，减少连续阅读时的额外距离。 */
html[data-density="compact"] .story-track{height:auto}
html[data-density="compact"] .story-stage{position:relative;top:auto;height:auto;min-height:0;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;padding:76px var(--space);align-items:center}
html[data-density="compact"] .story-copy{padding:0;width:auto;height:auto}
html[data-density="compact"] .story-copy h2{font-size:clamp(34px,3.3cqw,48px);line-height:1.16;margin-bottom:18px}
html[data-density="compact"] .engineering-intro{font-size:18px;line-height:1.6;max-width:540px;color:#e3ddec;margin-bottom:25px;white-space:normal}
html[data-density="compact"] .engineering-entry{align-self:start;margin-top:24px;font-size:14px}
html[data-density="compact"] .engineering-credibility{font-size:13px;line-height:1.7;color:#cfc7df;margin-top:21px;max-width:490px}
html[data-density="compact"] .story-picture-zone{position:relative;right:auto;top:auto;bottom:auto;width:auto;min-height:410px;padding:35px 28px;border-radius:14px;align-self:stretch}
html[data-density="compact"] .story-picture-zone .scene-status{display:none}
html[data-density="compact"] .application-composition{padding:76px var(--space)}
html[data-density="compact"] .application-composition>h2{font-size:clamp(34px,3.3cqw,48px);margin-bottom:32px}
html[data-density="compact"] .application-picture{min-height:390px;padding:45px 30px}
html[data-density="compact"] .closing-composition{padding:76px var(--space)}
html[data-density="compact"] .closing-composition h2{font-size:clamp(40px,4.1cqw,60px);line-height:1.15}
/* 导出总览时临时将吸顶导航放回文档流，避免整页截图把导航绘制在页面中间；正常浏览仍使用吸顶导航。 */
html.capture-overview .site-header{position:relative;top:auto}

/* 中等画布缩小工程区的栏间距，手机改为上下阅读；说明的长度由内容决定，不用空白补满一个屏幕。 */
@container website (max-width:1100px){
  html[data-density="compact"] .story-stage{gap:32px;padding:64px var(--space)}
  html[data-density="compact"] .story-picture-zone{min-height:360px}
}
@container website (max-width:700px){
  html[data-density="compact"] .glass-families{padding:48px 0 46px}
  html[data-density="compact"] .glass-section-heading{margin-bottom:20px;gap:12px}
  html[data-density="compact"] .glass-section-heading h2{font-size:clamp(28px,8.2cqw,34px);white-space:nowrap}
  html[data-density="compact"] .glass-section-heading .text-link{margin:0;font-size:12px}
  html[data-density="compact"] .story-stage{display:block;padding:48px 24px}
  html[data-density="compact"] .story-copy h2{font-size:34px}
  html[data-density="compact"] .engineering-intro{font-size:16px;margin-bottom:22px}
  html[data-density="compact"] .story-picture-zone{min-height:250px;margin-top:32px;padding:30px 24px}
  html[data-density="compact"] .application-composition{padding:48px 24px}
  html[data-density="compact"] .application-picture{min-height:280px;padding:32px 24px}
  html[data-density="compact"] .application-composition>h2{font-size:34px;margin-bottom:25px}
  html[data-density="compact"] .closing-composition{padding:54px 24px}
  html[data-density="compact"] .closing-composition h2{font-size:40px}
}
