/* 独立登录页布局修复：避免旧样式或缓存覆盖。 */
html,
body {
  min-height: 100% !important;
}

body {
  min-height: 100vh !important;
}

#loginScreen.login-wrap {
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 24px !important;
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(15, 170, 167, .22), transparent 32%),
    radial-gradient(circle at 80% 20%, rgba(19, 104, 216, .23), transparent 34%),
    #071523 !important;
}

#loginScreen.login-wrap > .login-card {
  width: min(440px, calc(100vw - 48px)) !important;
  margin: 0 !important;
  padding: 34px !important;
  border: 1px solid rgba(173, 210, 255, .22) !important;
  border-radius: 16px !important;
  background: rgba(11, 31, 54, .92) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .30) !important;
  color: #eaf6ff !important;
}

#loginScreen.login-wrap > .login-card h1 {
  margin: 16px 0 7px !important;
  color: #eaf6ff !important;
}

#loginScreen.login-wrap > .login-card > p {
  margin: 0 0 22px !important;
  color: #a9c8e3 !important;
}

#loginScreen.login-wrap > .login-card label {
  color: #cce3f7 !important;
}

#loginScreen.login-wrap > .login-card input {
  background: #0c2036 !important;
  color: #eaf6ff !important;
  border-color: #294966 !important;
}

#loginScreen.login-wrap > .login-card small {
  color: #9cb9d3 !important;
}

@media (max-width: 600px) {
  #loginScreen.login-wrap {
    padding: 18px !important;
  }

  #loginScreen.login-wrap > .login-card {
    width: min(440px, calc(100vw - 36px)) !important;
    padding: 28px 22px !important;
  }
}

/* 登录成功后，JS 会给 loginScreen 加 hidden；必须允许其真正隐藏。 */
#loginScreen.login-wrap.hidden {
  display: none !important;
}