/* 登录页专属样式；通用部分见 auth.css */
.login-box { padding:52px 44px 44px; }
.login-box .sub { text-align:center; color:#8a6f5c; font-size:13px; margin-bottom:26px; }
.login-madeline { display:block; width:64px; height:64px; border-radius:50%; margin:0 auto 14px; border:2px solid #c4a882; box-shadow:0 0 14px rgba(196,168,130,.5); transition:transform .3s; }
.login-box .form-group { margin-bottom:16px; position:relative; }
.login-box .form-group label { color:#5a3e36; font-size:13px; }

/* 密码可见切换按钮 */
.toggle-pw {
    position:absolute; right:10px; top:30px; cursor:pointer;
    width:24px; height:24px; display:flex; align-items:center; justify-content:center;
    color:#8a6f5c; font-size:16px; user-select:none; border:none; background:transparent;
}
.toggle-pw:hover { color:#5a3e36; }

/* Caps Lock 提示 */
.caps-warning {
    display:none; font-size:11px; color:#e67e22; margin-top:4px; font-family:'Renogare','CelesteZH',sans-serif;
}
.caps-warning.show { display:block; animation:fadeIn .3s; }

/* 记住我 */
.remember-row { display:flex; align-items:center; justify-content:space-between; margin:10px 0 14px; font-size:12px; color:#8a6f5c; }
.remember-row label { display:flex; align-items:center; gap:6px; cursor:pointer; }
.remember-row input[type=checkbox] { accent-color:#5a3e36; cursor:pointer; }

.login-box .btn-primary { margin:6px auto 0; }
.login-box .btn-primary:disabled { opacity:.7; cursor:not-allowed; }

.login-footer { text-align:center; margin-top:18px; font-size:13px; color:#8a6f5c; }
.login-footer a { color:#5a3e36; font-weight:bold; border-bottom:1px solid #c4a882; }
.login-footer a:hover { text-shadow:none; color:#3a2018; }

/* 移动端响应式 */
@media (max-width: 480px) {
    .login-box { padding:40px 24px 32px; }
    .login-box h2 { font-size:18px; }
}
