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

/* 密码可见切换 */
.toggle-pw {
    position:absolute; right:10px; top:28px; cursor:pointer;
    width:24px; height:24px; display:flex; align-items:center; justify-content:center;
    font-size:16px; user-select:none; border:none; background:transparent;
}
.toggle-pw:hover { opacity:.7; }

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

/* 密码强度计 */
.strength-meter {
    display:flex; gap:4px; margin-top:6px; height:5px;
}
.strength-bar {
    flex:1; height:100%; background:rgba(192,57,43,.15); border-radius:3px; transition:background .3s;
}
.strength-bar.active-weak { background:#e74c3c; }
.strength-bar.active-medium { background:#f39c12; }
.strength-bar.active-strong { background:#27ae60; }
.strength-label { font-size:11px; margin-top:3px; color:#8a6f5c; font-family:'Renogare','CelesteZH',sans-serif; }

/* 确认密码匹配提示 */
.match-hint { font-size:11px; margin-top:3px; font-family:'Renogare','CelesteZH',sans-serif; }
.match-hint.ok { color:#27ae60; }
.match-hint.no { color:#c0392b; }

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

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

@media (max-width: 480px) {
    .register-box { padding:36px 22px 28px; }
    .register-box h2 { font-size:18px; }
}