#login :root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#19313d;background:#f5f8f9}#login *{box-sizing:border-box}#login body{margin:0}#login .login-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}#login .intro{position:relative;overflow:hidden;background:linear-gradient(145deg,#122e3a,#12524f);color:white;padding:48px 64px;display:flex;flex-direction:column;justify-content:space-between}#login .brand{display:flex;align-items:center;gap:15px;font-size:27px;font-weight:700;z-index:1}#login .mark{background:#2b9b8f;border:1px solid #ffffff30;border-radius:14px;padding:9px 16px}#login .brand small{display:block;font-size:12px;letter-spacing:1px;color:#b6d3d0;margin-top:6px;font-weight:400}#login .intro-copy{position:relative;z-index:1;margin:70px 0}#login .eyebrow{font-size:13px;letter-spacing:3px;color:#8fd3c7}#login h1{font-size:clamp(32px,3.5vw,54px);line-height:1.45;font-weight:600;letter-spacing:2px;margin:20px 0}#login .intro-copy p{color:#b8d2d2;line-height:1.9;font-size:16px}#login .modules{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}#login .modules span{border:1px solid #ffffff28;background:#ffffff08;border-radius:7px;padding:9px 14px;font-size:12px}#login .intro-foot{font-size:11px;color:#91b8b6;z-index:1}#login .orbit{position:absolute;width:620px;height:620px;border:1px solid #ffffff10;border-radius:50%;right:-330px;bottom:-190px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff03}#login .login-side{position:relative;display:flex;align-items:center;justify-content:center;padding:70px 48px 90px}#login .login-card{width:100%;max-width:390px}#login .welcome{color:#098579;font-size:13px;letter-spacing:2px}#login h2{font-size:30px;margin:12px 0}#login .subtitle{color:#87949e;font-size:14px;margin-bottom:36px}#login form>label{display:block;font-size:13px;margin:22px 0 9px}#login input{font:inherit}#login input:not([type=checkbox]){width:100%;height:49px;padding:12px 15px;border:1px solid #dce5e8;border-radius:8px;background:white;color:#19313d;outline:none}#login input:focus{border-color:#148e81;box-shadow:0 0 0 3px #148e8112}#login .password-wrap{position:relative}#login .password-wrap input{padding-right:64px}#login .password-wrap button{position:absolute;right:10px;top:9px;border:0;background:transparent;color:#72868e;padding:8px;cursor:pointer}#login .remember-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px;color:#8b989f;gap:10px}#login .remember-row label{display:flex;align-items:center;gap:6px;color:#657b84}#login input[type=checkbox]{accent-color:#087f78}#login #login-error{color:#bd443d;font-size:12px;min-height:20px;margin:18px 0 8px}#login .submit{width:100%;height:49px;border:0;border-radius:8px;background:#087f78;color:white;font-size:16px;cursor:pointer;box-shadow:0 5px 15px #087f7818}#login .submit:hover{background:#066c65}#login .submit:disabled{opacity:.6}#login .demo-help{border-top:1px solid #e0e8eb;margin-top:28px;padding-top:18px;color:#82929a;font-size:11px;line-height:1.8}#login .demo-help summary{cursor:pointer;color:#5d7b83}#login .demo-help strong{font-weight:500}#login .login-footer{position:absolute;bottom:28px;color:#9aa8af;font-size:11px}@media(max-width:900px){#login .intro{padding:38px}#login .login-side{padding:50px 28px 80px}}@media(max-width:650px){#login .login-layout{grid-template-columns:1fr}#login .intro{padding:24px}#login .brand{font-size:21px}#login .intro-copy{margin:30px 0 12px}#login .intro-copy h1{font-size:30px;margin:10px 0}#login .intro-copy p,#login .modules,#login .intro-foot{display:none}#login .login-side{padding:35px 25px 75px}#login h2{font-size:26px}#login .subtitle{margin-bottom:20px}#login .orbit{width:350px;height:350px}#login .login-footer{bottom:20px}}

#login{min-height:100vh;background:#f5f8f9;font:16px/normal "Microsoft YaHei",system-ui,sans-serif;color:#19313d}#login .login-layout{padding:0;max-width:none;margin:0}#login form{padding:0}#login .intro{min-height:100vh}#login .brand{padding:0;letter-spacing:0}#login .login-layout input{display:inline-block;margin:0}#login .remember-row input{width:auto;height:auto}#login .login-layout button{width:auto}#login .login-layout .submit{width:100%}#login .intro>div{color:inherit}#login .intro-copy h1{margin:20px 0;font-size:clamp(32px,3.5vw,54px)}#login .intro-copy p{margin:8px 0}#login .login-card h2{margin:12px 0}#login .login-card .subtitle{margin-bottom:36px}#login .intro .brand small{letter-spacing:1px}#login .login-side{background:#f5f8f9}@media(max-width:650px){#login .intro{min-height:0}#login .intro-copy h1{font-size:30px}}
