/* Login V3 native appearance. Authentication forms, hooks and provider DOM are unchanged. */
#baole-login-brand{--blue:#1262df;--line:#e1e7f0;--muted:#67778e;min-width:0;background:linear-gradient(118deg,#f5f7fb 0%,#f2f5fa 53%,#edf3fb 100%);color:#26354a;font:500 14px/1.6 "PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-synthesis:none}
#baole-login-brand .bo-login-head{height:76px;border-color:#e5eaf2}
#baole-login-brand .bo-login-head-inner{width:1248px;max-width:100%;padding:0 32px}
#baole-login-brand .bo-login-logo-group{display:flex;align-items:center;gap:21px;min-width:0}
#baole-login-brand .bo-login-logo img{width:126px;height:47px}
#baole-login-brand .bo-login-system-label{border-left:1px solid #dfe5ee;padding-left:21px;font-size:14px;line-height:23px;font-weight:600;color:#32445e;white-space:nowrap}
#baole-login-brand .bo-login-head-links{font-size:13px;color:#53657d;font-weight:500}
#baole-login-brand .bo-login-stage{width:1184px;max-width:calc(100% - 64px);grid-template-columns:minmax(0,1fr) 460px;column-gap:104px;align-items:center;flex:1;min-height:0;margin:0 auto;padding:48px 0}
#baole-login-brand .bo-login-brand{overflow:visible;background:none;min-width:0}
#baole-login-brand .bo-login-brand-copy{padding:0}
#baole-login-brand .bo-login-brand h1{color:#1e304c;font-size:36px;line-height:53px;font-weight:600;letter-spacing:.5px}
#baole-login-brand .bo-login-brand-description{margin-top:21px;color:#576b87;font-size:14px;line-height:25px;font-weight:500}
#baole-login-brand .bo-login-fixed-art{width:100%;height:344px;margin:20px 0 0;background:url('../images/login-cloud-v3.png') center/contain no-repeat;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
#baole-login-brand .bo-login-form{width:100%;max-width:460px;padding:36px 38px 34px;border:1px solid #dfe7f2;border-radius:6px;box-shadow:0 14px 44px rgba(32,61,102,.05);overflow:visible!important;min-width:0}
#baole-login-brand .bo-login-form>h2,#baole-login-brand .bo-login-form>.login-tab,#baole-login-brand .bo-login-form>.login-content,#baole-login-brand .bo-login-form>.bo-login-register,#baole-login-brand .bo-login-form>.bo-login-subtitle,#baole-login-brand .bo-login-form>.bo-login-notice{max-width:none}
#baole-login-brand .bo-login-title{color:#1e304c;font-size:26px;line-height:36px;font-weight:600}
#baole-login-brand .bo-login-subtitle{margin-top:7px;color:#65758c;font-size:13px;line-height:22px;font-weight:500}
#baole-login-brand .login-tab{gap:30px;margin:27px 0 25px;border-color:#e4eaf2;flex-wrap:wrap}
#baole-login-brand .login-tab-item{color:#5d6c82;font-size:14px;line-height:26px;padding-bottom:13px;font-weight:500}
#baole-login-brand .login-tab-item.active{color:var(--blue);font-weight:600}
#baole-login-brand .login-content{min-width:0;overflow:visible}
#baole-login-brand .login-content form>.form-group{margin-bottom:20px}
#baole-login-brand .login-content form>.form-group>label,#baole-login-brand .login-content form>.form-group>.d-flex>label,#baole-login-brand .bo-login-verification-region>.form-group>label{font-size:13px;line-height:22px;font-weight:500;color:#394d68;margin-bottom:8px}
#baole-login-brand :is(#emailInp,#emailPwdInp,#phoneInp,#phonePwdInp,#phoneCodeInp,input[id^="captcha_allow_login_"]){height:48px;font-size:14px;line-height:24px;font-weight:500;border-color:#cfd9e7;color:#263952;padding:0 14px;border-radius:3px}
#baole-login-brand :is(#emailInp,#emailPwdInp,#phoneInp,#phonePwdInp,#phoneCodeInp,input[id^="captcha_allow_login_"])::placeholder{color:#7a879a}
#baole-login-brand :is(#emailInp,#emailPwdInp,#phoneInp,#phonePwdInp,#phoneCodeInp,input[id^="captcha_allow_login_"]):focus{border-color:#4a87e5;box-shadow:0 0 0 2px #1262df11}
#baole-login-brand .login-content .custom-dropdown{flex-basis:110px}
#baole-login-brand .login-content .custom-dropdown-selection{height:48px;border-color:#cfd9e7;color:#506580;font-size:13px;border-radius:3px 0 0 3px;padding:0 12px}
#baole-login-brand .login-content .custom-dropdown-list{max-width:calc(100vw - 80px)}
#baole-login-brand .login-content .input-group>.form-control{border-radius:0 3px 3px 0}
#baole-login-brand .login-content form>.form-group>.input-group>.input-group-append>.btn{min-height:48px;height:auto;border-color:#cfd9e7;background:#fff;font-size:12px;font-weight:500;padding:0 13px;border-radius:0 3px 3px 0}
#baole-login-brand .bo-login-verification-region{width:100%;min-width:0;height:auto;min-height:0;overflow:visible;margin:2px 0 18px}
/* Only the native fallback controls are sized; no SDK div/iframe/canvas/button resets. */
#baole-login-brand .bo-login-verification-region>.form-group{margin-bottom:0}
#baole-login-brand .bo-login-verification-region>.form-group>.input-group>.input-group-append>img{width:120px;height:48px;object-fit:contain;border-color:#cfd9e7;background:#f3f6fb;border-radius:0 3px 3px 0}
#baole-login-brand .login-content form>.d-flex{font-size:12px;line-height:22px;margin-bottom:22px;color:#4d6990;gap:12px;flex-wrap:wrap}
#baole-login-brand .login-content form>.mt-3>.btn-primary{height:48px;min-height:48px;padding:0 12px!important;font-size:15px;line-height:24px;font-weight:600;border-radius:3px;box-shadow:0 3px 9px rgba(18,98,223,.08)}
#baole-login-brand .login-content form>.mt-3>.btn-primary:hover{background:#0d54c5;border-color:#0d54c5}
#baole-login-brand .bo-login-register{font-size:12px;line-height:22px;font-weight:500;color:#5f7088;margin-top:24px}
#baole-login-brand .bo-login-register a{margin-left:8px}
#baole-login-brand .bo-login-notice{padding:10px 12px;font-size:12px;line-height:21px;font-weight:500;overflow-wrap:anywhere}
#baole-login-brand .Oauth_login_txt{font-size:12px;line-height:22px;font-weight:500}
#baole-login-brand .bo-login-footer{color:#7d8ca2;border-color:#e2e8f1;padding:20px 24px 19px;font-size:11px;line-height:20px}
#baole-login-brand .bo-login-footer-links{font-size:12px;color:#5d6e85;line-height:20px;gap:27px}
#baole-login-brand .bo-login-footer-links a+a{border:0;padding:0}
#baole-login-brand .bo-login-footer p{overflow-wrap:anywhere}
@media(min-width:1700px){#baole-login-brand .bo-login-stage{padding-top:62px;padding-bottom:62px;column-gap:120px}#baole-login-brand .bo-login-brand h1{font-size:38px;line-height:56px}#baole-login-brand .bo-login-fixed-art{height:360px;margin-top:23px}}
@media(max-width:1100px){#baole-login-brand .bo-login-stage{grid-template-columns:minmax(0,1fr) 430px;column-gap:48px}#baole-login-brand .bo-login-form{padding-left:32px;padding-right:32px}#baole-login-brand .bo-login-brand h1{font-size:31px;line-height:47px}#baole-login-brand .bo-login-fixed-art{height:296px}#baole-login-brand .bo-login-brand-description{font-size:13px}}
@media(max-width:900px){#baole-login-brand .bo-login-stage{display:block;width:460px;max-width:calc(100% - 48px);padding:46px 0 48px}#baole-login-brand .bo-login-brand{display:none}#baole-login-brand .bo-login-form{max-width:460px;padding:36px 38px 34px;margin:0}#baole-login-brand .bo-login-footer p>a{display:block;margin:4px 0 0}}
@media(max-width:600px){#baole-login-brand .bo-login-head{height:68px}#baole-login-brand .bo-login-head-inner{padding:0 20px;gap:16px}#baole-login-brand .bo-login-logo img{width:113px;height:42px}#baole-login-brand .bo-login-system-label{display:none}#baole-login-brand .bo-login-head-links{font-size:11px;gap:12px}#baole-login-brand .bo-login-head-links a:first-child{display:block}#baole-login-brand .bo-login-head-links a+a{border-left:1px solid #e1e7f0;padding-left:12px}#baole-login-brand .bo-login-stage{width:100%;max-width:100%;padding:30px 15px 34px}#baole-login-brand .bo-login-form{max-width:none;padding:27px 24px 28px;border-radius:5px;box-shadow:0 8px 30px rgba(32,61,102,.04)}#baole-login-brand .bo-login-title{font-size:23px;line-height:33px}#baole-login-brand .bo-login-subtitle{font-size:12px;line-height:21px;margin-top:6px}#baole-login-brand .login-tab{gap:27px;margin:24px 0 23px}#baole-login-brand .login-tab-item{font-size:14px;line-height:25px;padding-bottom:12px}#baole-login-brand :is(#emailInp,#emailPwdInp,#phoneInp,#phonePwdInp,#phoneCodeInp,input[id^="captcha_allow_login_"]){font-size:14px;padding-left:12px}#baole-login-brand .login-content .custom-dropdown{flex-basis:104px}#baole-login-brand .login-content form>.form-group>.input-group>.input-group-append>.btn{font-size:12px;padding:0 11px}#baole-login-brand .login-content form>.mt-3>.btn-primary{font-size:14px}#baole-login-brand .bo-login-register{margin-top:23px}#baole-login-brand .bo-login-footer-links{font-size:11px;gap:23px}}

#baole-login-brand .bo-login-footer p>a{white-space:normal;overflow-wrap:anywhere}