/* Shared login, registration, password recovery and OAuth binding layout. */
html body.auth-page{margin:0;color:#1d2738;background:radial-gradient(ellipse at 25% 0%,#d7ddff 0,transparent 57%),radial-gradient(ellipse at 95% 10%,#d9ebff 0,transparent 60%),#f6f7fc;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
.auth-page *, .auth-page *:before,.auth-page *:after{box-sizing:border-box}
.auth-page .template{min-height:100vh}
.auth-page #login,.auth-page #regist,.auth-page #forget{width:100%;height:auto;min-height:100vh;padding:100px 24px 60px;display:flex;align-items:center;justify-content:center}
.auth-page .login-container{position:static;width:100%;height:auto;min-height:0;padding:0;background:transparent;display:flex;justify-content:center;align-items:center}
.auth-page .container-back{display:none}
.auth-page .container-before{position:relative;inset:auto;margin:0;width:476px;max-width:100%;height:auto;min-height:0;background:#fff;border-radius:20px;box-shadow:0 12px 38px #26335d0a;overflow:visible}
.auth-page .login{position:relative;padding:44px 48px 34px;font-size:14px;line-height:1.5;width:100%;display:flex;flex-direction:column}
.auth-page .auth-brand{position:absolute;top:24px;left:30px;display:flex;align-items:center;height:36px;font-size:24px;font-weight:600;color:#1d2738;text-decoration:none}
.auth-page .auth-brand img{max-width:240px;max-height:36px;object-fit:contain}
.auth-page .login-jump-btn{position:absolute;top:28px;right:32px;display:flex;align-items:center;gap:12px;font-size:12px;max-width:55%}
.auth-page .lang-box{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}
.auth-page .lang-box span{cursor:pointer;white-space:nowrap}
.auth-page .lang-box .el-select{width:106px}.auth-page .lang-box .el-input__inner{border:0;background:transparent;height:30px;line-height:30px;padding-left:0;font-size:12px}.auth-page .lang-box .el-input__icon{line-height:30px}
.auth-page .login-jump-btn .lang-box span:before,.auth-page .lang-box span:after{content:none}.auth-page .lang-box .el-input__suffix{position:absolute;right:5px;top:0;height:30px;margin:0;padding:0;border:0}.auth-page .lang-box .el-input__suffix-inner{margin:0;padding:0;border:0}
.auth-page .login-text-title{font-size:24px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.auth-page .login-text-regist{font-size:13px;margin-top:12px;line-height:1.5}
.auth-page .login-form{margin-top:34px;font-size:14px}
.auth-page .login-top{display:flex;gap:32px}
.auth-page .login-email,.auth-page .login-phone{width:auto;height:34px;margin:0;padding:0 0 8px;font-size:14px;line-height:24px;text-align:left}
.auth-page .form-main{margin-top:24px}
.auth-page .form-item{margin-top:20px}
.auth-page .form-main>.form-item:first-child{margin-top:0}
.auth-page .el-input__inner{height:40px;line-height:40px;border:1px solid #d9dfeb;border-radius:4px;font-size:13px;padding:0 12px}
.auth-page .el-input__inner:focus{border-color:var(--color-primary,#165dff)}
.auth-page .el-input__icon{line-height:40px}
.auth-page .select-input .el-input-group__prepend{width:76px;padding-right:14px}
.auth-page .select-input .el-input-group__prepend .el-select{width:72px;margin-left:-12px;margin-right:-10px}
.auth-page .select-input>.el-input__inner{padding-left:16px}
.auth-page .code-item{display:flex;gap:10px}.auth-page .code-item>.el-input{min-width:0;flex:1}.auth-page .code-btn{margin:0;flex-shrink:0;height:40px;padding:0 14px}
.auth-page .rember-item{font-size:12px;line-height:1.7;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-top:14px}
.auth-page .read-text{flex:1;min-width:190px;font-size:12px}.auth-page .rember-item>a{margin-left:auto;white-space:nowrap}
.auth-page .login-btn,.auth-page .pass-btn,.auth-page .type-btn{height:40px;font-size:14px;border-radius:4px;margin-left:0}
.auth-page .pass-btn{margin-top:12px}
.auth-page .read-item{font-size:12px;line-height:1.8}.auth-page .el-checkbox__label{font-size:13px}
.auth-page .auth-social{margin-top:38px}.auth-page .line-item{margin-top:0}.auth-page .el-divider__text{font-size:12px;color:#86909c;padding:0 16px;white-space:nowrap}
.auth-page .login-type{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.auth-page .oauth-item{height:42px;width:48px;min-width:48px;max-width:100%;flex:0 0 48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:white;border:1px solid #e1e6ef;border-radius:5px;cursor:pointer;color:#1d2738;font:inherit;box-shadow:0 1px 2px #1d273812}
.auth-page .oauth-item span{display:none}.auth-page .oauth-img{width:22px;height:22px;object-fit:contain}.auth-page .oauth-item:hover,.auth-page .oauth-item:focus-visible{border-color:var(--color-primary,#165dff);outline:none;color:var(--color-primary,#165dff)}
.auth-page .auth-register{text-align:center;margin-top:30px;order:5}.auth-page a{cursor:pointer}.auth-page .qr-code{right:14px;top:14px}.auth-page .qr-box-img{max-width:100%}
@media(max-width:600px){
 html body.auth-page{background:#edf3fa}.auth-page #login,.auth-page #regist,.auth-page #forget{padding:0;align-items:stretch}
 .auth-page .login-container{align-items:stretch;position:relative;max-width:430px;margin:auto;background:#fff;min-height:100vh;min-height:100dvh}
 .auth-page .container-before{width:100%;border-radius:0;box-shadow:none;background:transparent}
 .auth-page .login{min-height:100vh;min-height:100dvh;padding:122px 25px 34px;font-size:14px}
 .auth-page .auth-brand{z-index:2;top:20px;left:24px;height:32px;font-size:20px}.auth-page .auth-brand img{max-width:190px;max-height:32px}
 .auth-page .login-jump-btn{z-index:2;top:22px;right:20px;max-width:140px;flex-wrap:wrap;justify-content:flex-end}.auth-page .lang-box{gap:10px;font-size:11px}
 .auth-login .login-text{display:none}.auth-page .login-form{margin-top:26px}.auth-login .login-form{margin-top:0;flex:1;display:flex;flex-direction:column}
 .auth-login .form-main{flex:1;display:flex;flex-direction:column}.auth-login .auth-social{margin-top:auto;padding-top:60px}
 .auth-page .login-top{gap:36px}.auth-page .login-email,.auth-page .login-phone{font-size:16px;padding-bottom:8px;height:34px}
 .auth-page .auth-register{margin-top:32px}.auth-page .login-text-title{font-size:24px}.auth-page .rember-item{font-size:12px}.auth-page .qr-code{top:84px;right:24px}.auth-page .login .qr-code{top:84px;right:24px}
}

.auth-oauth .login-text-regist p{margin:0;color:#86909c;line-height:1.7}
.auth-oauth .rember-item .el-checkbox{display:flex;align-items:flex-start;white-space:normal}
.auth-oauth .rember-item .el-checkbox__input{margin-top:4px}
.auth-oauth .rember-item .el-checkbox__label{white-space:normal;line-height:1.7}