*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f7fb;width:100%;color:#6a717e}::-webkit-scrollbar{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.payment-container[data-v-08b0dc61]{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4edf5);padding:20px 0}.container[data-v-08b0dc61]{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);box-sizing:border-box}.header[data-v-08b0dc61]{text-align:center;padding:20px 0 10px;border-bottom:1px solid #f0f0f0;margin-bottom:15px}.header-icon[data-v-08b0dc61]{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#3498db,#2ecc71);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(52,152,219,.3)}.header-icon i[data-v-08b0dc61]{color:#fff;font-size:32px}.header h1[data-v-08b0dc61]{font-size:24px;margin:0 0 10px;color:#2c3e50;font-weight:600}.subtitle[data-v-08b0dc61]{font-size:16px;color:#7f8c8d;margin:0}.alert-section[data-v-08b0dc61]{margin-bottom:25px}.alert[data-v-08b0dc61]{display:flex;align-items:center;background-color:#fff9e6;color:#8a6d3b;padding:5px 20px;margin:0 auto;border:1px solid #ffeaa7;border-radius:12px;font-size:14px;max-width:600px}.alert i[data-v-08b0dc61]{margin-right:10px;font-size:18px;color:#f39c12}.qr-section[data-v-08b0dc61]{margin:30px 0;text-align:center}.qr-container[data-v-08b0dc61]{display:inline-block;max-width:100%}.qr-code-wrapper[data-v-08b0dc61]{display:inline-block;position:relative;margin-bottom:15px}.qr-code[data-v-08b0dc61]{position:relative;display:inline-block;padding:20px;background:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.1);border:1px solid #e8f4fd}.qr-image[data-v-08b0dc61]{width:280px;height:280px;border-radius:12px;display:block;background:#fff}.qr-logo-overlay[data-v-08b0dc61]{top:0;left:0;width:100%;height:100%;pointer-events:none}.qr-logo-container[data-v-08b0dc61],.qr-logo-overlay[data-v-08b0dc61]{position:absolute;display:flex;align-items:center;justify-content:center}.qr-logo-container[data-v-08b0dc61]{width:60px;height:60px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);top:50%;left:50%;transform:translate(-50%,-50%)}.qr-logo[data-v-08b0dc61]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.qr-instruction[data-v-08b0dc61]{margin-top:15px}.qr-instruction p[data-v-08b0dc61]{font-size:14px;color:#7f8c8d;margin:0;font-weight:500}.info-section[data-v-08b0dc61]{margin:30px 0}.info-card[data-v-08b0dc61]{background:#f8f9fa;border-radius:12px;padding:0;overflow:hidden}.info-item[data-v-08b0dc61]{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.info-label[data-v-08b0dc61]{display:flex;align-items:center;font-size:16px;color:#2c3e50;font-weight:500}.info-label i[data-v-08b0dc61]{margin-right:10px;color:#3498db;font-size:18px}.info-value[data-v-08b0dc61]{font-size:16px;color:#34495e;text-align:right;max-width:60%;word-break:break-word}.info-value.highlight[data-v-08b0dc61]{color:#e74c3c;font-weight:600;font-size:18px}.divider[data-v-08b0dc61]{height:1px;background:#e9ecef;margin:0 20px}.wallet-section[data-v-08b0dc61]{margin:30px 0}.section-title[data-v-08b0dc61]{margin-bottom:20px}.section-title h2[data-v-08b0dc61]{font-size:20px;color:#2c3e50;margin:0;font-weight:600}.wallet-item[data-v-08b0dc61]{display:flex;align-items:center;padding:20px 15px;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative}.wallet-item[data-v-08b0dc61]:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.08)}.wallet-item.selected[data-v-08b0dc61]{border-color:#3498db;background:#f0f8ff}.wallet-content[data-v-08b0dc61]{display:flex;align-items:center}.wallet-item img[data-v-08b0dc61]{width:40px;height:40px;border-radius:10px}.wallet-item span[data-v-08b0dc61]{font-size:14px;color:#2c3e50;text-align:center;font-weight:500;margin-left:10px}.radio-indicator[data-v-08b0dc61]{top:10px;right:10px}.radio-outer[data-v-08b0dc61]{width:20px;height:20px;border:2px solid #bdc3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.wallet-item.selected .radio-outer[data-v-08b0dc61]{border-color:#3498db;background:#3498db}.radio-inner[data-v-08b0dc61]{width:10px;height:10px;background:#fff;border-radius:50%}.action-section[data-v-08b0dc61]{margin:30px 0 10px}.pay-approvalbutton[data-v-08b0dc61],.pay-button[data-v-08b0dc61]{width:100%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:16px;border:none;border-radius:12px;cursor:pointer;text-align:center;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 5px 15px rgba(52,152,219,.3)}.pay-approvalbutton[data-v-08b0dc61]:hover,.pay-button[data-v-08b0dc61]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,152,219,.4)}.pay-approvalbutton[data-v-08b0dc61]:active,.pay-button[data-v-08b0dc61]:active{transform:translateY(0)}.pay-button[data-v-08b0dc61]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.product-image-section[data-v-08b0dc61]{margin:25px 0}.product-image-container[data-v-08b0dc61]{display:flex;justify-content:center;align-items:center}.product-image[data-v-08b0dc61]{width:300px;height:200px;overflow:hidden;box-shadow:0 5px 20px rgba(231,76,60,.3);border-radius:12px}.product-image img[data-v-08b0dc61]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.icon-wallet[data-v-08b0dc61]:before{content:"💰"}.icon-info[data-v-08b0dc61]:before{content:"ℹ️"}.icon-product[data-v-08b0dc61]:before{content:"📦"}.icon-details[data-v-08b0dc61]:before{content:"📝"}.icon-quantity[data-v-08b0dc61]:before{content:"🔢"}.icon-amount[data-v-08b0dc61]:before{content:"💵"}@media (max-width:768px){.payment-container[data-v-08b0dc61]{padding:10px;background:#f5f7fa}.container[data-v-08b0dc61]{padding:20px 15px;border-radius:12px}.header[data-v-08b0dc61]{padding:15px 0 10px}.header h1[data-v-08b0dc61]{font-size:20px}.subtitle[data-v-08b0dc61]{font-size:14px}.qr-image[data-v-08b0dc61]{width:240px;height:240px}.qr-logo-container[data-v-08b0dc61]{width:50px;height:50px}.info-item[data-v-08b0dc61]{padding:15px;flex-direction:column;align-items:flex-start}.info-label[data-v-08b0dc61]{margin-bottom:5px}.info-value[data-v-08b0dc61]{max-width:100%;text-align:left}.wallet-grid[data-v-08b0dc61]{grid-template-columns:repeat(2,1fr);gap:10px}.wallet-item[data-v-08b0dc61]{padding:15px 10px}.product-image[data-v-08b0dc61]{width:100%;max-width:300px}.pay-approvalbutton[data-v-08b0dc61],.pay-button[data-v-08b0dc61]{padding:14px;font-size:16px}}@media (max-width:480px){.wallet-grid[data-v-08b0dc61]{grid-template-columns:1fr}.header-icon[data-v-08b0dc61]{width:60px;height:60px}.header-icon i[data-v-08b0dc61]{font-size:28px}.qr-image[data-v-08b0dc61]{width:200px;height:200px}.qr-logo-container[data-v-08b0dc61]{width:45px;height:45px;padding:6px}}@keyframes qrAppear-08b0dc61{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qr-code[data-v-08b0dc61]{animation:qrAppear-08b0dc61 .5s ease-out}@media (prefers-contrast:high){.qr-code[data-v-08b0dc61]{border:2px solid #000}.qr-logo-container[data-v-08b0dc61]{border:1px solid #000}}@media (prefers-reduced-motion:reduce){.qr-code[data-v-08b0dc61]{animation:none}.pay-approvalbutton[data-v-08b0dc61]:hover,.pay-button[data-v-08b0dc61]:hover,.wallet-item[data-v-08b0dc61]:hover{transform:none}}.ml20{margin-left:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.mt58{margin-top:58px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mb30{margin-bottom:30px}.ml10{margin-left:10px}.mr10{margin-right:10px}.pb10{padding-bottom:10px}.pb50{padding-bottom:50px}.ml40{margin-left:40px}.mr40{margin-right:40px}.colorBlue{color:#20a0ff}.padLef30{padding-left:30px}.padRg30{padding-right:30px}.mb10{margin-bottom:10px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.direction-row{flex-direction:row}.direction-column{flex-direction:column}.direction-row-reverse{flex-direction:row-reverse}.direction-column-reverse{flex-direction:column-reverse}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.flex-warp{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex1{flex:1}.textRight{text-align:right}.pub_btn_shadow:hover{box-shadow:5px 5px 20px #2a3692;cursor:pointer}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub_hover:hover{cursor:pointer!important}.noData .image{width:30%;margin-top:80px}.no-data .no{width:50%;margin-top:30px;max-width:300px}.pub_hover_Color{color:#fff}.pub_hover_Color:hover{cursor:pointer;color:#5367fe}