/**
 * 子页手机端公共样式 — 对齐首页 rem / 767 节奏
 * 依赖：style.min.css（html 在 ≤767 为 50px，≤567 为 calc(100vw/7.5)）
 * 使用 body.page-* 提高优先级，避免被页内联 style 覆盖
 */

/* Hero 文案与正文 .container 左右对齐（覆盖页内 width:100%） */
body.page-arnav .arnav-hero .container,
body.page-ecdis .ecdis-hero .container,
body.page-marine .mc-hero .container,
body.page-chartdata .data-hero .container,
body.page-about-intro .about-hero .container,
body.page-about-contact .about-hero .container,
body.page-news .news-hero .container {
  width: 85%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* ChartEngine 正文统一 1344px（1120×1.2），Hero 与下方区块同宽 */
body.page-s100 .s100-hero .container {
  width: 1344px;
  max-width: 1344px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (max-width: 1439px) {
  body.page-s100 .s100-hero .container {
    width: auto;
    max-width: 1344px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 991px) {
  body.page-arnav .arnav-hero .container,
  body.page-ecdis .ecdis-hero .container,
  body.page-marine .mc-hero .container,
  body.page-chartdata .data-hero .container,
  body.page-about-intro .about-hero .container,
  body.page-about-contact .about-hero .container,
  body.page-news .news-hero .container {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  /* Hero：顶栏固定高度 1.2rem，需留出安全区 */
  body.page-s100 .s100-hero .container,
  body.page-arnav .arnav-hero .container,
  body.page-ecdis .ecdis-hero .container,
  body.page-marine .mc-hero .container,
  body.page-chartdata .data-hero .container,
  body.page-about-intro .about-hero .container,
  body.page-about-contact .about-hero .container,
  body.page-news .news-hero .container {
    padding-top: 1.52rem;
    padding-bottom: 0.48rem;
  }

  body.page-s100 .s100-hero .f_tit,
  body.page-arnav .arnav-hero .f_tit,
  body.page-ecdis .ecdis-hero .f_tit,
  body.page-marine .mc-hero .f_tit,
  body.page-chartdata .data-hero .f_tit,
  body.page-about-intro .about-hero .f_tit,
  body.page-about-contact .about-hero .f_tit,
  body.page-news .news-hero .f_tit {
    max-width: none;
  }

  body.page-s100 .s100-hero .f_text,
  body.page-arnav .arnav-hero .f_text,
  body.page-ecdis .ecdis-hero .f_text,
  body.page-marine .mc-hero .f_text,
  body.page-chartdata .data-hero .f_text,
  body.page-marine .mc-hero .f_desc {
    max-width: none;
  }

  body.page-s100 .s100-hero .crumb,
  body.page-arnav .arnav-hero .crumb,
  body.page-ecdis .ecdis-hero .crumb,
  body.page-marine .mc-hero .crumb,
  body.page-chartdata .data-hero .crumb,
  body.page-about-intro .about-hero .crumb,
  body.page-about-contact .about-hero .crumb,
  body.page-news .news-hero .crumb {
    margin-bottom: 0.14rem;
  }

  /* 内容区垂直节奏收紧（接近首页 home-sec 手机间距） */
  body.page-s100 .s100-overview,
  body.page-s100 .s100-arch,
  body.page-s100 .s100-show,
  body.page-s100 .s100-strip,
  body.page-s100 .s100-depth,
  body.page-s100 .s100-compat,
  body.page-s100 .s100-s102,
  body.page-s100 .s100-interop,
  body.page-s100 .s100-cta,
  body.page-arnav .arnav-intro,
  body.page-arnav .arnav-feat,
  body.page-arnav .arnav-spec,
  body.page-ecdis .ecdis-intro,
  body.page-ecdis .ecdis-lan,
  body.page-ecdis .ecdis-feat,
  body.page-ecdis .ecdis-rely,
  body.page-ecdis .ecdis-high,
  body.page-ecdis .ecdis-integ,
  body.page-marine .mc-product,
  body.page-marine .mc-svc,
  body.page-marine .mc-more,
  body.page-chartdata .data-intro,
  body.page-chartdata .data-source,
  body.page-chartdata .data-more,
  body.page-about-intro .about-intro,
  body.page-about-intro .about-ecdis,
  body.page-about-intro .about-data,
  body.page-about-intro .about-qualify,
  body.page-about-contact .about-contact,
  body.page-news .news-board {
    padding-top: 0.64rem;
    padding-bottom: 0.6rem;
  }

  /* 图片不被挤出视口 */
  body[class*="page-"] main img {
    max-width: 100%;
    height: auto;
  }

  /* 规格表等宽表可横滑 */
  body.page-s100 .s100-specs {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 567px) {
  body.page-s100 .s100-hero .container,
  body.page-arnav .arnav-hero .container,
  body.page-ecdis .ecdis-hero .container,
  body.page-marine .mc-hero .container,
  body.page-chartdata .data-hero .container,
  body.page-about-intro .about-hero .container,
  body.page-about-contact .about-hero .container,
  body.page-news .news-hero .container {
    padding-top: 1.56rem;
    padding-bottom: 0.42rem;
  }
}