/**
 * 内页 H5 顶栏与首页（index + home-h5.css）对齐：版心左右 16px(rem)、Logo rem 尺寸、当前项色值。
 * 仅由 company / services / contact / careers 引入；不引入 index，避免与 home-h5 重复。
 * 全部规则在 ≤768px 内，且限定 data-page，不影响 PC。
 */

@media (max-width: 768px) {
  :is(
    body[data-page='company'],
    body[data-page='services'],
    body[data-page='contact'],
    body[data-page='careers']
  ) {
    min-width: 0;
    --header-bar-height: 0.8rem;
  }

  :is(
    body[data-page='company'],
    body[data-page='services'],
    body[data-page='contact'],
    body[data-page='careers']
  )
    .site-header__inner.container {
    max-width: none;
    width: 100%;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
    box-sizing: border-box;
  }

  :is(
    body[data-page='company'],
    body[data-page='services'],
    body[data-page='contact'],
    body[data-page='careers']
  )
    .site-header,
  :is(
    body[data-page='company'],
    body[data-page='services'],
    body[data-page='contact'],
    body[data-page='careers']
  )
    .site-header.site-header--company-scroll {
    box-shadow: none !important;
  }

  /* 与 home-h5.css 中 body[data-page='home'] .site-header__logo* 一致 */
  :is(
    body[data-page='company'],
    body[data-page='services'],
    body[data-page='contact'],
    body[data-page='careers']
  )
    .site-header__logo {
    width: 1.48rem;
    height: auto;
    min-height: 0.27rem;
  }

  :is(
    body[data-page='company'],
    body[data-page='services'],
    body[data-page='contact'],
    body[data-page='careers']
  )
    .site-header__logo--mobile {
    max-width: none;
    width: 1.98rem;
    height: auto;
    min-height: 0.27rem;
  }

  :is(
    body[data-page='company'],
    body[data-page='services'],
    body[data-page='contact'],
    body[data-page='careers']
  )
    .site-header__drawer-shell
    .site-header__link--active {
    color: #1f6fdb;
  }
}