.admin-login-page.baoku-admin-login {
  --login-bg:#0b100d; --login-surface:#121a15; --login-soft:#19211b;
  --login-text:#f1eee4; --login-muted:#a1ab9f; --login-border:#303a2c; --login-gold:#d8bd75;
  display:grid; place-items:center; min-height:100dvh; padding:80px 28px 48px;
  background:var(--login-bg); color:var(--login-text);
}
html[data-baoku-theme="light"] .admin-login-page.baoku-admin-login {
  --login-bg:#f5f4f0; --login-surface:#fff; --login-soft:#f8f7f2;
  --login-text:#252c26; --login-muted:#656d62; --login-border:#e2dfd5; --login-gold:#84651e;
}
.baoku-admin-login * { box-sizing:border-box; }
.baoku-login-layout { width:min(100%,1040px); display:grid; grid-template-columns:1fr 460px; gap:64px; align-items:center; }
.baoku-login-intro { min-width:0; padding:24px 0; }
.baoku-login-brand { display:inline-flex; gap:14px; align-items:center; color:var(--login-text); text-decoration:none; }
.baoku-login-brand img { flex:none; }
.baoku-login-brand strong { display:block; font-size:23px; letter-spacing:.03em; }
.baoku-login-brand small { display:block; margin-top:3px; color:var(--login-gold); font-size:13px; }
.baoku-login-intro-copy { margin:48px 0 32px; }
.baoku-login-kicker { color:var(--login-gold); font-size:13px; font-weight:650; }
.baoku-admin-login .baoku-login-intro-copy h1 { font-size:36px; line-height:1.35; margin:10px 0 16px; }
.baoku-login-intro-copy p { font-size:15px; line-height:1.8; margin:0; color:var(--login-muted); }
.baoku-login-features { display:grid; gap:20px; padding:0; margin:0; list-style:none; }
.baoku-login-features li { display:flex; gap:14px; align-items:center; }
.baoku-login-feature-icon,.baoku-login-form-icon { display:grid; place-items:center; width:42px; height:42px; flex:none; border:1px solid var(--login-border); border-radius:12px; background:var(--login-soft); color:var(--login-gold); }
.baoku-login-features strong { font-size:14px; font-weight:650; }
.baoku-login-features p { margin:4px 0 0; color:var(--login-muted); font-size:13px; line-height:1.6; }
.admin-login-page .admin-login-card.baoku-admin-login-card { width:100%; max-width:none; min-width:0; padding:32px; border:1px solid var(--login-border); border-radius:18px; background:var(--login-surface); color:var(--login-text); box-shadow:0 12px 34px rgb(0 0 0 / 5%); text-align:left; display:block; }
.baoku-login-form-heading { display:flex; gap:14px; align-items:center; margin-bottom:28px; }
.baoku-admin-login .baoku-login-form-heading h2 { margin:0; font-size:23px; line-height:1.4; color:var(--login-text); }
.baoku-admin-login .baoku-login-form-heading p { margin:5px 0 0; font-size:13px; line-height:1.7; color:var(--login-muted); }
.admin-login-page .baoku-admin-login-card > label { display:block; margin:18px 0 9px; font-size:13px; font-weight:650; color:var(--login-text); }
.admin-login-page .baoku-admin-login-card input { display:block; width:100%; min-width:0; height:46px; border:1px solid var(--login-border); border-radius:9px; padding:10px 13px; color:var(--login-text); background:var(--login-soft); font:inherit; font-size:14px; box-shadow:none; }
.baoku-login-password { position:relative; }
.admin-login-page .baoku-login-password input { padding-right:46px; }
.baoku-admin-login .baoku-login-eye { display:grid; place-items:center; position:absolute; right:4px; top:4px; width:38px; height:38px; border:0; border-radius:7px; background:transparent; color:var(--login-muted); padding:0; cursor:pointer; }
.baoku-admin-login .baoku-login-eye:hover { background:var(--login-surface); color:var(--login-gold); }
.baoku-login-verification { margin:24px 0 18px; border:1px solid var(--login-border); border-radius:12px; background:var(--login-soft); padding:14px; min-width:0; }
.baoku-login-verification-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:10px; font-size:12px; color:var(--login-muted); }
.baoku-login-verification-heading > span { display:flex; gap:6px; align-items:center; }
.baoku-login-verification-heading svg { width:15px; height:15px; color:var(--login-gold); }
.baoku-login-verification-heading small { font-size:11px; }
.baoku-login-widget { width:100%; min-height:65px; }
.baoku-admin-login .baoku-login-verification-status { font-size:12px; line-height:1.6; color:var(--login-muted); margin:9px 0 0; }
.baoku-admin-login .baoku-login-retry { margin-top:9px; border:1px solid var(--login-border); border-radius:7px; background:var(--login-surface); color:var(--login-gold); font:inherit; font-size:12px; padding:7px 10px; cursor:pointer; }
.baoku-admin-login .baoku-login-error { padding:10px 12px; border:1px solid #a0604e; border-radius:8px; color:#edaf9e; background:#38271f; font-size:13px; line-height:1.6; margin:0 0 16px; }
html[data-baoku-theme="light"] .baoku-admin-login .baoku-login-error { color:#963e2d; background:#fcf1ec; border-color:#e2b4a5; }
.admin-login-page .baoku-admin-login-card .baoku-login-submit { width:100%; min-height:46px; border-radius:9px; background:#d8bd75; border:1px solid #bba362; color:#292717; font:inherit; font-size:15px; font-weight:700; cursor:pointer; box-shadow:none; }
.baoku-admin-login .baoku-login-submit:disabled { opacity:.5; cursor:not-allowed; }
.baoku-admin-login .baoku-login-back { display:flex; align-items:center; justify-content:center; gap:8px; margin:22px 0 0; color:var(--login-muted); text-decoration:none; font-size:13px; }
.baoku-login-back svg { width:16px; height:16px; }
.baoku-admin-login :is(a,button,input):focus-visible { outline:2px solid var(--login-gold); outline-offset:3px; }
@media(max-width:900px) {
  .baoku-login-layout { grid-template-columns:1fr; max-width:460px; gap:24px; }
  .baoku-login-intro { padding:0; }
  .baoku-login-intro-copy,.baoku-login-features { display:none; }
  .baoku-login-brand img { width:44px; height:44px; }
  .baoku-login-brand strong { font-size:21px; }
}
@media(max-width:480px) {
  .admin-login-page.baoku-admin-login { padding:76px 12px 28px; align-items:start; }
  .admin-login-page .admin-login-card.baoku-admin-login-card { padding:22px 18px; border-radius:16px; }
  .baoku-login-form-heading { gap:10px; }
  .baoku-login-form-icon { width:36px; height:36px; }
  .baoku-admin-login .baoku-login-form-heading h2 { font-size:21px; }
  .baoku-login-verification { padding:10px; }
}