/* 用户确认的英文保密板块是两种语言共用的外部留白基准。
   只统一板块边界；内部图片、文字层级及客服面板沿用原组件。 */
:root {
  --section-space-top: 96px;
  --section-space-bottom: 100px;
  --hero-header-clearance: 94px;
}

#top > .hero,
#top > .hero-clients,
#top > #business,
#top > #expertise,
#top > #scope,
#top > #practice > .method,
#top > #proof,
#top > #contact {
  padding-block: var(--section-space-top) var(--section-space-bottom);
}

/* 首屏从固定导航下方计算同一留白；内容自然撑高，避免英文换行或
   旧的固定最小高度额外产生空白。视频保持原有定位和素材。 */
#top > .hero {
  min-height: 0;
  aspect-ratio: auto;
  padding-top: calc(var(--hero-header-clearance) + var(--section-space-top));
}
#top > .hero .hero-copy { padding-block: 0; }

/* 删掉客户标题下方说明后，让标题与客户列表直接对齐，取消旧占位高度。 */
#top > .hero-clients { min-height: 0; }

@media (max-width: 680px) {
  :root {
    --section-space-top: 64px;
    --section-space-bottom: 76px;
    --hero-header-clearance: 76px;
  }
  /* 英文导航在手机上保留第二行；按实际导航底边预留相同的阅读间距。 */
  .english-site { --hero-header-clearance: 115px; }
}