{"id":17367,"date":"2026-03-30T08:32:48","date_gmt":"2026-03-30T08:32:48","guid":{"rendered":"https:\/\/aercana.com\/?page_id=17367"},"modified":"2026-06-17T12:31:49","modified_gmt":"2026-06-17T12:31:49","slug":"payment","status":"publish","type":"page","link":"https:\/\/aercana.com\/es\/payment\/","title":{"rendered":"payment"},"content":{"rendered":"\n\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/aercana.com\/wp-content\/uploads\/2026\/06\/Paypal_logo.png\">\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/aercana.com\/wp-content\/uploads\/2026\/06\/westernunion_logo.png\">\n\n<!-- ===== \u652f\u4ed8\u5f39\u7a97 ===== -->\n<div id=\"paymentModal\" class=\"modal-hidden\">\n  <div class=\"modal-box\">\n    <span class=\"close-btn\" onclick=\"confirmClose()\">\u2715<\/span>\n    <h2>\ud83d\udcb3 Complete Your Payment<\/h2>\n    <p class=\"sub-text\">Click a payment method below to copy account details<\/p>\n\n    <p>Order ID: <strong id=\"orderId\">Loading&#8230;<\/strong><\/p>\n    <p>Total: <strong id=\"orderTotal\">$0.00<\/strong><\/p>\n\n    <!-- \u9aa8\u67b6\u5c4f -->\n    <div id=\"skeleton\">\n      <div class=\"skeleton-line\"><\/div>\n      <div class=\"skeleton-line short\"><\/div>\n      <div class=\"skeleton-box\"><\/div>\n    <\/div>\n\n    <!-- \u771f\u5b9e\u5185\u5bb9 -->\n    <div id=\"realContent\" style=\"display:none;\">\n      <div class=\"lock-box\">\n        \ud83d\udd12 Your order is reserved for \n        <strong id=\"payCountdown\">15:00<\/strong>\n      <\/div>\n\n      <!-- ===== \u4e24\u4e2a\u56fe\u6807\u7b49\u5bbd ===== -->\n      <div class=\"payment-grid\">\n        <div class=\"pay-card\" id=\"paypalBox\" onclick=\"copyPayment('paypal')\">\n          <div class=\"pay-icon\">\n            <img decoding=\"async\" src=\"https:\/\/aercana.com\/wp-content\/uploads\/2026\/06\/Paypal_logo.png\" alt=\"PayPal\">\n          <\/div>\n          <div class=\"copy-check\">\u2713<\/div>\n        <\/div>\n\n        <div class=\"pay-card\" id=\"wuBox\" onclick=\"copyPayment('wu')\">\n          <div class=\"pay-icon\">\n            <img decoding=\"async\" src=\"https:\/\/aercana.com\/wp-content\/uploads\/2026\/06\/westernunion_logo.png\" alt=\"Western Union\">\n          <\/div>\n          <div class=\"copy-check\">\u2713<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u63d0\u793a -->\n      <div id=\"paymentGuide\" class=\"payment-guide\">\n        \ud83d\udc46 Click a payment method to copy account details\n      <\/div>\n\n      <div id=\"deviceGuide\" class=\"device-guide\"><\/div>\n\n      <button onclick=\"markAsPaid()\" class=\"ok-btn\" id=\"paidBtn\" disabled>\n        \u2705 I HAVE PAID\n      <\/button>\n\n      <p class=\"verify-text\">\n        After payment, our team will verify your transfer and process your order.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* ===== \u5f39\u7a97\u57fa\u7840 ===== *\/\n#paymentModal {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.55);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 99999;\n  padding: 20px;\n  animation: modalFadeIn 0.15s ease-out;\n  backdrop-filter: blur(2px);\n}\n\n@keyframes modalFadeIn {\n  from { opacity: 0; transform: scale(0.95); }\n  to { opacity: 1; transform: scale(1); }\n}\n\n.modal-hidden {\n  display: none !important;\n}\n\n.modal-box {\n  background: #fff;\n  width: 92%;\n  max-width: 600px;\n  border-radius: 16px;\n  padding: 28px 24px;\n  position: relative;\n  max-height: 92vh;\n  overflow-y: auto;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n}\n\n.close-btn {\n  position: sticky;\n  top: 0;\n  float: right;\n  font-size: 24px;\n  cursor: pointer;\n  background: #fff;\n  padding: 4px 10px;\n  border-radius: 50%;\n  z-index: 1;\n  border: none;\n  line-height: 1;\n  color: #333;\n  transition: 0.2s;\n}\n\n.close-btn:hover {\n  background: #f0f0f0;\n  transform: rotate(90deg);\n}\n\nh2 {\n  margin: 0 0 4px 0;\n  font-size: 22px;\n}\n\n.sub-text {\n  color: #888;\n  font-size: 14px;\n  margin-bottom: 16px;\n}\n\n\/* ===== \u9aa8\u67b6\u5c4f ===== *\/\n#skeleton {\n  animation: pulse 1.2s ease-in-out infinite;\n}\n\n#paymentModal.loaded #skeleton {\n  display: none !important;\n}\n\n#paymentModal.loaded #realContent {\n  display: block !important;\n}\n\n.skeleton-line {\n  height: 12px;\n  background: #eee;\n  margin: 10px 0;\n  border-radius: 6px;\n}\n\n.skeleton-line.short {\n  width: 60%;\n}\n\n.skeleton-box {\n  height: 160px;\n  background: #eee;\n  border-radius: 10px;\n  margin-top: 15px;\n}\n\n@keyframes pulse {\n  0% { opacity: 0.6; }\n  50% { opacity: 1; }\n  100% { opacity: 0.6; }\n}\n\n\/* ===== \u9501\u5b9a\u65f6\u949f ===== *\/\n.lock-box {\n  background: #fff5f5;\n  border: 1px solid #ffb3b3;\n  color: #d93025;\n  padding: 12px;\n  border-radius: 8px;\n  margin: 12px 0 18px 0;\n  text-align: center;\n  font-weight: bold;\n  font-size: 15px;\n}\n\n\/* ============================================================\n   \u26a1\u26a1\u26a1 \u5173\u952e\u4fee\u590d\uff1a\u4e24\u4e2a\u56fe\u6807\u4e25\u683c\u7b49\u5bbd \u26a1\u26a1\u26a1\n   ============================================================ *\/\n\n.payment-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr; \/* \u5f3a\u5236\u4e24\u5217\u7b49\u5bbd *\/\n  gap: 20px;\n  margin: 20px 0 16px 0;\n}\n\n.pay-card {\n  \/* \u6bcf\u4e2a\u5361\u7247\u5360\u6ee1\u6574\u5217 *\/\n  width: 100%;\n  box-sizing: border-box;\n  \n  background: #f8f9fa;\n  border: 3px solid #e9ecef;\n  border-radius: 16px;\n  padding: 30px 16px;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.25s ease;\n  position: relative;\n  min-height: 140px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pay-card:hover {\n  border-color: #2d6cdf;\n  transform: translateY(-4px);\n  box-shadow: 0 8px 30px rgba(45, 108, 223, 0.15);\n  background: #fff;\n}\n\n.pay-card.selected {\n  border-color: #2d6cdf;\n  background: #f0f7ff;\n  box-shadow: 0 0 0 4px rgba(45, 108, 223, 0.15);\n}\n\n.pay-card.copied {\n  border-color: #28a745;\n  background: #f0fff4;\n  animation: copiedPulse 0.5s ease;\n}\n\n@keyframes copiedPulse {\n  0% { transform: scale(1); }\n  50% { transform: scale(1.03); }\n  100% { transform: scale(1); }\n}\n\n\/* ============================================================\n   \u26a1\u26a1\u26a1 \u5173\u952e\u4fee\u590d\uff1a\u56fe\u6807\u7edf\u4e00\u5927\u5c0f \u26a1\u26a1\u26a1\n   ============================================================ *\/\n\n.pay-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n\/* \u6240\u6709\u56fe\u6807\u5f3a\u5236\u7edf\u4e00\u5c3a\u5bf8 *\/\n.pay-icon img {\n  max-width: 220px;\n  max-height: 80px;\n  min-width: 140px;  \/* \u5f3a\u5236\u6700\u5c0f\u5bbd\u5ea6\uff0c\u9632\u6b62\u56fe\u7247\u592a\u5c0f *\/\n  width: auto;\n  height: auto;\n  transition: 0.3s;\n  object-fit: contain;\n  \n  \/* \u26a1 \u5173\u952e\uff1a\u8ba9\u6240\u6709\u56fe\u7247\u5360\u6ee1\u53ef\u7528\u7a7a\u95f4 *\/\n  display: block;\n}\n\n\/* \u5982\u679c\u56fe\u7247\u592a\u7a84\uff0c\u62c9\u4f38\u5230\u76f8\u540c\u5bbd\u5ea6 *\/\n.pay-card:nth-child(1) .pay-icon img,\n.pay-card:nth-child(2) .pay-icon img {\n  width: 100%;\n  max-width: 220px;\n}\n\n.pay-card:hover .pay-icon img {\n  transform: scale(1.06);\n}\n\n\/* ===== \u590d\u5236\u6210\u529f\u5bf9\u52fe ===== *\/\n.copy-check {\n  display: none;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  background: #28a745;\n  color: #fff;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  font-size: 16px;\n  line-height: 30px;\n  text-align: center;\n  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);\n  font-weight: bold;\n}\n\n.pay-card.copied .copy-check {\n  display: block;\n}\n\n\/* ===== \u63d0\u793a\u6587\u5b57 ===== *\/\n.payment-guide {\n  margin-top: 12px;\n  font-size: 14px;\n  color: #555;\n  padding: 12px 16px;\n  background: #f8f9fa;\n  border-radius: 8px;\n  text-align: center;\n  border-left: 4px solid #2d6cdf;\n  transition: 0.3s;\n  min-height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.payment-guide.success {\n  border-left-color: #28a745;\n  background: #f0fff4;\n  color: #1e7e34;\n}\n\n.device-guide {\n  margin-top: 8px;\n  font-size: 13px;\n  color: #999;\n  text-align: center;\n}\n\n\/* ===== \u5df2\u652f\u4ed8\u6309\u94ae ===== *\/\n.ok-btn {\n  margin-top: 18px;\n  width: 100%;\n  background: #28a745 !important;\n  color: #fff !important;\n  padding: 14px;\n  border: none;\n  border-radius: 8px;\n  font-size: 16px;\n  cursor: pointer;\n  font-weight: bold;\n  transition: 0.2s;\n  letter-spacing: 0.5px;\n}\n\n.ok-btn:hover:not(:disabled) {\n  background: #1e7e34 !important;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 16px rgba(40, 167, 69, 0.3);\n}\n\n.ok-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n  transform: none !important;\n}\n\n.verify-text {\n  text-align: center;\n  font-size: 12px;\n  color: #999;\n  margin-top: 12px;\n}\n\n\/* ===== Toast \u901a\u77e5 ===== *\/\n.custom-toast {\n  position: fixed;\n  bottom: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(0,0,0,0.88);\n  color: #fff;\n  padding: 16px 32px;\n  border-radius: 12px;\n  z-index: 999999;\n  font-size: 16px;\n  font-weight: 500;\n  box-shadow: 0 8px 40px rgba(0,0,0,0.3);\n  backdrop-filter: blur(4px);\n  animation: toastSlideUp 0.3s ease-out;\n  max-width: 90%;\n  text-align: center;\n}\n\n@keyframes toastSlideUp {\n  from { opacity: 0; transform: translateX(-50%) translateY(20px); }\n  to { opacity: 1; transform: translateX(-50%) translateY(0); }\n}\n\n\/* ============================================================\n   \ud83d\udcf1 \u624b\u673a\u7ad6\u5c4f\u9002\u914d\n   ============================================================ *\/\n\n@media (max-width: 480px) {\n  .modal-box {\n    padding: 18px 14px;\n    width: 96%;\n    max-height: 95vh;\n    border-radius: 12px;\n  }\n\n  h2 {\n    font-size: 18px;\n  }\n\n  .sub-text {\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .modal-box p {\n    font-size: 13px;\n    margin: 4px 0;\n  }\n\n  .lock-box {\n    font-size: 13px;\n    padding: 10px;\n    margin: 10px 0 14px 0;\n  }\n\n  .payment-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin: 14px 0 12px 0;\n  }\n\n  .pay-card {\n    min-height: 100px;\n    padding: 20px 10px;\n    border-radius: 12px;\n    border-width: 2px;\n  }\n\n  \/* \u624b\u673a\u56fe\u6807\u7edf\u4e00\u5927\u5c0f *\/\n  .pay-icon img {\n    max-width: 140px;\n    max-height: 55px;\n    min-width: 80px;\n  }\n\n  .pay-card:nth-child(1) .pay-icon img,\n  .pay-card:nth-child(2) .pay-icon img {\n    max-width: 140px;\n  }\n\n  .copy-check {\n    width: 24px;\n    height: 24px;\n    font-size: 13px;\n    line-height: 24px;\n    top: 6px;\n    right: 6px;\n  }\n\n  .payment-guide {\n    font-size: 12px;\n    padding: 10px 12px;\n    min-height: 40px;\n  }\n\n  .device-guide {\n    font-size: 11px;\n  }\n\n  .ok-btn {\n    font-size: 14px;\n    padding: 12px;\n    margin-top: 14px;\n  }\n\n  .verify-text {\n    font-size: 11px;\n    margin-top: 8px;\n  }\n\n  .close-btn {\n    font-size: 20px;\n    padding: 2px 8px;\n  }\n\n  .custom-toast {\n    font-size: 14px;\n    padding: 12px 20px;\n    bottom: 20px;\n    max-width: 92%;\n  }\n}\n\n@media (max-width: 380px) {\n  .payment-grid {\n    gap: 8px;\n  }\n\n  .pay-card {\n    min-height: 80px;\n    padding: 14px 8px;\n  }\n\n  .pay-icon img {\n    max-width: 100px;\n    max-height: 40px;\n    min-width: 60px;\n  }\n\n  .pay-card:nth-child(1) .pay-icon img,\n  .pay-card:nth-child(2) .pay-icon img {\n    max-width: 100px;\n  }\n\n  .modal-box {\n    padding: 14px 10px;\n  }\n\n  h2 {\n    font-size: 16px;\n  }\n\n  .lock-box {\n    font-size: 12px;\n    padding: 8px;\n  }\n}\n\n@media (min-width: 481px) and (max-width: 768px) {\n  .modal-box {\n    padding: 24px 20px;\n    max-width: 90%;\n  }\n\n  .pay-card {\n    min-height: 120px;\n    padding: 24px 16px;\n  }\n\n  .pay-icon img {\n    max-width: 180px;\n    max-height: 70px;\n    min-width: 120px;\n  }\n}\n\n@media (min-width: 769px) {\n  .pay-card {\n    min-height: 160px;\n    padding: 36px 20px;\n  }\n\n  .pay-icon img {\n    max-width: 260px;\n    max-height: 90px;\n    min-width: 160px;\n  }\n}\n<\/style>\n\n<script>\n\/\/ =============================================\n\/\/ \u26a1 \u652f\u4ed8\u5f39\u7a97 - \u6700\u7ec8\u7248\n\/\/ =============================================\n\n(function() {\n  'use strict';\n\n  const PAYMENT_INFO = {\n    paypal: {\n      value: \"yinwiewen@sina.com\",\n      name: \"PayPal\",\n      guide: \"PayPal account copied! Please complete your transfer.\"\n    },\n    wu: {\n      value: \"YIN WEI WEN\",\n      name: \"Western Union\",\n      guide: \"Western Union receiver name copied! Please complete your transfer.\"\n    }\n  };\n\n  let selected = null;\n  let countdownTimer = null;\n  let isModalOpen = false;\n  let orderSubmitted = false;\n\n  \/\/ =============================================\n  \/\/ \u26a1 \u6838\u5fc3\uff1a\u79d2\u5f00\u5f39\u7a97\n  \/\/ =============================================\n  window.openPaymentModal = function(orderId, total) {\n    const modal = document.getElementById(\"paymentModal\");\n    if (!modal) return;\n    \n    if (!total || total === '$0.00') {\n      const totalEl = document.querySelector('.order-total .amount, .woocommerce-Price-amount');\n      if (totalEl) total = totalEl.textContent.trim();\n      if (!total) total = '$0.00';\n    }\n    \n    if (!orderId || orderId === 'Loading...') {\n      const orderEl = document.querySelector('.order-number, .woocommerce-order-overview__order strong');\n      if (orderEl) {\n        let rawId = orderEl.textContent.trim().replace('#', '');\n        orderId = '#' + rawId;\n      }\n      if (!orderId) orderId = '#Processing...';\n    } else {\n      if (!orderId.startsWith('#')) {\n        orderId = '#' + orderId;\n      }\n    }\n    \n    document.getElementById(\"orderId\").textContent = orderId;\n    document.getElementById(\"orderTotal\").textContent = total;\n    \n    modal.classList.remove(\"modal-hidden\");\n    modal.classList.add(\"loaded\");\n    isModalOpen = true;\n    \n    setDeviceGuide();\n    startCountdown(15 * 60);\n    \n    console.log(\"\u26a1 \u5f39\u7a97\u5df2\u79d2\u5f00, \u8ba2\u5355: \" + orderId);\n  };\n\n  \/\/ =============================================\n  \/\/ \u26a1 \u70b9\u51fb\u56fe\u6807 = \u81ea\u52a8\u590d\u5236\n  \/\/ =============================================\n  window.copyPayment = function(type) {\n    const info = PAYMENT_INFO[type];\n    const card = document.getElementById(type + 'Box');\n    \n    document.querySelectorAll('.pay-card').forEach(el => {\n      el.classList.remove('selected', 'copied');\n    });\n    \n    card.classList.add('selected');\n    card.classList.add('copied');\n    selected = type;\n    \n    if (navigator.clipboard) {\n      navigator.clipboard.writeText(info.value).then(() => {\n        showToast('\u2705 ' + info.guide);\n      }).catch(() => {\n        fallbackCopy(info.value, info.guide);\n      });\n    } else {\n      fallbackCopy(info.value, info.guide);\n    }\n    \n    const guide = document.getElementById('paymentGuide');\n    guide.textContent = '\u2705 ' + info.name + ' account copied! Please complete your transfer.';\n    guide.className = 'payment-guide success';\n    \n    document.getElementById('paidBtn').disabled = false;\n  };\n\n  function fallbackCopy(text, guide) {\n    const ta = document.createElement('textarea');\n    ta.value = text;\n    ta.style.position = 'fixed';\n    ta.style.opacity = '0';\n    ta.style.left = '-9999px';\n    document.body.appendChild(ta);\n    ta.select();\n    \n    try {\n      document.execCommand('copy');\n      showToast('\u2705 ' + guide);\n    } catch (err) {\n      showToast('\u274c Copy failed. Please copy manually');\n    }\n    \n    document.body.removeChild(ta);\n  }\n\n  \/\/ =============================================\n  \/\/ \u8bbe\u5907\u8bc6\u522b\n  \/\/ =============================================\n  function setDeviceGuide() {\n    const el = document.getElementById(\"deviceGuide\");\n    if (!el) return;\n    el.innerText = \/Mobile|Android|iPhone\/i.test(navigator.userAgent) \n      ? \"\ud83d\udcf1 Open your payment app and complete the transfer\" \n      : \"\ud83d\udcbb Open your payment account and complete the transfer\";\n  }\n\n  \/\/ =============================================\n  \/\/ \u5012\u8ba1\u65f6\n  \/\/ =============================================\n  function startCountdown(sec) {\n    if (countdownTimer) clearInterval(countdownTimer);\n    let t = sec;\n    const el = document.getElementById(\"payCountdown\");\n    if (!el) return;\n\n    countdownTimer = setInterval(() => {\n      const m = String(Math.floor(t \/ 60)).padStart(2, \"0\");\n      const s = String(t % 60).padStart(2, \"0\");\n      el.innerText = m + \":\" + s;\n      if (t <= 0) {\n        clearInterval(countdownTimer);\n        countdownTimer = null;\n        el.innerText = \"00:00\";\n      }\n      t--;\n    }, 1000);\n  }\n\n  \/\/ =============================================\n  \/\/ Toast \u901a\u77e5\n  \/\/ =============================================\n  function showToast(msg) {\n    const existing = document.querySelector(\".custom-toast\");\n    if (existing) existing.remove();\n    \n    const d = document.createElement(\"div\");\n    d.className = \"custom-toast\";\n    d.innerText = msg;\n    document.body.appendChild(d);\n    \n    setTimeout(() => {\n      d.style.opacity = \"0\";\n      d.style.transition = \"opacity 0.4s\";\n      setTimeout(() => d.remove(), 400);\n    }, 2500);\n  }\n\n  \/\/ =============================================\n  \/\/ \u5173\u95ed\u5f39\u7a97\n  \/\/ =============================================\n  window.confirmClose = function() {\n    if (!isModalOpen) return;\n    if (confirm(\"\u26a0\ufe0f Are you sure you want to close? Your order may expire.\")) {\n      closeModal();\n    }\n  };\n\n  function closeModal() {\n    const modal = document.getElementById(\"paymentModal\");\n    modal.classList.add(\"modal-hidden\");\n    modal.classList.remove(\"loaded\");\n    isModalOpen = false;\n    if (countdownTimer) {\n      clearInterval(countdownTimer);\n      countdownTimer = null;\n    }\n  }\n\n  \/\/ =============================================\n  \/\/ \u6807\u8bb0\u5df2\u652f\u4ed8\n  \/\/ =============================================\n  window.markAsPaid = function() {\n    if (!selected) {\n      showToast('\u26a0\ufe0f Please select a payment method first');\n      return;\n    }\n    \n    if (!confirm(\"\u2705 Have you completed the payment?\")) return;\n    \n    showToast('\u2705 Payment submitted! We will verify and process your order.');\n    \n    setTimeout(() => {\n      closeModal();\n    }, 500);\n  };\n\n  \/\/ =============================================\n  \/\/ \u26a1 \u62e6\u622a Place Order\n  \/\/ =============================================\n  function interceptAndOpenModal(e) {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n    \n    if (orderSubmitted) return;\n    orderSubmitted = true;\n    \n    let total = '$0.00';\n    const totalEl = document.querySelector('.order-total .amount, .woocommerce-Price-amount');\n    if (totalEl) total = totalEl.textContent.trim();\n    \n    window.openPaymentModal('Processing...', total);\n    \n    setTimeout(function() {\n      const form = document.querySelector('form.checkout, form.woocommerce-checkout');\n      if (form) {\n        if (typeof jQuery !== 'undefined') {\n          jQuery(form).submit();\n        } else {\n          form.submit();\n        }\n      }\n    }, 100);\n  }\n\n  \/\/ =============================================\n  \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\n  \/\/ =============================================\n  function bindPlaceOrder() {\n    const buttons = document.querySelectorAll(\n      '#place_order, .checkout-button, button[name=\"woocommerce_checkout_place_order\"]'\n    );\n    \n    buttons.forEach(function(btn) {\n      btn.removeEventListener('click', interceptAndOpenModal);\n      btn.addEventListener('click', interceptAndOpenModal);\n    });\n    \n    return buttons.length;\n  }\n\n  function setupMutationObserver() {\n    const observer = new MutationObserver(function() {\n      const count = bindPlaceOrder();\n      if (count > 0) {\n        console.log('\u2705 \u5df2\u62e6\u622a ' + count + ' \u4e2a Place Order \u6309\u94ae');\n      }\n    });\n    \n    observer.observe(document.body, { childList: true, subtree: true });\n  }\n\n  function setupWooCommerceEvents() {\n    if (typeof jQuery === 'undefined') return;\n    \n    jQuery(document).on('checkout_place_order_success', function(event, data) {\n      if (data && data.order_id) {\n        document.getElementById(\"orderId\").textContent = '#' + data.order_id;\n        if (data.total) {\n          document.getElementById(\"orderTotal\").textContent = data.total;\n        }\n        console.log('\u2705 \u8ba2\u5355\u5df2\u521b\u5efa: #' + data.order_id);\n      }\n    });\n  }\n\n  \/\/ =============================================\n  \/\/ \u521d\u59cb\u5316\n  \/\/ =============================================\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    console.log(\"\ud83d\udce6 \u652f\u4ed8\u5f39\u7a97\u5df2\u52a0\u8f7d - \u6700\u7ec8\u7248\");\n    \n    const count = bindPlaceOrder();\n    console.log('\ud83d\udccc \u627e\u5230 ' + count + ' \u4e2a Place Order \u6309\u94ae');\n    \n    setupMutationObserver();\n    setupWooCommerceEvents();\n    \n    if (window.location.pathname.includes('\/order-pay\/') || \n        window.location.search.includes('order=')) {\n      setTimeout(function() {\n        const params = new URLSearchParams(window.location.search);\n        let orderId = params.get('order') || 'Processing...';\n        if (orderId && !orderId.startsWith('#')) {\n          orderId = '#' + orderId;\n        }\n        let total = '$0.00';\n        const totalEl = document.querySelector('.order-total .amount, .woocommerce-Price-amount');\n        if (totalEl) total = totalEl.textContent.trim();\n        window.openPaymentModal(orderId, total);\n      }, 300);\n    }\n  });\n\n  if (document.readyState === 'complete' || document.readyState === 'interactive') {\n    setTimeout(bindPlaceOrder, 300);\n  }\n\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u2715 \ud83d\udcb3 Complete Your Payment Click a payment method below to copy account details Order ID: Loading&#8230; Total: $0.00 \ud83d\udd12 Your order is reserved for 15:00 \u2713 \u2713 \ud83d\udc46 Click a payment method to copy account details \u2705 I HAVE PAID After payment, our team will verify your transfer and process your order.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aercana.com\/es\/wp-json\/wp\/v2\/pages\/17367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aercana.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aercana.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aercana.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aercana.com\/es\/wp-json\/wp\/v2\/comments?post=17367"}],"version-history":[{"count":17,"href":"https:\/\/aercana.com\/es\/wp-json\/wp\/v2\/pages\/17367\/revisions"}],"predecessor-version":[{"id":17684,"href":"https:\/\/aercana.com\/es\/wp-json\/wp\/v2\/pages\/17367\/revisions\/17684"}],"wp:attachment":[{"href":"https:\/\/aercana.com\/es\/wp-json\/wp\/v2\/media?parent=17367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}