:root { color-scheme: light; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
.auth-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at 20% 10%, #e4f0ff 0, transparent 34%), linear-gradient(145deg, #f5f9ff, #eaf2fc);
  color: #173d76;
}
.auth-card { width: min(430px, 100%); padding: 38px 42px; border: 1px solid #d3e1f3; border-radius: 16px; background: #fff; box-shadow: 0 24px 60px rgba(35, 76, 132, .14); }
.auth-mark { width: 54px; height: 54px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 15px; background: linear-gradient(135deg, #0f64e9, #3b92f5); color: #fff; font-weight: 800; letter-spacing: 1px; }
h1 { margin: 0; text-align: center; font-size: 25px; }
.auth-subtitle { margin: 10px 0 26px; color: #7388a5; font-size: 14px; line-height: 1.6; text-align: center; }
.auth-form { display: grid; gap: 18px; }
.auth-form label { display: grid; gap: 8px; color: #3e5c83; font-size: 13px; font-weight: 700; }
.auth-form input { width: 100%; height: 44px; padding: 0 13px; border: 1px solid #c9d8eb; border-radius: 8px; outline: none; color: #23466f; font: inherit; }
.auth-form input:focus { border-color: #4c91eb; box-shadow: 0 0 0 3px rgba(36, 116, 231, .12); }
.auth-form button { height: 45px; border: 0; border-radius: 8px; background: linear-gradient(135deg, #0f64e9, #2b83ef); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.auth-form button:hover { filter: brightness(1.04); }
.form-message { margin-bottom: 18px; padding: 11px 13px; border-radius: 7px; font-size: 13px; }
.form-message.error { border: 1px solid #ffc6c6; background: #fff1f1; color: #b52c2c; }
.form-message.success { border: 1px solid #b9e7d5; background: #eefaf6; color: #187959; }
.auth-help, .auth-back { display: block; margin: 22px 0 0; color: #7d91ac; font-size: 12px; line-height: 1.6; text-align: center; }
.auth-back { color: #276ac3; text-decoration: none; }