/* ── 登录门四屏滚动（2026-10-18 预览）────────────────────────────── */

/* 右侧卡片变成吸附滚动容器 */
.site-gate .sg-card {
  height: calc(100dvh - 132px) !important;
  max-height: calc(100dvh - 132px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  scroll-behavior: auto; overscroll-behavior: contain;
  padding-right: 6px !important;
}
.site-gate .sg-card::-webkit-scrollbar { display: none; }

/* 每一屏占满容器 */
.site-gate .sg-card > section {
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  scroll-snap-align: start;
  padding: 12px 0 !important;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1);
}
.site-gate .sg-card > section.is-active {
  opacity: 1;
  transform: translateY(0);
}
.site-gate .sg-card > section[hidden] { opacity: 0 !important; }
.site-gate .sg-card > section[hidden] { display: none !important; }

/* 产品/使用指引两屏放宽一点，卡片内容不至于挤 */
.site-gate .sg-card.sg-wide { max-width: 520px !important; }

/* 左栏视频按当前屏换色调，四屏观感不同 */
.site-gate .aurora-video { transition: filter 1.5s ease; }
.site-gate[data-section="register"] .aurora-video { filter: hue-rotate(38deg) saturate(1.05) brightness(1.03); }
.site-gate[data-section="product"]  .aurora-video { filter: hue-rotate(-42deg) saturate(1.1) brightness(.95); }
.site-gate[data-section="guide"]    .aurora-video { filter: hue-rotate(150deg) saturate(.9) brightness(1.02); }

/* 左侧三行的当前步骤跟随屏切换 */
.site-gate[data-section="register"] .aurora-step.is-active,
.site-gate[data-section="product"]  .aurora-step.is-active,
.site-gate[data-section="guide"]    .aurora-step.is-active { background: #1A1A1A; color: #fff; }
.site-gate[data-section="register"] .aurora-step.is-active i,
.site-gate[data-section="product"]  .aurora-step.is-active i,
.site-gate[data-section="guide"]    .aurora-step.is-active i { background: rgba(255,255,255,.1); color: rgba(255,255,255,.4); }

/* 注册屏：标题 + 表单更紧凑，避免一屏放不下 */
.site-gate #panel-register { gap: 2px; }

/* 产品 / 使用指引屏：内容居中，字号略收 */
.site-gate #panel-product,
.site-gate #panel-guide { text-align: left; }
.site-gate #panel-product .sg-stats b { font-size: 22px !important; }

/* 注册/产品/使用指引三屏显示标题（登录屏继续隐藏，左侧已有大标题） */
.site-gate #panel-register .sg-panel-head,
.site-gate #panel-product .sg-panel-head,
.site-gate #panel-guide .sg-panel-head {
  display: block !important;
  margin-bottom: 18px !important;
}
.site-gate #panel-register .sg-panel-head h1,
.site-gate #panel-product .sg-panel-head h1,
.site-gate #panel-guide .sg-panel-head h1 {
  font-size: 26px !important; color: #fff !important; font-weight: 500 !important;
}
.site-gate #panel-register .sg-panel-head p,
.site-gate #panel-product .sg-panel-head p,
.site-gate #panel-guide .sg-panel-head p {
  font-size: 13px !important; color: rgba(255,255,255,.45) !important;
}

/* 窄屏：卡片高度跟着视口，四屏依然吸附 */
@media (max-width: 1023px) {
  .site-gate .sg-card {
    height: calc(100dvh - 150px) !important;
    max-height: calc(100dvh - 150px) !important;
  }
  .site-gate .sg-card > section { padding: 8px 0 !important; }
}

/* 导航：当前项放大、显示全称、加一点光；非当前项恢复两字 */
.site-gate .sg-nav button {
  transition: background .35s ease, color .35s ease, padding .35s ease,
              transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, font-size .35s ease;
}
.site-gate .sg-nav button[aria-selected="true"] {
  padding: 0 20px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 12px 30px -16px rgba(255,255,255,.65), 0 0 0 1px rgba(255,255,255,.06) !important;
}
.site-gate .sg-nav button span { transition: opacity .25s ease; }

/* 左侧文案与步骤高亮的过渡 */
.site-gate .aurora-step,
.site-gate .aurora-step i,
.site-gate .aurora-title,
.site-gate .aurora-desc {
  transition: background .5s ease, color .5s ease, opacity .5s ease;
}

/* 非登录屏：左侧只留大字标题，步骤收起并整体上移到画面中部 */
.site-gate .aurora-copy {
  transition: margin-bottom .65s cubic-bezier(.16,1,.3,1);
}
.site-gate .aurora-steps {
  max-height: 220px;
  overflow: hidden;
  transition: opacity .45s ease, transform .55s cubic-bezier(.16,1,.3,1), max-height .55s ease;
}
.site-gate .aurora-title {
  transition: font-size .55s cubic-bezier(.16,1,.3,1), opacity .5s ease, letter-spacing .55s ease;
}
.site-gate .aurora-desc {
  transition: font-size .55s ease, opacity .5s ease;
}

.site-gate[data-section="register"] .aurora-copy,
.site-gate[data-section="product"] .aurora-copy,
.site-gate[data-section="guide"] .aurora-copy {
  position: absolute;
  left: 0;
  right: 0;
  top: 34%;
  margin-bottom: 0;
  padding: 0 40px;
  max-width: 420px;
}
.site-gate[data-section="register"] .aurora-steps,
.site-gate[data-section="product"] .aurora-steps,
.site-gate[data-section="guide"] .aurora-steps {
  opacity: 0;
  transform: translateY(14px);
  max-height: 0;
  margin: 0;
}
.site-gate[data-section="register"] .aurora-title,
.site-gate[data-section="product"] .aurora-title,
.site-gate[data-section="guide"] .aurora-title {
  font-size: 50px;
  letter-spacing: -.03em;
}
.site-gate[data-section="register"] .aurora-desc,
.site-gate[data-section="product"] .aurora-desc,
.site-gate[data-section="guide"] .aurora-desc {
  font-size: 14px;
  max-width: 320px;
}