:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#182536;background:#f4f7fa}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.22fr) minmax(420px,.78fr)}
.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:56px 7vw;background:linear-gradient(145deg,#13273c 0%,#234664 58%,#315d75 100%);color:#fff;overflow:hidden}
.login-story:after{content:"";position:absolute;width:580px;height:580px;right:-220px;bottom:-250px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.035),0 0 0 180px rgba(255,255,255,.025)}
.logo{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.logo>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e4bf70;color:#172b3e;font-weight:900;font-size:24px}.logo b,.logo small{display:block}.logo b{font-size:14px;letter-spacing:.15em}.logo small{margin-top:3px;color:#b9c9d6;font-size:10px;letter-spacing:.08em}
.story-copy{position:relative;z-index:1;max-width:680px}.eyebrow{margin:0 0 14px;color:#d9b86f;font-size:11px;font-weight:800;letter-spacing:.16em}.story-copy h1{margin:0;font-size:clamp(38px,4.5vw,66px);line-height:1.17;letter-spacing:-.045em}.story-copy>p:last-child{max-width:610px;margin:25px 0 0;color:#c6d3dc;font-size:16px;line-height:1.9}
.story-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:650px}.story-metrics div{padding:17px;border-top:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.035)}.story-metrics b,.story-metrics span{display:block}.story-metrics b{font-size:25px;color:#f1d89f}.story-metrics span{margin-top:5px;color:#b9c8d3;font-size:11px}
.login-panel{display:grid;place-items:center;padding:50px;background:#f7f9fb}.login-card{width:min(420px,100%);padding:40px;border:1px solid #dfe6ec;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(35,52,70,.1)}.login-card .eyebrow{color:#5a7590}.login-card h2{margin:0;font-size:30px;letter-spacing:-.04em}.intro{margin:12px 0 27px;color:#778596;font-size:13px;line-height:1.7}.login-card label{display:grid;gap:8px;margin-top:15px;color:#435367;font-size:12px;font-weight:700}.login-card input{height:48px;padding:0 14px;border:1px solid #dce3e9;border-radius:9px;font:inherit;outline:none}.login-card input:focus{border-color:#6685a2;box-shadow:0 0 0 3px rgba(75,112,147,.12)}.login-card button{width:100%;height:49px;margin-top:24px;border:0;border-radius:9px;background:#1e3e59;color:#fff;font-size:14px;font-weight:800;cursor:pointer}.login-card button:disabled{opacity:.65}.login-message{min-height:20px;margin-top:12px;color:#b74e49;font-size:12px}.security-note{display:block;margin-top:14px;text-align:center;color:#9aa5b1}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-story{min-height:46vh;padding:38px}.story-copy h1{font-size:38px}.story-metrics{display:none}.login-panel{padding:30px 20px}}