.page-switch {
      max-width: 1200px;
      margin: 0.45rem auto 0.15rem;
      padding: 0 0.85rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
    }
    .page-switch__btn {
      min-height: 2.35rem;
      padding: 0 1rem;
      border-radius: 12px;
      border: 1px solid rgba(42, 167, 165, 0.22);
      background: rgba(255, 255, 255, 0.92);
      color: #5a7f83;
      font: inherit;
      font-size: 0.84rem;
      font-weight: 500;
      letter-spacing: 0.06em;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .page-switch__btn.is-active {
      color: #fff;
      border-color: rgba(42, 167, 165, 0.6);
      background: linear-gradient(180deg, rgba(53, 185, 181, 1) 0%, rgba(42, 167, 165, 1) 100%);
      box-shadow: 0 10px 24px rgba(42, 167, 165, 0.18);
    }
    .page-switch__btn.home-console-open.is-active {
      border-color: rgba(42, 167, 165, 0.6);
      box-shadow: 0 10px 24px rgba(42, 167, 165, 0.18);
    }
    .page-switch__btn.home-console-closed.is-active {
      border-color: rgba(42, 167, 165, 0.42);
      box-shadow: 0 8px 18px rgba(42, 167, 165, 0.12);
      filter: saturate(0.96);
    }
    /* ========== 测算样式区：双人合盘面板 ========== */

body:not(.mobile-ui-enabled) {
      background: linear-gradient(180deg, #e7ffff 0%, #f6ffff 100%) !important;
      color: #222222;
      color-scheme: light;
    }

body.desktop-ui-enabled {
      background: linear-gradient(180deg, #e7ffff 0%, #f6ffff 100%) !important;
      color: #222222;
      color-scheme: light;
    }

body:not(.mobile-ui-enabled)::before {
      background:
        linear-gradient(180deg, #ddf9f8 0%, #f7ffff 100%),
        radial-gradient(120% 88% at 50% -8%, rgba(255, 255, 255, 0.48) 0%, transparent 52%);
      opacity: 1;
    }

body.desktop-ui-enabled::before {
      background:
        linear-gradient(180deg, #ddf9f8 0%, #f7ffff 100%),
        radial-gradient(120% 88% at 50% -8%, rgba(255, 255, 255, 0.48) 0%, transparent 52%);
      opacity: 1;
    }

body:not(.mobile-ui-enabled)::after {
      background: radial-gradient(ellipse 130% 90% at 50% 48%, transparent 30%, rgba(0, 0, 0, 0.04) 100%);
      opacity: 1;
    }

body.desktop-ui-enabled::after {
      background: radial-gradient(ellipse 130% 90% at 50% 48%, transparent 30%, rgba(0, 0, 0, 0.04) 100%);
      opacity: 1;
    }

body:not(.mobile-ui-enabled) .site-header-zone {
      background: transparent;
    }

body:not(.mobile-ui-enabled) .hero {
      min-height: 0;
      margin: 0 auto;
      padding: 0;
      border-bottom: 0;
      background: transparent;
      overflow: visible;
    }

body:not(.mobile-ui-enabled) #siteHeaderZone {
      max-width: 720px;
      margin: 0 auto;
      padding: 0 1rem;
    }

body:not(.mobile-ui-enabled) #appHeader {
      position: relative;
      max-width: 720px;
      margin: 1rem auto 0;
      min-height: 0;
      padding: 0;
      border: 0;
      background: transparent;
      overflow: visible;
      border-radius: 0;
    }

body:not(.mobile-ui-enabled) .hero__ambient,
    body:not(.mobile-ui-enabled) .hero__taiji,
    body:not(.mobile-ui-enabled) .hero__title,
    body:not(.mobile-ui-enabled) .hero__tagline,
    body:not(.mobile-ui-enabled) .hero__clock {
      display: none !important;
    }

body:not(.mobile-ui-enabled) .hero__inner {
      max-width: none;
      margin: 0;
      text-align: left;
    }

body:not(.mobile-ui-enabled) .page-switch {
      max-width: 720px;
      margin: 0.55rem auto 0.25rem;
      padding: 0 1rem;
      gap: 0.5rem;
    }

body:not(.mobile-ui-enabled) .page-switch__btn {
      min-height: 2.55rem;
      padding: 0 1.05rem;
      border-radius: 14px;
      font-size: 0.88rem;
      background: rgba(255, 255, 255, 0.95);
    }

body:not(.mobile-ui-enabled) .page-switch__btn.is-active {
      border-color: rgba(42, 167, 165, 0.7);
      background: linear-gradient(180deg, rgba(51, 183, 178, 1) 0%, rgba(42, 167, 165, 1) 100%);
      box-shadow: 0 10px 24px rgba(42, 167, 165, 0.18);
    }