/* 登录页专属样式：环境光缓慢漂移 + 卡片入场。
   基础排版、输入框、按钮、消息条都在 styles.css 的「10 登录页」一节里。 */

.login-body::after {
  content: "";
  position: fixed;
  inset: -20% -10% auto;
  z-index: -1;
  height: 120vh;
  pointer-events: none;
  background:
    radial-gradient(880px 520px at 30% 20%, rgba(86, 134, 254, 0.16), transparent 70%),
    radial-gradient(800px 500px at 76% 8%, rgba(103, 158, 254, 0.1), transparent 72%),
    radial-gradient(700px 420px at 50% 62%, rgba(57, 100, 254, 0.07), transparent 74%);
  animation: login-drift 18s ease-in-out infinite alternate;
}

@keyframes login-drift {
  from {
    transform: translate3d(-2%, -1%, 0) scale(1);
  }

  to {
    transform: translate3d(2%, 2%, 0) scale(1.07);
  }
}

.login-card {
  animation: login-rise 0.5s var(--ease) both;
}

@keyframes login-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
}