.auth-page{background:var(--c-bg,#f2f7fb);color:#17324a;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:32px 20px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:flex}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand-mark{background:#ffd23e;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 4px #d9ab13}.auth-brand-title{font-size:22px;font-weight:700}.auth-brand-sub{color:#5b7a94;margin-top:2px;font-size:12px}.auth-card{background:#fff;border-radius:24px;width:100%;max-width:420px;padding:26px 26px 24px;box-shadow:0 8px 24px #17324a14}.auth-card h1{margin:0 0 4px;font-size:20px}.auth-card>p{color:#8fa6b8;margin:0 0 18px;font-size:12.5px}.auth-field{margin-bottom:12px;display:block}.auth-field span{color:#5b7a94;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.auth-field input{box-sizing:border-box;color:#17324a;background:#f6f9fc;border:2px solid #e4edf5;border-radius:16px;outline:none;width:100%;padding:13px 15px;font-size:14.5px;transition:border-color .15s}.auth-field input:focus-visible{background:#fff;border-color:#2e86de}.auth-error{color:#c93b3b;background:#fdeaea;border-radius:14px;margin:0 0 12px;padding:11px 14px;font-size:12.5px;line-height:1.55}.auth-notice{color:#1c7a4c;background:#e8f6ee;border-radius:14px;margin:0 0 12px;padding:11px 14px;font-size:12.5px;line-height:1.55}.auth-field-row{gap:8px;display:flex}.auth-field-row input{flex:1;min-width:0}.auth-send-code{color:#2e86de;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #cddcea;border-radius:16px;flex-shrink:0;padding:0 16px;font-size:13px;font-weight:700}.auth-send-code:hover:not(:disabled){border-color:#2e86de}.auth-send-code:disabled{color:#9db2c4;cursor:default}.auth-submit{color:#fff;cursor:pointer;background:#2e86de;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:15px;font-size:16px;font-weight:700;display:flex;box-shadow:0 5px #1f6dbd}.auth-submit:disabled{box-shadow:none;cursor:default;background:#c7d8e8}.auth-submit:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #1f6dbd}.auth-alt{text-align:center;color:#5b7a94;margin-top:14px;font-size:13px}.auth-alt a{color:#2e86de;font-weight:700;text-decoration:none}.auth-demo{background:#eef3f8;border-radius:20px;flex-direction:column;gap:10px;width:100%;max-width:420px;padding:16px 18px;display:flex}.auth-demo-title{color:#5b7a94;text-align:center;font-size:12px;font-weight:700}.auth-demo-buttons{gap:10px;display:flex}.auth-demo-buttons button{color:#5b7a94;cursor:pointer;background:#fff;border:2px solid #cddcea;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:13.5px;font-weight:700;display:flex}.auth-demo-buttons button:hover{color:#2e86de;border-color:#2e86de}.auth-footnote{text-align:center;color:#9db2c4;max-width:420px;font-size:11.5px;line-height:1.6}.auth-link-button{color:#2e86de;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:13px;font-weight:700}.auth-link-button:disabled{color:#9db2c4;cursor:default}.auth-page{isolation:isolate;color:#183442;background:#f7f8f4;min-height:100dvh;padding:42px 24px;position:relative}.auth-page:before{content:"";z-index:-2;background:#dceefa;border-radius:44% 56% 62% 38%;width:min(48vw,620px);height:min(48vw,620px);position:fixed;top:-190px;right:-130px}.auth-page:after{content:"";z-index:-1;border:26px solid #ffd23eb8;border-radius:50%;width:130px;height:130px;position:fixed;bottom:9vh;right:max(7vw,36px)}.auth-brand{width:100%;max-width:440px;margin-bottom:3px}.auth-brand-mark{width:48px;height:48px;box-shadow:none;border-radius:15px}.auth-brand-title{letter-spacing:-.035em;font-size:20px}.auth-brand-sub{color:#607784}.auth-card{border:1px solid #e0e8e7;border-radius:26px;max-width:440px;padding:31px 30px 28px;box-shadow:0 18px 45px #18344214}.auth-card h1{letter-spacing:-.04em;font-size:25px}.auth-card>p{color:#607784}.auth-field span{color:#456371}.auth-field input{color:#183442;background:#fbfcfa;border:1px solid #d8e3e4;border-radius:14px}.auth-field input:focus-visible{border-color:#2479ce;box-shadow:0 0 0 3px #2479ce1f}.auth-send-code{color:#2479ce;border:1px solid #c5d9e8;border-radius:14px}.auth-submit{background:#2479ce;border-radius:15px;box-shadow:0 5px #1d65ab}.auth-demo{background:#ffffff94;border:1px solid #dce6e5;border-radius:18px;max-width:440px;padding:17px 18px}.auth-demo-title{color:#607784}.auth-demo-buttons button{color:#456371;border:1px solid #d6e1e2;border-radius:13px}.auth-footnote{color:#78909a;max-width:440px}@media (min-width:820px){.auth-page{align-items:flex-start;padding-left:calc(50% - 390px)}.auth-page:before{width:min(57vw,800px);height:min(57vw,800px);top:-170px;right:-90px}.auth-page:after{bottom:11vh;right:14vw}}