:root{color-scheme:light;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#193253;background:#f1f5fc}*{box-sizing:border-box}body{margin:0;padding:36px 20px}main{max-width:480px;margin:5vh auto;padding:36px;background:#fff;border:1px solid #e2eaf6;border-radius:24px;box-shadow:0 16px 60px #183b7110}.brand{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:700}.brand span{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#2563eb;border-radius:10px}h1{font-size:27px;line-height:1.45;margin:26px 0 12px}.intro,.hint,.footer,.code-box p{color:#64748b;font-size:14px;line-height:1.7}.code-box{padding:18px 20px;margin:24px 0;background:#eff5ff;border-radius:14px;font-size:13px}.code-box strong{display:block;letter-spacing:5px;font-size:27px;margin-top:6px;color:#2452a4}.code-box p{font-size:12px;margin:6px 0 0}label{display:block;margin:18px 0 8px;font-size:14px;font-weight:650}input{display:block;width:100%;padding:13px 14px;border:1px solid #cfdbec;border-radius:10px;font:inherit}input:focus{outline:3px solid #dce8ff;border-color:#4078ec}button{width:100%;margin-top:12px;padding:14px;border:0;border-radius:11px;color:#fff;background:#2563eb;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:hover{background:#1d4ed8}#message{font-size:14px;line-height:1.8;color:#b42318}#message.success{color:#12805b;background:#ecfdf5;padding:18px;border-radius:12px}.footer{font-size:12px;margin-top:28px}form[hidden]{display:none}@media(max-width:520px){body{padding:16px}main{margin:2vh auto;padding:25px}h1{font-size:25px}}