:root{color-scheme:light;--navy:#052a5b;--blue:#0b66c3;--sky:#2a91e8;--ink:#173958;--muted:#66819a;--line:#d5e3ef}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(42,145,232,.18),transparent 34%),linear-gradient(145deg,#eef6fc 0%,#f7fafc 52%,#e7f0f8 100%);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(5,42,91,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(5,42,91,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.login-shell{position:relative;width:min(440px,100%)}
.login-card{padding:42px 42px 38px;border:1px solid rgba(181,207,227,.82);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(18,55,88,.18),0 4px 14px rgba(18,55,88,.06);backdrop-filter:blur(18px)}
.brand-mark{display:flex;align-items:end;gap:5px;width:44px;height:40px;margin-bottom:24px;padding:8px;border-radius:12px;background:linear-gradient(145deg,var(--navy),var(--blue));box-shadow:0 9px 22px rgba(11,102,195,.25)}
.brand-mark span{display:block;flex:1;border-radius:3px 3px 1px 1px;background:#fff}.brand-mark span:nth-child(1){height:42%;opacity:.7}.brand-mark span:nth-child(2){height:78%;opacity:.88}.brand-mark span:nth-child(3){height:100%}
.eyebrow{margin:0 0 9px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em}
h1{margin:0;font-size:27px;line-height:1.3;letter-spacing:-.03em}
.intro{margin:12px 0 30px;color:var(--muted);font-size:14px;line-height:1.75}
label{display:block;margin-bottom:9px;font-size:13px;font-weight:700}
.password-field{display:flex;height:48px;border:1px solid #b8ccdd;border-radius:10px;background:#f9fbfd;overflow:hidden;transition:.18s}
.password-field:focus-within{border-color:var(--sky);box-shadow:0 0 0 4px rgba(42,145,232,.12);background:#fff}
.password-field input{min-width:0;flex:1;padding:0 14px;border:0;outline:0;background:transparent;color:var(--ink);font:15px inherit;letter-spacing:.04em}
.password-field button{width:62px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--blue);font:700 12px inherit;cursor:pointer}
.login-error{min-height:21px;margin:8px 0 5px;color:#c83d3d;font-size:12px}
.submit-button{width:100%;height:48px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--blue),#0879d8);box-shadow:0 10px 24px rgba(11,102,195,.22);color:#fff;font:700 15px inherit;cursor:pointer;transition:.18s}
.submit-button:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(11,102,195,.28)}
.submit-button:disabled{cursor:wait;opacity:.62;transform:none}
.security-note{margin:18px 0 0;text-align:center;color:#7890a6;font-size:12px}
@media(max-width:520px){.login-card{padding:34px 24px 30px;border-radius:18px}h1{font-size:24px}}