:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#162238;background:#f4f7fb;color-scheme:light;line-height:1.6}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 0%,#e2edff 0%,#f4f7fb 55%)}.card{width:100%;max-width:470px;border:1px solid #e3e9f2;border-radius:28px;background:#fff;padding:42px 36px 24px;box-shadow:0 18px 70px #1b477f0c;text-align:center}.mark{display:grid;place-items:center;margin:0 auto 24px;width:60px;height:60px;border-radius:20px;background:#eaf2ff;color:#2865d7;font-size:32px;font-weight:750}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;color:#637793;margin:0 0 10px}h1{font-size:28px;line-height:1.35;letter-spacing:-.6px;margin:0}.intro{font-size:15px;color:#6b788c;margin:12px 0 28px}.number-label{display:block;color:#788599;font-size:12px}.number{display:block;margin:6px auto 26px;padding:0;width:100%;border:0;background:transparent;color:#162238;font-family:inherit;text-align:center;font-size:30px;font-weight:650;letter-spacing:2px;border-radius:5px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 14px;border:1px solid transparent;border-radius:13px;font-size:15px;font-weight:650;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s}.primary{background:#2865d7;color:#fff}.primary:hover{background:#1d54bd}.secondary{background:#f0f4fa;color:#334d72;border-color:#e5ebf4}.secondary:hover{background:#e6edf8}.status{font-size:13px;color:#6b788c;text-align:left;background:#f7f9fc;border-radius:12px;padding:14px 16px;margin:20px 0 0;line-height:1.8}.copy-status{font-size:13px;color:#2865d7;min-height:22px;margin:8px 0 12px}details{text-align:left;border-top:1px solid #edf0f5;padding-top:16px;font-size:13px;color:#6b788c}summary{cursor:pointer;color:#465976;padding:4px 0;min-height:30px}.help{font-size:13px;line-height:1.85;color:#6b788c}.help p{margin:10px 0}.alternatives{display:flex;flex-direction:column;gap:4px}.alternatives a{color:#2865d7;padding:6px 0;text-decoration:none}.alternatives a:hover{text-decoration:underline}footer{margin-top:24px;font-size:11px;letter-spacing:1px;color:#a0aaba}:focus-visible{outline:3px solid #85b2ff;outline-offset:4px}@media(max-width:380px){body{padding:16px}.card{padding:30px 22px 22px}h1{font-size:25px}.button{font-size:14px;padding:12px 8px}}@media(prefers-reduced-motion:reduce){.button{transition:none}}
.qr-section{margin:10px 0 20px;padding:22px 0 20px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.qr-section h2{margin:0 0 8px;font-size:18px;color:#243a59}.qr-tip{margin:0 auto 18px;max-width:340px;font-size:13px;color:#6b788c;line-height:1.85}.qr-figure{margin:0}.qr-image{display:block;width:240px;max-width:100%;height:auto;margin:0 auto;border-radius:14px;-webkit-touch-callout:default;user-select:auto}.qr-figure figcaption{margin:12px 0 10px;color:#788599;font-size:12px}.qr-save{display:inline-block;min-height:40px;padding:7px 16px;border:1px solid #dfe7f4;border-radius:10px;color:#2865d7;font-size:13px;font-weight:600;text-decoration:none}.qr-save:hover{background:#f0f5ff}.qr-section+details{border-top:0;padding-top:0}
.qr-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}