body.login-background{--ink:#263c53;--muted:#7a889b;--blue:#496ede;--line:#e6ecf4;margin:0;background:linear-gradient(135deg,#193749,#52746e);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;isolation:isolate}
.login-background [hidden]{display:none!important}
.login-background *{box-sizing:border-box}
.login-background button,.login-background input{font:inherit}
.login-background button,.login-background a{touch-action:manipulation}
.login-background button:focus-visible,.login-background a:focus-visible{outline:3px solid #95b0ff;outline-offset:4px}
.login-background .yantu-nav-spacer{display:none}
.login-bg-stage{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(135deg,#193749,#52746e)}
.login-bg-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06101c70,#06101c4d 38%,#06101c87)}
.login-bg-slide{position:absolute;inset:-18px;opacity:0;background-size:cover;background-position:center;filter:blur(2.6px);transform:scale(1.035);transition:opacity 1.45s ease,transform 7.2s linear}
.login-bg-slide.is-active{opacity:1;transform:scale(1.075)}
.login-bg-slide.is-initial{transition:transform 7.2s linear}
.login-background .login-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:76px 24px}
.login-background .login-shell{width:min(1040px,100%);min-height:560px;display:grid;grid-template-columns:44% 56%;border-radius:26px;overflow:hidden;box-shadow:0 24px 80px #071b3560;background:#fff}
.login-background .login-story{padding:54px 46px;background:linear-gradient(150deg,#223a53ed,#36566deb);color:#fff;display:flex;flex-direction:column;justify-content:center}
.login-story>img{width:58px;height:70px;object-fit:contain;margin-bottom:26px}
.login-story h2{font-size:32px;line-height:1.65;letter-spacing:-.8px;margin:0 0 22px;font-weight:750}
.login-story p{font-size:15px;line-height:1.95;color:#c0d4e5;margin:0}
.login-story-footer{font-size:11px;color:#8faec7;letter-spacing:2px;margin-top:42px}
.login-background .login-card,.login-background .auth-form{padding:40px 46px;width:100%;min-width:0;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none;background:#fff}
.login-background .login-card h1{font-size:22px;margin:0 0 8px}
.login-background .desc{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 22px}
.login-background .login-role-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line);margin-bottom:30px}
.login-background .login-role-tabs>a,.login-background .login-role-tabs>button{display:block;position:relative;text-align:center;background:none;border:0;color:var(--muted);font-size:16px;padding:15px 0 17px;text-decoration:none;white-space:nowrap;cursor:pointer}
.login-background .login-role-tabs>.active,.login-background .login-role-tabs>[aria-current=page]{color:var(--blue);font-weight:650}
.login-role-tabs>a:after,.login-role-tabs>button:after{content:"";position:absolute;bottom:-1px;height:3px;border-radius:3px;left:24%;right:24%;background:var(--blue);transform:scaleX(0);transition:transform .2s ease}
.login-role-tabs>.active:after,.login-role-tabs>[aria-current=page]:after{transform:scaleX(1)}
.login-background .field,.login-background .mc-field{display:grid;gap:9px;margin-bottom:20px}
.login-background .field label,.login-background .mc-label{font-size:14px;font-weight:500;color:#64758a;margin:0}
.login-background .field input,.login-background .mc-input{width:100%;height:49px;border:1px solid var(--line);border-radius:12px;background:#fcfdff;color:var(--ink);padding:0 14px;outline:none;transition:border-color .2s,box-shadow .2s}
.login-background input::placeholder{color:#a0acbc}
.login-background input:focus{border-color:#7d9bea;box-shadow:0 0 0 3px #496ede12}
.login-background .submit,.login-background .mc-btn.primary{display:block;width:100%;height:49px;margin-top:4px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}
.login-background .submit:hover,.login-background .mc-btn.primary:hover{background:#3c61cf}
.login-background button:disabled{opacity:.6;cursor:wait}
.login-background .message,.login-background .mc-progress{min-height:24px;font-size:13px;line-height:1.8;margin:12px 0 0;overflow-wrap:anywhere}
.login-background .local-note{display:block;font-size:12px;line-height:1.8;margin-top:14px;color:var(--muted)}
.login-background a.local-note{color:var(--blue);text-decoration:none}
.login-background .auth-links{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:26px;font-size:13px}
.login-background .auth-links a{color:var(--blue);text-decoration:none}
.login-campus-bar{position:fixed;bottom:20px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#ffffffb0;font-size:11px;letter-spacing:.5px}
.login-campus-controls{display:flex;gap:8px}
.login-campus-controls button{height:28px;min-width:28px;border:1px solid #ffffff30;border-radius:7px;background:#152c4440;color:#fff;font-size:12px;cursor:pointer}
@media(max-width:900px){.login-background .login-shell{grid-template-columns:40% 60%}.login-background .login-story{padding:40px 30px}.login-story h2{font-size:28px}.login-background .login-card,.login-background .auth-form{padding:32px}}
@media(max-width:650px){.login-background .login-page{padding:84px 16px 70px}.login-background .login-shell{grid-template-columns:1fr;border-radius:20px;min-height:0}.login-background .login-story{padding:22px 26px;flex-direction:row;align-items:center;gap:18px}.login-story>img{width:40px;height:48px;margin:0}.login-story h2{font-size:19px;line-height:1.6;margin:0}.login-story p,.login-story-footer{display:none}.login-background .login-card,.login-background .auth-form{padding:20px 25px 28px;min-height:400px}.login-background .login-role-tabs>a,.login-background .login-role-tabs>button{font-size:14px}.login-campus-bar{position:absolute;left:20px;right:20px}.login-background .auth-links{font-size:12px}}
@media(prefers-reduced-motion:reduce){.login-background *,.login-background *:before,.login-background *:after{animation:none!important;transition:none!important}.login-bg-slide{transform:none!important}}