*{box-sizing:border-box}body{margin:0;background:#e5ecf5;color:#203a5c;font:14px/1.6 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-shell{position:relative;isolation:isolate;width:min(100%,480px);min-height:100dvh;margin:auto;padding:24px 23px;background:radial-gradient(ellipse at 90% 8%,#e2ebf8,transparent 60%),linear-gradient(170deg,#f3f6fb,#edf3fa 50%,#f7f9fc)}header{display:flex;align-items:center;gap:10px}.brand-symbol{width:39px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#4984ed,#2d5fc2);color:#fff;border-radius:12px 12px 5px 12px;box-shadow:0 5px 13px #3467bc25}.brand-symbol svg{width:25px;height:25px;stroke-width:1.5}header strong{display:block;font-size:19px;letter-spacing:.4px;font-weight:650}header span{font-size:9px;color:#8b9fb8;letter-spacing:.8px;display:block;margin-top:1px}header>small{margin-left:auto;align-self:flex-start;margin-top:8px;font-size:9px;color:#879bb6;white-space:nowrap}header i{display:inline-block;width:4px;height:4px;background:#89a69e;border-radius:50%;margin-right:5px}.welcome{position:relative;padding:27px 0 0;min-height:224px;overflow:hidden}.kicker{position:relative;z-index:1;font-size:8px;letter-spacing:2.5px;color:#8b9fba}.welcome h1{position:relative;z-index:1;font-size:30px;line-height:1.45;letter-spacing:.2px;font-weight:650;margin:12px 0 9px;color:#264873}.welcome p{position:relative;z-index:1;margin:0;font-size:11px;color:#8b9db5;line-height:1.9}.city-art{position:absolute;width:195px;height:174px;right:-33px;top:38px;stroke:none;opacity:.95}.features{display:flex;align-items:center;gap:13px;margin:22px 0 18px;font-size:10px;color:#7891b1;position:relative;z-index:1}.features i{width:2px;height:2px;border-radius:50%;background:#b1c2d8}.login-card{position:relative;background:#ffffffed;border:1px solid #fff;border-radius:18px;padding:22px;box-shadow:0 14px 40px #4267970b,0 1px 4px #42679704}.login-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card-kicker{font-size:7px;letter-spacing:1.8px;color:#9aabc1;display:block;margin-bottom:3px}.login-heading h2{font-size:22px;letter-spacing:.4px;font-weight:600;margin:0;color:#2c486b}.lock-badge{display:flex;align-items:center;gap:4px;background:#f2f6fc;padding:5px 7px;border-radius:5px;font-size:9px;color:#8a9eb9}.lock-badge svg{width:12px;height:12px}label{display:block;font-size:11px;color:#607895;margin:12px 0 6px;font-weight:500}.input-wrap{position:relative}.input-wrap>svg{width:16px;height:16px;position:absolute;left:13px;top:16px;color:#9badc3;pointer-events:none}input{display:block;width:100%;height:47px;background:#f5f8fc;border:1px solid #e8eef7;border-radius:9px;padding:0 13px 0 39px;font-size:13px;color:#304d72;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{font-size:11px;color:#a6b2c4}input:focus{border-color:#8faeeb;box-shadow:0 0 0 3px #edf3ff;background:#fff}.password-field input{padding-right:52px}.password-field button{position:absolute;right:5px;top:4px;bottom:4px;width:42px;border:0;background:none;font-size:10px;color:#8198b9}.feedback{font-size:10px;line-height:1.7;color:#b76a5d;margin:7px 0;min-height:17px}.submit{width:100%;min-height:47px;background:linear-gradient(110deg,#3b76e7,#2d60d0);color:white;border:1px solid #3970d9;border-radius:9px;font-size:13px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 5px 13px #3670d826}.submit span{font-size:21px;line-height:1}.submit:hover{background:#2e63d5}.submit:disabled{opacity:.6}.contact-divider{display:flex;align-items:center;gap:12px;color:#a0afc3;font-size:9px;margin:18px 0 11px}.contact-divider:before,.contact-divider:after{content:"";height:1px;background:#eef2f8;flex:1}.login-card .contact-entry{margin:0;background:#fff;border-color:#e2eaf6;min-height:42px;padding:8px 12px;font-size:11px;border-radius:8px;color:#5a7da9}.login-card .contact-entry span{font-size:9px;color:#8fa4c0}.account-help{font-size:9px;color:#a0afc2;text-align:center;margin:11px 0 0;line-height:1.7}footer{font-size:9px;text-align:center;color:#849ab6;margin-top:20px;letter-spacing:.3px}footer small{display:block;font-size:8px;color:#a6b5c8;margin-top:4px}.policy-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#8caaa4;margin-right:6px}button:focus-visible{outline:3px solid #a9c2ef;outline-offset:3px}@media(max-width:360px){.login-shell{padding:20px}.welcome h1{font-size:27px}.city-art{width:175px;right:-35px;top:45px}.login-card{padding:18px}header strong{font-size:18px}.welcome{min-height:210px}.welcome p{font-size:10px}}@media(max-height:760px) and (max-width:799px){.login-shell{padding-top:18px}.welcome{padding-top:20px;min-height:194px}.welcome h1{font-size:27px;margin:9px 0 7px}.city-art{height:152px;top:29px}.features{margin:15px 0}.login-card{padding:18px}.login-heading{margin-bottom:11px}.contact-divider{margin-top:13px}footer{margin-top:14px}}@media(min-width:800px){body{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 30%,#e0eaf8,#eef2f8 70%);padding:30px}.login-shell{width:min(1020px,100%);min-height:680px;display:grid;grid-template-columns:1fr 390px;grid-template-rows:auto 1fr auto;gap:18px 55px;padding:42px 48px;border:1px solid #ffffffb5;border-radius:24px;box-shadow:0 24px 80px #2f558414;background:linear-gradient(135deg,#f1f5fc,#e8f0fc 45%,#f6f9fd)}header{grid-column:1/-1;margin-bottom:12px}.welcome{align-self:center;padding-top:5px;overflow:visible;min-height:400px}.welcome h1{font-size:42px;line-height:1.4;margin-top:16px}.welcome p{font-size:13px}.city-art{width:255px;height:220px;right:-20px;top:180px}.features{margin-top:125px;font-size:11px;gap:16px}.login-card{align-self:center;padding:28px;box-shadow:0 20px 40px #335b8a0a}.login-heading{margin-bottom:24px}.login-heading h2{font-size:25px}input{height:51px}.input-wrap>svg{top:18px}label{margin-top:18px}.contact-divider{margin-top:22px}footer{grid-column:2;margin-top:0}.welcome .kicker{font-size:9px}.login-card .contact-entry{min-height:44px}}

header i{background:#5385ff}.brand-symbol{background:linear-gradient(145deg,#426ffc,#284cbe)}#login-submit{background:#315de8}.login-shell{background:linear-gradient(155deg,#edf2ff,#f8faff 70%)}

.remember-login{display:flex!important;align-items:center;gap:8px;font-size:12px!important;margin:16px 0;color:#64748b}.remember-login input{width:18px;height:18px;accent-color:#315de8}