.payment-page[data-v-86916af0]{min-height:100vh;background-color:#121721;color:#e6e6e6}.top-bar[data-v-86916af0]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(90deg,#1a2030,#232842);border-bottom:1px solid #2a3050}.back-button[data-v-86916af0]{width:30px;height:30px;border-radius:50%;background-color:rgba(61,69,109,.5);display:flex;justify-content:center;align-items:center;font-size:18px;color:#a0a5c6;cursor:pointer}.title[data-v-86916af0]{font-size:18px;font-weight:600}.service-button[data-v-86916af0]{width:30px;height:30px;border-radius:50%;background-color:rgba(61,69,109,.5);display:flex;justify-content:center;align-items:center;font-size:16px;color:#a0a5c6;cursor:pointer}.payment-info[data-v-86916af0]{background:linear-gradient(135deg,#232842,#2a2352);padding:20px;text-align:center}.payment-title[data-v-86916af0]{font-size:16px;color:#fff;margin-bottom:10px}.payment-amount[data-v-86916af0]{font-size:32px;font-weight:700;color:#fff;margin-bottom:15px}.qrcode-section[data-v-86916af0]{flex:1;background-color:#1a1e2c;padding:30px 20px;display:flex;flex-direction:column;align-items:center}.qrcode-container[data-v-86916af0]{position:relative;width:230px;height:230px;background-color:#fff;border-radius:15px;padding:15px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.qrcode[data-v-86916af0]{width:200px;height:200px;background:repeating-conic-gradient(#000 0,#000 25%,#fff 0,#fff 50%) 50%/10% 10%;border-radius:5px}.qrcode-overlay[data-v-86916af0]{position:absolute;width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qrcode-logo[data-v-86916af0],.qrcode-overlay[data-v-86916af0]{border-radius:50%;display:flex;justify-content:center;align-items:center}.qrcode-logo[data-v-86916af0]{width:40px;height:40px;background-color:#232842;color:#fff;font-size:22px;font-weight:700}.merchant-info[data-v-86916af0]{text-align:center;margin-bottom:30px}.merchant-name[data-v-86916af0]{font-size:18px;font-weight:600;color:#fff;margin-bottom:5px}.merchant-id[data-v-86916af0]{font-size:14px;color:#a0a5c6;margin-bottom:10px}.wechat-tag[data-v-86916af0]{display:inline-block;font-size:12px;background-color:rgba(61,69,109,.7);color:#fff;padding:3px 10px;border-radius:12px}.payment-steps[data-v-86916af0]{border-top:1px dashed #2a3050;padding-top:20px;width:100%}.steps-title[data-v-86916af0]{font-size:16px;font-weight:600;color:#fff;margin-bottom:15px;text-align:center}.step-item[data-v-86916af0]{display:flex;align-items:flex-start;margin-bottom:15px}.step-number[data-v-86916af0]{width:24px;height:24px;border-radius:50%;background-color:#6a7ce0;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;margin-right:12px;flex-shrink:0}.step-content[data-v-86916af0]{flex:1}.step-text[data-v-86916af0]{font-size:14px;color:#e6e6e6;line-height:1.6}.step-note[data-v-86916af0]{font-size:12px;color:#a0a5c6;margin-top:5px}.bottom-actions[data-v-86916af0]{background-color:#1a1e2c;padding:20px;display:flex;justify-content:space-between;border-top:1px solid #2a3050}.copy-id-button[data-v-86916af0],.save-qr-button[data-v-86916af0]{width:48%;padding:14px 0;border-radius:8px;font-size:15px;font-weight:500;text-align:center;cursor:pointer}.save-qr-button[data-v-86916af0]{background-color:rgba(61,69,109,.7);color:#fff}.copy-id-button[data-v-86916af0]{background:linear-gradient(135deg,#6754e2,#3491fa);color:#fff}.transaction-tip[data-v-86916af0]{background-color:rgba(255,193,7,.1);border-left:3px solid #ffc107;padding:12px 15px;margin-top:20px}.tip-title[data-v-86916af0]{font-size:14px;font-weight:600;color:#ffc107;margin-bottom:5px;display:flex;align-items:center}.tip-icon[data-v-86916af0]{width:16px;height:16px;margin-right:8px;display:flex;justify-content:center;align-items:center;background-color:#ffc107;color:#1a1e2c;border-radius:50%;font-size:10px;font-weight:700}.tip-text[data-v-86916af0]{font-size:13px;color:#e6e6e6;line-height:1.6}.amount-animate[data-v-86916af0]{animation:fadeInUp-86916af0 .5s ease-out}.qrcode-animate[data-v-86916af0]{animation:scaleIn-86916af0 .5s ease-out}.info-animate[data-v-86916af0]{animation:fadeIn-86916af0 .5s ease-out}.step-animate[data-v-86916af0]{animation:slideInRight-86916af0 .5s ease-out}.tip-animate[data-v-86916af0]{animation:fadeInUp-86916af0 .5s ease-out}@keyframes fadeInUp-86916af0{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-86916af0{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn-86916af0{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-86916af0{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.copy-id-button[data-v-86916af0],.save-qr-button[data-v-86916af0]{transition:all .3s ease}.copy-id-button[data-v-86916af0]:active,.save-qr-button[data-v-86916af0]:active{transform:scale(.95);opacity:.8}.step-number[data-v-86916af0]{transition:all .3s ease}.step-item:hover .step-number[data-v-86916af0]{transform:scale(1.1);background-color:#8a7ee0}.qrcode-container[data-v-86916af0]{transition:all .3s ease}.qrcode-container[data-v-86916af0]:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.1)}