:root{--ink:#12335b;--muted:#6e86a4;--line:#c8daef;--blue:#0875e1;--cyan:#13b9dc;--danger:#cf4056}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;letter-spacing:0;color:var(--ink)}
.login-page{min-height:100vh;background:#eaf4ff url("../images/digital-platform-hero.png") center/cover no-repeat;position:relative;overflow:hidden}
.login-page:after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(239,248,255,.18),rgba(239,248,255,.3) 48%,rgba(239,248,255,.88) 72%,rgba(239,248,255,.97));pointer-events:none}
.login-shell{position:relative;z-index:1;min-height:100vh;width:min(1260px,calc(100% - 48px));margin:auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
.login-brand{position:absolute;top:22px;left:0;display:flex;align-items:center;justify-content:center;width:190px;height:118px;padding:5px}.login-brand img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(21,96,177,.15))}
.login-panel{width:min(440px,100%);padding:34px;border:1px solid rgba(146,187,229,.54);border-radius:8px;background:rgba(255,255,255,.72);box-shadow:0 24px 64px rgba(52,111,177,.17),0 1px 2px rgba(52,111,177,.08);backdrop-filter:blur(20px)}
.login-kicker{margin:0 0 10px;color:#1680e7;font-size:11px;font-weight:900}.login-panel h1{margin:0;font-size:28px;line-height:1.35;color:#0a4e9a}.login-subtitle{margin:10px 0 27px;color:var(--muted);font-size:14px;line-height:1.7}
.login-panel label{display:block;margin:16px 0 7px;color:#31577e;font-size:13px;font-weight:700}.login-panel input{width:100%;min-height:47px;padding:11px 13px;border:1px solid var(--line);border-radius:7px;outline:none;background:rgba(255,255,255,.9);color:var(--ink);font:inherit}.login-panel input::placeholder{color:#9aacc0}.login-panel input:focus{border-color:#2f84e9;box-shadow:0 0 0 3px rgba(47,132,233,.13)}
.login-panel button{width:100%;min-height:47px;margin-top:24px;border:1px solid #1687eb;border-radius:7px;background:linear-gradient(135deg,#0875e1,#1d8cf0 58%,#18b6d9);box-shadow:0 10px 24px rgba(14,120,225,.25);color:#fff;font:inherit;font-weight:900;cursor:pointer}.login-panel button:hover{filter:brightness(1.04)}.login-panel button:disabled{opacity:.65;cursor:wait}.login-error{padding:11px 13px;border:1px solid #e29aa6;border-radius:7px;background:#fff1f3;color:#a8293e;font-size:13px}
@media(max-width:760px){.login-page{background-position:38% center}.login-page:after{background:rgba(237,247,255,.74)}.login-shell{width:min(100% - 28px,460px);align-items:stretch;justify-content:center}.login-brand{top:14px;left:0;width:150px;height:94px}.login-panel{margin-top:64px;background:rgba(255,255,255,.84)}}
@media(max-width:520px){.login-panel{padding:27px 19px}.login-panel h1{font-size:23px}}