/* Soft orchid and rose light behind the standalone login/register form. */
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid { background: #fbfafe; }
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .app-dialog-mask {
  background:
    radial-gradient(ellipse at 76% 18%, #bda4d837, transparent 56%),
    radial-gradient(ellipse at 16% 78%, #ecc7dc37, transparent 55%),
    #fbfafe;
  isolation: isolate;
}
html[data-account-page='standalone'] .account-dialog .app-dialog-mask::before {
  z-index: 0;
  opacity: .84;
  filter: brightness(1.75) saturate(1.28);
  mix-blend-mode: screen;
}
html[data-account-page='standalone'] .account-dialog .app-dialog-mask::after {
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(ellipse 38% 68% at 50% 52%, #ffffff70 20%, transparent 78%),
    linear-gradient(180deg, #bda4d80a, transparent 45%, #bda4d837);
}
html[data-account-page='standalone'] .login-atmosphere {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
html[data-account-page='standalone'] .login-aurora {
  position: absolute;
  display: block;
  width: min(64vw, 920px);
  height: min(68vh, 700px);
  border-radius: 50%;
  filter: blur(38px);
  animation: login-aurora-drift 22s ease-in-out infinite alternate;
}
html[data-account-page='standalone'] .login-aurora-violet {
  top: -18%;
  right: -12%;
  background: radial-gradient(ellipse, #bda4d837, #bda4d835 42%, transparent 70%);
  transform: rotate(-28deg);
}
html[data-account-page='standalone'] .login-aurora-blue {
  bottom: -24%;
  left: -16%;
  background: radial-gradient(ellipse, #b7c5ed37, #b9bce12b 42%, transparent 72%);
  animation-delay: -11s;
}
html[data-account-page='standalone'] .login-orbit {
  position: absolute;
  left: 50%;
  top: 45%;
  width: min(1100px, 112vmin);
  aspect-ratio: 1;
  border: 1px solid #7959bc38;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-24deg) scaleX(1.2);
  box-shadow: 0 0 24px #3e286709, inset 0 0 28px #3e286706;
}
html[data-account-page='standalone'] .login-orbit::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: conic-gradient(from 24deg, transparent 8%, #7959bc23 18%, #7959bc23 21%, transparent 29%, transparent 59%, #7959bc23 68%, transparent 76%);
  -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  mask: radial-gradient(closest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  animation: login-orbit-flow 38s linear infinite;
}
html[data-account-page='standalone'] .login-orbit::after {
  content: '';
  position: absolute;
  inset: -18px;
  border: 1px solid #7959bc18;
  border-radius: inherit;
}
html[data-account-page='standalone'] .login-sparks {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 27%, #f4effb 0 1px, #bda4d837 2px, transparent 6px),
    radial-gradient(circle at 82% 23%, #f4effb 0 1.2px, #7959bc23 2px, transparent 8px),
    radial-gradient(circle at 13% 67%, #f0f3fc 0 1px, #bda4d837 2px, transparent 6px),
    radial-gradient(circle at 76% 78%, #f4effb 0 1px, #bda4d837 2px, transparent 7px);
  animation: login-starlight 7s ease-in-out infinite alternate;
}
@keyframes login-aurora-drift {
  from { translate: -2% 0; scale: .96; }
  to { translate: 5% -4%; scale: 1.08; }
}
@keyframes login-orbit-flow { to { rotate: 360deg; } }
@keyframes login-starlight { from { opacity: .4; } to { opacity: .95; } }
@media (max-width: 620px) {
  html[data-account-page='standalone'] .account-dialog .app-dialog-mask::before { background-position: 48% 30%; opacity: .7; filter: brightness(1.6) saturate(1.25); }
  html[data-account-page='standalone'] .login-orbit { width: 142vw; top: 31%; }
  html[data-account-page='standalone'] .login-aurora { width: 110vw; height: 65vh; filter: blur(24px); }
  html[data-account-page='standalone'] .login-aurora-violet { right: -42%; top: -5%; }
  html[data-account-page='standalone'] .login-aurora-blue { left: -45%; bottom: -9%; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-account-page='standalone'] .login-atmosphere *,
  html[data-account-page='standalone'] .login-atmosphere *::before,
  html[data-account-page='standalone'] .login-atmosphere *::after,
  html[data-account-page='standalone'] .account-dialog .app-dialog-mask::before { animation: none; }
}