/* ============================================================
   auth-gate.css — 统一认证页外壳（register / forgot-password /
   change-password 三页专用；login.html 的深色身份场写在自身 <style> 里）
   目的：把「左右分栏白底整屏」抬成「深色身份场 + 白色浮层卡片」，
   与登录页、三端入口页同一套企业视觉，避免同一套认证流程出现两种底色。
   约束：只碰外壳（body / main / .auth 容器），不动表单内部任何 token 与间距。
   ============================================================ */
body{
  min-height:100vh;
  background:
    radial-gradient(980px 560px at 16% -14%, rgba(56,189,248,.20), transparent 64%),
    radial-gradient(880px 520px at 86% 4%, rgba(99,102,241,.22), transparent 66%),
    radial-gradient(760px 460px at 52% 116%, rgba(34,211,238,.12), transparent 70%),
    linear-gradient(162deg,#071122 0%,#0a1730 46%,#060f1e 100%);
  background-attachment:fixed;
}
main#main{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:48px 24px;
}
main#main .auth{
  min-height:0;
  width:100%;max-width:1180px;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 40px 90px -40px rgba(2,8,23,.9), 0 8px 24px rgba(2,8,23,.35);
}
main#main .auth__panel{background:var(--background)}
@media (max-width:1023px){
  main#main{padding:24px 16px}
  main#main .auth{border-radius:16px}
}