/* auth-appui.css — 登录 / 注册 / 找回密码（AppUI 登录页风格） */
html,body.auth-appui{min-height:100%;}
body.auth-appui{background:#454e59;}

/* 全屏主题色背景（随换肤变化） */
.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;}
.auth-bg::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.14),transparent 36%),
             radial-gradient(circle at 85% 88%,rgba(0,0,0,.22),transparent 45%),
             linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28));}

#login-container{padding-bottom:40px;}
@media screen and (min-width:768px){
  #login-container{top:80px;}
  #login-container.auth-wide{width:460px;margin-left:-230px;}
}

/* 顶部站点名 */
.auth-brand{margin:10px 0 24px;font-weight:300;animation:authDown .45s ease-out both;}
.auth-brand a{color:#fff;text-decoration:none;}
.auth-brand a:hover{color:#fff;opacity:.9;}
.auth-brand i{margin-right:4px;}

/* 表单卡片 */
.auth-block{animation:authUp .45s ease-out both;box-shadow:0 18px 50px rgba(0,0,0,.22) !important;}
.auth-block .block-title h2 small{display:block;margin-top:2px;font-size:12px;color:#9ea6b1;font-weight:400;}
.auth-block .form-group{margin-bottom:16px;}
.auth-block .input-group-addon{min-width:42px;background:#f9fafc;color:#9ea6b1;}
.auth-block .form-control{height:40px;}
.auth-block .input-group-btn .btn{height:40px;}
.auth-block .form-actions{margin-bottom:12px;}
.auth-block .csscheckbox{padding:0;font-size:13px;}
.auth-block .csscheckbox a{font-weight:600;}
.auth-link{display:inline-block;padding-top:2px;font-size:13px;}
.auth-submit{height:42px;font-size:15px;letter-spacing:2px;}

/* 验证码容器 */
#captcha{margin-bottom:16px;}
#captcha_text{text-align:center;color:#9ea6b1;font-size:12.5px;padding:8px 0;border:1px dashed #dbe1e8;border-radius:4px;}

/* 密码强度 */
.auth-strength{display:flex;align-items:center;gap:8px;margin-top:8px;}
.auth-strength .strength-bars{display:flex;gap:4px;flex:1;}
.auth-strength .strength-bar{flex:1;height:4px;border-radius:2px;background:#e8ebf0;transition:background .2s;}
.auth-strength .strength-bar.active-weak{background:#de815c;}
.auth-strength .strength-bar.active-medium{background:#deb25c;}
.auth-strength .strength-bar.active-strong{background:#5ccdde;}
.auth-strength .strength-text{font-size:12px;color:#9ea6b1;min-width:14px;}

/* 第三方登录 */
.auth-divider{display:flex;align-items:center;gap:12px;margin:6px 0 16px;color:#9ea6b1;font-size:12px;}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#eaedf1;}
.auth-social{text-align:center;margin-bottom:6px;}
.auth-social a{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;color:#fff;font-size:18px;margin:0 6px;transition:transform .15s,box-shadow .15s;}
.auth-social a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.18);color:#fff;}
.auth-social .qq{background:#12b7f5;}
.auth-social .wx{background:#07c160;}
.auth-social .alipay{background:#1677ff;}

/* 底部切换 */
.auth-switch{margin:14px -20px -20px;padding:14px 20px;border-top:1px solid #eaedf1;background:#fafbfc;text-align:center;font-size:13px;color:#888;border-radius:0 0 6px 6px;}
.auth-switch a{font-weight:600;}
.auth-foot{margin-top:18px;color:rgba(255,255,255,.7);}
.auth-foot a{color:rgba(255,255,255,.85);}

@keyframes authUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@keyframes authDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:none;}}

@media(max-width:767px){
  #login-container{width:auto;left:0;right:0;margin-left:0;padding:0 14px 30px;top:20px;}
}