.pay_cl[data-v-b7777784]{position:relative;width:100%;height:100%}.sid_info[data-v-b7777784]{width:150px;height:6.25rem;display:flex;flex-direction:column;justify-content:center;position:absolute;right:3.125rem;bottom:3.125rem}.info_cls[data-v-b7777784]{width:100%;height:2.1875rem}.page-wrapper[data-v-1dba74ef]{width:100%;height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#f5f5f5;overflow-y:auto;padding:20px 0}.pay_container[data-v-1dba74ef]{width:100%;max-width:1000px;margin:0;padding:25px;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);min-height:auto}.account-info[data-v-1dba74ef]{margin-bottom:25px}.account-info .info-header[data-v-1dba74ef]{margin-bottom:15px}.account-info .info-header h2[data-v-1dba74ef]{color:#333;font-size:24px;font-weight:600;margin:0}.account-info .info-content[data-v-1dba74ef]{background:#f8f9fa;padding:15px;border-radius:6px}.account-info .info-content .info-row[data-v-1dba74ef]{display:flex;align-items:center;margin-bottom:15px}.account-info .info-content .info-row[data-v-1dba74ef]:last-child{margin-bottom:0}.account-info .info-content .info-row.highlight .value-wrapper[data-v-1dba74ef]{display:flex;align-items:center;flex:1}.account-info .info-content .info-row.highlight .value-wrapper .value.remaining[data-v-1dba74ef]{color:#1890ff;font-size:20px;font-weight:600;margin-right:8px}.account-info .info-content .info-row.highlight .value-wrapper .unit[data-v-1dba74ef]{color:#333;font-size:16px}.account-info .info-content .info-row.highlight .info-tip[data-v-1dba74ef]{margin-left:15px;display:flex;align-items:center;color:#666;font-size:14px}.account-info .info-content .info-row.highlight .info-tip .info-icon[data-v-1dba74ef]{margin-right:5px;color:#00bfff;background:#00bfff;color:#fff;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1}.account-info .info-content .info-row .field-item[data-v-1dba74ef]{display:flex;align-items:center;flex:1}.account-info .info-content .info-row .field-item .label[data-v-1dba74ef]{color:#666;font-size:16px;margin-right:8px;white-space:nowrap}.account-info .info-content .info-row .field-item .value[data-v-1dba74ef]{color:#333;font-size:16px}.usage-details[data-v-1dba74ef]{margin-bottom:25px}.usage-details h3[data-v-1dba74ef]{color:#333;font-size:18px;font-weight:600;margin:0 0 12px 0}.usage-details .details-grid[data-v-1dba74ef]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.usage-details .details-grid .detail-item[data-v-1dba74ef]{background:#f8f9fa;padding:10px;border-radius:6px;text-align:center}.usage-details .details-grid .detail-item .detail-label[data-v-1dba74ef]{display:block;color:#666;font-size:14px;margin-bottom:8px;font-weight:600}.usage-details .details-grid .detail-item .detail-value[data-v-1dba74ef]{display:inline;color:#333;font-size:16px;font-weight:600}.payment-options[data-v-1dba74ef]{margin-bottom:25px}.payment-options h3[data-v-1dba74ef]{color:#333;font-size:18px;font-weight:600;margin:0 0 12px 0}.payment-options .payment-options-content[data-v-1dba74ef]{display:flex;gap:30px;align-items:flex-start}.payment-options .payment-options-content .payment-left[data-v-1dba74ef]{flex:1;min-width:0}.payment-options .payment-options-content .payment-left[data-v-1dba74ef]:only-child{flex:1;max-width:100%}.payment-options .payment-options-content .payment-right[data-v-1dba74ef]{width:200px;flex-shrink:0}.payment-options .payment-options-content .payment-right .qrcode-container[data-v-1dba74ef]{width:200px;height:220px;background:#fff;border:2px solid #e8e8e8;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.payment-options .payment-options-content .payment-right .qrcode-container .loading-overlay[data-v-1dba74ef]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:10px}.payment-options .payment-options-content .payment-right .qrcode-container .loading-overlay .loading-spinner[data-v-1dba74ef]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-1dba74ef 1s linear infinite;margin-bottom:15px}.payment-options .payment-options-content .payment-right .qrcode-container .loading-overlay .loading-text[data-v-1dba74ef]{color:#666;font-size:14px;text-align:center;font-weight:500}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display[data-v-1dba74ef]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15px 10px;width:100%;height:100%}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display .qrcode-info[data-v-1dba74ef]{margin-top:15px;text-align:center;width:100%}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display .qrcode-info p[data-v-1dba74ef]{margin:4px 0;color:#666;font-size:12px;line-height:1.4}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display .qrcode-info p[data-v-1dba74ef]:first-child{color:#333;font-weight:600;font-size:13px;margin-bottom:6px}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display .qrcode-info p[data-v-1dba74ef]:last-child{color:#1890ff;font-size:11px}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-placeholder[data-v-1dba74ef]{text-align:center;padding:20px;color:#999}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-placeholder p[data-v-1dba74ef]{color:#999;font-size:13px;margin:0;line-height:1.4}.payment-options .preset-amounts[data-v-1dba74ef]{display:flex;gap:15px;margin-bottom:20px}.payment-options .preset-amounts .amount-btn[data-v-1dba74ef]{padding:12px 24px;border:2px solid #e8e8e8;background:#fff;color:#666;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.payment-options .preset-amounts .amount-btn[data-v-1dba74ef]:hover{border-color:#1890ff;color:#1890ff}.payment-options .preset-amounts .amount-btn.active[data-v-1dba74ef]{border-color:#1890ff;background:#1890ff;color:#fff}.payment-options .custom-amount[data-v-1dba74ef]{display:flex;align-items:center}.payment-options .custom-amount label[data-v-1dba74ef]{color:#666;font-size:14px;margin-right:15px;white-space:nowrap}.payment-options .custom-amount .input-wrapper[data-v-1dba74ef]{display:flex;align-items:center;border:2px solid #e8e8e8;border-radius:6px;padding:0 15px;background:#fff}.payment-options .custom-amount .input-wrapper.error[data-v-1dba74ef]{border-color:#ff4d4f}.payment-options .custom-amount .input-wrapper .currency-symbol[data-v-1dba74ef]{color:#666;font-size:16px;margin-right:8px}.payment-options .custom-amount .input-wrapper .amount-input[data-v-1dba74ef]{border:none;outline:none;padding:12px 0;font-size:14px;width:150px;background:transparent}.payment-options .custom-amount .input-wrapper .amount-input[data-v-1dba74ef]::-moz-placeholder{color:#ccc}.payment-options .custom-amount .input-wrapper .amount-input[data-v-1dba74ef]::placeholder{color:#ccc}.payment-options .custom-amount .error-message[data-v-1dba74ef]{color:#ff4d4f;font-size:12px;margin-top:8px}.payment-action[data-v-1dba74ef]{text-align:center}.payment-action .payment-method[data-v-1dba74ef]{margin-bottom:20px;text-align:left}.payment-action .payment-method h3[data-v-1dba74ef]{color:#333;font-size:18px;font-weight:600;margin:0 0 15px 0}.payment-action .payment-method .method-tabs[data-v-1dba74ef]{display:flex;gap:15px}.payment-action .payment-method .method-tabs .method-tab[data-v-1dba74ef]{display:flex;align-items:center;padding:10px 20px;border:2px solid #e8e8e8;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.payment-action .payment-method .method-tabs .method-tab.active[data-v-1dba74ef]{border-color:#1890ff;background:#1890ff;color:#fff}.payment-action .payment-method .method-tabs .method-tab .method-icon[data-v-1dba74ef]{font-size:20px;margin-right:8px}.payment-action .pay-btn[data-v-1dba74ef]{background:#1890ff;color:#fff;border:none;padding:15px 60px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .3s}.payment-action .pay-btn[data-v-1dba74ef]:hover{background:#40a9ff}.payment-action .pay-btn[data-v-1dba74ef]:active{background:#096dd9}@keyframes spin-1dba74ef{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-result[data-v-1dba74ef]{text-align:center;padding:40px 20px}.payment-result .result-content[data-v-1dba74ef]{max-width:400px;margin:0 auto}.payment-result .result-content .result-icon[data-v-1dba74ef]{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.payment-result .result-content .result-icon.success[data-v-1dba74ef]{background:#f6ffed;border:3px solid #52c41a}.payment-result .result-content .result-icon.success .success-icon[data-v-1dba74ef]{color:#52c41a;font-size:40px;font-weight:700}.payment-result .result-content .result-icon.failed[data-v-1dba74ef]{background:#fff2f0;border:3px solid #ff4d4f}.payment-result .result-content .result-icon.failed .failed-icon[data-v-1dba74ef]{color:#ff4d4f;font-size:40px;font-weight:700}.payment-result .result-content .result-title[data-v-1dba74ef]{font-size:24px;font-weight:600;margin:0 0 15px 0}.payment-result .result-content .result-title.success[data-v-1dba74ef]{color:#52c41a}.payment-result .result-content .result-title.failed[data-v-1dba74ef]{color:#ff4d4f}.payment-result .result-content .result-message[data-v-1dba74ef]{color:#666;font-size:16px;margin:0 0 30px 0;line-height:1.5}.payment-result .result-content .back-btn[data-v-1dba74ef]{background:#1890ff;color:#fff;border:none;padding:12px 30px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .3s}.payment-result .result-content .back-btn[data-v-1dba74ef]:hover{background:#40a9ff}.payment-result .result-content .back-btn[data-v-1dba74ef]:active{background:#096dd9}.page-wrapper[data-v-6f6a5a48]{width:100%;height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#f5f5f5;overflow-y:auto;padding:20px 0}.pay_container[data-v-6f6a5a48]{width:100%;max-width:1000px;margin:0;padding:25px;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);min-height:auto}.account-info[data-v-6f6a5a48]{margin-bottom:25px}.account-info .info-header[data-v-6f6a5a48]{margin-bottom:15px}.account-info .info-header h2[data-v-6f6a5a48]{color:#333;font-size:24px;font-weight:600;margin:0}.account-info .info-content[data-v-6f6a5a48]{background:#f8f9fa;padding:15px;border-radius:6px}.account-info .info-content .info-row[data-v-6f6a5a48]{display:flex;align-items:center;margin-bottom:15px}.account-info .info-content .info-row[data-v-6f6a5a48]:last-child{margin-bottom:0}.account-info .info-content .info-row.highlight .value-wrapper[data-v-6f6a5a48]{display:flex;align-items:center;flex:1}.account-info .info-content .info-row.highlight .value-wrapper .value.remaining[data-v-6f6a5a48]{color:#1890ff;font-size:20px;font-weight:600;margin-right:8px}.account-info .info-content .info-row.highlight .value-wrapper .unit[data-v-6f6a5a48]{color:#333;font-size:16px}.account-info .info-content .info-row.highlight .info-tip[data-v-6f6a5a48]{margin-left:15px;display:flex;align-items:center;color:#666;font-size:14px}.account-info .info-content .info-row.highlight .info-tip .info-icon[data-v-6f6a5a48]{margin-right:5px;color:#00bfff;background:#00bfff;color:#fff;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1}.account-info .info-content .info-row .field-item[data-v-6f6a5a48]{display:flex;align-items:center;flex:1}.account-info .info-content .info-row .field-item .label[data-v-6f6a5a48]{color:#666;font-size:16px;margin-right:8px;white-space:nowrap}.account-info .info-content .info-row .field-item .value[data-v-6f6a5a48]{color:#333;font-size:16px}.usage-details[data-v-6f6a5a48]{margin-bottom:25px}.usage-details h3[data-v-6f6a5a48]{color:#333;font-size:18px;font-weight:600;margin:0 0 12px 0}.usage-details .details-grid[data-v-6f6a5a48]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.usage-details .details-grid .detail-item[data-v-6f6a5a48]{background:#f8f9fa;padding:10px;border-radius:6px;text-align:center}.usage-details .details-grid .detail-item .detail-label[data-v-6f6a5a48]{display:block;color:#666;font-size:14px;margin-bottom:8px;font-weight:600}.usage-details .details-grid .detail-item .detail-value[data-v-6f6a5a48]{display:inline;color:#333;font-size:16px;font-weight:600}.payment-options[data-v-6f6a5a48]{margin-bottom:25px}.payment-options h3[data-v-6f6a5a48]{color:#333;font-size:18px;font-weight:600;margin:0 0 12px 0}.payment-options .payment-options-content[data-v-6f6a5a48]{display:flex;gap:30px;align-items:flex-start}.payment-options .payment-options-content .payment-left[data-v-6f6a5a48]{flex:1;min-width:0}.payment-options .payment-options-content .payment-left[data-v-6f6a5a48]:only-child{flex:1;max-width:100%}.payment-options .payment-options-content .payment-right[data-v-6f6a5a48]{width:200px;flex-shrink:0}.payment-options .payment-options-content .payment-right .qrcode-container[data-v-6f6a5a48]{width:200px;height:220px;background:#fff;border:2px solid #e8e8e8;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.payment-options .payment-options-content .payment-right .qrcode-container .loading-overlay[data-v-6f6a5a48]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:10px}.payment-options .payment-options-content .payment-right .qrcode-container .loading-overlay .loading-spinner[data-v-6f6a5a48]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-6f6a5a48 1s linear infinite;margin-bottom:15px}.payment-options .payment-options-content .payment-right .qrcode-container .loading-overlay .loading-text[data-v-6f6a5a48]{color:#666;font-size:14px;text-align:center;font-weight:500}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display[data-v-6f6a5a48]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15px 10px;width:100%;height:100%}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display .qrcode-info[data-v-6f6a5a48]{margin-top:15px;text-align:center;width:100%}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display .qrcode-info p[data-v-6f6a5a48]{margin:4px 0;color:#666;font-size:12px;line-height:1.4}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display .qrcode-info p[data-v-6f6a5a48]:first-child{color:#333;font-weight:600;font-size:13px;margin-bottom:6px}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-display .qrcode-info p[data-v-6f6a5a48]:last-child{color:#1890ff;font-size:11px}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-placeholder[data-v-6f6a5a48]{text-align:center;padding:20px;color:#999}.payment-options .payment-options-content .payment-right .qrcode-container .qrcode-placeholder p[data-v-6f6a5a48]{color:#999;font-size:13px;margin:0;line-height:1.4}.payment-options .custom-amount[data-v-6f6a5a48]{display:flex;align-items:center;margin-bottom:20px}.payment-options .custom-amount label[data-v-6f6a5a48]{color:#666;font-size:14px;margin-right:15px;white-space:nowrap}.payment-options .custom-amount .input-wrapper[data-v-6f6a5a48]{display:flex;align-items:center;border:2px solid #e8e8e8;border-radius:6px;padding:0 15px;background:#fff}.payment-options .custom-amount .input-wrapper.error[data-v-6f6a5a48]{border-color:#ff4d4f}.payment-options .custom-amount .input-wrapper .currency-symbol[data-v-6f6a5a48]{color:#666;font-size:16px;margin-right:8px}.payment-options .custom-amount .input-wrapper .amount-input[data-v-6f6a5a48]{border:none;outline:none;padding:12px 0;font-size:14px;width:200px;background:transparent}.payment-options .custom-amount .input-wrapper .amount-input[data-v-6f6a5a48]::-moz-placeholder{color:#ccc}.payment-options .custom-amount .input-wrapper .amount-input[data-v-6f6a5a48]::placeholder{color:#ccc}.payment-options .custom-amount .error-message[data-v-6f6a5a48]{color:#ff4d4f;font-size:12px;margin-top:8px;margin-left:15px}.payment-action[data-v-6f6a5a48]{text-align:center}.payment-action .payment-method[data-v-6f6a5a48]{margin-bottom:20px;text-align:left}.payment-action .payment-method h3[data-v-6f6a5a48]{color:#333;font-size:18px;font-weight:600;margin:0 0 15px 0}.payment-action .payment-method .method-tabs[data-v-6f6a5a48]{display:flex;gap:15px}.payment-action .payment-method .method-tabs .method-tab[data-v-6f6a5a48]{display:flex;align-items:center;padding:10px 20px;border:2px solid #e8e8e8;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.payment-action .payment-method .method-tabs .method-tab.active[data-v-6f6a5a48]{border-color:#1890ff;background:#1890ff;color:#fff}.payment-action .payment-method .method-tabs .method-tab .method-icon[data-v-6f6a5a48]{font-size:20px;margin-right:8px}.payment-action .pay-btn[data-v-6f6a5a48]{background:#1890ff;color:#fff;border:none;padding:15px 60px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .3s}.payment-action .pay-btn[data-v-6f6a5a48]:hover{background:#40a9ff}.payment-action .pay-btn[data-v-6f6a5a48]:active{background:#096dd9}@keyframes spin-6f6a5a48{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-result[data-v-6f6a5a48]{text-align:center;padding:40px 20px}.payment-result .result-content[data-v-6f6a5a48]{max-width:400px;margin:0 auto}.payment-result .result-content .result-icon[data-v-6f6a5a48]{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.payment-result .result-content .result-icon.success[data-v-6f6a5a48]{background:#f6ffed;border:3px solid #52c41a}.payment-result .result-content .result-icon.success .success-icon[data-v-6f6a5a48]{color:#52c41a;font-size:40px;font-weight:700}.payment-result .result-content .result-icon.failed[data-v-6f6a5a48]{background:#fff2f0;border:3px solid #ff4d4f}.payment-result .result-content .result-icon.failed .failed-icon[data-v-6f6a5a48]{color:#ff4d4f;font-size:40px;font-weight:700}.payment-result .result-content .result-title[data-v-6f6a5a48]{font-size:24px;font-weight:600;margin:0 0 15px 0}.payment-result .result-content .result-title.success[data-v-6f6a5a48]{color:#52c41a}.payment-result .result-content .result-title.failed[data-v-6f6a5a48]{color:#ff4d4f}.payment-result .result-content .result-message[data-v-6f6a5a48]{color:#666;font-size:16px;margin:0 0 30px 0;line-height:1.5}.payment-result .result-content .back-btn[data-v-6f6a5a48]{background:#1890ff;color:#fff;border:none;padding:12px 30px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .3s}.payment-result .result-content .back-btn[data-v-6f6a5a48]:hover{background:#40a9ff}.payment-result .result-content .back-btn[data-v-6f6a5a48]:active{background:#096dd9}