:root{color-scheme:light;--login-text:#243b45;--login-muted:#637e85;--login-primary:#155e69}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--login-text);background:#f7faf9}.login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr);align-items:center;max-width:1600px;margin:auto;padding:56px 6%;gap:7vw}.login-art{align-self:stretch;min-height:620px;background:url('/brand/login-background.svg') center bottom/contain no-repeat;position:relative;padding:8px 0}.login-brand{width:210px;display:block;margin-bottom:60px}.login-art h2{font-size:clamp(30px,3.1vw,46px);line-height:1.4;letter-spacing:.02em;max-width:470px;color:#155e69;margin:0 0 18px;text-wrap:balance}.login-art p{font-size:16px;color:#637e85}.login-card{position:relative;background:#fff;border:1px solid #e0ece7;border-radius:20px;padding:48px 38px;box-shadow:0 16px 60px #155e6909;width:100%;max-width:450px;justify-self:center}.login-lang-switch{display:flex;justify-content:flex-end;gap:4px;margin-bottom:25px}.login-lang-switch a{padding:6px 10px;text-decoration:none;color:#637e85;font-size:12px;border-radius:6px}.login-lang-switch a.active{background:#eaf5f1;color:#155e69;font-weight:700}.login-logo img{display:block;width:170px;height:auto;margin:0 auto 22px}.login-head{text-align:center;margin-bottom:30px}.login-title{font-size:26px;margin:0 0 10px;color:#173f47}.login-subtitle{font-size:13px;color:#637e85;margin:0}.login-subtitle strong{font-weight:600}.login-form{display:grid;gap:22px}.login-field{display:grid;gap:9px}.login-label{font-size:13px;font-weight:600}.login-input-wrap{position:relative}.login-input{width:100%;height:48px;border:1px solid #d6e4df;border-radius:8px;padding:0 42px;font:inherit;font-size:14px;color:#243b45;background:#fcfefd;outline:none}.login-input:focus{border-color:#0e9f83;box-shadow:0 0 0 3px #0e9f8315}.login-input::placeholder{color:#8b9eaa}.login-input-icon{position:absolute;left:14px;top:15px;width:18px;height:18px;color:#75918e}.login-password-toggle{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#637e85;cursor:pointer;width:28px;height:28px;display:grid;place-items:center}.login-help{font-size:11px;color:#708680;line-height:1.6}.login-help.warn{color:#ad3030}.login-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.login-check{display:flex;align-items:center;gap:7px;font-size:12px;color:#637e85}.login-checkbox{accent-color:#0e9f83;width:15px;height:15px;margin:0}.login-link{font:inherit;font-size:12px;border:0;background:none;color:#167665;cursor:pointer;padding:4px 0}.login-submit{border:0;border-radius:8px;height:48px;background:#155e69;color:white;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.login-submit:hover{background:#0e766f}.login-submit:disabled{opacity:.6;cursor:wait}.login-flash{padding:12px;border:1px solid #f0cece;border-radius:8px;background:#fff5f5;color:#9a2929;font-size:13px;margin-bottom:20px}button:focus-visible,a:focus-visible{outline:2px solid #0e9f83;outline-offset:3px}@media(max-width:900px){.login-shell{gap:30px;padding:32px 4%;grid-template-columns:1fr 1fr}.login-art{min-height:540px}.login-art h2{font-size:30px}.login-card{padding:28px 24px}.login-brand{width:160px}}@media(max-width:680px){.login-shell{display:flex;justify-content:center;padding:24px 16px;background:linear-gradient(150deg,#eaf5f1,#f7faf9 65%)}.login-art{display:none}.login-card{padding:26px 24px;border-radius:16px}.login-logo img{width:180px}.login-head{margin-bottom:28px}}

/* Balanced full-scene composition, with continuous layered ribbons. */
.login-shell{position:relative;isolation:isolate;min-height:min(820px,calc(100dvh - 64px));max-width:1320px;margin:32px auto;padding:52px 64px;gap:60px;grid-template-columns:minmax(0,1.35fr) minmax(340px,420px);border:1px solid #deeee7;border-radius:24px;overflow:hidden;background:#edf8f3 url('/brand/login-background.svg?v=2') center/cover no-repeat}
.login-art{min-height:610px;background:none;padding:0;align-self:stretch}
.login-brand{width:190px;margin-bottom:48px}
.login-art h2{font-size:clamp(30px,3vw,42px);max-width:390px;line-height:1.5;letter-spacing:.04em;margin-bottom:16px;text-wrap:balance}
.login-art p{font-size:14px;letter-spacing:.04em;max-width:340px;line-height:1.8}
.login-card{padding:28px 32px 36px;border-radius:14px;border-color:#ffffff;box-shadow:0 18px 50px #155e690b;align-self:center}
.login-lang-switch{margin-bottom:12px}.login-logo img{width:180px;margin-bottom:18px}.login-head{margin-bottom:28px}.login-form{gap:20px}
@media(min-width:1500px){.login-shell{margin:max(32px,calc((100dvh - 820px)/2)) auto}}
@media(max-width:1380px){.login-shell{margin:24px;min-height:calc(100dvh - 48px);padding:40px;gap:36px}}
@media(max-width:1000px){.login-shell{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:24px;padding:30px;background-position:45% center}.login-art h2{font-size:30px;max-width:300px}.login-brand{margin-bottom:32px}.login-art{min-height:570px}.login-card{padding:26px}}
@media(max-width:760px){.login-shell{display:flex;min-height:100dvh;margin:0;border:0;border-radius:0;padding:28px 18px;background-position:30% center}.login-art{display:none}.login-card{max-width:420px;background:#fffffff5;padding:26px}.login-logo img{width:180px}}
/* Reference-matched artwork generated for the login scene. */
.login-shell{background-image:url('/brand/login-art.png');background-position:center;background-size:cover}
.login-art{min-height:570px}.login-brand{width:150px;margin-bottom:28px}.login-art h2{max-width:350px;font-size:clamp(28px,2.8vw,40px)}
@media(max-width:1000px){.login-art{min-height:540px}.login-art h2{font-size:28px;max-width:270px}}
@media(max-width:760px){.login-shell{background-position:25% center}}