/* 模板7：不支持 :has() / 100dvh 的 Android WebView 布局兜底 */
@media (max-width: 767px) {
  .page {
    --vh: calc(var(--app-vh, 100vh) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    height: var(--vh);
    min-height: var(--vh);
  }

  .page-module.is-success .page-figure,
  .page-module.is-pick .page-figure,
  .page-module.is-final .page-figure {
    display: none;
  }

  .page-module.is-pick,
  .page-module.is-final,
  .page-module.is-success {
    top: env(safe-area-inset-top, 0px);
    bottom: env(safe-area-inset-bottom, 0px);
    height: var(--vh);
  }

  .page-module.is-pick .pick-panel,
  .page-module.is-final .final-panel,
  .page-module.is-success .success-panel {
    top: calc(166 / 874 * var(--vh));
    left: calc(20 / 402 * 100vw);
    width: calc(362 / 402 * 100vw);
    height: calc(487 / 874 * var(--vh));
    bottom: auto;
  }

  .page-module.is-pick .pick-nav {
    top: calc(678 / 874 * var(--vh));
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: max-content;
    justify-content: center;
  }

  .page-module.is-success .success-content {
    bottom: calc(64 * var(--s-ok, 0.84));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .page-module.is-success .success-btn {
    bottom: calc(18 * var(--s-ok, 0.84));
  }

  .page-module.is-success .success-title {
    top: 7%;
  }
}

@media (max-width: 360px) {
  .page-module.is-pick .pick-panel,
  .page-module.is-final .final-panel,
  .page-module.is-success .success-panel {
    left: calc(16 / 402 * 100vw);
    width: calc(370 / 402 * 100vw);
  }
}