/* ---------------------------------------------------------------------------
   漫工厂 登录 / 注册 / 找回密码 —— 极光智枢演示包样式
   与 static/vendor/aurora/global.css + Tailwind 浏览器运行时配合使用。
--------------------------------------------------------------------------- */

html, body { min-height: 100%; }
body { margin: 0; }

/* 登录页与找回密码页的装饰光圈 */
.login-page::before,
.login-page::after,
.reset-page::before,
.reset-page::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  border: 1px solid rgb(54 124 255 / 19%);
  transform: rotate(-18deg);
}

.login-page::before,
.reset-page::before {
  width: min(62vw, 760px);
  height: min(62vw, 760px);
  left: -13vw;
  top: 8vh;
  box-shadow: 0 0 80px rgb(54 124 255 / 12%), inset 0 0 80px rgb(34 211 238 / 7%);
}

.login-page::after,
.reset-page::after {
  width: min(45vw, 560px);
  height: min(45vw, 560px);
  right: -12vw;
  bottom: -12vh;
  border-color: rgb(177 120 255 / 18%);
  box-shadow: 0 0 90px rgb(177 120 255 / 14%);
}

.scanline {
  animation: scanline-drift 8s linear infinite;
  background: linear-gradient(90deg, transparent, rgb(34 211 238 / 20%), transparent);
}

.register-page .scanline {
  background: linear-gradient(90deg, transparent, rgb(34 211 238 / 38%), transparent);
}

.field-error { color: var(--color-error); font-size: 12px; line-height: 1.4; }

.login-control:focus-visible,
.login-link:focus-visible,
.login-submit:focus-visible,
.register-control:focus-visible,
.register-link:focus-visible,
.register-submit:focus-visible,
.reset-control:focus-visible,
.reset-link:focus-visible,
.reset-submit:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 3px;
}

@keyframes scanline-drift {
  0% { transform: translateY(-160%); opacity: 0; }
  12%, 72% { opacity: 1; }
  100% { transform: translateY(620%); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .scanline { animation: none; }
}

.login-submit[disabled],
.register-submit[disabled],
.reset-submit[disabled] { cursor: progress; }

#form-status:empty { min-height: 1.25rem; }

/* --------------------------------------------------- 粒子地球动画（登录页背景） */

.login-page .cf-globe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: .62;
  pointer-events: none;
}

@media (max-width: 900px) {
  .login-page .cf-globe { opacity: .42; }
}

@media (prefers-reduced-motion: reduce) {
  .login-page .cf-globe { opacity: .5; }
}