:root{--base-size:16px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:#202b3a;background:#ffffff;font-size:16px;line-height:1.7}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:0 24px}main{width:min(410px,100%);margin:64px auto 48px}a{color:#315fad;text-decoration:none}a:hover{text-decoration:underline}.back{font-size:0.8125rem;color:#596779}#brand{font-size:16px;font-weight:600;color:#596779;margin:18px 0 10px}.panel{background:#fff;padding:0}h1{font-size:28px;line-height:1.5;margin:0 0 12px}h2{font-size:17px}#intro,.note{color:#68778a}#intro{margin:0 0 24px}form{display:grid}label{display:grid;gap:7px}input{width:100%;height:46px;border:1px solid #cfd9e5;border-radius:6px;padding:9px 11px;font:inherit;color:#202b3a;background:#fff}input:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #315fad;outline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:6px;padding:9px 15px;background:#315fad;color:white;font:inherit;cursor:pointer;text-align:center}.button:hover{color:white;text-decoration:none}button:disabled{opacity:.6;cursor:wait}.secondary{background:#edf1f8;color:#315fad}.danger{background:#fff1f0;color:#ac3330}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}.actions>*{flex:1}#error{color:#b53030;margin:16px 0 0}#error:empty{display:none}.foot{font-size:0.8125rem;color:#768291;margin:20px 0 0}.qr{display:block;width:220px;height:220px;max-width:100%;margin:0 auto 20px;background:#fff}details{font-size:0.8125rem;margin-bottom:22px}summary{cursor:pointer;color:#315fad}.secret{display:block;overflow-wrap:anywhere;margin:12px 0;padding:12px;background:#f5f7fa}.codes{display:grid;background:#f5f7fa;padding:14px 8px;border-radius:6px}.codes code{overflow-wrap:anywhere;text-align:center}.note{margin:16px 0}.wide{width:100%}@media(max-width:480px){body{padding:0 22px}main{margin:36px auto}.panel{padding:0}input{font-size:16px}h1{font-size:26px}.qr{width:200px;height:200px}.actions{display:grid;grid-template-columns:1fr}}

.site-header{height:76px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e8ef}.site-name{font-weight:700;color:#202936}.site-name:hover{text-decoration:none}.product-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#eef3fb;color:#315fad}.product-mark svg{width:26px;height:26px}#intro{font-size:0.875rem;line-height:1.8;margin-bottom:28px}label{color:#394759}form{gap:20px}.foot{text-align:left;padding-top:24px;border-top:1px solid #e3e8ef;margin-top:28px}.qr{margin-top:12px}@media(max-width:480px){.site-header{height:68px}.site-name{font-size:20px}.codes code{font-size:0.8125rem}.foot{font-size:0.8125rem}}

html{font-size:16px}#intro,.note{font-size:15px}input,button,.button{font-size:16px}label{font-size:15px}.back,.foot{font-size:14px}.codes code{font-size:13px}.secret{font-size:13px}#error{font-size:14px}.site-name{font-size:21px}.codes{gap:10px}@media(max-width:480px){.codes code{font-size:13px}.foot{font-size:14px}input{font-size:16px}}