:root{--ink:#1c271f;--muted:#6d776f;--green:#185c3b;--green2:#267c51;--line:#dce4dd;--red:#8d3030;--red-bg:#faeaea}
*{box-sizing:border-box}body{margin:0;background:#f2f5f1;color:var(--ink);font:14px/1.5 "Segoe UI","Microsoft YaHei",sans-serif}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(400px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 18px 55px rgba(26,40,31,.13)}.mark{width:48px;height:48px;border-radius:13px;background:#cbe66d;color:#143423;display:grid;place-items:center;font-weight:900;margin-bottom:20px}.login-card h1{font-size:25px;margin:0}.login-card>p{color:var(--muted);margin:5px 0 24px}label{display:block;margin-bottom:15px}label span{display:block;font-size:12px;font-weight:750;margin-bottom:6px}input{width:100%;height:46px;border:1px solid #c5d0c7;border-radius:9px;padding:0 12px;font:inherit;outline:none}input:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(38,124,81,.1)}button{width:100%;height:46px;border:0;border-radius:9px;background:var(--green);color:#fff;font:700 15px/1 "Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer}button:hover{background:var(--green2)}button:disabled{opacity:.55;cursor:wait}.error{margin:-2px 0 14px;padding:10px 12px;border:1px solid #e6bbbb;border-radius:8px;background:var(--red-bg);color:var(--red);font-size:12px}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:26px 22px;border-radius:15px}}