:root {font-family: "Microsoft YaHei",system-ui,sans-serif;color:#183b38;background:#f1f6f5}
* {box-sizing:border-box} body {margin:0;padding:40px 20px} main {max-width:720px;margin:auto}
.brand {font-size:14px;color:#52716c} h1 {font-size:30px;margin:12px 0 16px} h2 {font-size:19px;margin:0 0 20px}
p {line-height:1.8;color:#52716c} section {background:#fff;border:1px solid #d8e6e2;border-radius:18px;padding:28px;margin-top:26px}
label {display:block;font-weight:600;margin:22px 0 10px} input {width:100%;padding:13px;border:1px solid #b6ccc5;border-radius:8px;font:inherit;color:#183b38;background:#fff}
input:focus {outline:2px solid #0e6b64;outline-offset:2px} button {padding:12px 20px;border:1px solid #0e6b64;background:#0e6b64;color:white;font:inherit;border-radius:8px;cursor:pointer}
button:disabled {opacity:.5;cursor:wait}.secondary {background:white;color:#0e6b64}.hint {font-size:13px;margin:10px 0 20px}.actions {display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.state {padding:12px;background:#eef7f3;border-radius:8px}.section-head {display:flex;justify-content:space-between;align-items:center;gap:10px}.section-head h2 {margin:0}
#message {white-space:pre-wrap;padding:12px 0}#message.error {color:#b42d32}#message.success {color:#0e6b64} [hidden] {display:none !important}
@media(max-width:480px) {body {padding:24px 14px}section {padding:20px}h1 {font-size:25px}.actions button {width:100%}}