/* 登录页 · 经典蓝（叠加在 Bootstrap 之上）*/
.login-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background:
    radial-gradient(900px 500px at 100% 0%, #dbeafe 0%, transparent 55%),
    radial-gradient(800px 500px at 0% 100%, #e0e7ff 0%, transparent 55%),
    #0f172a;
}
.login-card {
  width: 100%;
  max-width: 400px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(2, 6, 23, .45);
  padding: 36px 32px;
}
.login-card .brand {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
}
.login-card .brand .mark {
  width: 38px; height: 38px;
  border-radius: 11px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  box-shadow: 0 6px 16px rgba(37, 99, 235, .4);
}
.login-card .subtitle { color: #6b7280; font-size: .88rem; margin: 10px 0 26px; }
.login-card .input-group-text { background: #fff; color: #9aa1ad; border-right: 0; }
.login-card .input-group .form-control { border-left: 0; }
.login-card .input-group .form-control:focus { box-shadow: none; border-color: #dee2e6; }
.login-card .input-group:focus-within .input-group-text,
.login-card .input-group:focus-within .form-control { border-color: #93c5fd; }
.login-card .input-group:focus-within { box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .15); border-radius: .5rem; }