.union-pay-test-container[data-v-0afd06fb]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-0afd06fb]{background:#fff;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:center}.title-wrapper[data-v-0afd06fb]{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.title-wrapper .el-icon-bank-card[data-v-0afd06fb]{font-size:36px;color:#ff6b35;margin-right:15px}.title-wrapper h1[data-v-0afd06fb]{color:#2c3e50;margin:0;font-size:28px}.description[data-v-0afd06fb]{color:#6c757d;font-size:16px;margin:0}.test-steps[data-v-0afd06fb]{margin-bottom:40px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.main-content[data-v-0afd06fb]{display:flex;gap:20px}.left-config[data-v-0afd06fb]{flex:1}.right-test[data-v-0afd06fb]{flex:1;min-width:500px}.config-card[data-v-0afd06fb],.test-card[data-v-0afd06fb]{margin-bottom:20px;border-radius:8px;border:1px solid #e4e7ed;box-shadow:0 2px 12px rgba(0,0,0,.08)}.card-header[data-v-0afd06fb]{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e4e7ed}.card-title[data-v-0afd06fb]{display:flex;align-items:center;font-size:16px;font-weight:600;color:#303133}.card-title i[data-v-0afd06fb]{margin-right:10px;color:#409eff}.config-content[data-v-0afd06fb],.test-content[data-v-0afd06fb]{padding:20px}.option-list[data-v-0afd06fb]{display:flex;flex-direction:column;gap:15px}[data-v-0afd06fb] .option-item.el-radio{display:block!important;width:100%!important;height:auto!important;margin-bottom:15px!important;position:relative!important;border:1px solid #e4e7ed!important;border-radius:6px!important;background:#fff!important;transition:all .3s ease!important;overflow:hidden!important;cursor:pointer!important}[data-v-0afd06fb] .option-item.el-radio.is-checked{border-color:#409eff!important;background:linear-gradient(135deg,#ecf5ff,#d9ecff)!important}[data-v-0afd06fb] .option-item .el-radio__input{display:none!important}[data-v-0afd06fb] .option-item .el-radio__label{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:20px!important;margin:0!important;line-height:normal!important}[data-v-0afd06fb] .option-item.el-radio.is-checked:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 25px 25px 0;border-color:transparent #409eff transparent transparent;z-index:1}[data-v-0afd06fb] .option-item.el-radio.is-checked:before{content:"✓";position:absolute;top:2px;right:4px;color:#fff;font-size:12px;font-weight:700;z-index:2}.option-content[data-v-0afd06fb]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;text-align:center}.option-icon[data-v-0afd06fb]{width:50px;height:50px;background:linear-gradient(135deg,#409eff,#66b1ff);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.option-icon i[data-v-0afd06fb]{font-size:24px;color:#fff}.option-details[data-v-0afd06fb]{flex:1;min-width:0;text-align:left}.option-details h3[data-v-0afd06fb]{margin:0 0 8px 0;color:#303133;font-size:18px;text-align:left}.option-desc[data-v-0afd06fb]{margin:0 0 10px 0;color:#909399;font-size:14px;text-align:left}.option-tags[data-v-0afd06fb]{display:flex;gap:5px;text-align:left}.period-options[data-v-0afd06fb]{display:flex;flex-direction:column;gap:15px}[data-v-0afd06fb] .period-item.el-radio{display:block!important;width:100%!important;height:auto!important;margin-bottom:10px!important;position:relative!important;border:1px solid #e4e7ed!important;border-radius:6px!important;background:#fff!important;transition:all .3s ease!important;overflow:hidden!important;cursor:pointer!important}[data-v-0afd06fb] .period-item.el-radio.is-checked{border-color:#409eff!important;background:linear-gradient(135deg,#ecf5ff,#d9ecff)!important}[data-v-0afd06fb] .period-item .el-radio__input{display:none!important}[data-v-0afd06fb] .period-item .el-radio__label{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:15px!important;margin:0!important;line-height:normal!important}[data-v-0afd06fb] .period-item.el-radio.is-checked:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent #409eff transparent transparent;z-index:1}[data-v-0afd06fb] .period-item.el-radio.is-checked:before{content:"✓";position:absolute;top:1px;right:3px;color:#fff;font-size:10px;font-weight:700;z-index:2}.period-content[data-v-0afd06fb]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;text-align:center}.period-icon[data-v-0afd06fb]{font-size:24px;color:#409eff;margin-right:15px;flex-shrink:0}.period-content h4[data-v-0afd06fb]{margin:0 0 5px 0;color:#303133;font-size:16px;text-align:left}.period-desc[data-v-0afd06fb]{margin:0 0 5px 0;color:#909399;font-size:14px;text-align:left}.period-price[data-v-0afd06fb]{color:#f56c6c;font-weight:600;font-size:16px;text-align:left}[data-v-0afd06fb] .option-item.el-radio:hover:not(.is-checked),[data-v-0afd06fb] .period-item.el-radio:hover:not(.is-checked){border-color:#409eff!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:768px){.union-pay-test-container[data-v-0afd06fb]{padding:10px}.header-section[data-v-0afd06fb]{padding:20px}.title-wrapper h1[data-v-0afd06fb]{font-size:24px}.title-wrapper .el-icon-bank-card[data-v-0afd06fb]{font-size:28px;margin-right:10px}.main-content[data-v-0afd06fb]{flex-direction:column}.right-test[data-v-0afd06fb]{min-width:auto}[data-v-0afd06fb] .option-item.el-radio,[data-v-0afd06fb] .period-item.el-radio{text-align:center!important}[data-v-0afd06fb] .option-item .el-radio__label{padding:15px!important}[data-v-0afd06fb] .period-item .el-radio__label{padding:12px!important}.option-content[data-v-0afd06fb],.period-content[data-v-0afd06fb]{flex-direction:column;gap:15px;text-align:center}.option-icon[data-v-0afd06fb],.period-icon[data-v-0afd06fb]{margin-right:0}.option-details[data-v-0afd06fb],.period-content>div[data-v-0afd06fb]{text-align:center;width:100%}.option-details h3[data-v-0afd06fb],.period-content h4[data-v-0afd06fb]{text-align:center;margin-top:5px}.option-desc[data-v-0afd06fb],.period-desc[data-v-0afd06fb],.period-price[data-v-0afd06fb]{text-align:center}.option-tags[data-v-0afd06fb]{justify-content:center}.method-item[data-v-0afd06fb]{flex-direction:column;text-align:center;gap:15px}.method-icon[data-v-0afd06fb]{margin-right:0}.info-row[data-v-0afd06fb]{flex-direction:column;align-items:flex-start}.info-label[data-v-0afd06fb]{min-width:auto;margin-bottom:5px;font-size:14px}.info-value[data-v-0afd06fb]{width:100%}.quick-buttons[data-v-0afd06fb]{justify-content:center}.action-buttons[data-v-0afd06fb]{flex-wrap:wrap}}.amount-section[data-v-0afd06fb]{display:flex;flex-direction:column;gap:15px}.amount-info p[data-v-0afd06fb]{margin:5px 0;color:#606266}.highlight[data-v-0afd06fb]{color:#409eff;font-weight:600}.recommend[data-v-0afd06fb]{color:#f56c6c;font-weight:600;font-size:18px}.quick-amount[data-v-0afd06fb]{margin-top:10px}.quick-title[data-v-0afd06fb]{margin-bottom:10px;color:#909399;font-size:14px}.quick-buttons[data-v-0afd06fb]{display:flex;flex-wrap:wrap;gap:10px}.amount-tips[data-v-0afd06fb]{margin-top:10px}.payment-methods[data-v-0afd06fb]{display:flex;flex-direction:column;gap:15px}.method-item[data-v-0afd06fb]{display:flex;align-items:center;padding:20px;border:2px solid #e4e7ed;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.method-item[data-v-0afd06fb]:hover{border-color:#409eff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.method-item.active[data-v-0afd06fb]{border-color:#409eff;background:linear-gradient(135deg,#ecf5ff,#d9ecff)}.method-icon[data-v-0afd06fb]{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:20px}.method-icon i[data-v-0afd06fb]{font-size:28px;color:#fff}.unionpay-color[data-v-0afd06fb]{background:linear-gradient(135deg,#ff6b35,#ff8c5a)}.paypal-color[data-v-0afd06fb]{background:linear-gradient(135deg,#003087,#009cde)}.alipay-color[data-v-0afd06fb]{background:linear-gradient(135deg,#1677ff,#409eff)}.wechat-color[data-v-0afd06fb]{background:linear-gradient(135deg,#09bb07,#67c23a)}.method-info[data-v-0afd06fb]{flex:1}.method-info h4[data-v-0afd06fb]{margin:0 0 8px 0;color:#303133;font-size:18px}.method-info p[data-v-0afd06fb]{margin:0 0 10px 0;color:#909399;font-size:14px}.method-check[data-v-0afd06fb]{width:30px;text-align:center}.method-check i[data-v-0afd06fb]{font-size:20px;color:#67c23a;font-weight:700}.order-info[data-v-0afd06fb]{padding:10px}.info-table[data-v-0afd06fb]{border:1px solid #ebeef5;border-radius:4px;overflow:hidden}.info-row[data-v-0afd06fb]{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #ebeef5;background-color:#fff}.info-row[data-v-0afd06fb]:last-child{border-bottom:none}.info-row[data-v-0afd06fb]:nth-child(odd){background-color:#fafafa}.info-label[data-v-0afd06fb]{min-width:100px;font-weight:600;color:#606266;margin-right:10px}.info-value[data-v-0afd06fb]{flex:1;color:#303133}.order-id[data-v-0afd06fb]{font-family:Courier New,monospace;color:#409eff;font-weight:600}.order-amount[data-v-0afd06fb]{color:#f56c6c;font-weight:600;font-size:18px}.api-info[data-v-0afd06fb]{padding:10px}.api-table[data-v-0afd06fb]{border:1px solid #ebeef5;border-radius:4px;overflow:hidden}.api-table .info-row[data-v-0afd06fb]{align-items:flex-start}.api-table .info-label[data-v-0afd06fb]{min-width:100px;padding-top:12px}.params-info p[data-v-0afd06fb],.response-info p[data-v-0afd06fb]{margin:5px 0;color:#606266}.code-example[data-v-0afd06fb]{background:#f5f7fa;padding:15px;border-radius:4px;border-left:4px solid #409eff;font-family:Courier New,monospace;color:#303133;margin:5px 0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.result-section[data-v-0afd06fb]{padding:20px;text-align:center}.result-error[data-v-0afd06fb],.result-success[data-v-0afd06fb]{display:flex;flex-direction:column;align-items:center;gap:20px}.success-icon[data-v-0afd06fb]{font-size:60px;color:#67c23a}.error-icon[data-v-0afd06fb]{font-size:60px;color:#f56c6c}.result-details h3[data-v-0afd06fb]{margin:0 0 15px 0;color:#303133;font-size:24px}.result-details p[data-v-0afd06fb]{margin:8px 0;color:#606266}.result-message[data-v-0afd06fb]{color:#909399;font-size:14px}.error-detail[data-v-0afd06fb]{color:#f56c6c;font-size:14px;background:#fef0f0;padding:10px;border-radius:4px;margin-top:10px}.test-actions[data-v-0afd06fb]{text-align:center;padding:20px}.test-button[data-v-0afd06fb]{width:100%;height:50px;font-size:18px;margin-bottom:20px}.action-buttons[data-v-0afd06fb]{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.test-tips[data-v-0afd06fb]{margin-top:20px}