/**
 * 双端同页布局：PC / 手机端在同一 HTML 内，按屏宽显示对应区块
 */
@media (min-width: 769px) {
  .dual-mobile {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .dual-pc {
    display: none !important;
  }

  html.dual-active-mobile,
  html.dual-active-mobile body {
    overflow-x: hidden;
    margin: 0;
    background: #eef3f8;
  }

  html.embedded,
  html.embedded body {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: #eef3f8;
  }

  html.embedded[data-mobile-page="news"] body,
  html.embedded[data-mobile-page="news"] .dual-mobile .page {
    background: #eef3f8;
  }

  html.embedded[data-mobile-page="features"],
  html.embedded[data-mobile-page="features"] body {
    height: 100%;
    overflow: hidden;
    background: #2b2b2b;
  }

  html.embedded[data-mobile-page="features"] .dual-mobile {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  html.embedded[data-mobile-page="features"] .dual-mobile .page {
    height: 10.31rem;
    max-height: none;
    min-height: 0;
    overflow: hidden;
    background: transparent;
    flex-shrink: 0;
  }

  html.embedded .dual-mobile .page {
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
  }

  html.embedded .dual-mobile .site-footer--mobile {
    display: none;
  }

  html.embedded[data-mobile-page="features"] .dual-mobile .site-footer--mobile {
    display: block;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
  }

  html[data-mobile-page="news-detail"].dual-active-mobile,
  html[data-mobile-page="news-detail"].dual-active-mobile body {
    height: 100%;
    min-height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
  }
}