/* 认证页面样式（与主主题一致）
   包含头像预览、密码切换按钮、表单错误提示、导航用户展示等
*/

/* 居中容器 */
.auth-card { max-width: 540px; margin: 0 auto; }

/* 头像预览样式 */
.avatar-preview { width:96px; height:96px; border-radius:12px; border:2px solid var(--border); object-fit:cover; }
.avatar-preview-lg { width:120px; height:120px; border-radius:16px; border:3px solid var(--minecraft-green); object-fit:cover; box-shadow: 0 8px 24px rgba(113,179,64,0.2); }

/* 小按钮样式 */
.btn-sm { padding: 0.35rem 0.6rem; font-size: 0.85rem; }
.avatar-controls .btn { padding:.4rem .6rem; }

/* 密码可见切换按钮 */
.pass-toggle { position:absolute; right:.5rem; top:.5rem; background:transparent; border:none; color:var(--muted); cursor:pointer; padding:.2rem .4rem; border-radius:6px; }
.pass-toggle:hover{ color:var(--minecraft-darkGreen); }

/* 表单错误/提示 */
.form-error { color:#dc2626; font-size:.9rem; margin-top:.35rem; }
.form-success { color:#16a34a; font-size:.9rem; margin-top:.35rem; }

/* 导航栏当前用户显示 */
.nav-user { display:flex; align-items:center; gap:0.5rem; }
.nav-user img { width:34px; height:34px; border-radius:999px; object-fit:cover; border:2px solid rgba(255,255,255,0.12); }
.nav-user .name { font-weight:600; color:#fff; }

/* 小屏隐藏用户名文字只显示头像 */
@media (max-width:640px){ .nav-user .name { display:none; } }

/* 表单内额外帮助文字 */
.form-help { font-size:0.9rem; color:var(--muted); }

/* 微调按钮视觉让它更轻量 */
.btn { font-size:0.95rem; }

/* 主按钮文字居中 */
.btn-primary { justify-content: center; text-align: center; }

/* 登出按钮视觉 */
#navLogout { background:transparent; border:1px solid rgba(255,255,255,0.08); color:#fff; padding:.3rem .6rem; border-radius:6px; }
#navLogout:hover { background: rgba(255,255,255,0.04); }