:root{color-scheme:light;--ink:#18252b;--muted:#64757a;--line:#d9e3df;--teal:#147d78;--teal-dark:#0c5d5b}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f7f4;color:var(--ink);font-family:"Inter","Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.shell{width:min(100% - 2rem,480px);padding:3rem 0}
.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:2rem;box-shadow:0 18px 48px rgba(24,37,43,.08)}
.brand{display:flex;align-items:center;gap:.6rem;padding-bottom:1rem;border-bottom:1px solid var(--line);font-weight:800;letter-spacing:.08em}
.brand img{border-radius:8px}
.region{margin-left:auto;color:var(--muted);font-size:.72rem;letter-spacing:.11em}
h1{margin:1.6rem 0 .4rem;font-size:2rem}
.lead{margin:0 0 1.6rem;color:var(--muted);line-height:1.6}
label{display:block;margin:.9rem 0 .35rem;font-size:.86rem;font-weight:700;color:var(--teal-dark)}
input{width:100%;padding:.75rem .85rem;font:inherit;color:inherit;background:#fbfdfc;border:1px solid var(--line);border-radius:6px}
input:focus-visible{outline:3px solid rgba(20,125,120,.32);outline-offset:2px;border-color:var(--teal)}
button{width:100%;margin-top:1.4rem;padding:.8rem 1rem;font:inherit;font-weight:750;color:#fff;background:var(--teal);border:0;border-radius:6px;cursor:pointer}
button[disabled]{opacity:.6;cursor:progress}
.status{min-height:1.4em;margin:1rem 0 0;font-size:.88rem;color:#a85443;line-height:1.5}
.status.ok{color:var(--teal-dark)}
.foot{margin:1.4rem 0 0;font-size:.86rem}
.foot a{color:var(--teal-dark)}
@media(max-width:520px){.panel{padding:1.5rem}.shell{padding:1.5rem 0}}