/* 登录页 */
.login-page {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 32px 20px;
  background:
    radial-gradient(1000px 500px at 50% -10%, rgba(200,169,106,.07), transparent 60%),
    var(--bg);
}
.login-box {
  width: 100%; max-width: 400px;
  background: var(--panel); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 32px 28px 26px; box-shadow: var(--shadow);
}
.login-brand { display: flex; align-items: center; gap: 12px; }
.login-brand .brand-mark { width: 28px; height: 28px; }
.login-name { font-size: 19px; font-weight: 600; letter-spacing: 1.5px; }
.login-sub  { font-size: 12px; color: var(--faint); margin-top: 3px; }
.login-rule { height: 2px; background: var(--metal); margin: 20px 0 24px; opacity: .8; }
.login-box .field { margin-bottom: 16px; }
.btn-block { width: 100%; padding: 12px; font-size: 15px; }
.login-tip  { color: var(--faint); font-size: 12px; margin: 20px 0 0; line-height: 1.8; text-align: center; }
.login-back { text-align: center; margin: 14px 0 0; font-size: 13px; }
.login-back a { color: var(--muted); }
.login-back a:hover { color: var(--gold); }