:root{--bg: #f4f5f7;--card: #ffffff;--ink: #17181c;--muted: #6b7280;--line: #e5e7eb;--wechat: #07c160;--alipay: #1677ff;--ok: #07c160;--bad: #d92d20;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:400 15px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100%;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.card{width:100%;max-width:380px;background:var(--card);border-radius:16px;padding:28px 24px;box-shadow:0 1px 2px #0000000f,0 8px 24px #0000000f;text-align:center}.subject{color:var(--muted);font-size:14px;margin:0 0 6px;overflow-wrap:anywhere}.amount{font-size:34px;font-weight:600;letter-spacing:-.02em;margin:0 0 24px;font-variant-numeric:tabular-nums}.amount span{font-size:20px;font-weight:500;margin-right:2px}.qr{width:200px;height:200px;margin:0 auto 16px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.qr img{width:100%;height:100%;display:block}.hint{color:var(--muted);font-size:13px;margin:0}.hint strong{color:var(--ink);font-weight:500}.btn{display:block;width:100%;border:0;border-radius:10px;padding:13px 16px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;margin-top:12px;font-family:inherit}.btn-wechat{background:var(--wechat)}.btn-alipay{background:var(--alipay)}.btn:active{filter:brightness(.94)}.result-icon{width:56px;height:56px;border-radius:50%;margin:4px auto 16px;display:grid;place-items:center;font-size:30px;color:#fff}.result-icon.ok{background:var(--ok)}.result-icon.bad{background:var(--bad)}.title{font-size:20px;font-weight:600;margin:0 0 6px}.mismatch{margin-top:14px;padding:10px 12px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:13px;text-align:left}.spinner{width:26px;height:26px;margin:8px auto;border:3px solid var(--line);border-top-color:var(--muted);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}