:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#172b36;background:#f3f5f1;font-synthesis:none;--green:#1e6650;--muted:#61746e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#dfece0 0,transparent 60%)}.shell{max-width:800px;margin:auto;padding:32px 24px 44px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}a{color:var(--green);text-underline-offset:4px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700}.intro{padding:58px 0 25px}.badge{font-size:12px;color:var(--green);background:#e0ebdf;padding:6px 12px;border-radius:99px}h1{font-size:clamp(30px,6vw,46px);line-height:1.25;letter-spacing:-.04em;margin:20px 0}p{line-height:1.8}.intro p{color:var(--muted);max-width:580px;font-size:14px}.panel{background:white;border:1px solid #dfe5df;border-radius:20px;padding:26px;box-shadow:0 12px 36px #193d2910}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:18px;margin:0}.state{font-size:12px;background:#eef2ec;color:#52665b;padding:6px 10px;border-radius:20px;white-space:nowrap}.state.success{background:#e0f2e7;color:#18653d}.state.error{background:#fff0e5;color:#924b19}.status{font-size:13px;color:var(--muted);min-height:44px}.result{margin:24px 0}.result div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;padding:15px 0;border-top:1px solid #edf0eb;font-size:14px}dt{color:var(--muted)}dd{margin:0;font-family:ui-monospace,monospace;word-break:break-word}.actions{display:flex;gap:12px;flex-wrap:wrap}button,.button{border:0;border-radius:10px;padding:12px 18px;background:var(--green);color:white;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:default}.secondary{background:#edf2eb;color:var(--green)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a6cbb7;outline-offset:3px}.muted{font-size:12px;color:var(--muted)}details{margin-top:22px;border-top:1px solid #edf0eb;padding-top:16px;font-size:12px;color:var(--muted)}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f3;border-radius:10px;padding:14px;font-size:11px;line-height:1.7}.note{padding:25px 4px;font-size:13px;color:var(--muted)}.note strong{color:#2c443b}.note p{margin:8px 0 16px}.note label{display:block;font-size:12px;margin-bottom:8px}select,input{font:inherit;padding:12px;border:1px solid #d1dbd3;border-radius:8px;background:white;max-width:100%;width:100%;color:#213d31}footer{font-size:11px;color:var(--muted);line-height:1.8}.manual-copy{display:block;width:100%;min-height:110px;margin-top:10px;word-break:break-all}.qr-box{display:flex;justify-content:center;padding:24px;background:#fff;border-radius:14px;margin:20px 0}.qr-box svg{max-width:100%;height:auto}.field{display:block;font-size:13px;margin:20px 0 8px}.qr-message{font-size:13px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:480px){.shell{padding:24px 18px}.intro{padding-top:42px}.panel{padding:20px}.eyebrow{font-size:9px}header a{font-size:12px}.result div{grid-template-columns:76px minmax(0,1fr)}.actions button{flex:1}}