/**
 * 首页 PC 专用：Hero 首屏占满视口高度（任意分辨率随 100vh / 100dvh 伸缩）
 * 仅 index.html 引入；选择器限定 body[data-page='home'] + min-width:769px，与 home-h5.css 互不重叠。
 */

@media (min-width: 769px) {
  body[data-page='home'] .hero-banner {
    height: auto;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
  }

  body[data-page='home'] .hero-banner__content {
    height: auto;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
  }

  /* PC + 英文 + 第三张轮播文案：主标题加宽，仅本文件 + min-width 769，与 H5 隔离 */
  html[lang='en'] body[data-page='home'] .hero-banner[data-hero-active-slide='2'] .hero-banner__title {
    max-width: 1500px;
  }
}

/* ---------- 大视口（高分辨率常见：视口高度 > Figma 1080 基准）----------
 * 1920px 宽段 styles.css 仍用 top:845px / 963px，在 100vh 很高时缩略图会悬在中上。
 * 沿用原有 769–1919 段的百分比，与主文案区视觉关系一致。 */

@media (min-width: 769px) and (min-height: 1081px) {
  body[data-page='home'] .hero-banner__scroll-cluster {
    top: 78.24%;
  }

  body[data-page='home'] .hero-banner__thumbs {
    top: 89.17%;
  }
}

/* 超宽屏（宽度 ≥2200）：主标题在版心内略随视口放大，避免相对画面过「小」；上限避免失控 */
@media (min-width: 2200px) {
  body[data-page='home'] .hero-banner__title {
    font-size: clamp(144px, 6.5vw, 168px);
    margin-bottom: clamp(26px, 1.2vw, 32px);
  }

  body[data-page='home'] .hero-banner__sub {
    font-size: clamp(24px, 1.1vw, 28px);
    line-height: clamp(38px, 1.75vw, 44px);
  }
}