/* 元自云认证页重构：只改变展示层，保留原有表单、验证码与提交逻辑。 */
:root{--auth-blue:#2563eb;--auth-blue-dark:#1d4ed8;--auth-ink:#101828;--auth-muted:#667085;--auth-line:#e4e7ec;--auth-bg:#f5f7fb}
body:has(#login),body:has(#regist){background:var(--auth-bg)!important;color:var(--auth-ink)}
#login,#regist{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:32px 24px;background:var(--auth-bg)}
#login .login-container,#regist .login-container{width:min(980px,100%);min-height:0;height:auto;display:grid;grid-template-columns:320px minmax(0,1fr);align-items:stretch;border:1px solid #e6eaf0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 48px rgba(16,24,40,.08)}
#login .container-back,#regist .container-back{position:relative;width:auto;min-height:540px;overflow:hidden;background:#14213d;color:#fff}
#regist .container-back{min-height:610px}
#login .container-back:before,#regist .container-back:before{content:"";position:absolute;right:-125px;top:78px;width:300px;height:300px;border:1px solid rgba(147,197,253,.24);border-radius:50%;box-shadow:0 0 0 32px rgba(147,197,253,.05),0 0 0 64px rgba(147,197,253,.035)}
#login .container-back:after,#regist .container-back:after{content:"";position:absolute;left:40px;right:40px;bottom:50px;height:1px;background:rgba(191,219,254,.28);box-shadow:0 -34px 0 rgba(191,219,254,.12),0 -68px 0 rgba(191,219,254,.06)}
#login .back-line1,#login .back-line2,#login .back-line3,#regist .back-line1,#regist .back-line2,#regist .back-line3{display:none}
#login .back-text,#regist .back-text{position:relative;z-index:1;padding:58px 34px}
#login .text-welcome,#regist .text-welcome{color:#93c5fd;font-size:14px;font-weight:600;letter-spacing:.04em}
#login .text-title,#regist .text-title{margin-top:22px;color:#fff;font-size:26px;font-weight:650;line-height:1.35;white-space:nowrap}
#login .text-level,#regist .text-level{max-width:250px;margin-top:14px;color:#c7d2e2;font-size:14px;line-height:1.75}
#login .account-points,#regist .account-points{display:flex;flex-direction:column;gap:14px;margin-top:46px;color:#dbe7f5;font-size:13px}
#login .account-points span,#regist .account-points span{display:flex;align-items:center;gap:10px}
#login .account-points span:before,#regist .account-points span:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#60a5fa}
#login .container-before,#regist .container-before{width:auto;min-height:540px;height:auto;overflow:visible;border:0;background:#fff;box-shadow:none}
#regist .container-before{min-height:610px}
#login .login,#regist .login{width:min(100%,440px);max-width:none;margin:0 auto;padding:50px 44px 44px;box-sizing:border-box;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
#regist .login{padding-top:42px}
#login .lang-box{display:none}
#login .login-text-title,#regist .login-text-title{color:var(--auth-ink);font-size:26px;font-weight:650;line-height:1.35}
#login .login-text-regist,#regist .login-text-regist{margin-top:9px;color:var(--auth-muted);font-size:14px;line-height:1.6}
#login .login-text-regist a,#regist .login-text-regist a,#login .rember-item a,#regist .read-item a{color:var(--auth-blue);font-weight:550;text-decoration:none}
#login .login-form,#regist .login-form{margin-top:30px}
#login .login-top,#regist .login-top{display:flex;gap:28px;margin-bottom:20px;border-bottom:1px solid var(--auth-line)}
#login .login-email,#login .login-phone,#regist .login-email,#regist .login-phone{height:auto;margin:0;padding:0 0 12px;color:#98a2b3;font-size:14px;line-height:20px;cursor:pointer}
#login .login-email.active,#login .login-phone.active,#regist .login-email.active,#regist .login-phone.active{color:var(--auth-blue);border-bottom:2px solid var(--auth-blue);margin-bottom:-1px}
#login .form-item,#regist .form-item{margin:0 0 15px}
#login .el-input__inner,#regist .el-input__inner{height:46px;border:1px solid #d0d5dd;border-radius:7px;color:var(--auth-ink);font-size:14px;transition:border-color .2s,box-shadow .2s}
#login .el-input__inner:hover,#regist .el-input__inner:hover{border-color:#98a2b3}
#login .el-input__inner:focus,#regist .el-input__inner:focus{border-color:var(--auth-blue);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
#login .input-with-select .el-input-group__prepend,#regist .input-with-select .el-input-group__prepend{width:74px;border-color:#d0d5dd;background:#f8fafc}
#login .code-item,#regist .code-item{display:flex;align-items:stretch;gap:10px}
#login .code-item .el-input,#regist .code-item .el-input{flex:1;min-width:0}
#regist .email-code-success{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;padding:10px 12px;border:1px solid #ABEFC6;border-radius:7px;background:#ECFDF3;color:#067647;font-size:13px;line-height:20px}
#regist .email-code-success-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#12B76A;color:#fff;font-size:12px;font-weight:700}
#login .code-btn,#regist .code-btn{width:116px;min-width:116px;height:46px;margin:0;border:1px solid #bfdbfe;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:13px;white-space:nowrap}
#login .code-btn:hover,#regist .code-btn:hover{background:#dbeafe}
#login .rember-item,#regist .read-item{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;margin-top:3px;margin-bottom:18px;color:var(--auth-muted);font-size:13px;line-height:1.7}
#login .rember-item .read-text,#regist .read-item .read-text{flex:1;min-width:0;padding:0;color:var(--auth-muted);font-size:13px;line-height:1.7;overflow-wrap:normal}
#login .rember-item .read-text a,#regist .read-item a{white-space:nowrap}
#login .login-forget{width:100%;margin-top:5px;text-align:right}
#login .login-btn,#regist .login-btn{width:100%;height:46px;margin:2px 0 0;border:1px solid var(--auth-blue);border-radius:7px;background:var(--auth-blue);color:#fff;font-size:15px;font-weight:600;transition:background .2s,border-color .2s}
#login .login-btn:hover,#regist .login-btn:hover{border-color:var(--auth-blue-dark);background:var(--auth-blue-dark)}
#login .el-checkbox__input.is-checked .el-checkbox__inner,#regist .el-checkbox__input.is-checked .el-checkbox__inner{border-color:var(--auth-blue);background:var(--auth-blue)}
#login .el-alert,#regist .el-alert{margin:0 0 15px;border-radius:7px}
#captchaHtml{z-index:3000}
#captcha-outer .captcha-content{width:620px!important;max-width:calc(100vw - 32px)!important;height:auto!important;min-height:300px!important;padding:38px 44px!important;box-sizing:border-box!important}
#captcha-outer .captcha-title{font-size:20px!important;font-weight:600!important;color:#101828!important}
#captcha-outer .captcha-main{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;align-items:center!important;gap:14px!important;margin-top:28px!important;height:61px!important}
#captcha-outer #captcha-input{width:100%!important;height:44px!important;box-sizing:border-box!important;border:1px solid #d0d5dd!important;border-radius:7px!important;padding:0 13px!important;font-size:14px!important}
#captcha-outer #captcha-input:focus{outline:0!important;border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}
#captcha-outer #captcha-img{display:block!important;width:250px!important;height:61px!important;max-width:none!important;object-fit:fill!important;border-radius:5px!important;cursor:pointer!important}
#captcha-outer .captcha-footer{margin-top:28px!important;height:40px!important;display:flex!important;justify-content:flex-end!important;gap:10px!important}
#captcha-outer .captcha-footer button{height:40px!important;min-width:88px!important;border-radius:7px!important}
@media(max-width:620px){#captcha-outer .captcha-content{width:calc(100vw - 24px)!important;height:auto!important;min-height:390px!important;padding:28px 22px!important;overflow:visible!important}#captcha-outer .captcha-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;height:auto!important;margin-top:22px!important}#captcha-outer #captcha-input{width:100%!important;height:44px!important;box-sizing:border-box!important}#captcha-outer #captcha-img{display:block!important;width:100%!important;max-width:314px!important;height:auto!important;min-height:76px!important;object-fit:contain!important;align-self:center!important;overflow:visible!important}#captcha-outer #check-btn{width:100%!important;height:44px!important;min-height:44px!important;margin-top:18px!important}#captcha-outer .captcha-footer{height:auto!important;min-height:44px!important;margin-top:12px!important;display:flex!important}#captcha-outer .captcha-footer button{width:100%!important;height:44px!important;min-height:44px!important}}
@media(max-width:760px){#login,#regist{display:block;min-height:100vh;padding:18px 14px}#login .login-container,#regist .login-container{display:block;width:100%;border-radius:11px;box-shadow:0 8px 28px rgba(16,24,40,.06)}#login .container-back,#regist .container-back{display:none}#login .container-before,#regist .container-before{min-height:0}#login .login,#regist .login{width:100%;padding:38px 24px 32px}#regist .login{padding-top:34px}#login .login-form,#regist .login-form{margin-top:26px}}
@media(max-width:390px){#login,#regist{padding:10px}#login .login,#regist .login{padding:30px 18px 26px}#login .login-top,#regist .login-top{gap:20px}#login .code-item,#regist .code-item{gap:7px}#login .code-btn,#regist .code-btn{width:106px;min-width:106px}}

/* 20260817 compact account card: remove the promotional split panel, preserve native auth bindings. */
#login,#regist{padding:28px 18px;background:#f4f6f9}
#login .login-container,#regist .login-container{display:block;width:min(460px,100%);border:1px solid #e2e7ef;border-radius:12px;overflow:visible;box-shadow:0 12px 36px rgba(15,23,42,.08)}
#login .container-back,#regist .container-back{display:none!important}
#login .container-before,#regist .container-before{position:relative!important;inset:auto!important;width:100%!important;margin:0!important;min-height:0!important;border-radius:12px;background:#fff}
#login .login,#regist .login{box-sizing:border-box!important}
#login .container-before:before,#regist .container-before:before{content:"YuanOwn Cloud";display:block;padding:28px 36px 0;color:#1d4ed8;font-size:15px;font-weight:700;letter-spacing:.02em}
#login .login,#regist .login{width:100%;padding:22px 36px 34px}
#regist .login{padding-top:22px}
#login .login-text-title,#regist .login-text-title{font-size:24px}
#login .login-text-regist,#regist .login-text-regist{margin-top:6px}
#login .login-form,#regist .login-form{margin-top:24px}
#login .login-top,#regist .login-top{margin-bottom:18px}
#login .form-item,#regist .form-item{margin-bottom:14px}
#login .rember-item,#regist .read-item{margin-bottom:16px}
@media(max-width:760px){#login,#regist{padding:14px 12px}#login .login-container,#regist .login-container{border-radius:10px}#login .container-before:before,#regist .container-before:before{padding:24px 24px 0}#login .login,#regist .login{padding:20px 24px 28px}}
@media(max-width:390px){#login,#regist{padding:8px}#login .container-before:before,#regist .container-before:before{padding:22px 18px 0}#login .login,#regist .login{padding:18px 18px 24px}}