/* ============================================================
   pay.kuajing168.cn 认证页新皮肤 auth.css
   登录 / 注册 / 找回密码 页面使用（紫色渐变 + 玻璃卡片）
   挂载：user/login.php / user/reg.php / user/findpwd.php
   body 需带 class="auth-page"
   ============================================================ */
:root{
  --v9:#221746; --v7:#4a34a7; --v6:#5b3df5; --v5:#7b5cff; --v4:#9d7bff; --v3:#b97afa;
  --ink:#23264a; --ink2:#5a5f7a; --line:#ece9f8; 
  --grad:linear-gradient(135deg,#5b3df5 0%,#8a4dff 55%,#b97afa 120%);
}
body.auth-page{
  min-height:100vh;
  background:
    radial-gradient(820px 420px at 88% -8%,rgba(185,122,250,.34),transparent 60%),
    radial-gradient(700px 420px at -8% 22%,rgba(91,61,245,.38),transparent 55%),
    radial-gradient(520px 300px at 50% 118%,rgba(123,92,255,.28),transparent 60%),
    linear-gradient(140deg,#1c1244 0%,#33208c 52%,#4a34a7 100%) !important;
  display:flex;align-items:center;justify-content:center;
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  padding:28px 16px;
}
body.auth-page .app{background:transparent !important;width:100%;}
body.auth-page .container.w-xxl.w-auto-xs,
body.auth-page .container-w{
  background:rgba(255,255,255,.96);
  border-radius:22px;
  box-shadow:0 30px 80px -30px rgba(10,5,40,.65);
  padding:38px 38px 30px;
  max-width:440px;
  margin:0 auto;
  width:100%;
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.5);
}
/* 品牌 */
body.auth-page .navbar-brand.block{
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:800;color:var(--v9) !important;
  margin:0 0 22px !important;padding:0;height:auto !important;line-height:1.4;width:auto !important;
}
body.auth-page .navbar-brand.block::before{
  content:"汇";display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:13px;background:var(--grad);
  color:#fff;font-size:19px;font-weight:700;margin-right:10px;
  box-shadow:0 10px 22px -8px rgba(91,61,245,.65);flex:none;
}
/* 副标题提示 */
body.auth-page .wrapper.text-center{color:var(--ink2);font-size:13px;margin-bottom:18px;}
body.auth-page .wrapper.text-center strong{color:var(--ink);font-size:15px;font-weight:600;}

/* Tab 切换 */
body.auth-page .nav-tabs{display:flex;background:#f1eefb;border-radius:12px;padding:4px;border:none;margin-bottom:20px;}
body.auth-page .nav-tabs>li{flex:1;width:auto !important;text-align:center;border-radius:9px;}
body.auth-page .nav-tabs>li>a{border:none !important;border-radius:9px !important;color:var(--ink2);font-weight:600;font-size:14px;padding:8px 0;margin:0 !important;background:transparent !important;}
body.auth-page .nav-tabs>li.active>a{background:var(--grad) !important;color:#fff !important;box-shadow:0 6px 14px -6px rgba(91,61,245,.6);}
body.auth-page .nav-tabs>li>a:hover{border:none !important;}

/* 输入组 */
body.auth-page .list-group.list-group-sm{border-radius:0;margin-bottom:6px;}
body.auth-page .list-group-item{
  border:1.5px solid #e2def4 !important;border-radius:12px !important;
  margin-bottom:14px !important;padding:0 !important;overflow:hidden;
  transition:.2s;
}
body.auth-page .list-group-item:focus-within{border-color:var(--v5) !important;box-shadow:0 0 0 3px rgba(123,92,255,.14);}
body.auth-page .form-control.no-border{
  border:none !important;box-shadow:none !important;height:48px;
  font-size:14.5px;color:var(--ink);padding:0 16px;border-radius:0 !important;
}
body.auth-page .list-group-item .input-group{width:100%;}
body.auth-page .list-group-item .input-group .form-control{flex:1;}
body.auth-page .input-group-addon{
  border:none !important;background:transparent !important;color:var(--v6);
  font-size:13px;font-weight:700;cursor:pointer;padding:0 16px;display:flex;align-items:center;
}
body.auth-page .input-group-addon:hover{color:var(--v5);}

/* 主按钮 */
body.auth-page .btn.btn-primary.btn-block,
body.auth-page .btn-primary{
  background:var(--grad) !important;border:none !important;color:#fff !important;
  border-radius:12px !important;height:48px;font-size:15.5px;font-weight:700;
  box-shadow:0 12px 26px -10px rgba(91,61,245,.65) !important;transition:.25s;margin-bottom:12px;
}
body.auth-page .btn.btn-primary.btn-block:hover,
body.auth-page .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);}
body.auth-page .btn-default.btn-block{
  background:#fff !important;border:1.5px solid #e2def4 !important;color:var(--ink2) !important;
  border-radius:12px !important;height:46px;font-size:14.5px;font-weight:600;transition:.2s;
}
body.auth-page .btn-default.btn-block:hover{border-color:var(--v5) !important;color:var(--v6) !important;}

/* 辅助行按钮（找回密码/注册） */
body.auth-page .form-group .btn-info,
body.auth-page .form-group .btn-danger{
  border:none;border-radius:999px !important;padding:8px 18px;font-size:13px;font-weight:600;
}
body.auth-page .form-group .btn-info{background:linear-gradient(135deg,#4aa8ff,#5b3df5);color:#fff;}
body.auth-page .form-group .btn-danger{background:linear-gradient(135deg,#ff6a7c,#f0454e);color:#fff;}

/* 第三方快捷登录 */
body.auth-page .wrapper.text-center .btn-icon{
  width:46px;height:46px;border-radius:50% !important;background:#fff !important;
  border:1px solid var(--line) !important;margin:0 6px;padding:0 !important;
  box-shadow:0 6px 16px -8px rgba(34,23,70,.3) !important;transition:.2s;
}
body.auth-page .wrapper.text-center .btn-icon:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(34,23,70,.4) !important;}
body.auth-page .wrapper.text-center .btn-icon img{width:26px;height:26px;border-radius:50%;}
body.auth-page .wrapper.text-center .btn-icon i{font-size:22px !important;}

/* 分割线 / 版权 */
body.auth-page .line.line-dashed{border-color:#e7e3f6 !important;margin:18px 0 !important;}
body.auth-page .text-center p{margin:10px 0 0;}
body.auth-page .text-center .text-muted{color:#9a93bd !important;font-size:12px;line-height:2;}
body.auth-page .text-center .text-muted a{color:var(--v6);}

/* 勾选同意条款 */
body.auth-page .checkbox label{color:var(--ink2);font-size:13.5px;font-weight:400;}
body.auth-page .checkbox label a{color:var(--v6);font-weight:600;}

/* 验证码容器 */
body.auth-page #captcha{margin:0 0 14px !important;border-radius:12px;overflow:hidden;background:#fff;}
body.auth-page #captcha .loading-dot{background:var(--v5);}

/* modal（注册须知）*/
body.auth-page .modal-content{border-radius:18px;border:none;box-shadow:0 30px 80px -30px rgba(10,5,40,.6);}
body.auth-page .modal-header{border-bottom:1px solid var(--line);}
body.auth-page .modal-title{color:var(--v9);font-weight:700;}
body.auth-page .modal-body{line-height:1.9;color:var(--ink2);}
body.auth-page .modal-footer{border-top:1px solid var(--line);}

/* 自动填充白底修复沿用页面原样式，另补 */
body.auth-page input:-webkit-autofill,
body.auth-page input:-webkit-autofill:hover,
body.auth-page input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:var(--ink) !important;}

/* 响应式 */
@media (max-width:520px){
  body.auth-page{padding:14px;align-items:flex-start;}
  body.auth-page .container.w-xxl.w-auto-xs,
  body.auth-page .container-w{padding:28px 22px 22px;border-radius:18px;}
  body.auth-page .navbar-brand.block{font-size:21px;}
  body.auth-page .form-control.no-border{height:46px;}
}

/* ============ 按钮与模块统一 2026-11-03 ============ */
body.auth-page .btn{border-radius:999px !important;font-weight:600;font-size:14px;height:46px;transition:all .22s;}
body.auth-page .btn-lg{height:48px;font-size:15px;}
body.auth-page .btn-primary{background:var(--grad) !important;border:0 !important;box-shadow:0 14px 28px -14px rgba(91,61,245,.85);}
body.auth-page .btn-default{background:#fff !important;border:1.5px solid var(--line) !important;color:var(--ink2) !important;}
body.auth-page .btn-default:hover{border-color:var(--v5) !important;color:var(--v6) !important;}
body.auth-page .form-control{height:46px;border-radius:12px;border:1.5px solid var(--line);box-shadow:none;font-size:14px;}
body.auth-page .form-control:focus{border-color:var(--v5);box-shadow:0 0 0 3px rgba(123,92,255,.14);}
body.auth-page .list-group-item{border:1px solid var(--line) !important;border-radius:12px !important;margin-bottom:10px;background:#fff;}
body.auth-page .list-group{border:0;}

/* 覆盖 btn-primary.btn-block / btn-default.btn-block 原有 12px（2026-11-03） */
body.auth-page .btn.btn-primary.btn-block,
body.auth-page .btn.btn-default.btn-block,
body.auth-page .btn.btn-info.btn-block,
body.auth-page .btn.btn-danger.btn-block,
body.auth-page .btn-primary,
body.auth-page .btn-default{border-radius:999px !important;}