:root{color-scheme:light;--teal: #087f78;--text: #17202a;--muted: #647587;--line: #cdd9e2;--danger: #b42318}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#eef2f5;color:var(--text);font-family:Microsoft YaHei,Segoe UI,Arial,sans-serif}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px 0}.login-panel{width:calc(100% - 32px);max-width:500px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:34px 38px 38px;box-shadow:0 14px 34px #1c2d3c1a}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.login-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--teal);color:#fff;font-size:22px;font-weight:700}h1{margin:0;font-size:22px;letter-spacing:0}.login-brand p{margin:5px 0 0;color:var(--muted);font-size:14px}form{display:grid;gap:9px}label{margin-top:8px;font-size:14px;font-weight:600}input,button{min-height:46px;border-radius:6px;font:inherit}input{width:100%;border:1px solid var(--line);padding:0 13px;color:var(--text)}input:focus,button:focus-visible{outline:3px solid rgba(8,127,120,.18);outline-offset:1px}.password-field{position:relative}.password-field input{padding-right:68px}.password-field button{position:absolute;top:4px;right:4px;min-height:38px;border:0;background:transparent;color:var(--teal);cursor:pointer;padding:0 12px}.login-error{min-height:22px;margin:5px 0 0;color:var(--danger);font-size:13px}.login-submit{border:1px solid #087f78;background:#087f78;color:#fff;font-weight:700;cursor:pointer}.login-submit:hover{background:#066b66}.login-submit:disabled{cursor:wait;opacity:.7}@media(max-width:520px){.login-shell{place-items:start center;padding-top:12vh}.login-panel{padding:28px 22px 30px;box-shadow:none}}