:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#183c39;background:#f4f7f6;font-size:15px;line-height:1.65}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:40px 20px}
.login-shell{width:100%;max-width:440px}
.brand{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:26px;font-size:21px;font-weight:700}
.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#147563;color:white;font-size:24px}
.brand small{display:block;font-size:12px;color:#72837e;font-weight:400;letter-spacing:2px}
.login-card{background:white;border:1px solid #dfe8e3;border-radius:22px;padding:34px;box-shadow:0 12px 40px #183c3908}
.eyebrow{margin:0 0 6px;font-size:12px;color:#58796c;letter-spacing:2px}
h1{font-size:27px;line-height:1.4;margin:0 0 8px;letter-spacing:-.5px}
.intro{color:#72837e;font-size:14px;margin:0 0 28px}
.field{margin-bottom:20px}
label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}
input{width:100%;padding:12px 14px;border:1px solid #cfddd5;border-radius:10px;background:#fbfcfb;color:#183c39;font:inherit;font-size:16px}
input::placeholder{color:#8b9b93;font-size:14px}
input:focus{outline:3px solid #e0f0e7;border-color:#438d70;background:white}
.field-help{font-size:12px;color:#72837e;margin:8px 0 0}
button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:#147563;color:white;border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:600}
button:hover{background:#0e5d4e}
button:focus-visible,summary:focus-visible{outline:3px solid #7abba2;outline-offset:4px}
.help{margin-top:25px;padding-top:20px;border-top:1px solid #e8eeea;font-size:13px}
summary{color:#29745e;cursor:pointer}
.help p{color:#72837e;margin:10px 0 0}
.error{background:#fff1ec;color:#9b442d;padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:20px}
.footer{margin:24px 0 0;text-align:center;font-size:12px;color:#83958a}
.account-picker{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #dfe8e3;border-radius:22px;padding:28px;color:#183c39;background:white;box-shadow:0 0 0 100vmax #183c3970}
.account-picker::backdrop{background:#183c3970}
.account-picker:modal{box-shadow:0 12px 40px #183c3920}
.account-picker h2{margin:0 0 10px;font-size:23px}
.account-picker>p{font-size:14px;color:#58796c}
.account-options{border:0;padding:0;margin:20px 0}
.account-options legend{font-weight:600;margin-bottom:10px}
.account-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #cfddd5;border-radius:12px;cursor:pointer}
.account-option:has(input:checked){border-color:#147563;background:#eef7f3}
.account-option input{width:18px;height:18px;flex-shrink:0;accent-color:#147563}
.account-option span span{display:block;color:#58796c;font-size:13px;font-weight:400}
@media(max-width:480px){body{padding:26px 16px}.login-card{padding:26px 22px}h1{font-size:25px}}