/* Approved B base: blue-gray canvas, quiet arcs, no marketing copy/card. */
.mos-login-b{--mlb-mint:#91d5cc;--mlb-text:#e5eff2;box-sizing:border-box;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100svh;width:100%;padding:125px 24px 100px;background:#263f52;color:var(--mlb-text);overflow:hidden;font-family:"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
.mos-login-b *{box-sizing:border-box}
.mlb-brand{position:absolute;top:36px;left:48px;line-height:0;animation:mlb-reveal .65s ease-out both}
.mlb-brand img{display:block;width:172px;height:auto}
.mlb-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;animation:mlb-scene-in 1s ease-out both}
.mlb-scene:before{content:"";position:absolute;width:52vw;height:150vh;top:-25vh;left:-18vw;border:1px solid #91d5cc38;border-radius:48%;transform:rotate(35deg);box-shadow:0 0 0 75px #7dc4bd08,0 0 0 150px #7dc4bd06,0 0 0 225px #7dc4bd04}
.mlb-scene:after{content:"";position:absolute;width:680px;height:680px;right:-530px;bottom:-180px;border:1px solid #91d5cc33;border-radius:50%;box-shadow:0 0 0 60px #7dc4bd06,0 0 0 120px #7dc4bd04}
.mlb-panel{min-width:0;width:437px;max-width:100%;border-left:1px solid #9bbbb533;padding:17px 48px 0;animation:mlb-reveal .65s .07s cubic-bezier(.2,.7,.2,1) both}
.mlb-form{width:340px;max-width:100%;margin:0}
.mlb-field{position:relative;margin-bottom:31px;animation:mlb-reveal .55s .13s cubic-bezier(.2,.7,.2,1) both}
.mlb-field:nth-child(2){animation-delay:.20s}
.mlb-field label{display:block;margin:0 0 6px;color:#d5e5eb;font-size:14px;font-weight:400;letter-spacing:.1em;line-height:1.6;transition:color .2s}
.mlb-input-line{position:relative;border-bottom:1px solid #a9c8ce52;transition:border-color .22s,background-color .22s;background:transparent}
.mlb-input-line:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--mlb-mint);transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.mlb-field:focus-within label{color:#a4e2d8}
.mlb-input-line:focus-within:after{transform:scaleX(1)}
.mlb-input-line:focus-within{background:#ffffff03}
.mlb-input-line input{appearance:none;display:block;width:100%;height:47px;padding:8px 0;margin:0;border:0;border-radius:0;background:transparent;color:#f2f8fa;font:400 16px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.03em;outline:none;box-shadow:none;transition:opacity .2s;caret-color:#a4e2d8}
.mlb-input-line input:-webkit-autofill{-webkit-text-fill-color:#f2f8fa;-webkit-box-shadow:0 0 0 60px #263f52 inset;caret-color:#a4e2d8}
.mlb-input-line input:disabled{opacity:.58;cursor:wait}
.mlb-password input{padding-right:44px}
.mlb-eye{position:absolute;right:-7px;top:2px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#9ebfc9;cursor:pointer;transition:color .18s,background .18s}
.mlb-eye svg{width:19px;height:19px}
.mlb-eye:hover{color:#c4eee5;background:#91d5cc0b}
.mlb-eye:disabled{opacity:.45;cursor:wait}
.mlb-eye:focus-visible{outline:1px solid #91d5cc;outline-offset:1px}
.mlb-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:49px;margin:37px 0 0;padding:0 20px;border:1px solid #b3e4da;border-bottom-color:#70b4ac;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#a2e0d6 0%,#8dcfc5 100%);color:#21494f;font:500 14px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.22em;box-shadow:inset 0 1px 0 #effffb80,0 2px 0 #142f3b2b,0 6px 18px #122d3922;cursor:pointer;transition:transform .18s,box-shadow .22s,filter .22s,opacity .22s;animation:mlb-reveal .55s .27s ease-out both}
.mlb-submit:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0%,transparent 32%,#ffffff33 48%,transparent 64%,transparent 100%);transform:translateX(-125%);transition:transform .65s ease-out}
.mlb-submit:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04);box-shadow:inset 0 1px 0 #effffb99,0 3px 0 #142f3b21,0 9px 24px #102a373b}
.mlb-submit:hover:not(:disabled):before{transform:translateX(125%)}
.mlb-submit:active:not(:disabled){transform:translateY(0);filter:brightness(.99);box-shadow:inset 0 2px 4px #32665f25,0 1px 3px #102a3726}
.mlb-submit:focus-visible{outline:2px solid #b7eee4;outline-offset:5px}
.mlb-submit:disabled{cursor:wait;opacity:.75}
.mlb-feedback{min-height:46px;padding-top:13px}
.mlb-error{margin:0;color:#ffd1c5;font-size:12px;line-height:1.7;letter-spacing:0;animation:mlb-message .2s ease-out both}
.mlb-caps{position:absolute;top:100%;left:0;padding-top:5px;font-size:11px;line-height:1.4;color:#ebd7ac}
.mlb-spinner{position:absolute;right:20px;width:15px;height:15px;border:1.5px solid #21494f33;border-top-color:#21494f;border-radius:50%;animation:mlb-spin .7s linear infinite}
@keyframes mlb-reveal{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes mlb-scene-in{from{opacity:0}to{opacity:1}}
@keyframes mlb-message{from{opacity:0;translate:0 -3px}to{opacity:1;translate:0 0}}
@keyframes mlb-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.mos-login-b{padding:105px 28px 70px}.mlb-brand{left:28px;top:28px}.mlb-brand img{width:150px}.mlb-panel{width:340px;padding:8px 0 0;border-left:0}.mlb-form{width:100%}.mlb-scene:before{width:120vw;left:-90vw}.mlb-field{margin-bottom:29px}.mlb-submit{margin-top:35px;height:49px}}
@media(max-height:520px) and (min-width:641px){.mos-login-b{padding-top:85px;padding-bottom:25px}.mlb-brand{top:25px}.mlb-field{margin-bottom:19px}.mlb-submit{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.mos-login-b *,.mos-login-b *:before,.mos-login-b *:after{animation:none!important;transition:none!important}.mlb-submit:hover:not(:disabled){transform:none}}