.auth{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:100vh;background:#fff;color:#0b1736;font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.auth-main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;padding:28px clamp(20px,5vw,64px)}.auth-main,.auth-top{display:-webkit-box;display:-ms-flexbox;display:flex}.auth-top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px}.auth-brand,.auth-top{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.auth-brand{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:10px;color:#0b1736;text-decoration:none}.auth-logo{width:30px;height:auto;display:block}.auth-brand-txt{font-weight:700;font-size:17px;line-height:1.05;letter-spacing:.02em}.auth-brand-txt small{display:block;margin-top:3px;font-size:9px;letter-spacing:.26em;color:#7c88a4;font-weight:600}.auth-back{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;color:#7c88a4;text-decoration:none;padding:7px 12px;border-radius:999px;-webkit-transition:color .2s,background .2s;transition:color .2s,background .2s}.auth-back:hover{color:#2563eb;background:#f2f6ff}.auth-body{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 0}.auth-form-wrap{width:100%;max-width:400px}.auth-foot{font-size:12px;color:#7c88a4;text-align:center}.auth-icp{margin-left:12px;color:inherit;text-decoration:none}.auth-icp:hover{color:#2563eb}.auth-art{position:sticky;top:0;height:100vh;overflow:hidden;margin:0;isolation:isolate;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;border-radius:0 28px 28px 0;background:linear-gradient(150deg,#2f74ff,#2149d6 55%,#4a46ea);color:#fff}.art-globe,.art-mesh{position:absolute;display:block}.art-mesh{inset:0;width:100%;height:100%}.art-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(hsla(0,0%,100%,.07) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.07) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 75%)}.art-globe{width:min(88%,700px);aspect-ratio:1/1;left:50%;top:44%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.art-top{position:absolute;left:40px;right:40px;top:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.art-pill{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;font-size:12px;color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.12);-webkit-box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.22);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.art-pill b{font-weight:700;color:#2563eb;background:#fff;border-radius:999px;padding:2px 10px}.art-copy{position:absolute;left:40px;right:40px;bottom:44px}.art-kicker{margin:0;font-size:11px;letter-spacing:.3em;color:hsla(0,0%,100%,.7);font-weight:600}.art-copy h2{margin:12px 0 0;font-size:clamp(28px,2.6vw,40px);line-height:1.18;font-weight:800;letter-spacing:-.02em;color:#fff}.art-sub{margin:12px 0 0;font-size:15px;color:hsla(0,0%,100%,.82)}.auth .auth-art{-webkit-transform:scale(1.02);transform:scale(1.02);opacity:0;-webkit-transition:opacity .9s ease,-webkit-transform 1.2s cubic-bezier(.2,.7,.2,1);transition:opacity .9s ease,-webkit-transform 1.2s cubic-bezier(.2,.7,.2,1);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .9s ease;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .9s ease,-webkit-transform 1.2s cubic-bezier(.2,.7,.2,1)}.auth .art-globe{opacity:0;-webkit-transition:opacity 1.4s ease .3s;transition:opacity 1.4s ease .3s}.auth .art-copy,.auth .art-top{-webkit-transition:opacity .8s ease .45s,-webkit-transform .9s cubic-bezier(.2,.7,.2,1) .45s;transition:opacity .8s ease .45s,-webkit-transform .9s cubic-bezier(.2,.7,.2,1) .45s;transition:opacity .8s ease .45s,transform .9s cubic-bezier(.2,.7,.2,1) .45s;transition:opacity .8s ease .45s,transform .9s cubic-bezier(.2,.7,.2,1) .45s,-webkit-transform .9s cubic-bezier(.2,.7,.2,1) .45s}.auth .art-copy,.auth .art-top,.auth .auth-form-wrap>*>*{opacity:0;-webkit-transform:translateY(14px);transform:translateY(14px)}.auth .auth-form-wrap>*>*{-webkit-transition:opacity .6s ease,-webkit-transform .7s cubic-bezier(.2,.7,.2,1);transition:opacity .6s ease,-webkit-transform .7s cubic-bezier(.2,.7,.2,1);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1),-webkit-transform .7s cubic-bezier(.2,.7,.2,1)}.auth.ready .auth-art{-webkit-transform:none;transform:none;opacity:1}.auth.ready .art-copy,.auth.ready .art-globe,.auth.ready .art-top{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.auth.ready .art-copy,.auth.ready .art-top,.auth.ready .auth-form-wrap>*>*{-webkit-transform:none;transform:none}.auth.ready .auth-form-wrap>*>*{opacity:1}.auth.ready .auth-form-wrap>*>:first-child{-webkit-transition-delay:.17s;transition-delay:.17s}.auth.ready .auth-form-wrap>*>:nth-child(2){-webkit-transition-delay:.22s;transition-delay:.22s}.auth.ready .auth-form-wrap>*>:nth-child(3){-webkit-transition-delay:.27s;transition-delay:.27s}.auth.ready .auth-form-wrap>*>:nth-child(4){-webkit-transition-delay:.32s;transition-delay:.32s}.auth.ready .auth-form-wrap>*>:nth-child(5){-webkit-transition-delay:.37s;transition-delay:.37s}.auth.ready .auth-form-wrap>*>:nth-child(6){-webkit-transition-delay:.42s;transition-delay:.42s}.auth.ready .auth-form-wrap>*>:nth-child(7){-webkit-transition-delay:.47s;transition-delay:.47s}.auth.ready .auth-form-wrap>*>:nth-child(8){-webkit-transition-delay:.52s;transition-delay:.52s}.auth.ready .auth-form-wrap>*>:nth-child(9){-webkit-transition-delay:.57s;transition-delay:.57s}.auth.ready .auth-form-wrap>*>:nth-child(10){-webkit-transition-delay:.62s;transition-delay:.62s}.auth.ready .auth-form-wrap>*>:nth-child(11){-webkit-transition-delay:.67s;transition-delay:.67s}.auth.ready .auth-form-wrap>*>:nth-child(12){-webkit-transition-delay:.72s;transition-delay:.72s}@media(max-width:1023px){.auth{grid-template-columns:minmax(0,1fr)}.auth-art{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;position:relative;height:188px;border-radius:0 0 24px 24px}.art-globe{width:300px;left:auto;right:-70px;top:50%}.auth.ready .art-globe{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.art-top{display:none}.art-copy{left:20px;right:140px;bottom:26px}.art-copy h2{font-size:22px}.art-kicker,.art-sub{display:none}.auth-main{padding-top:18px}.auth-body{padding:28px 0 36px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.auth *,.auth .auth-art{-webkit-transition:none!important;transition:none!important}}.auth-form .af-head{margin-bottom:28px}.auth-form .af-head h1{margin:0;font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#0b1736}.auth-form .af-head p{margin:10px 0 0;font-size:14px;color:#7c88a4}.auth-form .el-form-item{margin-bottom:18px}.auth-form .el-form-item__label{padding:0 0 6px;line-height:1.4;font-size:13px;font-weight:600;color:#3f4b68}.auth-form .el-form-item__label:before{display:none}.auth-form .el-input__inner{height:46px;line-height:46px;padding:0 14px;border-radius:12px;border:1px solid #e2e8f4;background:#fafbfe;color:#0b1736;font-size:14px;-webkit-transition:border-color .2s,background .2s,-webkit-box-shadow .25s;transition:border-color .2s,background .2s,-webkit-box-shadow .25s;transition:border-color .2s,box-shadow .25s,background .2s;transition:border-color .2s,box-shadow .25s,background .2s,-webkit-box-shadow .25s}.auth-form .el-input__inner::-webkit-input-placeholder{color:#a3adc4}.auth-form .el-input__inner::-moz-placeholder{color:#a3adc4}.auth-form .el-input__inner:-ms-input-placeholder{color:#a3adc4}.auth-form .el-input__inner::-ms-input-placeholder{color:#a3adc4}.auth-form .el-input__inner::placeholder{color:#a3adc4}.auth-form .el-input__inner:hover{border-color:#c9d4ea}.auth-form .el-input__inner:focus{border-color:#2563eb;background:#fff;-webkit-box-shadow:0 0 0 4px rgba(37,99,235,.12);box-shadow:0 0 0 4px rgba(37,99,235,.12)}.auth-form .el-input__suffix{right:10px}.auth-form .el-input__icon{line-height:46px}.auth-form .is-error .el-input__inner{border-color:#f43f5e;-webkit-box-shadow:0 0 0 4px rgba(244,63,94,.1);box-shadow:0 0 0 4px rgba(244,63,94,.1)}.auth-form .el-form-item__error{padding-top:5px;font-size:12px}.auth-form .af-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}.auth-form .af-pair{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.auth-form .af-pair .el-input{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.auth-form .af-captcha{-ms-flex-negative:0;flex-shrink:0;width:118px;height:46px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f4;background:#f4f6fb;cursor:pointer;position:relative;padding:0}.auth-form .af-captcha img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.auth-form .af-captcha:after{content:"换一张";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#fff;background:rgba(11,23,54,.55);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.auth-form .af-captcha:hover:after{opacity:1}.auth-form .af-code-btn{-ms-flex-negative:0;flex-shrink:0;min-width:118px;height:46px;padding:0 14px;border-radius:12px;border:1px solid rgba(37,99,235,.3);background:#f2f6ff;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.auth-form .af-code-btn:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb}.auth-form .af-code-btn:disabled{cursor:default;color:#7c88a4;background:#f4f6fb;border-color:#e2e8f4}.auth-form .af-opts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:-4px 0 22px;font-size:13px}.auth-form .af-opts .el-checkbox__label{font-size:13px;color:#3f4b68;font-weight:400}.auth-form .af-link{color:#2563eb;text-decoration:none;font-weight:600}.auth-form .af-link:hover{text-decoration:underline}.auth-form .af-tip{margin:-6px 0 16px;font-size:12px;color:#7c88a4}.auth-form .af-notice{margin:-8px 0 20px;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}.auth-form .af-notice.is-error{color:#be123c;background:#fff1f3;-webkit-box-shadow:inset 0 0 0 1px #fecdd3;box-shadow:inset 0 0 0 1px #fecdd3}.auth-form .af-notice.is-info{color:#1d4ed8;background:#f2f6ff;-webkit-box-shadow:inset 0 0 0 1px #c7d7fe;box-shadow:inset 0 0 0 1px #c7d7fe}.auth-form .af-submit{position:relative;width:100%;height:50px;border:0;border-radius:13px;cursor:pointer;overflow:hidden;font-size:15px;font-weight:700;color:#fff;letter-spacing:.04em;background:-webkit-gradient(linear,left top,left bottom,from(#3577ff),color-stop(55%,#2563eb),to(#1f52da));background:linear-gradient(180deg,#3577ff,#2563eb 55%,#1f52da);-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 0 0 1px rgba(26,70,200,.5),0 14px 28px -14px rgba(37,99,235,.9);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 0 0 1px rgba(26,70,200,.5),0 14px 28px -14px rgba(37,99,235,.9);-webkit-transition:-webkit-transform .2s cubic-bezier(.2,.7,.2,1),-webkit-box-shadow .25s;transition:-webkit-transform .2s cubic-bezier(.2,.7,.2,1),-webkit-box-shadow .25s;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .25s;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .25s,-webkit-transform .2s cubic-bezier(.2,.7,.2,1),-webkit-box-shadow .25s}.auth-form .af-submit:after{content:"";position:absolute;inset:0;-webkit-transform:translateX(-120%);transform:translateX(-120%);background:linear-gradient(100deg,transparent 30%,hsla(0,0%,100%,.35) 50%,transparent 70%);-webkit-transition:-webkit-transform .8s cubic-bezier(.2,.7,.2,1);transition:-webkit-transform .8s cubic-bezier(.2,.7,.2,1);transition:transform .8s cubic-bezier(.2,.7,.2,1);transition:transform .8s cubic-bezier(.2,.7,.2,1),-webkit-transform .8s cubic-bezier(.2,.7,.2,1)}.auth-form .af-submit:hover:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 0 0 1px rgba(26,70,200,.6),0 20px 34px -14px #2563eb;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 0 0 1px rgba(26,70,200,.6),0 20px 34px -14px #2563eb}.auth-form .af-submit:hover:not(:disabled):after{-webkit-transform:translateX(120%);transform:translateX(120%)}.auth-form .af-submit:disabled{cursor:default;opacity:.85}.auth-form .af-submit .spin{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;border-radius:50%;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;-webkit-animation:af-spin .7s linear infinite;animation:af-spin .7s linear infinite}.auth-form .af-switch{margin:22px 0 0;text-align:center;font-size:14px;color:#7c88a4}.auth-form.shake{-webkit-animation:af-shake .45s cubic-bezier(.2,.7,.2,1);animation:af-shake .45s cubic-bezier(.2,.7,.2,1)}@-webkit-keyframes af-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes af-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes af-shake{20%,60%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}40%,80%{-webkit-transform:translateX(8px);transform:translateX(8px)}}@keyframes af-shake{20%,60%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}40%,80%{-webkit-transform:translateX(8px);transform:translateX(8px)}}@media(max-width:480px){.auth-form .af-row{grid-template-columns:minmax(0,1fr)}.auth-form .af-head h1{font-size:26px}}