.auth-page{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;background:repeating-linear-gradient(115deg,transparent 0,transparent 92px,#d4deef12 94px,#d4deef12 119px,transparent 122px),linear-gradient(135deg,#d4e3f6 0%,#e6eefc 54%,#f5f7fc 100%);font-family:"Microsoft YaHei",Avenir,Helvetica,Arial,sans-serif;color:#000}.auth-page *{box-sizing:border-box}.reference-card{background:#ffffffe0;border:1px solid #fffffff2;border-radius:28px;box-shadow:0 20px 50px #0000001f,0 0 0 1px #0000000a;backdrop-filter:blur(20px)}.login-card{width:454px;height:526px;padding:32px 36px;position:relative}.auth-page h1{font-size:26px;line-height:33.8px;font-weight:700;margin:0 0 6px;color:#2830d3}.auth-subtitle{font-size:14px;color:#888;line-height:21px;margin:0}.login-fields{margin-top:50px}.auth-field{position:relative;margin-bottom:15px;min-width:0}.auth-field input{display:block;width:100%;height:52px;background:#fff;border:1px solid #0000000f;border-radius:50px;padding:0 42px 0 48px;font:16px/40px Arial,sans-serif;color:#000;outline:none;box-shadow:none;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:#c0c4cc}.auth-field input:focus{border-color:#777ce4;box-shadow:0 0 0 3px #5259d908}.auth-field.invalid input{border-color:#f56c6c}.auth-icon{width:20px;height:20px;position:absolute;left:17px;top:16px;color:#8b8ec9;display:flex;align-items:center;justify-content:center;pointer-events:none}.auth-icon svg,.eye-button svg,.auth-link svg,.back-circle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.auth-error{position:absolute;top:100%;left:0;line-height:12px;font-size:12px;color:#f56c6c;padding-top:3px;z-index:1}.auth-error:empty{display:none}.eye-button{position:absolute;right:11px;top:8px;width:30px;height:30px;padding:6px;background:none;color:#92969c;border-radius:50%}.field-count{position:absolute;right:20px;top:16px;font-size:12px;line-height:14px;color:#909399;pointer-events:none}.auth-check{position:absolute;right:9px;top:15px;color:#67c23a;font-size:12px}.auth-options{height:40px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#888;margin-top:0}.auth-remember{display:flex;gap:8px;align-items:center;cursor:pointer}.auth-remember input{appearance:none;width:16px;height:16px;display:grid;place-content:center;border-radius:50%;border:1px solid #e6e9f1;padding:0;margin:0;cursor:pointer;background:white}.auth-remember input:checked{background:#343bd5;border-color:#343bd5}.auth-remember input:checked:after{content:'✓';color:white;font-size:10px}.auth-link{border:0;background:none;color:#808080;font-size:13px;padding:0;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.auth-link:hover{color:#2830d3;filter:none}.auth-page button:focus-visible,.auth-page a:focus-visible{outline:2px solid #5c61da;outline-offset:4px}.auth-submit{width:100%;height:52px;border:0;border-radius:50px;background:linear-gradient(135deg,#2830d3,#5359dc);color:#fff;font:600 18px/18px Arial,sans-serif;padding:12px 24px}.login-submit{margin-top:35px}.login-links{position:absolute;bottom:32px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:10px}.login-links svg{width:15px;height:15px}.auth-copyright{position:fixed;bottom:16px;left:0;width:100%;font-size:13px;line-height:20px;color:#64748b;text-align:center;pointer-events:none;z-index:1}.auth-copyright strong{font-weight:600;color:#475569}.auth-copyright a{color:#64748b;text-decoration:none;pointer-events:auto}.filing-icon{font-size:12px;display:inline-block;margin-right:5px}.registration-card{width:474px;min-height:656px;padding:32px 36px}.registration-form{height:450px;display:flex;flex-direction:column;position:relative}.registration-form .reg-fields{margin-top:68px}.registration-form.contact-mode .reg-fields{margin-top:10px}.registration-form .auth-field{margin-bottom:12px}.registration-form .auth-field input{height:46px;font-size:14px}.registration-form .auth-icon{top:13px}.registration-form .eye-button{top:8px}.registration-form .auth-submit{margin-top:8px}.reg-login-link{margin-top:auto;align-self:flex-end;margin-bottom:1px}.registration-form .field-count{top:16px}.code-row{display:grid;grid-template-columns:1fr 106px;gap:10px;align-items:start}.code-button{width:106px;height:46px;border:1px solid #bdbce2;border-radius:50px;background:#eaeafb;color:#343baf;font-size:12px;padding:0 6px}.registration-divider{margin:25px 0 18px;display:flex;align-items:center;gap:10px;color:#909399;font-size:13px}.registration-divider:before,.registration-divider:after{content:'';flex:1;height:1px;background:#ededf2}.register-modes{display:flex;gap:16px;justify-content:center}.register-mode{width:120px;height:85px;border:1px solid #eeeeF3;border-radius:16px;background:#ffffff99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#808080;padding:10px;font-size:12px}.register-mode.active{background:#eaeafb;border-color:#6865cb;color:#2830d3;font-weight:600}.mode-icon{width:36px;height:36px;border-radius:50%;background:#8682df;color:#fff;display:grid;place-content:center}.mode-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}.mode-icon.phone{background:#68b463}.mode-icon.email{background:#e59b50}.registration-card .auth-check{top:14px}.registration-card .auth-field input[name=username]{padding-right:68px}.qr-card{text-align:center}.qr-card h1{color:#1e293b}.qr-code{width:204px;height:204px;margin:55px auto 18px;position:relative;display:grid;place-content:center;border-radius:14px;background:#fff;box-shadow:0 4px 20px #00000008;border:2px solid #4d49cf}.qr-code img{width:180px;height:180px;display:block}.qr-status{font-size:14px;color:#475569;margin:0 0 8px}.qr-countdown{font-size:13px;color:#909399;margin:0}.qr-tip{position:absolute;bottom:31px;left:80px;right:60px;text-align:center;font-size:13px;color:#909399}.back-circle{position:absolute;bottom:22px;left:20px;width:40px;height:40px;background:#f0f0f4;border-radius:50%;padding:10px;color:#625ac7}.qr-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:14px;color:#596178;border-radius:10px}.qr-overlay button{font-size:12px;color:#fff;background:#4147d6;border-radius:25px}.reset-card{width:534px;min-height:570px;padding:32px 36px;display:flex;flex-direction:column}.reset-card h1{color:#000}.reset-steps{display:flex;margin:25px 0 36px;justify-content:space-between}.reset-step{flex:1;text-align:center;font-size:16px;color:#c0c4cc;position:relative}.reset-step:not(:last-child):after{content:'';position:absolute;height:2px;background:#c0c4cc;top:11px;left:calc(50% + 12px);right:calc(-50% + 12px)}.reset-step.done:not(:last-child):after{background:#4141ca}.step-number{width:24px;height:24px;margin:0 auto 9px;border:2px solid currentColor;border-radius:50%;font-size:14px;line-height:20px;display:block;background:#fff}.reset-step.active,.reset-step.done{color:#3936c5}.reset-step.active{font-weight:600}.reset-content{flex:1}.reset-content h3{font-size:18px;margin:0 0 36px;font-weight:700}.reset-choices{display:flex;gap:16px}.reset-choice{flex:1;height:160px;border:1px solid #c2bddf;background:#eeebfc;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;color:#000}.reset-choice.active{border-color:#6660ca;box-shadow:0 4px 12px #4a44b312;color:#2830d3}.reset-choice .mode-icon{height:48px;width:48px;margin-bottom:14px}.reset-choice strong{font-size:16px;margin-bottom:8px}.reset-choice small{font-size:13px;color:#909399}.reset-actions{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}.reset-actions button{height:52px;border-radius:50px;font-size:16px;font-weight:600}.reset-secondary{border:1px solid #ededf3;background:#fff;color:#888}.reset-label{display:block;font-size:14px;color:#909399;margin-bottom:9px}.reset-content .auth-field{margin-bottom:20px}.reset-content .code-row{gap:10px}.reset-content .code-row .auth-field{margin:0}.reset-content .code-button{margin-top:0}.reset-success{text-align:center;padding:10px 0}.success-symbol{font-size:48px;color:#67b273;margin-bottom:20px}.download-card{width:640px;padding:40px}.download-card h1{margin:14px 0}.download-choices{display:flex;gap:18px;margin:40px 0}.download-choices a,.download-choices button{flex:1;background:#eeedfa;padding:28px 18px;border-radius:16px;text-align:left;display:flex;flex-direction:column;text-decoration:none;color:#333c70;gap:10px;border:1px solid #ddddf0}.download-choices strong{font-size:20px}.auth-toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);background:#fef0f0;color:#f56c6c;border:1px solid #fde2e2;border-radius:4px;max-width:90vw;padding:12px 20px;font-size:14px;z-index:200}.scan-account{background:#f0f1fa;border-radius:14px;padding:20px;margin:25px 0;color:#41478b}.auth-lab{position:fixed;top:12px;right:15px;font-size:11px;color:#6d76a0;text-decoration:none}.reset-card .auth-error{top:100%}
.auth-page{background:radial-gradient(circle,rgba(200,218,248,.14) 1px,transparent 1px) 0 0/24px 24px,repeating-linear-gradient(115deg,transparent 0 60px,rgba(190,210,245,.06) 60px 65px),repeating-linear-gradient(25deg,transparent 0 90px,rgba(200,218,248,.04) 90px 95px),radial-gradient(70% 50% at 85% 15%,rgba(220,235,255,.6),transparent 55%),radial-gradient(60% 45% at 10% 75%,rgba(230,240,255,.5),transparent 50%),radial-gradient(50% 40% at 50% 50%,rgba(255,255,255,.4),transparent 45%),linear-gradient(135deg,#d4e2f8,#dce8fa 25%,#e6eefb 50%,#eef2fc 75%,#f8f9fd)}
.login-card{width:453.333px;height:525.333px}.registration-card{width:473.333px;min-height:655.333px}.registration-divider{margin-top:20px}.register-mode{height:84.667px}.auth-field.invalid .auth-check{color:#f56c6c}.auth-field.has-feedback .field-count{right:33px}.auth-field.has-feedback .eye-button{right:26px}.qr-code{border:0;background:linear-gradient(#4d49cf,#4d49cf) top left/20px 2px no-repeat,linear-gradient(#4d49cf,#4d49cf) top left/2px 20px no-repeat,linear-gradient(#4d49cf,#4d49cf) top right/20px 2px no-repeat,linear-gradient(#4d49cf,#4d49cf) top right/2px 20px no-repeat,linear-gradient(#4d49cf,#4d49cf) bottom left/20px 2px no-repeat,linear-gradient(#4d49cf,#4d49cf) bottom left/2px 20px no-repeat,linear-gradient(#4d49cf,#4d49cf) bottom right/20px 2px no-repeat,linear-gradient(#4d49cf,#4d49cf) bottom right/2px 20px no-repeat,#fff}
@media(max-width:600px){.auth-page{padding:24px 15px 80px;min-height:100dvh;align-items:center}.reference-card{width:min(100%,454px);padding-left:26px;padding-right:26px;border-radius:25px}.login-card{height:526px}.login-links{left:26px;right:26px;gap:8px}.login-links .auth-link{font-size:11px}.registration-card{width:min(100%,474px);min-height:656px}.register-modes{gap:10px}.register-mode{width:calc((100% - 20px)/3);font-size:11px}.reset-card{width:min(100%,534px);min-height:570px;padding-left:22px;padding-right:22px}.reset-choice{padding:12px 6px}.reset-choice strong{font-size:14px}.reset-choice small{font-size:11px}.reset-step{font-size:12px}.reset-actions{gap:14px}.auth-copyright{font-size:11px;bottom:12px}.code-row{grid-template-columns:1fr 102px;gap:8px}.code-button{width:102px;font-size:11px}.auth-page h1{font-size:25px}.download-card{width:100%}.download-choices{flex-direction:column}.auth-lab{font-size:10px}}
@media(max-height:690px) and (min-width:601px){.auth-page{padding:25px 0 75px;align-items:flex-start}.auth-copyright{position:fixed}.registration-card{min-height:656px}}
.auth-field:has([name=target][maxlength="254"]) input{padding-right:82px}.auth-field:has([name=target][maxlength="254"]) .field-count{font-size:11px;right:15px;top:17px}.auth-field.has-feedback:has([name=target][maxlength="254"]) .field-count{right:29px}.reset-content .auth-field:has([name=target][maxlength="254"]) .field-count{top:19px}
.qr-code.expired{margin-top:77px}.qr-overlay{background:rgba(0,0,0,.66);color:#fff;border-radius:14px;gap:12px}.qr-overlay button{background:#fff;color:#4247bd;font-size:12px;border-radius:50px;padding:8px 16px}
.registration-card.simple-registration{min-height:516px;height:516px}.recovery-card{min-height:380px}.recovery-body{margin:42px 0 30px;color:#626c82;font-size:14px;line-height:1.9}.recovery-body h3{font-size:18px;color:#29334d;margin-bottom:14px}.recovery-contact{padding:14px 18px;background:#f0f1fb;border-radius:12px}.recovery-return{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:auto}
