/**
 * PC 端 rem 布局 + 单层背景（配合 js/scale.js，参考 soc.xd.cn）
 * 设计稿 1920×1080 → 画布 19.2rem × 10.8rem，随 html font-size 等比缩放
 */
@media (min-width: 769px) {
  /* JS 未加载时固定 rem 基准（与 js/scale.js 一致） */
  html.dual-active-pc {
    font-size: var(--pc-root-px, 100px);
  }

  html.dual-active-pc,
  html.dual-active-pc body {
    height: var(--pc-vh, 100dvh);
    overflow: hidden;
  }

  /* 画布内由各 page--* 样式铺背景，勿在此强制清除 */
  .dual-pc .page {
    background-color: transparent;
  }

  .dual-pc:not(:has(.pc-fullpage)) {
    min-height: var(--pc-vh, 100dvh);
    overflow-x: hidden;
  }

  /* 独立子页 viewport：画布顶对齐绝对定位，避免浏览器缩放时 flex 居中导致上下跳动 */
  .dual-pc:not(:has(.pc-fullpage)) > .viewport {
    display: block;
    position: relative;
    width: 100%;
    height: var(--pc-vh, 100dvh);
    min-height: 4.8rem;
    overflow: hidden;
    background-color: #eef3f8;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }

  .dual-pc:not(:has(.pc-fullpage)) > .viewport:has(.page--news),
  .dual-pc:not(:has(.pc-fullpage)) > .viewport:has(.page--news-list),
  .dual-pc:not(:has(.pc-fullpage)) > .viewport:has(.page--news-detail) {
    background-color: #eef3f8;
    background-image: url("../assets/images/news-bg.png");
  }

  .dual-pc:not(:has(.pc-fullpage)) .page-scale {
    position: absolute;
    top: 0;
    left: 50%;
    width: var(--pc-canvas-w, 19.2rem);
    transform: translateX(-50%) scale(var(--pc-fit-scale, 1));
    transform-origin: top center;
  }

  .dual-pc:not(:has(.pc-fullpage)) > .viewport:has(.page--welfare) {
    background-color: #eef3f8;
    background-image: url("../assets/images/yybd-bg.png");
  }

  .dual-pc:not(:has(.pc-fullpage)) > .viewport:has(.page--warriors) {
    background-color: #eef3f8;
    background-image: url("../assets/images/yzjj-bg.png");
  }

  .dual-pc:not(:has(.pc-fullpage)) > .viewport:has(.page--features) {
    background-color: #8cb4d4;
    background-image: url("../assets/images/yyts-bg.jpg");
    overflow: visible;
  }

  .dual-pc:not(:has(.pc-fullpage)) .page-scale:has(.page--features) {
    overflow: visible;
  }

  .dual-pc:not(:has(.pc-fullpage)) > .viewport:has(.page--home) {
    background-color: #c8e4f5;
    background-image: url("../assets/images/home-bg.png");
  }

  .dual-pc:not(:has(.pc-fullpage)) .page.page--screen,
  .dual-pc:not(:has(.pc-fullpage)) .page.page--flow {
    height: var(--pc-canvas-h, 10.8rem);
    min-height: var(--pc-canvas-h, 10.8rem);
    max-height: var(--pc-canvas-h, 10.8rem);
    overflow: hidden;
  }

  .dual-pc:not(:has(.pc-fullpage)) .site-footer--pc {
    position: relative;
    z-index: 1;
  }

  /* 首页全屏切页 viewport：顶对齐，避免居中时上下溢出导致上一屏残留 */
  .pc-fullpage__screen:not(.pc-fullpage__screen--footer) .pc-screen__viewport {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  .pc-fullpage__screen:not(.pc-fullpage__screen--footer) .pc-screen__scale {
    position: relative;
    width: var(--pc-canvas-w, 19.2rem);
    flex-shrink: 0;
    transform: scale(var(--pc-fit-scale, 1));
    transform-origin: top center;
  }

  /* 弹层随画布同比例缩放（用 zoom 避免子元素 hover transform 失效） */
  html.dual-active-pc .modal-overlay.is-open .reserve-modal,
  html.dual-active-pc .modal-overlay.is-open .success-modal {
    zoom: var(--pc-fit-scale, 1);
    transform: none;
  }
}