/* auth_v1.css — login/registered/findPwd 统一品牌皮肤（20260926）
   品牌色：深蓝 #013A71 / 亮蓝 #026CD2 / 橙 #f9a634；仅作用 auth 页，配合 newbase_v1.css */

/* ---------- 页面底色与容器 ---------- */
html.auth, body.auth { background: linear-gradient(180deg, #eef4fb 0%, #dfe9f5 100%); min-height: 100vh; }
body.auth .W, body.auth .account_main, body.auth .w990 { width: auto; max-width: 94vw; }

/* ---------- login：卡片壳 ---------- */
body.auth .account_main { min-height: 62vh; display: flex; align-items: flex-start; justify-content: center; padding: 54px 0 70px; }
body.auth .login_box { width: 460px; max-width: 94vw; margin: 0 auto; }
body.auth .login_box .write_box { background: #fff; border: 1px solid #e6ecf2; border-radius: 12px; box-shadow: 0 12px 34px rgba(1,58,113,.12); padding: 34px 36px 20px; }
body.auth .write_box h2 { margin: 0 0 6px; font-size: 24px; color: #013A71; letter-spacing: -.3px; text-align: center; }
body.auth .write_box .login_sub { margin: 0 0 22px; color: #6b7a8e; font-size: 13px; text-align: center; }
body.auth .write_box .bd { border: 0; background: none; }

/* 输入框 */
body.auth .form-group { margin-bottom: 14px; }
body.auth .input_box { position: relative; }
body.auth .input_box .login_icon { display: none; }
body.auth .form-control {
    width: 100%; box-sizing: border-box; height: 44px; line-height: 44px; padding: 0 14px;
    border: 1px solid #d7e0ea; border-radius: 7px; font-size: 14px; color: #333; background: #fbfdff;
    outline: none; transition: border-color .2s, box-shadow .2s;
}
body.auth .form-control:focus { border-color: #026CD2; box-shadow: 0 0 0 3px rgba(2,108,210,.12); background: #fff; }
body.auth .form-control::placeholder { color: #a7b4c4; }
/* 验证码行：输入+图 同行不换行 */
body.auth .pic-yzm { height: 44px; border-radius: 7px; cursor: pointer; vertical-align: middle; margin-left: 10px; border: 1px solid #d7e0ea; }
body.auth .input_box.yzm-row { display: flex; align-items: center; }
body.auth .input_box.yzm-row .form-control { flex: 1 1 auto; width: auto; min-width: 0; }
body.auth .input_box.yzm-row .pic-yzm { flex: 0 0 auto; margin-left: 10px; }

/* 错误提示与红字 */
body.auth .error-msg { display: none; }
body.auth .txtlblTip, body.auth font[color="red"] { display: block; text-align: center; font-size: 13px; margin: 6px 0 0; }

/* 主按钮 */
body.auth .btn.submit_btn, body.auth .btn-1, body.auth #find-box .btn_next, body.auth .main-btn {
    display: block; width: 100%; height: 46px; line-height: 46px; padding: 0; margin: 18px 0 4px;
    background: linear-gradient(135deg, #013A71, #026CD2); color: #fff; font-size: 16px; font-weight: 700;
    border: 0; border-radius: 7px; cursor: pointer; letter-spacing: .3px; transition: filter .2s;
}
body.auth .btn.submit_btn:hover, body.auth .btn-1:hover, body.auth #find-box .btn_next:hover, body.auth .main-btn:hover { filter: brightness(1.12); }

/* 底部切换链接 */
body.auth .form-group.mt20 { border-top: 1px solid #eef3f8; padding: 16px 0 6px; margin-bottom: 0; }
body.auth .divider-break { color: #8a97a8; font-size: 13px; float: none !important; display: block; text-align: center; }
body.auth .cl-f90 { color: #026CD2 !important; font-weight: 700; text-decoration: none; margin-left: 4px; }
body.auth .cl-f90:hover { text-decoration: underline; }

/* ---------- registered：卡片壳 ---------- */
body.auth .mlr { display: flex; justify-content: center; padding: 54px 0 70px; }
body.auth .w1.newregForm, body.auth .w1.newregsel {
    width: 520px; max-width: 94vw; background: #fff; border: 1px solid #e6ecf2; border-radius: 12px;
    box-shadow: 0 12px 34px rgba(1,58,113,.12); padding: 30px 34px 26px; margin: 0; float: none;
}
body.auth .w1.newregsel { text-align: center; }
body.auth .w1.newregsel .t { font-size: 20px; color: #013A71; }
body.auth .w1.newregsel .n div { cursor: pointer; }
body.auth .join { font-size: 24px; color: #013A71; text-align: center; margin: 0 0 6px; font-weight: 700; }
body.auth .Items { color: #8a97a8; font-size: 12px; text-align: center; margin: 0 0 18px; }
body.auth .dabox { border: 0; }
body.auth .dabox .cr { display: none; }
body.auth .field { margin-bottom: 14px; }
body.auth .field > p { margin: 0 0 6px; font-size: 13px; color: #3c4a5c; font-weight: 600; }
body.auth .field .red { color: #e23c3c; }
body.auth input.box {
    width: 100%; box-sizing: border-box; height: 42px; line-height: 42px; padding: 0 12px;
    border: 1px solid #d7e0ea; border-radius: 7px; font-size: 14px; color: #333; background: #fbfdff;
    outline: none; transition: border-color .2s, box-shadow .2s;
}
body.auth input.box:focus { border-color: #026CD2; box-shadow: 0 0 0 3px rgba(2,108,210,.12); background: #fff; }
body.auth input.box::placeholder { color: #a7b4c4; }
/* 发码按钮统一品牌蓝（覆盖内联 #0092dd） */
body.auth #SendEmailCode { background: #026CD2 !important; color: #fff !important; font-weight: 700; cursor: pointer; border: 0; }
body.auth #SendEmailCode[disabled] { background: #9db6cd !important; cursor: not-allowed; }
body.auth .req_span { color: #e23c3c; font-size: 12px; margin: 4px 0 0; }
body.auth .field-2 { border-top: 1px solid #eef3f8; padding-top: 16px; margin-top: 4px; }
body.auth .field-2 .button-1 { width: 100%; }
body.auth .field-2 > span { float: none !important; display: block; text-align: center; color: #8a97a8; font-size: 13px; margin-top: 10px; }
body.auth .field-2 > span a { color: #026CD2; font-weight: 700; text-decoration: none; }
body.auth .field-2 > span a:hover { text-decoration: underline; }
/* 身份选择卡片 */
body.auth .newregsel .n { display: flex; gap: 16px; justify-content: center; margin-top: 18px; }
body.auth .newregsel .n div { flex: 1; max-width: 180px; border: 1px solid #d7e0ea; border-radius: 9px; padding: 18px 0; transition: border-color .2s, box-shadow .2s; }
body.auth .newregsel .n div:hover { border-color: #026CD2; box-shadow: 0 6px 16px rgba(2,108,210,.14); }
body.auth .newregsel .n div span { font-size: 15px; color: #013A71; font-weight: 700; }
body.auth .newregsel .n div i { display: block; width: 34px; height: 34px; margin: 0 auto 10px; border-radius: 50%; background: linear-gradient(135deg, #013A71, #026CD2); }

/* ---------- findPwd：卡片壳 + 步骤条 ---------- */
body.auth .logo-r { display: none; }
body.auth .w990 { width: auto !important; display: flex; justify-content: center; padding: 54px 0 70px; }
body.auth #find-pw, body.auth #find-pw3 {
    width: 720px; max-width: 94vw; background: #fff; border: 1px solid #e6ecf2; border-radius: 12px;
    box-shadow: 0 12px 34px rgba(1,58,113,.12); padding: 34px 38px 30px;
}
body.auth #find-pw .find-con, body.auth #find-pw3 .find-con { width: auto; min-height: 0; text-align: left; margin: 0; padding-bottom: 0; }
/* 步骤条重绘（品牌蓝） */
body.auth .stepflex { border-top: 0; margin: 8px 0 30px; overflow: hidden; }
body.auth .stepflex dl { float: left; width: 25%; border-top: 0; top: 0; position: relative; text-align: center; }
body.auth .stepflex dl:before { content: ''; display: block; height: 4px; background: #dde6f0; border-radius: 2px; margin: 0 10%; }
body.auth .stepflex dl.doing:before, body.auth .stepflex dl.done:before { background: #026CD2; }
body.auth .s-num {
    position: static; width: 30px; height: 30px; line-height: 30px; margin: -17px auto 0;
    background: #fff; color: #9aa7b8; border: 2px solid #dde6f0; border-radius: 50%;
    font-size: 14px; font-weight: 700; box-sizing: border-box; display: block;
}
body.auth .doing .s-num { background: #026CD2; border-color: #026CD2; color: #fff; }
body.auth .done .s-num { background: #026CD2; border-color: #026CD2; color: #fff; }
body.auth .s-text { color: #8a97a8; font-size: 13px; margin-top: 8px; }
body.auth .doing .s-text { color: #026CD2; font-weight: 700; }
body.auth .doing b, body.auth .doing s, body.auth .first s, body.auth .last b { display: none; }
/* 表单行 */
body.auth #find-pw .uc-box, body.auth #find-pw3 .uc-box { width: auto; border-top: 0; padding: 0; text-align: left; }
body.auth #find-box .find-pwd-con { width: auto; position: static; margin: 0; }
body.auth #find-box .item { width: auto; float: none; margin: 16px 0; }
body.auth #find-box label { width: auto; display: block; font-size: 13px; color: #3c4a5c; font-weight: 600; margin-bottom: 6px; }
body.auth #find-box input {
    width: 100%; box-sizing: border-box; margin: 0; padding: 0 12px; height: 42px; line-height: 42px;
    border: 1px solid #d7e0ea; border-radius: 7px; font-size: 14px; color: #333; background: #fbfdff;
    outline: none; transition: border-color .2s, box-shadow .2s; box-shadow: none;
}
body.auth #find-box input:focus { border-color: #026CD2; box-shadow: 0 0 0 3px rgba(2,108,210,.12); background: #fff; }
body.auth #find-box input.text-te { width: calc(100% - 130px); display: inline-block; }
body.auth #find-box input.text-te2 { width: calc(100% - 130px); }
body.auth #find-box .img img { height: 42px; border-radius: 7px; border: 1px solid #d7e0ea; vertical-align: middle; cursor: pointer; }
body.auth #find-box select { height: 42px; line-height: 42px; border: 1px solid #d7e0ea; border-radius: 7px; padding: 0 8px; font-size: 14px; margin: 0; width: 100%; }
body.auth #find-box .btn_next { width: 100%; height: 44px; line-height: 44px; margin: 8px 0 0; }
body.auth #find-box .code {
    display: inline-block; width: 120px; height: 42px; line-height: 42px; margin-left: 10px;
    background: #026CD2; border: 0; border-radius: 7px; color: #fff; font-size: 13px; cursor: pointer;
}
body.auth #find-box .code[disabled] { background: #9db6cd; cursor: not-allowed; }
body.auth #find-box label.error {
    background: #fff6f0; border: 1px solid #f2c9b1; color: #c05621; width: auto; max-width: 100%;
    padding: 5px 10px; margin: 6px 0 0; display: inline-block; font-size: 12px; border-radius: 4px;
}
body.auth .find_pw_tit { font-size: 13px; font-weight: 400; color: #8a97a8; line-height: 1.7; }
body.auth .find_pw_tit a { color: #026CD2; font-weight: 700; text-decoration: none; }
body.auth .find-box-end { text-align: center; padding: 30px 0 10px; }
body.auth .find-box-end p { width: auto; margin: 0 0 8px; padding: 0; line-height: 1.8; font-size: 14px; color: #3c4a5c; position: static; }
body.auth .find-box-end p i { width: 44px; height: 44px; margin: 0 auto 12px; display: block; position: static; border-radius: 50%; background: linear-gradient(135deg, #013A71, #026CD2); }
body.auth .find-box-end .on-go { margin: 18px 0 0; }
/* 完成/主按钮窄版（成功页按钮不占满行） */
body.auth .find-box-end .main-btn { display: inline-block; width: auto; padding: 0 26px; }

/* ---------- 响应式 ---------- */
@media (max-width: 560px) {
    body.auth .write_box, body.auth .w1.newregForm, body.auth #find-pw { padding: 24px 18px 18px; }
    body.auth .field[style*="justify-content"], body.auth .field[style*="flex"] { flex-direction: column !important; gap: 0; }
    body.auth .field[style*="flex"] > div { width: 100% !important; margin-bottom: 14px; }
}