/* ── Aurora 式登录布局（2026-10-18）────────────────────────────────
   只做视觉：左 52% 视频 + 右表单；不动任何表单逻辑。
   覆盖 polish.css / gate-v4.css 的玻璃质感与深色变量。 */
.site-gate { background: #000 !important; }
.site-gate .sg-bokeh,
.site-gate .sg-glow,
.site-gate .sg-water { display: none !important; }

/* 顶部导航：透明、白色文字，选中反白 */
.site-gate .sg-bar-wrap { position: relative; z-index: 5; padding: 16px 28px 0; }
.site-gate .sg-bar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.site-gate .sg-brand b { color: #fff !important; }
.site-gate .sg-brand span { color: rgba(255,255,255,.5) !important; }
.site-gate .sg-nav { margin-left: auto; }
.site-gate .sg-nav button {
  color: rgba(255,255,255,.55) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site-gate .sg-nav button[aria-selected="true"] {
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
}

/* 两栏 */
.site-gate .sg-stage {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 56px;
  padding: 16px 28px 24px !important;
  min-height: 0;
}
.site-gate .aurora-media {
  position: relative;
  align-self: stretch;
  min-height: 0;
  flex: 0 0 52%;
  width: 52%;
  min-width: 0;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  box-shadow: 0 40px 90px -50px rgba(0,0,0,.9);
}
.site-gate .aurora-video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.site-gate .aurora-copy {
  position: relative; z-index: 2;
  width: 100%;
  padding: 0 40px 44px;
  max-width: 380px;
}
.site-gate .aurora-brand {
  display: flex; align-items: center; gap: 8px;
  color: #fff; font-weight: 600; letter-spacing: -.01em;
  font-size: 15px; margin-bottom: 26px;
}
.site-gate .aurora-title {
  margin: 0 0 8px;
  font-size: 34px; line-height: 1.2; font-weight: 500;
  letter-spacing: -.02em; color: #fff;
}
.site-gate .aurora-desc {
  margin: 0 0 26px;
  font-size: 13px; line-height: 1.7; color: rgba(255,255,255,.62);
  max-width: 280px;
}
.site-gate .aurora-steps { display: grid; gap: 10px; }
.site-gate .aurora-step {
  display: flex; align-items: center; gap: 10px;
  padding: 11px 14px; border-radius: 12px;
  background: #1A1A1A; color: #fff;
  font-size: 13px; font-weight: 500;
}
.site-gate .aurora-step i {
  display: grid; place-items: center;
  width: 22px; height: 22px; border-radius: 999px;
  background: rgba(255,255,255,.1); color: rgba(255,255,255,.4);
  font-size: 11px; font-style: normal; font-weight: 600; flex: none;
}
.site-gate .aurora-step.is-active {
  background: #fff; color: #000;
}
.site-gate .aurora-step.is-active i { background: #000; color: #fff; }

/* 右栏：原卡片，去玻璃、黑底、Aurora 控件 */
.site-gate .sg-card {
  flex: 1 1 auto;
  max-width: 440px !important;
  margin: auto 0 auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.site-gate .sg-card.sg-wide { max-width: 560px !important; }
.site-gate .sg-panel-head { display: none !important; }
.site-gate .sg-field label { color: #fff !important; font-size: 13px !important; }
.site-gate .sg-hint { color: rgba(255,255,255,.35) !important; }
.site-gate .sg-input {
  background: #1A1A1A !important;
  border: 0 !important;
  border-radius: 12px !important;
  height: 44px !important;
  color: #fff !important;
  font-size: 14px !important;
}
.site-gate .sg-input::placeholder { color: rgba(255,255,255,.2) !important; }
.site-gate .sg-input:focus {
  box-shadow: 0 0 0 2px rgba(255,255,255,.2) !important;
  background: #1A1A1A !important;
}
.site-gate .sg-input-wrap .sg-reveal { color: rgba(255,255,255,.4) !important; }
.site-gate .sg-btn {
  background: #fff !important;
  color: #000 !important;
  border-radius: 12px !important;
  height: 52px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.site-gate .sg-btn:hover:not(:disabled) { background: rgba(255,255,255,.9) !important; }
.site-gate .sg-link { color: rgba(255,255,255,.45) !important; }
.site-gate .sg-link:hover { color: #fff !important; }
.site-gate .sg-form-foot { color: rgba(255,255,255,.45) !important; }
.site-gate .sg-form-msg { color: rgba(255,255,255,.8) !important; }
.site-gate .sg-code-row .sg-btn-code {
  background: #1A1A1A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
}
.site-gate .sg-foot-note,
.site-gate .sg-panel-head p { color: rgba(255,255,255,.45) !important; }
.site-gate .sg-env-note { display: none !important; }
.site-gate .sg-footline { display: none !important; }
.site-gate .sg-form-msg {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: #ff9a9a !important;
  font-size: 12.5px !important;
}
.site-gate .sg-form-msg:empty { display: none !important; }


/* 窄屏：左栏收起，只留表单 */
@media (max-width: 1023px) {
  .site-gate .sg-stage {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 16px 20px 40px !important;
    min-height: calc(100vh - 92px);
  }
  .site-gate .aurora-media { display: none !important; }
  .site-gate .sg-card { margin: auto !important; max-width: 560px !important; width: 100% !important; }
  .site-gate .sg-panel-head { display: block !important; margin-bottom: 20px !important; }
  .site-gate .sg-panel-head h1 { font-size: 26px !important; color: #fff !important; }
  .site-gate .sg-panel-head p { font-size: 13px !important; color: rgba(255,255,255,.45) !important; }
}