:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#193553;background:#f7f9fc;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}[hidden]{display:none!important}
.login-layout{display:grid;grid-template-columns:54% 46%;min-height:100vh;min-height:100dvh}
.login-intro{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:42px 9%;color:#fff;background:radial-gradient(ellipse at 85% 85%,#234f7a 0,transparent 52%),linear-gradient(145deg,#102949,#163e68)}
.login-intro:after{content:"";position:absolute;width:600px;height:600px;right:-380px;bottom:-210px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 95px #ffffff03,0 0 0 190px #ffffff02;pointer-events:none}
.login-brand{display:flex;align-items:center;gap:16px;font-weight:600;font-size:20px;letter-spacing:1px;z-index:1}
.login-logo{display:grid;place-items:center;background:#fff;border-radius:10px;width:76px;height:58px;flex:none;padding:7px}
.login-logo img{display:block;width:100%;height:100%;object-fit:contain}
.intro-content{margin:auto 0;padding:75px 0 45px;position:relative;z-index:1}.intro-label{font-size:13px;letter-spacing:3px;color:#9fc3e7}
h1{font-size:clamp(32px,3.1vw,52px);font-weight:600;line-height:1.55;letter-spacing:3px;margin:22px 0}
.intro-content>p{color:#b8cbe0;font-size:14px;line-height:2}.intro-modules{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.intro-modules span{padding:8px 13px;border:1px solid #ffffff20;border-radius:5px;color:#d1dff0;font-size:12px}
.intro-footer{font-size:11px;color:#96b0ce;letter-spacing:1px;z-index:1;padding-top:24px}
.intro-graphic{position:relative;display:flex;align-items:end;gap:20px;width:290px;height:94px;margin-top:46px;opacity:.52}
.graphic-card{width:125px;border:1px solid #92b3d150;background:#ffffff06;padding:17px;border-radius:6px;transform:rotate(-5deg)}
.graphic-card i{display:block;height:3px;background:#84aaca50;margin:8px 0}.graphic-card i:first-child{width:50%;background:#bfdbf0}.graphic-card i:last-child{width:65%}
.graphic-bars{display:flex;align-items:end;height:76px;gap:10px;border-bottom:1px solid #b4cfe240;padding:0 10px}
.graphic-bars i{display:block;width:12px;background:#81b1da90;border-radius:3px 3px 0 0;height:25%}.graphic-bars i:nth-child(2){height:48%}.graphic-bars i:nth-child(3){height:39%}.graphic-bars i:nth-child(4){height:68%}.graphic-bars i:nth-child(5){height:90%;background:#c3e4fc}
.login-side{display:flex;align-items:center;justify-content:center;position:relative;padding:68px 40px;background:#f7f9fc}
.login-card{width:min(100%,430px);background:white;padding:46px 38px 30px;border:1px solid #e5ebf2;border-radius:12px;box-shadow:0 14px 50px #14335208}
.login-eyebrow{font-size:13px;color:#6882a0;letter-spacing:1px}h2{font-size:27px;line-height:1.4;margin:10px 0;color:#15375c;font-weight:600}
.login-subtitle{font-size:13px;color:#8391a4;margin:0 0 32px}.login-field{margin-bottom:22px}.login-field label{display:block;font-size:13px;margin-bottom:9px;color:#405873}
.login-field input{width:100%;height:46px;padding:0 13px;border:1px solid #d8e2ed;border-radius:6px;outline:0;background:#fcfdff;color:#183553;font-size:14px;transition:border-color .15s,box-shadow .15s}
.login-field input::placeholder{color:#a2afbf}.login-field input:focus{border-color:#2c6299;box-shadow:0 0 0 3px #2c629912}
.password-control{position:relative}.password-control input{padding-right:64px}.password-control button{position:absolute;right:5px;top:5px;height:36px;background:none;border:0;padding:0 10px;color:#738aa4;font-size:12px;cursor:pointer}
.login-submit{display:block;width:100%;height:46px;border:0;border-radius:6px;color:#fff;background:#194674;font-weight:600;cursor:pointer;margin-top:30px;transition:background .15s}.login-submit:hover{background:#12375e}.login-submit:disabled{background:#7a93af;cursor:wait}
.login-help{font-size:12px;line-height:1.7;color:#95a1b2;text-align:center;border-top:1px solid #edf0f5;padding-top:22px;margin-top:28px}
.login-error{font-size:13px;line-height:1.7;color:#a73037;background:#fff3f3;padding:10px 12px;border:1px solid #f3dce0;border-radius:5px;margin:12px 0 0}
.login-back{display:block;margin:16px auto 0;border:0;background:none;color:#315a83;font-size:13px;cursor:pointer}.verification-hint{font-size:13px;color:#617790;line-height:1.8}
#wecomLogin p{font-size:14px;line-height:1.8;color:#617790}#wecomLogin .login-submit{display:flex;align-items:center;justify-content:center;text-decoration:none}
.login-footer{position:absolute;bottom:28px;font-size:11px;color:#9ba9b9;letter-spacing:1px}
button:focus-visible{outline:3px solid #75a6d5;outline-offset:3px}
@media(max-width:1050px){.login-intro{padding:34px 7%}.login-brand{font-size:17px;gap:12px}.login-side{padding:55px 26px}.login-card{padding:36px 26px 26px}.intro-modules{max-width:260px}.desktop-break{display:none}}
@media(max-width:720px){.login-layout{display:flex;flex-direction:column}.login-intro{padding:22px 24px}.intro-content,.intro-footer{display:none}.login-brand{font-size:18px}.login-logo{width:60px;height:45px}.login-side{flex:1;padding:36px 20px 74px}.login-card{padding:32px 25px 24px;max-width:420px}.login-footer{bottom:24px}.login-subtitle{margin-bottom:28px}}