html,body{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}.page[data-v-af9e8f7f]{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 58%,rgba(255,215,71,.85),transparent 32%),linear-gradient(180deg,#f8bd17,#f6b916 48%,#f8bb14);color:#332a20;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}.top-bar[data-v-af9e8f7f]{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:44px;color:#30220d;font-size:17px;font-weight:700}.instruction-card[data-v-af9e8f7f]{width:calc(100vw - 32px);max-width:390px;margin:0 auto}.instruction-panel[data-v-af9e8f7f]{box-sizing:border-box;min-height:430px;padding:34px 28px 28px;background:linear-gradient(180deg,#f8f7ff,#f0efff);border-radius:5px;box-shadow:inset 0 1px 2px #ffffffc7,0 14px 34px #8f650029}.instruction-mark[data-v-af9e8f7f]{display:grid;width:58px;height:58px;margin:0 auto 22px;place-items:center;background:#d8271c;color:#ffc72c;font-size:34px;font-weight:900;line-height:1;border-radius:5px}.instruction-panel h1[data-v-af9e8f7f]{margin:0;color:#332a20;font-size:24px;font-weight:800;line-height:1.2;text-align:center}.instruction-panel ol[data-v-af9e8f7f]{display:grid;gap:14px;margin:28px 0 32px;padding-left:20px;color:#5f5862;font-size:16px;line-height:1.55}.instruction-panel li[data-v-af9e8f7f]::marker{color:#d8271c;font-weight:800}.instruction-thumb[data-v-af9e8f7f]{display:block;width:96px;height:72px;margin:10px 0 0;padding:0;overflow:hidden;border:1px solid rgba(95,88,98,.18);background:#fff;cursor:zoom-in;border-radius:5px;box-shadow:0 6px 14px #503b121a}.instruction-thumb img[data-v-af9e8f7f]{display:block;width:100%;height:100%;object-fit:cover}.start-button[data-v-af9e8f7f]{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border:0;background:#d8271c;color:#fff;cursor:pointer;font:inherit;font-size:17px;font-weight:800;border-radius:5px;box-shadow:0 10px 20px #d8271c38}.start-button[data-v-af9e8f7f]:active{transform:translateY(1px)}.image-preview[data-v-af9e8f7f]{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#100d0ac2;cursor:zoom-out}.image-preview img[data-v-af9e8f7f]{display:block;max-width:88vw;max-height:88vh;object-fit:contain;background:#fff;border-radius:5px;box-shadow:0 18px 48px #0000006b}.image-preview-close[data-v-af9e8f7f]{position:fixed;top:14px;right:14px;display:grid;width:38px;height:38px;place-items:center;border:0;background:#fffffff0;color:#30220d;cursor:pointer;font:inherit;font-size:28px;line-height:1;border-radius:999px}.confirm-start-modal[data-v-af9e8f7f]{position:fixed;z-index:24;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#100d0a94}.confirm-start-panel[data-v-af9e8f7f]{width:min(100%,330px);padding:24px 22px 20px;box-sizing:border-box;background:#fffdf7;border-radius:5px;box-shadow:0 18px 48px #402b0752;text-align:center}.confirm-start-panel h2[data-v-af9e8f7f]{margin:0;color:#332a20;font-size:20px;font-weight:800;line-height:1.25}.confirm-start-panel p[data-v-af9e8f7f]{margin:14px 0 22px;color:#5f5862;font-size:16px;line-height:1.45}.confirm-start-actions[data-v-af9e8f7f]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-start-actions button[data-v-af9e8f7f]{min-height:44px;padding:0 14px;border:0;cursor:pointer;font:inherit;font-size:16px;font-weight:800;border-radius:5px}.confirm-cancel-button[data-v-af9e8f7f]{background:#ede8dc;color:#4a4035}.confirm-primary-button[data-v-af9e8f7f]{background:#d8271c;color:#fff}.pay-card[data-v-af9e8f7f]{position:relative;width:calc(100vw - 8px);max-width:390px;min-height:377px;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,#f0efff,#f8f7ff 46%,#f0efff);border-radius:5px;box-shadow:inset 0 1px 2px #ffffffc7,0 14px 34px #8f650029}.barcode-panel[data-v-af9e8f7f]{display:flex;min-height:158px;flex-direction:column;align-items:center;padding-top:23px}.subtitle[data-v-af9e8f7f]{margin:0 0 16px;color:#858189;font-size:12px;font-weight:400;line-height:1;text-align:center}.barcode[data-v-af9e8f7f]{display:block;width:calc(100% - 24px);height:72px}.code-number[data-v-af9e8f7f]{margin:16px 0 0;color:#87838a;font-size:10px;font-weight:500;letter-spacing:0;line-height:1;white-space:nowrap}.qr-panel[data-v-af9e8f7f]{display:flex;flex-direction:column;align-items:center;padding-top:12px}.qrcode-wrap[data-v-af9e8f7f]{display:grid;width:160px;height:160px;place-items:center;background:#fff}.qrcode-wrap canvas[data-v-af9e8f7f]{display:block;width:160px!important;height:160px!important}.refresh-hint[data-v-af9e8f7f]{margin:10px 0 20px;color:#87838a;font-size:12px;font-weight:600;line-height:1;text-align:center}.balance-panel[data-v-af9e8f7f]{position:relative;display:flex;min-height:76px;flex-direction:column;align-items:center;justify-content:center;padding:10px 22px;border-top:1px dashed rgba(132,126,140,.26)}.balance-panel[data-v-af9e8f7f]:before,.balance-panel[data-v-af9e8f7f]:after{position:absolute;top:-4px;width:8px;height:8px;content:"";background:#f5ba15;border-radius:999px}.balance-panel[data-v-af9e8f7f]:before{left:-4px}.balance-panel[data-v-af9e8f7f]:after{right:-4px}.balance-panel p[data-v-af9e8f7f]{width:100%;margin:0;color:#858189;font-size:15px;font-weight:400;line-height:1.35;text-align:left}.success-card[data-v-af9e8f7f]{display:flex;width:calc(100vw - 32px);max-width:390px;min-height:240px;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:36px 24px;box-sizing:border-box;background:linear-gradient(180deg,#f8f7ff,#f0efff);border-radius:5px;box-shadow:inset 0 1px 2px #ffffffc7,0 14px 34px #8f650029;text-align:center}.success-icon[data-v-af9e8f7f]{position:relative;width:54px;height:54px;margin-bottom:18px;background:#20b56b;border-radius:999px}.success-icon[data-v-af9e8f7f]:after{position:absolute;left:17px;top:14px;width:18px;height:10px;content:"";border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg)}.success-card h2[data-v-af9e8f7f]{margin:0;color:#332a20;font-size:22px;font-weight:700;line-height:1.2}.success-card p[data-v-af9e8f7f]{margin:14px 0 0;color:#858189;font-size:15px;line-height:1.45}@media (min-width: 430px){.pay-card[data-v-af9e8f7f]{width:390px;min-height:560px}.barcode-panel[data-v-af9e8f7f]{min-height:215px;padding-top:34px}.subtitle[data-v-af9e8f7f]{margin-bottom:18px;font-size:14px}.barcode[data-v-af9e8f7f]{height:86px}.code-number[data-v-af9e8f7f]{margin-top:9px;font-size:12px}.qr-panel[data-v-af9e8f7f]{padding-top:33px}.qrcode-wrap[data-v-af9e8f7f],.qrcode-wrap canvas[data-v-af9e8f7f]{width:180px!important;height:180px!important}.refresh-hint[data-v-af9e8f7f]{margin:15px 0 30px;font-size:18px}.balance-panel[data-v-af9e8f7f]{min-height:113px}}