.panda-logo[data-v-c292c30e]{object-fit:contain;border-radius:12px}.cashier-brand[data-v-f8a797c3]{display:flex;align-items:center;gap:14px;margin-bottom:12px}.cashier-brand__text h1[data-v-f8a797c3]{margin:2px 0 0}.secure-badge[data-v-f8a797c3]{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;color:var(--panda-bamboo-dark);background:var(--panda-bamboo-soft);border-radius:999px;font-size:12px;font-weight:650}.secure-badge span[data-v-f8a797c3]{color:#22a35a;font-size:8px}.cashier-footer[data-v-f8a797c3]{margin-top:28px;padding-top:16px;border-top:1px solid var(--panda-line);text-align:center;font-size:12px;color:#9ca3af}@media(max-width:640px){.cashier-brand[data-v-f8a797c3]{gap:10px}.secure-badge[data-v-f8a797c3]{padding:5px 8px;font-size:11px}}.qr-code-container[data-v-c9920d2d]{display:flex;justify-content:center;align-items:center;padding:20px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.qr-canvas[data-v-c9920d2d]{display:block;max-width:100%;height:auto}.qr-error[data-v-c9920d2d]{text-align:center;color:#dc2626}.qr-fallback[data-v-c9920d2d]{margin-top:12px;padding:12px;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all;color:#0f172a}@media(max-width:640px){.qr-code-container[data-v-c9920d2d]{padding:16px}.qr-canvas[data-v-c9920d2d]{width:100%;max-width:240px}}:root{--panda-ink: #17211b;--panda-ink-2: #243129;--panda-bone: #f4f7f5;--panda-surface: #ffffff;--panda-bamboo: #197a43;--panda-bamboo-dark: #125e33;--panda-bamboo-soft: #e9f5ed;--panda-gray: #657269;--panda-line: #dfe7e2;--panda-red: #c43f43;--panda-amber: #b7791f;--font-display: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SFMono-Regular", Consolas, ui-monospace, monospace;color:var(--panda-ink);background:var(--panda-bone);font-family:var(--font-body);font-synthesis:none;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(800px 360px at 85% -5%,rgba(25,122,67,.1),transparent 65%),linear-gradient(180deg,#f8faf8,#eef3f0);-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible,summary:focus-visible{outline:3px solid rgba(25,122,67,.22);outline-offset:2px}.app-shell{display:flex;min-height:100vh;justify-content:center;padding:28px 16px}.cashier-card{width:100%;max-width:660px;align-self:flex-start;padding:26px;background:var(--panda-surface);border:1px solid var(--panda-line);border-radius:22px;box-shadow:0 24px 70px #17211b17}.cashier-card--wide{max-width:900px}.cashier-header h1{margin:2px 0 0;font-family:var(--font-display);font-size:25px;line-height:1.25}.eyebrow{color:var(--panda-bamboo);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-description{margin:0 0 18px;color:var(--panda-gray);font-size:14px}.cashier-footer{margin-top:24px;padding-top:16px;color:#96a29a;border-top:1px solid var(--panda-line);text-align:center;font-size:12px}.merchant-panel{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;background:#f8faf9;border:1px solid var(--panda-line);border-radius:13px}.checkout-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"merchant merchant" "order payment" "state state" "trust actions";gap:12px 16px}.checkout-grid .merchant-panel{grid-area:merchant;margin-bottom:0}.order-column{grid-area:order;min-width:0}.checkout-grid .payment-section{grid-area:payment;margin-top:0}.checkout-state{grid-area:state}.checkout-grid .payment-actions{grid-area:actions;align-self:center;margin-top:0}.checkout-grid .trust-note{grid-area:trust;align-self:center;margin-top:0;text-align:left}.merchant-avatar{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;color:#fff;background:var(--panda-ink);border-radius:11px;font-weight:750}.merchant-label{color:var(--panda-gray);font-size:11px}.merchant-name{margin-top:1px;font-weight:700}.verified-mark{margin-left:auto;color:var(--panda-bamboo-dark);font-size:12px;font-weight:650}.amount-panel{padding:22px 18px 18px;text-align:center;background:linear-gradient(145deg,#f3faf5,#fff);border:1px solid #cae2d2;border-radius:16px}.amount-label{color:var(--panda-gray);font-size:13px}.amount-value{margin:4px 0 8px;font-family:var(--font-mono);font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1.2}.countdown{display:inline-flex;align-items:center;gap:6px;color:var(--panda-gray);font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums}.countdown.danger{color:var(--panda-red)}.countdown.expired{color:var(--panda-red);font-weight:750}.order-detail-panel{margin-top:12px;padding:6px 14px;border:1px solid var(--panda-line);border-radius:13px}.detail-row,.summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:9px 0;color:var(--panda-gray);font-size:13px}.detail-row+.detail-row,.summary-row+.summary-row{border-top:1px solid #edf1ee}.detail-row strong,.summary-row strong{max-width:70%;color:var(--panda-ink);text-align:right;overflow-wrap:anywhere}.mono{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.more-detail{border-top:1px solid #edf1ee}.more-detail summary{padding:9px 0;color:var(--panda-bamboo-dark);cursor:pointer;font-size:12px}.more-detail .detail-row{padding-top:0}.payment-section,.section{margin-top:14px;padding:15px;background:#fff;border:1px solid var(--panda-line);border-radius:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading>span{color:var(--panda-gray);font-size:11px}.section-title{font-size:15px;font-weight:750}.method-list{display:grid;gap:8px}.method-card{display:flex;width:100%;min-height:62px;align-items:center;gap:12px;padding:10px 12px;color:var(--panda-ink);background:#fff;border:1px solid var(--panda-line);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.method-card:hover:not(.disabled){border-color:#93c5a5;background:#fbfdfb}.method-card.active{background:var(--panda-bamboo-soft);border-color:var(--panda-bamboo);box-shadow:0 0 0 2px #197a4314}.method-card.disabled{cursor:not-allowed;opacity:.5}.method-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;color:#fff;border-radius:11px;font-weight:800}.method-icon--wechat_native{background:#16a568}.method-icon--alipay_qr{background:#1677ff}.method-icon--balance{background:#e59b21}.method-content{min-width:0;flex:1}.method-title{font-size:14px;font-weight:750}.method-description{margin-top:1px;color:var(--panda-gray);font-size:12px}.method-selector{display:grid;width:19px;height:19px;flex:0 0 auto;place-items:center;border:1.5px solid #afbbb3;border-radius:50%}.method-card.active .method-selector{border-color:var(--panda-bamboo)}.method-card.active .method-selector span{width:9px;height:9px;background:var(--panda-bamboo);border-radius:50%}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.actions.stacked{flex-direction:column}.primary-btn,.secondary-btn,.ghost-btn{min-height:46px;padding:11px 17px;border:0;border-radius:12px;cursor:pointer;font-weight:700;transition:background .16s ease,transform .1s ease}.primary-btn{color:#fff;background:var(--panda-bamboo)}.primary-btn:hover:not(:disabled){background:var(--panda-bamboo-dark)}.secondary-btn{color:var(--panda-bamboo-dark);background:var(--panda-bamboo-soft)}.secondary-btn:hover:not(:disabled){background:#d9ecdf}.ghost-btn{color:#536159;background:#fff;border:1px solid var(--panda-line)}.ghost-btn:hover:not(:disabled){background:var(--panda-bone)}.primary-btn:active:not(:disabled),.secondary-btn:active:not(:disabled),.ghost-btn:active:not(:disabled){transform:scale(.99)}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.55}.payment-actions .primary-btn{width:100%;min-height:50px;font-size:16px}.trust-note{margin-top:10px;color:#7b887f;text-align:center;font-size:11px}.trust-note span{color:var(--panda-bamboo);font-weight:800}.state-box{margin-top:14px;padding:13px 14px;color:var(--panda-bamboo-dark);background:var(--panda-bamboo-soft);border-radius:12px;font-size:14px}.state-box p{margin:5px 0 0}.state-box.error{color:#a32f34;background:#fdf0f0}.state-box.success{color:var(--panda-bamboo-dark);background:var(--panda-bamboo-soft)}.section .summary-row{padding:7px 0}.summary-row.total strong{font-family:var(--font-mono);font-size:26px;font-variant-numeric:tabular-nums}.pay-panel{text-align:center}.h5-pay-area{padding:18px 0 8px}.h5-pay-btn{min-width:220px}.qr-pay-area{text-align:center}.mobile-qr-tip{display:none;margin-bottom:12px;padding:10px;color:#855b16;background:#fff7e8;border-radius:9px;font-size:12px}.copy-btn{min-width:160px;margin-top:10px}.mock-qr{padding:20px 12px;color:var(--panda-ink);background:var(--panda-bamboo-soft);border:1px dashed var(--panda-bamboo);border-radius:12px;font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}.pay-help,.status-note{margin:10px 0 0;color:var(--panda-gray);font-size:13px}.fail-reason{color:var(--panda-red)}.polling-indicator{display:inline-block}.result-panel{padding-block:26px;text-align:center}.result-panel.success{background:var(--panda-bamboo-soft);border-color:#bfe0ca}.result-panel.fail{background:#fdf0f0;border-color:#efc6c7}.result-icon{display:grid;width:58px;height:58px;margin:0 auto 12px;place-items:center;color:#fff;background:var(--panda-bamboo);border-radius:50%;font-size:28px;font-weight:800}.result-panel.fail .result-icon{background:var(--panda-red)}.result-title{margin-bottom:8px;font-size:21px;font-weight:800}.result-detail{display:grid;gap:6px;color:#536159;font-size:14px}.loading-panel{margin-top:14px;padding:28px 18px;border:1px solid var(--panda-line);border-radius:14px}.skeleton{background:linear-gradient(90deg,#edf1ee 25%,#f7f9f7,#edf1ee 75%);background-size:200% 100%;border-radius:7px;animation:loading 1.4s ease-in-out infinite}.skeleton-title{width:45%;height:24px;margin-bottom:16px}.skeleton-text{height:15px;margin-bottom:10px}.skeleton-text.short{width:68%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.app-shell{padding:0}.cashier-card{min-height:100vh;padding:18px 14px 104px;border:0;border-radius:0;box-shadow:none}.checkout-grid{display:block}.checkout-grid .merchant-panel{margin-bottom:12px}.checkout-grid .payment-section{margin-top:14px}.checkout-grid .trust-note{margin-top:10px;text-align:center}.cashier-header h1{font-size:21px}.page-description{margin-bottom:14px;font-size:13px}.merchant-panel{padding:10px 11px}.amount-panel{padding:18px 14px 15px}.amount-value{font-size:34px}.order-detail-panel{padding-inline:12px}.payment-section,.section{padding:12px}.method-card{min-height:58px;padding:9px 10px}.method-icon{width:35px;height:35px}.payment-actions{position:fixed;right:0;bottom:0;left:0;z-index:30;margin:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--panda-line);box-shadow:0 -8px 24px #17211b14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payment-actions.stacked{display:grid;grid-template-columns:1fr 1fr}.payment-actions.stacked .ghost-btn{grid-column:1 / -1}.mobile-qr-tip{display:block}.result-panel{min-height:46vh;display:flex;flex-direction:column;justify-content:center}.actions:not(.payment-actions){flex-direction:column}.actions:not(.payment-actions)>button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}