:root{font-family:"Microsoft YaHei",sans-serif;color:#203344;background:#f2f5f7;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:820px;padding:36px 24px 64px;margin:auto}header{margin:28px 0}.brand{font-weight:700;color:#266785;letter-spacing:.04em}h1{font-size:30px;margin:8px 0}h2{font-size:20px;margin:0 0 14px}p{line-height:1.65;color:#596d7d}.back{color:#246a91;text-decoration:none}section{background:#fff;border:1px solid #dbe3e8;border-radius:16px;padding:24px;margin:22px 0}label{display:block;margin:14px 0 8px}input{display:block;width:100%;max-width:320px;padding:12px;border:1px solid #b4c3ce;border-radius:8px;font:inherit}button{min-height:44px;margin:14px 8px 0 0;padding:10px 18px;border:1px solid #b9c9d4;border-radius:8px;background:#fff;color:#203344;font:inherit;cursor:pointer}button.primary{background:#246a91;border-color:#246a91;color:#fff}button.danger{background:#a43d28;border-color:#a43d28;color:#fff}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #e4a64d;outline-offset:3px}.device{padding:14px 0;border-bottom:1px solid #e4eaee;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.device button{margin:0}.device small{display:block;color:#667985;margin-top:8px}#status:not(:empty){padding:14px 18px;border-radius:10px;background:#e7eef3}#qr-panel{text-align:center;margin-top:24px}canvas{display:block;max-width:100%;height:auto;margin:auto;background:#fff}dialog{width:min(92vw,440px);border:1px solid #c7d4dd;border-radius:16px;padding:28px}dialog::backdrop{background:#162a3b88}.actions{display:flex;justify-content:flex-end}dialog input{max-width:100%}[hidden]{display:none!important}@media(max-width:520px){main{padding:22px 16px 44px}section{padding:20px}h1{font-size:26px}button{width:100%;margin-right:0}.actions{gap:10px}.device button{width:auto}.device{align-items:flex-start}}