.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}