/* Test V2 only: retain the established login behaviour while giving its real dialog the new shell visual language. */
body.home-concept-shell-page .login-wrap.mask-body,body.creator-library-page .login-wrap.mask-body{z-index:12000!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(8px)}body.home-concept-shell-page .login-wrap .login-content,body.creator-library-page .login-wrap .login-content{width:860px!important;height:500px!important;overflow:hidden;border:1px solid rgba(255,255,255,.72)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 30px 90px rgba(15,23,42,.28)!important}body.home-concept-shell-page .login-wrap .qrcode-left,body.creator-library-page .login-wrap .qrcode-left{width:385px!important;background:linear-gradient(150deg,#eef4ff,#f7f9ff 53%,#edf3ff)!important}body.home-concept-shell-page .login-wrap .account-right,body.creator-library-page .login-wrap .account-right{width:475px!important;padding:65px 54px 36px!important}body.home-concept-shell-page .login-wrap .account-right .login-type,body.creator-library-page .login-wrap .account-right .login-type{box-sizing:border-box;height:46px;padding:4px!important;border-radius:13px;background:#f1f5fb;line-height:38px!important}body.home-concept-shell-page .login-wrap .account-right .login-type .type-li,body.creator-library-page .login-wrap .account-right .login-type .type-li{flex:1;margin:0!important;border-radius:9px;text-align:center}body.home-concept-shell-page .login-wrap .account-right .login-type .type-li.active,body.creator-library-page .login-wrap .account-right .login-type .type-li.active{background:#fff;color:#3568ed;box-shadow:0 2px 7px rgba(40,73,130,.13)}body.home-concept-shell-page .login-wrap .account-right .login-type .type-li:after,body.creator-library-page .login-wrap .account-right .login-type .type-li:after{display:none}body.home-concept-shell-page .login-wrap .input-li .input-bar,body.creator-library-page .login-wrap .input-li .input-bar{border:1px solid #dce5f2!important;border-radius:11px!important;background:#fbfcff}body.home-concept-shell-page .login-wrap .submit-btn,body.creator-library-page .login-wrap .submit-btn{border-radius:11px!important;background:linear-gradient(135deg,#477cf6,#295ce8)!important}
.home-concept-page .login-wrap.mask-body{z-index:12000!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(8px)}
.home-concept-page .forget-wrap.mask-body{z-index:12100!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(8px)}
.home-concept-page .login-wrap .login-content{width:860px!important;height:500px!important;overflow:hidden;border:1px solid rgba(255,255,255,.72)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 30px 90px rgba(15,23,42,.28)!important}
.home-concept-page .login-wrap .login-close{z-index:3;top:20px!important;right:21px!important;width:32px!important;height:32px!important;border-radius:50%;background:#f3f6fb!important}
.home-concept-page .login-wrap .login-close:after{content:'×';display:grid;place-items:center;width:100%;height:100%;color:#6f7d95;font:300 27px/1 Arial}.home-concept-page .login-wrap .login-close{background-image:none!important}.home-concept-page .login-wrap .login-close:hover{transform:none!important;background:#e8efff!important}
.home-concept-page .login-wrap .qrcode-left{position:relative;width:385px!important;padding-top:52px!important;background:linear-gradient(150deg,#eef4ff 0%,#f7f9ff 53%,#edf3ff 100%)!important;border-radius:23px 0 0 23px!important}
.home-concept-page .login-wrap .qrcode-left:before{content:'';position:absolute;width:265px;height:265px;top:-112px;left:-100px;border-radius:50%;background:rgba(77,120,255,.13);filter:blur(2px)}
.home-concept-page .login-wrap .qrcode-left>*{position:relative}.home-concept-page .login-wrap .qrcode-left .logo-img{width:147px!important;height:auto!important}.home-concept-page .login-wrap .qrcode-left .login-method-title,.home-concept-page .login-wrap .account-right .login-method-note{display:none!important}.home-concept-page .login-wrap .qrcode-left .left-qrcode{width:176px!important;height:176px!important;margin-top:30px!important;padding:12px;border:1px solid #e5ecfb;border-radius:16px!important;box-shadow:0 14px 32px rgba(66,101,164,.12)!important}.home-concept-page .login-wrap .qrcode-left .qrcode-img{border-radius:7px!important}.home-concept-page .login-wrap .qrcode-left .qrcode-tips{margin-top:17px!important;color:#66758d!important;font-size:12px!important;line-height:21px!important}
.home-concept-page .login-wrap .account-right{box-sizing:border-box;width:475px;padding:82px 54px 36px!important}.home-concept-page .login-wrap .account-right .login-type{box-sizing:border-box;height:46px;margin:0 0 20px!important;padding:4px!important;border-radius:13px;background:#f1f5fb;color:#7a879a;font-size:14px!important;line-height:38px!important}.home-concept-page .login-wrap .account-right .login-type .type-li{flex:1;margin:0!important;border-radius:9px;text-align:center}.home-concept-page .login-wrap .account-right .login-type .type-li.active{background:#fff;color:#3568ed;box-shadow:0 2px 7px rgba(40,73,130,.13)}.home-concept-page .login-wrap .account-right .login-type .type-li:after{display:none}.home-concept-page .login-wrap .account-right .input-li{margin-bottom:13px!important}.home-concept-page .login-wrap .account-right .input-li .input-bar{box-sizing:border-box;width:367px!important;height:46px!important;border:1px solid #dce5f2!important;border-radius:11px!important;background:#fbfcff;font-size:14px!important}.home-concept-page .login-wrap .account-right .input-li .input-bar:focus{border-color:#5d86f7!important;box-shadow:0 0 0 3px rgba(76,119,241,.12)}.home-concept-page .login-wrap .account-right .input-li .fix-btn{right:1px!important;height:44px;padding:0 15px!important;line-height:44px!important;color:#3568ed!important;font-size:13px}.home-concept-page .login-wrap .account-right .protocol{height:31px!important;font-size:12px;color:#718097}.home-concept-page .login-wrap .account-right .protocol .agree-ratio{width:17px!important;height:17px!important;border-color:#bbc8d9!important}.home-concept-page .login-wrap .account-right .protocol .protocol-li{color:#3568ed!important}.home-concept-page .login-wrap .account-right .submit-btn{width:367px!important;height:46px!important;margin-top:12px!important;border-radius:11px!important;background:linear-gradient(135deg,#477cf6,#295ce8)!important;box-shadow:0 10px 18px rgba(49,92,232,.22);font-size:15px!important;font-weight:650!important}.home-concept-page .login-wrap .account-right .submit-btn:hover{filter:brightness(1.03)}.home-concept-page .login-wrap .account-right .login-tips{width:367px!important;margin-top:15px!important;color:#8090a7;font-size:12px!important;line-height:18px!important}
.home-concept-page .forget-wrap .forget-content{width:420px!important;padding:34px 36px 32px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:22px!important;box-shadow:0 30px 90px rgba(15,23,42,.28)!important}.home-concept-page .forget-wrap .forget-content .mask-title{padding:0!important;color:#182a4b!important;font-size:23px!important;font-weight:750;line-height:31px!important}.home-concept-page .forget-wrap .forget-content .forget-tips{padding:2px 0 19px!important;color:#7b899d!important;font-size:13px!important;line-height:21px!important}.home-concept-page .forget-wrap .forget-content .forget-form{padding:0!important}.home-concept-page .forget-wrap .forget-content .input-li{margin-bottom:13px!important}.home-concept-page .forget-wrap .forget-content .input-bar{box-sizing:border-box;width:348px!important;height:46px!important;border:1px solid #dce5f2!important;border-radius:11px!important;background:#fbfcff;padding:0 13px!important;font-size:14px!important}.home-concept-page .forget-wrap .forget-content .input-bar:focus{border-color:#5d86f7!important;box-shadow:0 0 0 3px rgba(76,119,241,.12)}.home-concept-page .forget-wrap .forget-content .fix-btn{height:44px!important;right:1px!important;line-height:44px!important;color:#3568ed!important;font-size:13px!important}.home-concept-page .forget-wrap .forget-content .confirm-btn{width:348px!important;height:46px!important;margin-top:4px!important;border-radius:11px!important;background:linear-gradient(135deg,#477cf6,#295ce8)!important;box-shadow:0 10px 18px rgba(49,92,232,.22);font-size:15px!important;font-weight:650!important}.home-concept-page .forget-wrap .forget-content .forget-close{z-index:3;top:20px!important;right:20px!important;width:32px!important;height:32px!important;border-radius:50%;background:#f3f6fb!important;background-image:none!important}.home-concept-page .forget-wrap .forget-content .forget-close:after{content:'×';display:grid;place-items:center;width:100%;height:100%;color:#6f7d95;font:300 27px/1 Arial}.home-concept-page .forget-wrap .forget-content .forget-close:hover{transform:none!important;background:#e8efff!important}
.home-concept-page .login-wrap .input-li:has(input[type="password"]),.home-concept-page .forget-wrap .input-li:has(input[type="password"]){position:relative}.home-concept-page .login-wrap .input-li input[type="password"],.home-concept-page .login-wrap .input-li input[type="text"],.home-concept-page .forget-wrap .input-li input[type="password"],.home-concept-page .forget-wrap .input-li input[type="text"]{padding-right:72px!important}.home-concept-page .hc-password-toggle{position:absolute;z-index:2;top:50%;right:9px;transform:translateY(-50%);height:28px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:#3568ed;font:600 12px inherit;cursor:pointer}.home-concept-page .hc-password-toggle:hover{background:#edf3ff}
body.home-concept-page .login-wrap .account-right .login-method-note,body.creator-library-page .login-wrap .account-right .login-method-note{display:none!important}body.home-concept-page .login-wrap .account-right,body.creator-library-page .login-wrap .account-right{padding-top:65px!important}body.home-concept-page .login-wrap .account-right .login-type,body.creator-library-page .login-wrap .account-right .login-type{margin-top:26px!important;margin-bottom:20px!important}body.home-concept-page .login-wrap .input-li:has(#login_password),body.creator-library-page .login-wrap .input-li:has(#login_password){padding-right:0!important}body.home-concept-page .login-wrap .input-li:has(#login_password) .input-bar,body.creator-library-page .login-wrap .input-li:has(#login_password) .input-bar{width:100%!important;padding-right:112px!important}body.home-concept-page .login-wrap .input-li:has(#login_password) .forget-btn,body.creator-library-page .login-wrap .input-li:has(#login_password) .forget-btn{right:48px!important;padding:0 7px!important;background:transparent!important}body.home-concept-page .login-wrap .input-li:has(#login_password) .hc-password-toggle,body.creator-library-page .login-wrap .input-li:has(#login_password) .hc-password-toggle{right:8px!important;padding:0 4px!important;background:transparent!important;border-left:0!important;border-radius:6px!important}body.home-concept-page .login-wrap .input-li:has(#login_password) .hc-password-toggle:hover,body.creator-library-page .login-wrap .input-li:has(#login_password) .hc-password-toggle:hover{background:#edf3ff!important}
body.home-concept-page .login-wrap .account-right .login-method-note,body.creator-library-page .login-wrap .account-right .login-method-note{display:none!important}body.home-concept-page .login-wrap .account-right .login-form-panel .account-title,body.creator-library-page .login-wrap .account-right .login-form-panel .account-title{display:block!important;margin:0!important;color:#182a4b!important;font-size:25px!important;font-weight:750!important;line-height:31px!important}body.home-concept-page .login-wrap .account-right,body.creator-library-page .login-wrap .account-right{padding-top:53px!important}body.home-concept-page .login-wrap .account-right .login-type,body.creator-library-page .login-wrap .account-right .login-type{margin-top:26px!important;margin-bottom:20px!important}body.home-concept-page .login-wrap .input-li:has(#login_password),body.creator-library-page .login-wrap .input-li:has(#login_password){padding-right:0!important;margin-bottom:3px!important}body.home-concept-page .login-wrap .input-li:has(#login_password) .input-bar,body.creator-library-page .login-wrap .input-li:has(#login_password) .input-bar{box-sizing:border-box!important;width:367px!important;padding-right:42px!important}body.home-concept-page .login-wrap .input-li:has(#login_password) .hc-password-toggle,body.creator-library-page .login-wrap .input-li:has(#login_password) .hc-password-toggle{right:9px!important;width:25px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:6px!important;font-size:0!important}body.home-concept-page .login-wrap .input-li:has(#login_password) .hc-password-toggle svg,body.creator-library-page .login-wrap .input-li:has(#login_password) .hc-password-toggle svg{width:18px;height:18px;fill:none;stroke:#6680a9;stroke-width:1.8;vertical-align:middle}body.home-concept-page .login-wrap .input-li:has(#login_password) .hc-password-toggle:hover,body.creator-library-page .login-wrap .input-li:has(#login_password) .hc-password-toggle:hover{background:#edf3ff!important}.hc-forgot-password{display:block;width:max-content;margin:0 0 10px auto;color:#3568ed;font-size:12px;line-height:17px;cursor:pointer}.hc-forgot-password:hover{color:#1f55df;text-decoration:underline}
body.home-concept-page .login-wrap input[type="password"]::-ms-reveal,body.creator-library-page .login-wrap input[type="password"]::-ms-reveal{display:none}body.home-concept-page .login-wrap input[type="password"]::-ms-clear,body.creator-library-page .login-wrap input[type="password"]::-ms-clear{display:none}
/* Chromium/Edge can otherwise draw its own password reveal control on top of
   the intended SVG.  Keep one clear, consistently positioned eye button. */
.login-wrap input[type="password"]::-ms-reveal,.login-wrap input[type="password"]::-ms-clear{display:none!important}
.login-wrap input[type="password"]::-webkit-credentials-auto-fill-button,.login-wrap input[type="password"]::-webkit-contacts-auto-fill-button{visibility:hidden!important;display:none!important;pointer-events:none!important}
.login-wrap .login-password-row{position:relative!important}
.login-wrap .login-password-row .hc-password-toggle{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:auto!important;height:32px!important;right:9px!important;padding:0 4px!important;border:0!important;outline:0!important;background:transparent!important;color:#3568ed!important;font-size:12px!important;line-height:32px!important;white-space:nowrap!important}
.login-wrap .login-password-row .hc-password-toggle svg{display:none!important}
.login-wrap .login-password-row .hc-password-toggle:focus,.login-wrap .login-password-row .hc-password-toggle:focus-visible{outline:0!important;box-shadow:none!important}
.login-wrap .login-password-row .input-bar{padding-right:76px!important}
.login-wrap .login-password-row .input-bar.hc-password-masked{-webkit-text-security:disc!important;text-security:disc!important}
/* SMS verification does not require password recovery. */
.login-wrap .hc-forgot-password{display:none!important}
.login-wrap .login-form-panel.login-mode-password .hc-forgot-password,.login-wrap .account-right.login-mode-password .hc-forgot-password{display:block!important}
/* Match the compact text action used by the reset-password dialog.  These
   selectors intentionally outrank the earlier icon-era rules. */
body.home-concept-page .login-wrap .input-li:has(#login_password) .hc-password-toggle,
body.creator-library-page .login-wrap .input-li:has(#login_password) .hc-password-toggle{
  display:block!important;right:14px!important;width:auto!important;height:44px!important;
  padding:0!important;border:0!important;background:transparent!important;color:#3568ed!important;
  font-size:12px!important;font-weight:400!important;line-height:44px!important;white-space:nowrap!important;
}
body.home-concept-page .login-wrap .input-li:has(#login_password) .hc-password-toggle:hover,
body.creator-library-page .login-wrap .input-li:has(#login_password) .hc-password-toggle:hover{
  background:transparent!important;color:#2456d9!important;text-decoration:underline!important;
}
body.home-concept-page .login-wrap .input-li:has(#login_password) .input-bar,
body.creator-library-page .login-wrap .input-li:has(#login_password) .input-bar{padding-right:84px!important}
body.home-concept-page .login-wrap .login-form-panel.login-mode-password .hc-forgot-password,
body.home-concept-page .login-wrap .account-right.login-mode-password .hc-forgot-password,
body.creator-library-page .login-wrap .login-form-panel.login-mode-password .hc-forgot-password,
body.creator-library-page .login-wrap .account-right.login-mode-password .hc-forgot-password{
  margin:9px 0 10px!important;line-height:17px!important;
}
@media(max-width:900px){.home-concept-page .login-wrap .login-content{width:calc(100vw - 32px)!important;height:auto!important;min-height:460px}.home-concept-page .login-wrap .qrcode-left{display:none}.home-concept-page .login-wrap .account-right{width:100%;padding:62px 34px 34px!important}.home-concept-page .login-wrap .account-right .input-li .input-bar,.home-concept-page .login-wrap .account-right .submit-btn,.home-concept-page .login-wrap .account-right .login-tips{width:100%!important}}