.client-login{--client-ink:#12233f;--client-muted:#5b6b82;--client-blue:#1267c9;--client-line:#dce4ef;min-height:100vh;color:var(--client-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.client-login-header{border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;width:min(1240px,100% - 64px);height:96px;margin:auto;display:flex}.client-login-header img{width:174px;height:auto}.client-login-home{color:#31445f;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.client-login-home:hover{color:var(--client-blue)}.client-login-layout{grid-template-columns:minmax(0,1fr) minmax(390px,470px);align-items:center;gap:clamp(48px,7vw,112px);width:min(1120px,100% - 64px);min-height:min(780px,100vh - 96px);margin:auto;padding:56px 0 80px;display:grid}.client-login-intro{align-self:center;padding-bottom:36px}.client-login-route{color:var(--client-blue);align-items:center;gap:12px;font-size:14px;font-weight:650;display:flex}.client-login-route span{background:#bc273b;width:28px;height:3px}.client-login-intro h2{color:var(--client-ink);letter-spacing:-.045em;margin-top:24px;font-size:clamp(42px,4.3vw,64px);font-weight:700;line-height:1.16}.client-login-intro-copy{max-width:31rem;color:var(--client-muted);margin-top:28px;font-size:17px;line-height:1.8}.client-login-journey{width:min(380px,100%);color:var(--client-blue);align-items:center;gap:16px;margin-top:60px;font-size:13px;font-weight:650;display:flex}.client-login-journey i{background:repeating-linear-gradient(to right, var(--client-blue) 0 4px, transparent 4px 10px);flex:1;height:1px}.client-login .client-login-card{border:1px solid var(--client-line);max-width:none;color:var(--client-ink);background:#fff;border-radius:12px;box-shadow:0 18px 42px #1e3d681a}.client-login .client-login-card>div{padding:32px 36px 36px}.client-login .client-login-card>div>div:first-child{margin-top:0}.client-login .client-login-card h1,.client-login .client-login-card h2{color:var(--client-ink)}.client-login .client-login-card h1{letter-spacing:-.025em;font-size:28px}.client-login .client-login-card :is(.text-slate-400,.text-slate-500,.text-slate-600,.text-slate-300){color:var(--client-muted)}.client-login .client-login-key{color:var(--client-blue);background:#eaf3ff;border-radius:12px}.client-login .client-mode-nav{background:#f5f8fc;border-radius:8px;gap:8px;padding:5px}.client-login .client-mode-nav a{text-align:center;color:#52647a;border:0;border-radius:6px;flex:1;padding:11px 12px}.client-login .client-mode-nav a[aria-current=page]{color:var(--client-blue);background:#fff;box-shadow:0 1px 5px #1e3d681f}.client-login .client-mode-nav a:focus-visible{outline:2px solid var(--client-blue);outline-offset:3px}.client-login .client-login-home:focus-visible{outline:2px solid var(--client-blue);outline-offset:3px}.client-login .client-login-form,.client-login .client-login-recovery,.client-login .client-login-status{border:1px solid var(--client-line);background:#fff;border-radius:8px}.client-login .client-login-card input{color:var(--client-ink);background:#f8fafc;border:1px solid #cdd8e7;border-radius:7px}.client-login .client-login-card input::placeholder{color:#7a8da5}.client-login .client-login-card input:focus-visible{border-color:var(--client-blue);outline:2px solid #1267c92e}.client-login .client-login-card button[aria-label^=显示],.client-login .client-login-card button[aria-label^=隐藏]{color:#52647a}.client-login .client-login-card button[aria-label^=显示]:hover,.client-login .client-login-card button[aria-label^=隐藏]:hover{color:var(--client-blue);background:#eaf3ff}.client-login .client-login-card .client-login-primary{background:var(--client-blue);color:#fff;border-radius:7px;font-weight:650}.client-login .client-login-card .client-login-primary:hover{color:#fff;background:#074aa9}.client-login .client-login-card .client-login-primary:disabled{color:#fff;background:#9ac9f4}.client-login .client-login-card button[type=button]:not([aria-label]){color:var(--client-blue)}.client-login .client-login-card button[type=button]:not([aria-label]):hover{background:#eaf3ff}.client-login .client-login-card .client-login-recovery output,.client-login .client-login-card p.rounded-xl{border:1px solid var(--client-line);color:var(--client-ink);background:#f8fafc;display:block}@media (max-width:850px){.client-login-layout{grid-template-columns:1fr;gap:0;max-width:560px;padding:28px 0 64px}.client-login-intro{display:none}}@media (max-width:480px){.client-login-header{width:calc(100% - 36px);height:76px}.client-login-header img{width:136px}.client-login-layout{width:calc(100% - 32px);padding-top:18px}.client-login .client-login-card>div{padding:24px 19px 28px}}@media (prefers-reduced-motion:reduce){.client-login *{scroll-behavior:auto;animation-duration:.01ms!important}}
