.package-card[data-v-c2209f0f]{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f26871a}.package-card[data-v-c2209f0f]:hover{transform:translateY(-5px);box-shadow:0 12px 40px #1f268733;background:#fffffff2}.package-card.selected[data-v-c2209f0f]{border:2px solid #3498db;background:#ecf4fdd9;box-shadow:0 8px 32px #3498db33}.package-card.popular[data-v-c2209f0f]{border:2px solid #f39c12;background:#fef9f0d9;box-shadow:0 8px 32px #f39c1233}.package-header[data-v-c2209f0f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.package-name[data-v-c2209f0f]{font-size:20px;font-weight:600;color:#2c3e50}.popular-badge[data-v-c2209f0f]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.package-price[data-v-c2209f0f]{font-size:36px;color:#2c3e50;font-weight:700;margin:15px 0}.package-price .currency[data-v-c2209f0f]{font-size:20px}.package-price .unit[data-v-c2209f0f]{font-size:14px;color:#7f8c8d}.package-description[data-v-c2209f0f]{color:#34495e;margin-bottom:20px;line-height:1.6;font-size:14px}.package-features[data-v-c2209f0f]{list-style:none;margin-bottom:25px}.package-features li[data-v-c2209f0f]{padding:8px 0;color:#34495e;display:flex;align-items:center;font-size:14px}.package-features li[data-v-c2209f0f]:before{content:"✓";color:#27ae60;font-weight:700;margin-right:10px;font-size:16px}.select-btn[data-v-c2209f0f]{width:100%;padding:12px 24px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 4px 15px #3498db4d}.select-btn[data-v-c2209f0f]:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.package-card.selected .select-btn[data-v-c2209f0f]{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 4px 15px #2ecc714d}.package-card.selected .select-btn[data-v-c2209f0f]:hover{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 6px 20px #2ecc7166}@media(max-width:768px){.package-price[data-v-c2209f0f]{font-size:28px}}.offline-badge[data-v-c2209f0f]{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.package-card.offline[data-v-c2209f0f]{border:2px solid #9b59b6;background:#f5f3ffd9;box-shadow:0 8px 32px #9b59b61a}.package-card.offline[data-v-c2209f0f]:hover{box-shadow:0 12px 40px #9b59b633;background:#f5f3fff2}.select-btn.offline[data-v-c2209f0f]{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b64d}.select-btn.offline[data-v-c2209f0f]:hover{background:linear-gradient(135deg,#8e44ad,#9b59b6);box-shadow:0 6px 20px #9b59b666}.payment-modal[data-v-2c567a03]{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.payment-content[data-v-2c567a03]{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:20px;max-width:450px;width:90%;position:relative;animation:slideIn-2c567a03 .3s ease;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 50px #00000026}@keyframes slideIn-2c567a03{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-header[data-v-2c567a03]{text-align:center;margin-bottom:30px}.payment-header h2[data-v-2c567a03]{font-size:24px;color:#2c3e50;margin-bottom:10px}.payment-header p[data-v-2c567a03]{color:#7f8c8d;font-size:14px}.order-info[data-v-2c567a03]{background:#ecf4fd99;border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid rgba(255,255,255,.5)}.order-info-row[data-v-2c567a03]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.order-info-row[data-v-2c567a03]:last-child{margin-bottom:0;padding-top:10px;border-top:1px solid rgba(189,195,199,.3);font-weight:600;font-size:16px;color:#2c3e50}.qr-code-container[data-v-2c567a03]{text-align:center;margin:25px 0}.qr-code[data-v-2c567a03]{width:220px;height:220px;margin:0 auto;border:1px solid rgba(236,240,241,.5);border-radius:12px;padding:15px;background:#ffffffb3;box-shadow:0 8px 32px #1f26871a}.qr-code img[data-v-2c567a03]{width:100%;height:100%;object-fit:contain;display:block;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.qr-code-placeholder[data-v-2c567a03]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ecf0f180;color:#95a5a6;font-size:14px;border-radius:8px}.loading-spinner[data-v-2c567a03]{display:inline-block;width:24px;height:24px;border:3px solid rgba(236,240,241,.5);border-top:3px solid #3498db;border-radius:50%;animation:spin-2c567a03 1s linear infinite}@keyframes spin-2c567a03{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-tips[data-v-2c567a03]{background:#e8f4f899;border-left:4px solid #3498db;padding:15px;border-radius:8px;margin-top:10px;font-size:13px;color:#2c3e50}.payment-tips h4[data-v-2c567a03]{margin-bottom:8px;color:#2c3e50;font-size:14px}.payment-tips ul[data-v-2c567a03]{list-style:none;padding-left:0}.payment-tips li[data-v-2c567a03]{padding:3px 0;display:flex;align-items:flex-start}.payment-tips li[data-v-2c567a03]:before{content:"•";margin-right:8px;color:#3498db;font-weight:700}.close-btn[data-v-2c567a03]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#95a5a6;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-2c567a03]:hover{background:#ecf0f180;color:#2c3e50}@media(max-width:768px){.payment-content[data-v-2c567a03]{padding:30px 20px}.qr-code[data-v-2c567a03]{width:180px;height:180px}}.status-message[data-v-cff81271]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:16px;box-shadow:0 25px 50px #00000026;text-align:center;z-index:2000;border:1px solid rgba(255,255,255,.5);max-width:400px;width:90%}.status-icon[data-v-cff81271]{font-size:60px;margin-bottom:20px}.status-icon.success[data-v-cff81271]{color:#2ecc71}.status-icon.error[data-v-cff81271]{color:#e74c3c}.status-message h3[data-v-cff81271]{font-size:22px;margin-bottom:10px;color:#2c3e50}.status-message p[data-v-cff81271]{color:#7f8c8d;margin-bottom:25px;font-size:15px}.btn[data-v-cff81271]{padding:10px 24px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.btn[data-v-cff81271]:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.payment-modal[data-v-f19693bc]{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.payment-content[data-v-f19693bc]{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn-f19693bc .3s ease;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 50px #00000026}@keyframes slideIn-f19693bc{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-header[data-v-f19693bc]{text-align:center;margin-bottom:30px}.payment-header h2[data-v-f19693bc]{font-size:24px;color:#2c3e50;margin-bottom:10px}.payment-header p[data-v-f19693bc]{color:#7f8c8d;font-size:14px}.info-section[data-v-f19693bc]{background:#ecf4fd99;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.5)}.info-section h3[data-v-f19693bc]{font-size:16px;color:#2c3e50;margin-bottom:15px;display:flex;align-items:center;gap:8px}.info-row[data-v-f19693bc]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;padding:8px 0;border-bottom:1px solid rgba(189,195,199,.2)}.info-row[data-v-f19693bc]:last-child{border-bottom:none;margin-bottom:0}.bank-card[data-v-f19693bc]{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;padding:20px;color:#fff;margin:15px 0}.bank-row[data-v-f19693bc]{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.bank-row[data-v-f19693bc]:last-child{margin-bottom:0}.bank-row .label[data-v-f19693bc]{font-weight:500;opacity:.9}.bank-row .value[data-v-f19693bc]{font-weight:600}.bank-number[data-v-f19693bc]{font-size:16px!important;letter-spacing:2px}.warning[data-v-f19693bc]{background:#fef9f0b3!important;border-left:4px solid #f39c12}.warning h3[data-v-f19693bc]{color:#e67e22}.warning-list[data-v-f19693bc]{list-style:none;padding-left:0;font-size:13px;color:#7f8c8d}.warning-list li[data-v-f19693bc]{padding:6px 0;display:flex;align-items:flex-start}.warning-list li[data-v-f19693bc]:before{content:"•";margin-right:8px;color:#f39c12;font-weight:700}.action-buttons[data-v-f19693bc]{display:flex;flex-direction:column;gap:12px;margin-top:25px}.btn[data-v-f19693bc]{padding:14px 24px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-primary[data-v-f19693bc]{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 4px 15px #2ecc714d}.btn-primary[data-v-f19693bc]:hover{background:linear-gradient(135deg,#27ae60,#2ecc71);transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.btn-secondary[data-v-f19693bc]{background:#ecf0f1b3;color:#7f8c8d;border:1px solid rgba(189,195,199,.3)}.btn-secondary[data-v-f19693bc]:hover{background:#ecf0f1e6;color:#2c3e50}.btn-exit[data-v-f19693bc]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 15px #e74c3c4d}.btn-exit[data-v-f19693bc]:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.close-btn[data-v-f19693bc]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#95a5a6;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-f19693bc]:hover{background:#ecf0f180;color:#2c3e50}.fade-enter-active[data-v-f19693bc],.fade-leave-active[data-v-f19693bc]{transition:opacity .3s ease}.fade-enter-from[data-v-f19693bc],.fade-leave-to[data-v-f19693bc]{opacity:0}.wechat-view[data-v-f19693bc]{padding:20px 0}.wechat-header[data-v-f19693bc]{text-align:center;margin-bottom:30px}.wechat-header h2[data-v-f19693bc]{font-size:24px;color:#2c3e50;margin-bottom:10px}.qr-container[data-v-f19693bc]{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-code-wrapper[data-v-f19693bc]{position:relative;width:200px;height:200px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #00000026;transition:transform .3s ease}.qr-code-wrapper[data-v-f19693bc]:hover{transform:scale(1.05)}.qr-image[data-v-f19693bc]{width:100%;height:100%;object-fit:cover}.qr-overlay[data-v-f19693bc]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:15px;text-align:center;font-size:14px;font-weight:500}.wechat-id-display[data-v-f19693bc]{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.wechat-id[data-v-f19693bc]{color:#2ecc71;font-size:18px}.copy-btn[data-v-f19693bc]{padding:4px 12px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.copy-btn[data-v-f19693bc]:hover{background:#2980b9}.tips-section[data-v-f19693bc]{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:10px}.steps-list[data-v-f19693bc]{list-style:none;padding-left:0;counter-reset:step-counter}.steps-list li[data-v-f19693bc]{counter-increment:step-counter;padding:8px 0 8px 30px;position:relative}.steps-list li[data-v-f19693bc]:before{content:counter(step-counter);position:absolute;left:0;top:8px;width:22px;height:22px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.toast-message[data-v-f19693bc]{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#2c3e50;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:2000;opacity:0;transition:transform .3s ease,opacity .3s ease}.toast-message.show[data-v-f19693bc]{transform:translate(-50%) translateY(0);opacity:1}@media(max-width:768px){.payment-content[data-v-f19693bc]{padding:30px 20px}.bank-row[data-v-f19693bc]{flex-direction:column;gap:5px}.bank-row .value[data-v-f19693bc]{font-size:15px}}.customer-service[data-v-c31d6690]{position:fixed;bottom:30px;right:30px;z-index:9999}.service-btn[data-v-c31d6690]{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:12px;box-shadow:0 4px 20px #3498db4d;transition:all .3s ease;animation:bounce-c31d6690 2s infinite}.service-btn[data-v-c31d6690]:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 30px #3498db66}.service-btn[data-v-c31d6690]:active{transform:translateY(-2px) scale(1.05)}@keyframes bounce-c31d6690{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.service-icon[data-v-c31d6690]{width:24px;height:24px;margin-bottom:2px}.btn-text[data-v-c31d6690]{font-size:11px;font-weight:500}.modal-overlay[data-v-c31d6690]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn-c31d6690 .3s ease}@keyframes fadeIn-c31d6690{0%{opacity:0}to{opacity:1}}.modal-content[data-v-c31d6690]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;max-width:400px;width:90%;position:relative;animation:slideUp-c31d6690 .3s ease;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 50px #00000026}@keyframes slideUp-c31d6690{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn[data-v-c31d6690]{position:absolute;top:15px;right:15px;width:36px;height:36px;border:none;background:#ecf0f1b3;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.close-btn[data-v-c31d6690]:hover{background:#e74c3c1a;transform:rotate(90deg)}.close-btn svg[data-v-c31d6690]{width:20px;height:20px;fill:#7f8c8d}.qr-container[data-v-c31d6690]{text-align:center}.qr-container h3[data-v-c31d6690]{font-size:20px;color:#2c3e50;margin-bottom:8px}.subtitle[data-v-c31d6690]{color:#7f8c8d;font-size:14px;margin-bottom:25px}.qr-wrapper[data-v-c31d6690]{width:220px;height:220px;margin:0 auto 25px;padding:15px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #1f26871a;border:1px solid rgba(255,255,255,.5)}.qr-code[data-v-c31d6690]{width:100%;height:100%;object-fit:contain}.tips[data-v-c31d6690]{background:#e8f4f899;border-radius:8px;padding:15px;margin-bottom:20px}.tips p[data-v-c31d6690]{margin:8px 0;font-size:13px;color:#34495e;display:flex;align-items:center;gap:8px}.other-contact[data-v-c31d6690]{text-align:center;padding-top:20px;border-top:1px solid rgba(189,195,199,.3)}.other-contact p[data-v-c31d6690]{margin-bottom:10px;color:#7f8c8d;font-size:14px}.phone-link[data-v-c31d6690]{font-size:18px;font-weight:600;color:#e74c3c;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.phone-link[data-v-c31d6690]:hover{text-decoration:underline}@media(max-width:768px){.customer-service[data-v-c31d6690]{bottom:20px;right:20px}.service-btn[data-v-c31d6690]{width:55px;height:55px}.modal-content[data-v-c31d6690]{padding:30px 20px}.qr-wrapper[data-v-c31d6690]{width:180px;height:180px}}.service-icon[data-v-c31d6690]{transition:transform .3s ease}.service-btn:hover .service-icon[data-v-c31d6690]{transform:scale(1.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4e7f1);min-height:100vh;padding:20px}#app,.app{max-width:1200px;margin:0 auto}.header{text-align:center;margin-bottom:40px;padding:20px 0}.header h1{font-size:32px;color:#2c3e50;margin-bottom:10px;font-weight:600}.header p{color:#7f8c8d;font-size:16px}.packages-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.error-message{background:#fadbd8b3;border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:15px;margin-bottom:20px;color:#c0392b;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d;background:#ffffffb3;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5)}.empty-state p{font-size:16px;margin-bottom:20px}.retry-btn{padding:10px 24px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.retry-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.loading-overlay{position:fixed;inset:0;background:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:3000}.loading-content{text-align:center}.loading-content p{margin-top:15px;color:#2c3e50;font-size:16px;font-weight:500}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(236,240,241,.5);border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.packages-container{grid-template-columns:1fr;gap:20px}.header h1{font-size:24px}}