:root{font-family:"Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:#31373d;background:#f6f7f6;font-size:16px;--green:#1b684e}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center}main{width:min(520px,100%);padding:28px}form{display:flex;gap:12px}input,button{font:inherit;min-height:52px;border-radius:8px}input{min-width:0;flex:1;border:1px solid #9ca7a1;background:#fff;padding:12px 16px;color:#31373d;caret-color:var(--green)}input::placeholder{color:#626f68}button{border:0;background:var(--green);color:#fff;padding:12px 25px;cursor:pointer;white-space:nowrap}button:hover{background:#14533d}button:disabled{background:#52665b;cursor:wait}input:disabled{color:#626f68}input:focus-visible,button:focus-visible{outline:3px solid #31795f;outline-offset:3px}::selection{background:#c6e5d6;color:#173c2c}#progress{min-height:24px;margin:14px 0 0;text-align:center;font-size:14px;color:#4f6056}dialog{border:0;border-radius:12px;padding:30px;min-width:260px;max-width:calc(100% - 40px);text-align:center;color:#31373d;box-shadow:0 16px 55px #10251b2e}dialog::backdrop{background:#12251c55}dialog p{margin:0 0 26px;font-size:20px}dialog button{min-width:120px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:380px){main{padding:22px}form{gap:9px}button{padding-inline:18px}input{padding-inline:12px}}