:root{--auth-navy:#0c2848;--auth-blue:#1766d7;--auth-cyan:#20a9bc;--auth-ink:#172b43;--auth-muted:#6f7f91;--auth-line:#dfe7ef;--auth-bg:#f4f7fb}
.auth-site{background:var(--auth-bg);color:var(--auth-ink)}
.auth-site .topline{background:#09223e}.auth-site .site-header{min-height:70px;padding-top:8px;padding-bottom:8px}.auth-site .site-header nav{font-size:13px}.auth-site .site-footer{margin-top:0;padding-top:30px;padding-bottom:30px}.auth-site .site-legal-bar{background:#071b31}.auth-site .contact-dock,.auth-site .huifa-contact-dock,.auth-site .huifa-contact-overlay{display:none!important}[data-caps-lock][hidden]{display:none!important}
.auth-shell{width:min(1120px,92%);min-height:620px;margin:34px auto 48px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,.72fr);background:#fff;border:1px solid #dce5ee;box-shadow:0 22px 65px rgba(18,43,73,.12)}
.auth-context{position:relative;overflow:hidden;padding:64px 58px;color:#fff;background:#0d3158}
.auth-context:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 46%),radial-gradient(circle at 88% 16%,rgba(57,156,213,.32),transparent 28%)}
.auth-context:after{content:"";position:absolute;right:-145px;bottom:-190px;width:410px;height:410px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.035),0 0 0 116px rgba(255,255,255,.025)}
.auth-context>*{position:relative;z-index:1}.auth-context>span,.auth-card-head>span{display:block;color:#75cdd9;font-size:11px;font-weight:800;letter-spacing:.17em}.auth-context h1,.auth-context h2{color:#fff;font-size:clamp(38px,4vw,54px);line-height:1.16;letter-spacing:-.035em;margin:18px 0}.auth-context h2{font-size:clamp(32px,3.2vw,46px)}.auth-context>p{max-width:540px;color:#c9dae9;font-size:16px;line-height:1.85}.auth-context>footer{position:absolute;left:58px;right:58px;bottom:43px;display:flex;gap:10px;align-items:center;color:#bdd1e1;font-size:12px}.auth-context>footer i{width:8px;height:8px;border-radius:50%;background:#48d5b0;box-shadow:0 0 0 5px rgba(72,213,176,.13)}
.auth-card{align-self:center;padding:58px 62px;background:#fff}.auth-card-head{margin-bottom:30px}.auth-card-head>span{color:var(--auth-blue)}.auth-card-head h1,.auth-card-head h2{margin:9px 0 8px;color:#102b49;font-size:31px;line-height:1.25}.auth-card-head p{margin:0;color:var(--auth-muted);font-size:14px;line-height:1.75}
.auth-form{display:grid;gap:18px}.auth-form label>span:first-child{display:block;margin-bottom:7px;color:#324a63;font-size:13px;font-weight:700}.auth-form input{width:100%;height:50px;border:1px solid #ccd8e5;border-radius:6px;background:#fff;padding:0 14px;color:#172b43;outline:none;transition:border .18s,box-shadow .18s}.auth-form input::placeholder{color:#a4afbb}.auth-form input:focus{border-color:#4f86da;box-shadow:0 0 0 4px rgba(44,111,213,.1)}.auth-form label>small{display:block;margin-top:7px;color:#c45a2e;font-size:11px}.auth-password{position:relative;display:block}.auth-password input{padding-right:66px}.auth-password button{position:absolute;right:8px;top:7px;height:36px;padding:0 10px;border:0;border-radius:4px;background:#eef3f8;color:#4e6680;font-size:12px}.auth-password button:hover{background:#e1ebf6;color:#185ebc}.auth-form-meta{display:flex;justify-content:space-between;gap:18px;margin-top:-4px;color:#8491a0;font-size:12px}.auth-form-meta a{color:#185ebc;font-weight:700}.auth-submit{width:100%;min-height:52px;border-radius:6px;font-size:15px}.auth-submit b{margin-left:auto;font-size:18px}.auth-submit[aria-busy="true"]{opacity:.72;pointer-events:none}.auth-card .form-error{margin:0 0 20px;border-radius:6px;background:#fff3f1;border-color:#f1cbc4;color:#a34434;font-size:13px}.auth-divider{height:1px;margin:29px 0 24px;background:#e7ecf1;text-align:center}.auth-divider span{position:relative;top:-12px;padding:0 12px;background:#fff;color:#9aa5b2;font-size:11px}.auth-help-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.auth-help-row strong,.auth-help-row small{display:block}.auth-help-row strong{font-size:13px}.auth-help-row small{margin-top:4px;color:#8593a2;font-size:11px}.auth-help-row>a{flex:none;padding:9px 12px;border:1px solid #bdd0e7;border-radius:5px;color:#185ebc;font-size:12px;font-weight:700}.auth-switch{margin:26px 0 0;padding-top:17px;border-top:1px solid #e7ecf1;text-align:center;color:#8492a1;font-size:12px}.auth-switch a{color:#185ebc;font-weight:700}.auth-switch span{padding:0 8px;color:#bdc5ce}
.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}.auth-feature-grid article{min-height:108px;padding:17px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055)}.auth-feature-grid b,.auth-feature-grid strong,.auth-feature-grid small{display:block}.auth-feature-grid b{color:#78d1de;font-size:10px}.auth-feature-grid strong{margin-top:11px;font-size:14px}.auth-feature-grid small{margin-top:5px;color:#bcd0e0;font-size:11px}
.admin-auth-context{background:linear-gradient(145deg,#071c34,#0e3e6b)}.admin-auth-scope{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:32px}.admin-auth-scope span{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);font-size:12px}.admin-auth-scope i{display:grid;place-items:center;width:26px;height:26px;border-radius:4px;background:#2273c9;color:#fff;font-style:normal;font-size:11px}.auth-security-note{margin-top:23px;padding:15px 16px;border-left:3px solid #2ca17d;background:#f1f8f5}.auth-security-note strong{font-size:12px}.auth-security-note p{margin:4px 0 0;color:#667d74;font-size:11px;line-height:1.65}.otp-input{text-align:center;font-size:27px!important;font-weight:800;letter-spacing:.4em;font-variant-numeric:tabular-nums;padding-left:calc(14px + .4em)!important}
.auth-shell-recovery{grid-template-columns:minmax(430px,.78fr) minmax(0,.85fr);min-height:520px}.auth-shell-recovery.single{display:block;width:min(520px,92%);min-height:0}.auth-shell-recovery.single .auth-card{padding:55px}.auth-recovery-context{background:linear-gradient(145deg,#0b3e59,#12636b)}.auth-privacy-tip{margin:-2px 0 0;padding:12px 14px;background:#f3f6f9;color:#6e7e8e;font-size:11px;line-height:1.7}.auth-wechat{display:flex;align-items:center;gap:17px;margin-top:28px;padding:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.auth-wechat img{width:92px;height:92px;object-fit:cover;object-position:center 72%}.auth-wechat small,.auth-wechat strong{display:block}.auth-wechat small{color:#bcd4dd;font-size:11px}.auth-wechat strong{margin-top:6px;font-size:19px}.recovery-result{margin-bottom:22px;padding:24px;background:#eef9f4;border:1px solid #c9eadc;text-align:center}.recovery-result i{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 12px;border-radius:50%;background:#28a47c;color:#fff;font-style:normal}.recovery-result strong{display:block}.recovery-result p{margin:7px 0 0;color:#5f756e;font-size:12px;line-height:1.75}.password-rules{display:flex;gap:7px;flex-wrap:wrap}.password-rules span{padding:5px 8px;border-radius:4px;background:#eef3f8;color:#718192;font-size:10px}
.auth-shell-onboarding{grid-template-columns:minmax(0,1fr) 450px}.onboarding-context{background:linear-gradient(145deg,#092c50,#0c5968)}.onboarding-steps{display:grid;gap:9px;margin-top:28px}.onboarding-steps article{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05)}.onboarding-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#145474;font-size:11px}.onboarding-steps strong,.onboarding-steps small{display:block}.onboarding-steps strong{font-size:13px}.onboarding-steps small{margin-top:3px;color:#bdd3df;font-size:11px}.auth-qr{margin:0;padding:13px;border:1px solid #dfe7ef;background:#f8fafc}.auth-qr img{display:block;width:min(100%,260px);margin:auto}.auth-qr figcaption{display:flex;justify-content:space-between;gap:12px;padding:11px 3px 1px}.auth-qr figcaption strong{font-size:12px}.auth-qr figcaption span{color:#7c8997;font-size:11px}.onboarding-login{margin-top:22px;padding-top:20px;border-top:1px solid #e5ebf1}
@media(max-width:900px){.auth-site .site-header nav{display:none}.auth-shell,.auth-shell-recovery,.auth-shell-onboarding{grid-template-columns:1fr;width:min(680px,92%)}.auth-context{padding:46px}.auth-context>footer{position:static;margin-top:32px}.auth-card{padding:45px}.admin-auth-context{order:2}.admin-auth-card{order:1}.auth-shell-member .auth-context{order:2}.auth-shell-member .auth-card{order:1}}
@media(max-width:660px){.auth-site .topline{display:none}.auth-site .site-header{min-height:60px}.auth-site .site-header nav{display:none}.auth-site .account-nav .solid{display:none}.auth-site .site-footer{display:none}.auth-shell,.auth-shell-recovery,.auth-shell-onboarding{width:100%;margin:0;min-height:calc(100vh - 60px);border:0;box-shadow:none}.auth-context{padding:36px 22px}.auth-context h1,.auth-context h2{font-size:32px}.auth-card,.auth-shell-recovery.single .auth-card{padding:36px 22px}.auth-card-head h1,.auth-card-head h2{font-size:27px}.auth-feature-grid,.admin-auth-scope{grid-template-columns:1fr 1fr}.auth-form-meta{align-items:flex-start}.auth-help-row{align-items:flex-start}.auth-qr img{width:min(100%,230px)}}