/* Cuiyuncang official-site visual system, scoped to authentication surfaces. */
.web-login{--login-green:#005640;--login-ink:#102c27;--login-muted:#536662;--login-line:#dce6e1;--login-serif:"Songti SC","STSong","Noto Serif CJK SC",serif;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;color:var(--login-ink);background:#f8f9f6!important}
.web-login,.merchant-layout.web-login{grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr)}
.web-login .login-visual{padding:48px clamp(40px,6.2vw,100px) 38px;background:#f8f9f6;color:var(--login-ink);border-right:1px solid var(--login-line)}
.web-login .login-visual:before{display:none}
.web-login .login-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;height:42%;border-radius:0;background:linear-gradient(to bottom,#f8f9f6,rgba(248,249,246,.12) 60%,rgba(248,249,246,.58)),url('/login-brand/hero-business-1440.webp') center right/cover no-repeat;opacity:.65;z-index:-1}
.web-login .login-logo-shell{width:46px;height:46px;border:0;border-radius:0;background:none;box-shadow:none}
.web-login .login-logo-shell img{width:46px;height:46px;object-fit:contain;filter:none}
.web-login .login-brand,.web-login .login-mobile-brand{gap:12px;color:var(--login-ink)}
.web-login .login-brand b,.web-login .login-mobile-brand b{font:700 24px/1.1 var(--login-serif);letter-spacing:3px}
.web-login .login-brand small,.web-login .login-mobile-brand small{font-size:9px;letter-spacing:1.8px;opacity:1;color:var(--login-green);margin-top:6px}
.web-login .login-intro{margin:76px 0 auto;max-width:540px;padding-bottom:150px}
.web-login .login-badge{padding:0;border:0;border-radius:0;background:none;color:var(--login-green);font-size:12px;letter-spacing:1.5px}
.web-login .login-badge i,.web-login .login-trust i{background:var(--login-green);box-shadow:none}
.web-login .login-intro h1{font:700 clamp(36px,3.3vw,48px)/1.35 var(--login-serif);letter-spacing:-.025em;margin:24px 0 22px;color:var(--login-ink)}
.web-login .login-intro>p{font-size:15px;line-height:1.9;color:var(--login-muted)}
.web-login .login-capabilities{gap:18px;margin-top:30px}
.web-login .login-capabilities>div{padding:15px 0;border:0;border-top:1px solid #b9cfc3;border-radius:0;background:none;backdrop-filter:none}
.web-login .login-capabilities span{color:var(--login-green)}
.web-login .login-capabilities b{font-size:14px;color:var(--login-ink)}
.web-login .login-capabilities small{font-size:11px;color:var(--login-muted)}
.web-login .login-trust,.web-login .login-trust span:first-child{color:var(--login-muted);font-size:11px}
.web-login .login-trust{padding:12px;background:#f8f9f6cc;border-radius:3px;gap:16px;flex-wrap:wrap}
.web-login .login-panel{background:#fff;padding:48px clamp(32px,4.5vw,72px);min-width:0}
.web-login .login-panel:before{display:none}
.web-login .login-form{background:#fff;width:min(440px,100%);border:0;border-radius:0;padding:24px 0;box-shadow:none}
.web-login .login-heading>span{color:var(--login-green);letter-spacing:2.6px;font-size:10px}
.web-login .login-form h2,.merchant-layout.web-login .login-form h2{font:700 34px/1.4 var(--login-serif);letter-spacing:-.025em;color:var(--login-ink);margin:0}
.web-login .login-form .login-heading>p{color:var(--login-muted);font-size:14px;margin:10px 0 30px}
.web-login .login-input{border:1px solid var(--login-line);border-radius:4px;background:#f8faf8}
.web-login .login-input:focus-within{border-color:var(--login-green);box-shadow:0 0 0 3px #00564015;background:#fff}
.web-login .login-form .login-input input{font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--login-ink)}
.web-login .login-submit,.merchant-layout.web-login .login-submit{background:var(--login-green);border-radius:4px;box-shadow:none;color:#fff;min-height:50px;transform:none;letter-spacing:0;font-size:15px}
.web-login .login-submit:hover{background:#004333;box-shadow:none;transform:none}
.web-login .sms-field button,.merchant-layout.web-login .sms-field button{border-radius:4px;background:#eef6f1;border-color:var(--login-line);color:var(--login-green)}
.web-login .login-tabs button[aria-selected="true"]{color:var(--login-green);border-bottom-color:var(--login-green)}
.web-login a:focus-visible,.web-login button:focus-visible{outline:3px solid #bc8229;outline-offset:4px}
.web-login .login-help,.web-login .login-footer,.web-login .return-link{color:var(--login-muted)!important}
.web-login .login-help{font-size:12px!important;line-height:1.8!important}
.web-login .login-footer{font-size:11px;position:absolute;bottom:26px;margin:0;text-align:center}
.web-login .login-mobile-brand{display:none}
#passwordRecovery .recovery-card{border-radius:4px;box-shadow:0 15px 50px #002d241a}
#passwordRecovery .recovery-card h2{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif}
#passwordRecovery input,#passwordRecovery button{border-radius:4px}
@media(max-width:950px){.web-login,.merchant-layout.web-login{display:block;background:#f8f9f6!important}.web-login .login-visual{display:none}.web-login .login-panel,.merchant-layout.web-login .login-panel{min-height:100dvh;background:#f8f9f6;padding:68px 24px 76px}.web-login .login-form,.merchant-layout.web-login .login-form{padding:0;width:min(440px,100%);background:transparent}.web-login .login-mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:42px}.web-login .login-mobile-brand .login-logo-shell{border:0;background:none;width:46px;height:46px}.web-login .login-mobile-brand img{width:46px;height:46px}.web-login .login-footer{bottom:22px;left:20px;right:20px}.web-login .return-link{top:22px;right:24px}}
@media(max-width:420px){.web-login .login-panel,.merchant-layout.web-login .login-panel{padding:60px 24px 70px}.web-login .login-form h2,.merchant-layout.web-login .login-form h2{font-size:30px}.web-login .login-mobile-brand{margin-bottom:34px}}