{"id":18850,"date":"2025-12-10T17:29:49","date_gmt":"2025-12-10T09:29:49","guid":{"rendered":"https:\/\/aicoinmaker.com\/?page_id=18850"},"modified":"2026-03-12T23:55:02","modified_gmt":"2026-03-12T15:55:02","slug":"purchase","status":"publish","type":"page","link":"https:\/\/www.aicoinmaker.com\/zh-hans\/purchase\/","title":{"rendered":"\u7acb\u5373\u8ba2\u8d2d"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18850\" class=\"elementor elementor-18850 elementor-18502\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9740245 e-flex e-con-boxed e-con e-parent\" data-id=\"9740245\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7128df elementor-widget elementor-widget-html\" data-id=\"b7128df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* ----------------------------\n   Page Layout\n-----------------------------*\/\n  .price-section {\n    max-width: 1440px;\n    padding: 0 20px;\n    margin: auto;\n  }\n\n  .flex-center {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  \/* ----------------------------\n   Pricing Cards\n-----------------------------*\/\n  .pricing-cards {\n    margin: 220px auto 0px;\n    max-width: 1100px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n  }\n\n  .plan-card {\n    border-radius: 20px;\n    border: 1px solid #78b1ff;\n    background: #0537be;\n    box-shadow: 3px 6px 20px 0 rgba(154, 188, 241, 0.3);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .plan-card:not(:first-child) {\n    background: #146eff;\n  }\n\n  \/* Header *\/\n  .plan-card-header {\n    padding: 14px 0;\n  }\n\n  .plan-name {\n    color: white;\n    font-size: 24px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 160%; \/* 38.4px *\/\n    letter-spacing: 1.2px;\n    text-align: center;\n  }\n\n  .plan-content {\n    background: white;\n    padding: 20px 16px 32px;\n    border-radius: 20px 20px 0 0;\n    border-top: 1px solid #78b1ff;\n    border-bottom: 1px solid #78b1ff;\n  }\n\n  .plan-meta {\n    color: #146eff;\n    text-align: center;\n    font-size: 22px;\n    font-weight: 600;\n    line-height: 180%; \/* 28.8px *\/\n    letter-spacing: 0.8px;\n  }\n\n  .count {\n    color: #021634;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 180%; \/* 25.2px *\/\n    letter-spacing: 0.7px;\n  }\n\n  .fb {\n    font-size: 16px;\n  }\n\n  .plan-price {\n    margin-top: 6px;\n    margin-bottom: 18px;\n  }\n\n  .plan-price-number {\n    color: #021634;\n    font-size: 34px;\n    font-weight: 700;\n    line-height: 144%; \/* 48.96px *\/\n    letter-spacing: 1.02px;\n    font-family: \"Poppins\", sans-serif !important;\n  }\n\n  .plan-price-suffix {\n    color: var(--Text-Color-Dark-Gray, #a4adb7);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 180%;\n    letter-spacing: 0.42px;\n  }\n\n .plan-cta {\n    display: inline-flex;\n    padding: 12px 21px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 84px;\n    border: none;\n\n    box-shadow: -6px 6px 10px rgba(10, 81, 246, 0.2);\n\n    font-weight: 700;\n    font-size: 15.75px;\n    line-height: 1.4;\n    letter-spacing: 0.788px;\n    color: #fff;\n\n    background: #0537be;\n    transition: all 0.3s ease;\n  }\n\n  .plan-card:nth-child(n + 2) .plan-cta {\n    background: #146eff;\n  }\n\n  .plan-cta:hover {\n    background: #78b1ff !important;\n  }\n\n  .plan-features {\n    background-color: white;\n    padding: 24px 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .plan-feature {\n    color: #021634;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 180%; \/* 28.8px *\/\n    letter-spacing: 0.8px;\n  }\n\n  .tick {\n    width: 32px;\n  }\n\n  .plan-card-footer {\n    background: white;\n    flex: 1;\n  }\n\n  \/* Footer Gradient *\/\n  .plan-card-content {\n    padding: 29px 28px 32px;\n    border-radius: 20px 20px 0 0;\n    border: 1px solid #78b1ff;\n    border-bottom: none;\n    background: linear-gradient(\n      188deg,\n      #bedcff 18.12%,\n      rgba(255, 215, 116, 0.5) 76.47%\n    );\n    box-shadow: 10px 0 20px 0 rgba(154, 188, 241, 0.5);\n    height: 100%;\n    margin: auto -1px;\n    box-sizing: border-box;\n  }\n\n  .opacity {\n    opacity: 0.5;\n  }\n\n  .arrow-color {\n    color: #146eff;\n  }\n\n  .plan-advanced-title {\n    color: #000;\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 160%; \/* 28.8px *\/\n    letter-spacing: 1.26px;\n  }\n  .plan-advanced-sub {\n    color: #000;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 160%; \/* 22.4px *\/\n    letter-spacing: 0.98px;\n  }\n  .plan-advanced-list {\n    margin-top: 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .custom-slider {\n    position: relative;\n    margin: 160px auto 0px;\n    max-width: 914px;\n  }\n\n  \/* \u5e95\u7dda *\/\n  .slider-track {\n    height: 16px;\n    background: #dce6ff;\n    border-radius: 999px;\n  }\n\n  \/* \u5df2\u6ed1\u52d5\u586b\u8272 *\/\n  .slider-fill {\n    position: absolute;\n    top: 50%;\n    height: 16px;\n    background: #146eff;\n    width: 0%;\n    border-radius: 999px;\n    transition: width 0.15s ease-out;\n    transform: translateY(-50%);\n  }\n\n  \/* \u4e94\u500b\u7bc0\u9ede *\/\n  .slider-steps {\n    position: absolute;\n    top: 50%;\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    transform: translateY(-50%);\n  }\n\n  \/* \u4e00\u6574\u500b step \u5143\u4ef6\uff08dot + \u6587\u5b57\uff09 *\/\n  .slider-step {\n    text-align: center;\n    position: relative;\n    cursor: pointer;\n  }\n\n  \/* Thumb\uff08\u53ef\u62d6\u66f3\uff09 *\/\n  .slider-thumb {\n    width: 30px;\n    height: 30px;\n    top: 50%;\n    transform: translateY(-50%) scale(1.3333);\n    z-index: 10;\n    position: absolute;\n    border: 6px solid transparent;\n  }\n\n  \/* dot\uff08\u4f60\u539f\u672c\u7684\u6a23\u5f0f\uff09 *\/\n  .slider-step-dot {\n    width: 30px;\n    height: 30px;\n    background: #fff;\n    border-radius: 50%;\n    border: 6px solid #78b1ff;\n    filter: drop-shadow(-3px 3px 10px rgba(10, 81, 246, 0.2));\n  }\n\n  .slider-step-dot.active {\n    transform: scale(1.3333);\n    border: 6px solid #ffc83c;\n  }\n\n  \/* label + sub *\/\n  .slider-step-label {\n    position: absolute;\n    white-space: nowrap;\n    top: 100%;\n    left: 50%;\n    transform: translate(-50%, 38px);\n    font-size: 26px;\n    font-weight: 700;\n    color: #021634;\n    line-height: 160%; \/* 41.6px *\/\n    letter-spacing: 1.3px;\n  }\n\n  .slider-step-label small {\n    color: #021634;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 160%;\n    letter-spacing: 0.9px;\n  }\n\n  .thumb-tip {\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    transform: translate(-50%, -18px);\n    white-space: nowrap;\n    display: flex;\n    padding: 8px 20px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 96px;\n    background: #146eff;\n    box-shadow: -7.2px 7.2px 12px 0 rgba(10, 81, 246, 0.2);\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.05em;\n    text-align: center;\n    color: white;\n  }\n\n  .heading-1 {\n    color: #021634;\n    text-align: center;\n    font-size: 48px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 140%; \/* 67.2px *\/\n    letter-spacing: 3.36px;\n    margin: 0;\n  }\n\n  .subTitle {\n    color: #021634;\n    text-align: center;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 160%; \/* 32px *\/\n    letter-spacing: 1.4px;\n    margin-top: 20px;\n  }\n\n  .footer-toggle {\n    display: flex;\n    gap: 6px;\n  }\n\n  \/* RWD *\/\n  @media (max-width: 1100px) {\n    .pricing-cards {\n      grid-template-columns: repeat(2, 1fr);\n      margin: 130px auto 0px;\n      gap: 16px;\n      align-items: start;\n    }\n    .thumb-tip {\n      padding: 7.34px 20px;\n      font-size: 12px;\n    }\n    .custom-slider {\n      max-width: 294px;\n      margin: 146px auto 0px;\n    }\n    .slider-step-label {\n      font-size: 14px;\n      width: 3.5em;\n      white-space: wrap;\n      transform: translate(-50%, 20px);\n    }\n    .slider-step-label small {\n      display: none;\n      font-size: 14px;\n    }\n    \/* Thumb\uff08\u53ef\u62d6\u66f3\uff09 *\/\n    .slider-thumb {\n      width: 22px;\n      height: 22px;\n      top: 50%;\n      transform: translateY(-50%) scale(1.27);\n      border: 5px solid transparent;\n    }\n\n    .plan-cta {\n      font-size: 14px;\n    }\n\n    \/* dot\uff08\u4f60\u539f\u672c\u7684\u6a23\u5f0f\uff09 *\/\n    .slider-step-dot {\n      width: 22px;\n      height: 22px;\n      border: 4px solid #78b1ff;\n    }\n\n    .slider-step-dot.active {\n      transform: scale(1.27);\n      border: 5px solid #ffc83c;\n    }\n\n    .plan-price-number {\n      font-size: 20px;\n    }\n\n    .footer-toggle {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .toggle-icon svg {\n      transition: transform 0.3s ease;\n    }\n\n    .collapsible {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n    }\n\n    .plan-card-footer {\n      margin-top: -24px;\n    }\n\n    .plan-card-footer.open .collapsible {\n      margin-top: 20px;\n      max-height: 600px;\n    }\n\n    .plan-advanced-list {\n      margin-top: 0;\n    }\n  }\n  @media (max-width: 767px) {\n    .price-section {\n      padding: 0 20px;\n    }\n    .heading-1 {\n      font-size: 36px;\n    }\n    .subTitle {\n      font-size: 16px;\n    }\n    .plan-card {\n      border-radius: 10px;\n    }\n    .plan-name {\n      font-size: 20px;\n    }\n    .plan-meta {\n      font-size: 12px;\n      letter-spacing: 0.2px;\n    }\n    .count {\n      font-size: 12px;\n    }\n    .fb {\n      font-size: 12px;\n    }\n    .plan-feature {\n      font-size: 12px;\n    }\n    .plan-advanced-title {\n      font-size: 12px;\n    }\n    .plan-advanced-sub {\n      font-size: 12px;\n    }\n    .plan-content {\n      border-radius: 10px 10px 0 0;\n      padding: 17px 4px 24px;\n      text-align: center;\n    }\n    .plan-price-suffix {\n      font-size: 10px;\n    }\n    .plan-features {\n      padding: 18px 18px 42px;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    .plan-card-content {\n      border-radius: 10px 10px 0 0;\n      padding: 14px 14px 22px;\n    }\n    .desktop {\n      display: none;\n    }\n    .tick {\n      width: 18px;\n    }\n    .justify-center {\n      justify-content: center;\n    }\n  }\n<\/style>\n<section id=\"cover\" class=\"cover\">\n  <h1 class=\"heading-1\">\n    <div class=\"desktop\">\n      <span>\u6253\u9020\u4f60\u7684<\/span><span style=\"color: #146eff\">\u4e13\u5c5e\u884c\u9500\u52a9\u624b<\/span>\n    <\/div>\n    <div class=\"mobile\">\n      <div>\u6253\u9020\u4f60\u7684<\/div>\n      <div style=\"color: #146eff\">\u4e13\u5c5e\u884c\u9500\u52a9\u624b<\/div>\n    <\/div>\n  <\/h1>\n  <div class=\"subTitle\">\u5f39\u6027\u9031\u671f \u00d7 \u529f\u80fd\u52a0\u8d2d\uff0c\u6ee1\u8db3\u4e0d\u540c\u9700\u6c42<\/div>\n<\/section>\n<section id=\"priceSection\" class=\"price-section\">\n  <div class=\"pricing-wrapper\">\n    <!-- SLIDER -->\n    <div class=\"custom-slider\">\n      <!-- \u9032\u5ea6\u689d\u80cc\u666f -->\n      <div class=\"slider-track\"><\/div>\n\n      <!-- \u9032\u5ea6\u689d\u586b\u8272 -->\n      <div class=\"slider-fill\" id=\"sliderFill\"><\/div>\n\n      <!-- \u4e94\u500b\u7bc0\u9ede\uff08map \u7522\u751f\uff09 -->\n      <div class=\"slider-steps\" id=\"sliderSteps\"><\/div>\n\n      <!-- \u53ef\u62d6\u66f3 thumb -->\n      <div class=\"slider-thumb\" id=\"sliderThumb\">\n        <div id=\"thumbTip\" class=\"thumb-tip\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Pricing cards (dynamic) -->\n    <div id=\"pricingCards\" class=\"pricing-cards\"><\/div>\n  <\/div>\n<\/section>\n<script>\n  \/* ----------------------------\n    Slider Step Labels (map auto)\n  -----------------------------*\/\n\n  const steps = [\n    { label: \"\u4e00\u4e2a\u6708\", sub: \"\", discount: 1, tip: \"\u8be5\u5468\u671f\u4e3a\u539f\u4ef7\" },\n    {\n      label: \"\u4e09\u4e2a\u6708\",\n      sub: \"3 \u4e2a\u6708 <span class='arrow-color'>\u2192<\/span> 95 \u6298\",\n      discount: 0.95,\n      mobileTip: \"\u5df2\u9009\u62e9 5% \u6298\u6263<br \/>95 \u6298\u4f18\u60e0\",\n      tip: \"\u5df2\u9009\u62e9 5% \u6298\u6263\",\n    },\n    {\n      label: \"\u534a\u5e74\",\n      sub: \"6 \u4e2a\u6708 <span class='arrow-color'>\u2192<\/span> 9 \u6298\",\n      discount: 0.9,\n      mobileTip: \"\u5df2\u9009\u62e9 10% \u6298\u6263<br \/>9 \u6298\u4f18\u60e0\",\n      tip: \"\u5df2\u9009\u62e9 10% \u6298\u6263\",\n    },\n    {\n      label: \"\u4e00\u5e74\",\n      sub: \"12 \u4e2a\u6708 <span class='arrow-color'>\u2192<\/span> 85 \u6298\",\n      discount: 0.85,\n      mobileTip: \"\u5df2\u9009\u62e9 15% \u6298\u6263<br \/>85 \u6298\u4f18\u60e0\",\n      tip: \"\u5df2\u9009\u62e9 15% \u6298\u6263\",\n    },\n    {\n      label: \"\u4fe1\u7528\u5361\u8ba2\u9605\",\n      sub: \"9 \u6298 <span class='arrow-color'>\u2192<\/span> \u6bcf\u6708\u81ea\u52a8\u7eed\u8d39\",\n      discount: 0.9,\n      mobileTip: \"\u5df2\u9009\u62e9 10% \u6298\u6263<br \/>9 \u6298\u4f18\u60e0\",\n      tip: \"\u5df2\u9009\u62e9 10% \u6298\u6263\",\n    },\n  ]\n\n  const totalSteps = steps.length\n\n  const stepsContainer = document.getElementById(\"sliderSteps\")\n  const fill = document.getElementById(\"sliderFill\")\n  const thumb = document.getElementById(\"sliderThumb\")\n\n  \/\/ \u7522\u751f\u7bc0\u9ede\uff08\u542b label + sub\uff09\n  stepsContainer.innerHTML = steps\n    .map(\n      (s) => `\n        <div class=\"slider-step\">\n          <div class=\"slider-step-dot\"><\/div>\n          <div class=\"slider-step-label\">\n            ${s.label}<br\/>\n            <small>${s.sub}<\/small>\n          <\/div>\n        <\/div>\n      `,\n    )\n    .join(\"\")\n\n  const dots = document.querySelectorAll(\".slider-step-dot\")\n  let currentStep = 0\n\n  \/* ----------------------------\n     Pricing Plans Data\n  -----------------------------*\/\n  const pricingPlans = [\n    {\n      key: \"personal\",\n      name: \"\u4e2a\u4eba\u7248\",\n      accounts: 1,\n      price: 49.9,\n      features: [\"\u81ea\u52a8\u53d1\u6587\", \"\u81ea\u52a8\u517b\u53f7\", \"\u62cd\u5356\u53d1\u6587\"],\n      advTitle: \"\u8fdb\u9636\u529f\u80fd\",\n      advSub: \"\u6240\u6709\u65b9\u6848\u7686\u53ef\u81ea\u7531\u52a0\u8d2d\",\n      advanced: [\"\u81ea\u52a8\u5220\u6587\", \"\u81ea\u52a8\u52a0\u5165\u793e\u56e2\", \"\u6307\u5b9a\u8d34\u6587\u7559\u8a00\", \"\u591a\u8d26\u53f7\u6392\u7a0b\"],\n    },\n    {\n      key: \"standard\",\n      name: \"\u6807\u51c6\u7248\",\n      accounts: 3,\n      price: 84.9,\n      features: [\"\u81ea\u52a8\u53d1\u6587\", \"\u81ea\u52a8\u517b\u53f7\", \"\u62cd\u5356\u53d1\u6587\"],\n      advTitle: \"\u8fdb\u9636\u529f\u80fd\",\n      advSub: \"\u6240\u6709\u65b9\u6848\u7686\u53ef\u81ea\u7531\u52a0\u8d2d\",\n      advanced: [\"\u81ea\u52a8\u5220\u6587\", \"\u81ea\u52a8\u52a0\u5165\u793e\u56e2\", \"\u6307\u5b9a\u8d34\u6587\u7559\u8a00\", \"\u591a\u8d26\u53f7\u6392\u7a0b\"],\n    },\n    {\n      key: \"premium\",\n      name: \"\u8c6a\u534e\u7248\",\n      accounts: 100,\n      price: 119.9,\n      features: [\"\u81ea\u52a8\u53d1\u6587\", \"\u81ea\u52a8\u517b\u53f7\", \"\u62cd\u5356\u53d1\u6587\"],\n      advTitle: \"\u8fdb\u9636\u529f\u80fd\",\n      advSub: \"\u6240\u6709\u65b9\u6848\u7686\u53ef\u81ea\u7531\u52a0\u8d2d\",\n      advanced: [\"\u81ea\u52a8\u5220\u6587\", \"\u81ea\u52a8\u52a0\u5165\u793e\u56e2\", \"\u6307\u5b9a\u8d34\u6587\u7559\u8a00\", \"\u591a\u8d26\u53f7\u6392\u7a0b\"],\n    },\n    {\n      key: \"enterprise\",\n      name: \"\u4f01\u4e1a\u7248\",\n      accounts: \"\u221e\",\n      price: 169.9,\n      features: [\"\u81ea\u52a8\u53d1\u6587\", \"\u81ea\u52a8\u517b\u53f7\", \"\u62cd\u5356\u53d1\u6587\"],\n      advTitle: \"\u8fdb\u9636\u529f\u80fd\u5df2\u5f00\u901a\",\n      advanced: [\n        \"\u81ea\u52a8\u5220\u6587\",\n        \"\u81ea\u52a8\u52a0\u5165\u793e\u56e2\",\n        \"\u6307\u5b9a\u8d34\u6587\u7559\u8a00\",\n        \"\u591a\u8d26\u53f7\u6392\u7a0b\",\n        \"\u70ed\u95e8\u8d34\u6587\u7559\u8a00\",\n      ],\n    },\n  ]\n\n  \/\/ SVG icons\n  const openIconSvg = `<div style=\"width:20px;padding-top:3px\"><img decoding=\"async\" src=\"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/arrow-down.png\" style=\"width:100%\" alt=\"arrow-icon\" \/><\/div>`\n\n  const closeIconSvg = `<div style=\"width:20px;padding-top:3px\"><img decoding=\"async\" src=\"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/tick-minus-1.png\" style=\"width:100%\" alt=\"clsoe-icon\" \/><\/div>`\n\n  \/* ----------------------------\n     Render Cards\n  -----------------------------*\/\n  function renderCards() {\n    const box = document.getElementById(\"pricingCards\")\n    box.innerHTML = \"\"\n\n    pricingPlans.forEach((p, i, { length }) => {\n      box.innerHTML += `\n        <article class=\"plan-card\">\n          <div class=\"plan-card-header\">\n            <div class=\"plan-name\">${p.name}<\/div>\n          <\/div>\n          <div class=\"plan-content\">\n            <div class=\"flex-center justify-center\">\n              <div class=\"plan-meta\">${p.accounts}<\/div>\n              <div class=\"count\">\u4e2a\u53ef\u7ed1\u5b9a<span class=\"fb\">FB<\/span>\u5e10\u53f7\u6570\u91cf<\/div>\n            <\/div>\n\n            <div class=\"plan-price\">\n              <span class=\"plan-price-number\" data-plan=\"${p.key}\">\n                NT$${p.price}\n              <\/span>\n              <span class=\"plan-price-suffix\">\/ \u6708<\/span>\n            <\/div>\n            <div style=\"text-align: center;\">\n              <a href=\"#order-details\">\n                <button class=\"plan-cta\" style=\"cursor:pointer;\">\u5f00\u59cb\u4f7f\u7528<\/button>\n              <\/a>\n            <\/div>\n          <\/div>\n          <div class=\"plan-features\">\n            ${p.features\n              .map(\n                (x) =>\n                  `<div class=\"flex-center\"><img decoding=\"async\" src=\"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/blue-check-1.png\" alt=\"tick\" class=\"tick\" \/><div class=\"plan-feature\">${x}<\/div><\/div>`,\n              )\n              .join(\"\")}\n          <\/div>\n          <div class=\"plan-card-footer ${i !== length - 1 ? \"desktop\" : \"\"}\">\n            <div class=\"plan-card-content\">\n              <div class=\"${i !== length - 1 ? \"opacity\" : \"\"}\">\n                <div class=\"footer-toggle\">\n                  <div class=\"tick desktop\">\n                    <img decoding=\"async\" src=\"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/bling.png\" alt=\"bling\" style=\"width:100%\" \/>\n                  <\/div>\n                  <div>\n                    <div class=\"plan-advanced-title\">${p.advTitle}<\/div>\n                    <div class=\"plan-advanced-sub\">${p.advSub || \"\"}<\/div>\n                  <\/div>\n                  <div class=\"toggle-icon mobile\">\n                   ${closeIconSvg}\n                  <\/div>\n                <\/div>\n                <div class=\"plan-advanced-list collapsible\">\n                  ${p.advanced\n                    .map(\n                      (a) =>\n                        `<div class=\"flex-center\"><img src=${\n                          i === length - 1\n                            ? \"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/blue-check-1.png\"\n                            : \"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/tick-minus.png\"\n                        } \n                          alt=\"tick\" class=\"tick\" \/><div class=\"plan-feature\">${a}<\/div><\/div>`,\n                    )\n                    .join(\"\")}\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n      `\n    })\n  }\n  renderCards()\n\n  function initMobileAccordion() {\n    if (window.innerWidth > 1024) return \/\/ \u684c\u9762\u7248\u4e0d\u555f\u7528\n\n    document.querySelectorAll(\".plan-card-footer\").forEach((footer) => {\n      const toggle = footer.querySelector(\".footer-toggle\")\n      const icon = footer.querySelector(\".toggle-icon\")\n\n      if (!toggle || !icon) return\n\n      \/\/ \u9810\u8a2d\u5c55\u958b\n      footer.classList.add(\"open\")\n      icon.innerHTML = closeIconSvg\n\n      \/\/ Toggle click\n      toggle.addEventListener(\"click\", () => {\n        const isOpen = footer.classList.toggle(\"open\")\n\n        \/\/ Icon \u5207\u63db\n        icon.innerHTML = isOpen ? closeIconSvg : openIconSvg\n      })\n    })\n  }\n\n  document.addEventListener(\"DOMContentLoaded\", initMobileAccordion)\n  \/\/ \u5982\u679c\u4f60\u7684\u5361\u7247\u662f JS append \u7684\uff0c\u4fdd\u96aa\u8d77\u898b\u518d call \u4e00\u6b21\n  setTimeout(initMobileAccordion, 100)\n\n  document.addEventListener(\"DOMContentLoaded\", initMobileAccordion)\n  \/\/ \u5982\u679c pricingPlans \u662f\u52d5\u614b append\uff0c\u8981\u518d\u624b\u52d5 call \u4e00\u6b21\n  setTimeout(initMobileAccordion, 100)\n\n  \/* ----------------------------\n     Update Prices\n  -----------------------------*\/\n  function updatePrices(level) {\n    const discount = steps[level].discount\n\n    \/\/ 1. \u66f4\u65b0\u50f9\u683c\u6587\u5b57 (\u4f7f\u7528 textContent \u6548\u80fd\u8f03\u597d)\n    pricingPlans.forEach((p) => {\n      const el = document.querySelector(`[data-plan=\"${p.key}\"]`)\n      if (el) el.textContent = `USD$${(p.price * discount).toFixed(1)}`\n    })\n\n    const tip = steps[level].tip\n    const mobileTip = steps[level].mobileTip\n    const tipEl = document.getElementById(\"thumbTip\")\n\n    if (tipEl) {\n      \/\/ \u4f7f\u7528 textContent \u907f\u514d\u4e0d\u5fc5\u8981\u7684 HTML \u89e3\u6790\uff0c\u9664\u975e tip \u88e1\u9762\u771f\u7684\u6709 HTML \u6a19\u7c64\n      const isMobile = window.innerWidth <= 1024\n      tipEl.innerHTML = isMobile ? mobileTip || tip : tip\n\n      if (isMobile) {\n        \/\/ \u91cd\u8981\uff1a\u6bcf\u6b21\u8a08\u7b97\u524d\u5148\u91cd\u7f6e\u6240\u6709\u5b9a\u4f4d\u5c6c\u6027\uff0c\u78ba\u4fdd\u4e0d\u6703\u4e92\u76f8\u5e72\u64fe\n        tipEl.style.left = \"\"\n        tipEl.style.right = \"\"\n        tipEl.style.transform = \"\"\n\n        if (level === 0) {\n          \/\/ \u8cbc\u6700\u5de6\n          tipEl.style.left = \"0\"\n          tipEl.style.transform = \"translate(0, -18px)\"\n        } else if (level === totalSteps - 1) {\n          \/\/ \u8cbc\u6700\u53f3\n          tipEl.style.right = \"0\"\n          tipEl.style.left = \"auto\" \/\/ \u5f37\u5236\u8986\u84cb\u6389\u4efb\u4f55\u7e7c\u627f\u7684 left\n          tipEl.style.transform = \"translate(0, -18px)\"\n        } else {\n          \/\/ \u7f6e\u4e2d\n          tipEl.style.left = \"50%\"\n          tipEl.style.transform = \"translate(-50%, -18px)\"\n        }\n      } else {\n        \/\/ 2. \u5982\u679c\u5207\u63db\u56de\u96fb\u8166\u7248\uff0c\u6e05\u9664\u624b\u6a5f\u7248\u7684\u884c\u5167\u6a23\u5f0f\uff0c\u8b93\u5b83\u56de\u5230 CSS \u7684\u9810\u8a2d\u503c\n        tipEl.style.left = \"\"\n        tipEl.style.right = \"\"\n        tipEl.style.transform = \"\"\n      }\n    }\n  }\n  \/* ----------------------------\n     \u81ea\u88fd Slider \u63a7\u5236\u908f\u8f2f\n  -----------------------------*\/\n  function updateSlider(position) {\n    \/\/ \u586b\u8272\n    fill.style.width = position + \"%\"\n\n    \/\/ Thumb \u79fb\u52d5\n    thumb.style.left = position + \"%\"\n    thumb.style.transform = `translate(-${position}%, -50%) scale(1.3333)`\n\n    \/\/ \u6c7a\u5b9a active dot\n    const index = Math.round((position \/ 100) * (totalSteps - 1))\n\n    dots.forEach((d) => d.classList.remove(\"active\"))\n    dots[index].classList.add(\"active\")\n\n    currentStep = index\n\n    \/\/ \u66f4\u65b0\u50f9\u683c\uff08\u6298\u6263\uff09\n    updatePrices(index)\n  }\n\n  \/\/ \u9ede\u64ca step\uff08\u6574\u500b\u5340\u57df\u90fd\u80fd\u89f8\u767c\uff09\n  document.querySelectorAll(\".slider-step\").forEach((stepEl, index) => {\n    stepEl.addEventListener(\"click\", () => {\n      const pos = (index \/ (totalSteps - 1)) * 100\n      updateSlider(pos)\n    })\n  })\n\n  \/\/ \u62d6\u66f3 thumb\n  let dragging = false\n\n  \/\/ \u6ed1\u9f20\u6309\u4e0b\n  thumb.addEventListener(\"mousedown\", () => {\n    dragging = true\n    thumb.style.cursor = \"grabbing\"\n  })\n\n  \/\/ \u624b\u6a5f\u89f8\u63a7\u958b\u59cb\n  thumb.addEventListener(\"touchstart\", (e) => {\n    dragging = true\n    thumb.style.cursor = \"grabbing\"\n    e.preventDefault() \/\/ \u9632\u6b62\u6372\u52d5\n  })\n\n  \/\/ \u6ed1\u9f20\u653e\u958b\n  document.addEventListener(\"mouseup\", () => endDrag())\n\n  \/\/ \u89f8\u63a7\u653e\u958b\n  document.addEventListener(\"touchend\", () => endDrag())\n\n  \/\/ \u5c01\u88dd\u505c\u6b62\u62d6\u66f3\n  function endDrag() {\n    if (dragging) {\n      dragging = false\n      thumb.style.cursor = \"grab\"\n\n      const percent = parseFloat(fill.style.width)\n      const nearest = Math.round((percent \/ 100) * (totalSteps - 1))\n      const snapPos = (nearest \/ (totalSteps - 1)) * 100\n      updateSlider(snapPos)\n    }\n  }\n\n  \/\/ \u6ed1\u9f20\u79fb\u52d5\n  document.addEventListener(\"mousemove\", (e) => {\n    if (!dragging) return\n    handleMove(e.clientX)\n  })\n\n  \/\/ \u624b\u6a5f\u89f8\u63a7\u79fb\u52d5\n  document.addEventListener(\"touchmove\", (e) => {\n    if (!dragging) return\n    handleMove(e.touches[0].clientX)\n    e.preventDefault() \/\/ \u9632\u6b62\u6ed1\u52d5\u6574\u500b\u9801\u9762\n  })\n\n  \/\/ \u901a\u7528\u8655\u7406\u908f\u8f2f\n  function handleMove(clientX) {\n    const slider = document.querySelector(\".custom-slider\")\n    const rect = slider.getBoundingClientRect()\n\n    let percent = ((clientX - rect.left) \/ rect.width) * 100\n    percent = Math.max(0, Math.min(100, percent))\n\n    updateSlider(percent)\n  }\n\n  \/\/ \u521d\u59cb\u4f4d\u7f6e\n  updateSlider(0)\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eec66eb e-flex e-con-boxed e-con e-parent\" data-id=\"eec66eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05b34ae elementor-widget elementor-widget-html\" data-id=\"05b34ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/apis.google.com\/js\/platform.js\" async defer><\/script>\n<meta\n  name=\"google-signin-client_id\"\n  content=\"492443381996-2mt974hsjmahe23m4nbd7lbbtgb9lpnk.apps.googleusercontent.com\"\n\/>\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\n\/>\n<meta charset=\"UTF-8\" \/>\n<div\n  hidden\n  id=\"loginbtn\"\n  class=\"g-signin2\"\n  style=\"margin-top: 20px\"\n  align=\"center\"\n  data-onsuccess=\"onSignIn\"\n><\/div>\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script>\n<div id=\"notification\" class=\"notification\"><\/div>\n<!--Toast-->\n<style>\n  #toast-container {\n    position: fixed;\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 9999;\n  }\n  .toast {\n    background: #333;\n    color: #fff;\n    padding: 10px 16px;\n    margin-top: 10px;\n    border-radius: 6px;\n    opacity: 0;\n    transform: translateY(-10px);\n    transition: all 0.3s ease;\n  }\n  .toast.show {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .tooltip-icon {\n    position: relative;\n    cursor: pointer;\n    margin-top: 5px;\n    margin-left: 2px;\n    font-size: 12px;\n  }\n\n  .tooltip-text {\n    display: none;\n    position: absolute;\n    top: 120%;\n    left: 0;\n    width: 260px;\n    background-color: #fff7e5;\n    color: #333;\n    border: 1px solid #ffb347;\n    border-radius: 6px;\n    padding: 8px;\n    font-size: 12px;\n    line-height: 1.4;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n    z-index: 999;\n  }\n\n  .tooltip-icon.active .tooltip-text {\n    display: block;\n  }\n\n  .items-center {\n    display: flex;\n    align-items: center;\n  }\n\n  .order-table {\n    border-radius: 20px;\n    border: 1px solid #bedcff;\n    box-shadow: 3px 6px 20px 0 rgba(154, 188, 241, 0.2);\n    line-height: 1.6;\n    letter-spacing: 0.05em;\n    overflow: hidden;\n    font-size: 16px;\n  }\n\n  table {\n    width: 100%;\n    margin: 0;\n    border-collapse: collapse;\n    border: 1px solid #bedcff;\n    overflow: hidden;\n    background: #fff;\n    border-radius: 20px;\n  }\n\n  td,\n  th {\n    border: 1px solid #bedcff;\n    padding: 17px 16px;\n  }\n\n  input[type=\"email\"],\n  select {\n    border-radius: 6px;\n    border: 1px solid #bedcff;\n    background: #fff;\n  }\n\n  \/* \u5bb9\u5668\u6a23\u5f0f\uff1a\u7528\u65bc\u5b9a\u4f4d\u507d\u5143\u7d20 *\/\n  .select-container {\n    position: relative; \/* \u95dc\u9375\uff1a\u8a2d\u5b9a\u76f8\u5c0d\u5b9a\u4f4d *\/\n    display: inline-block;\n  }\n\n  \/* SELECT \u5143\u7d20\u57fa\u672c\u6a23\u5f0f *\/\n  .select-container select {\n    \/* 1. \u96b1\u85cf\u700f\u89bd\u5668\u539f\u751f\u7bad\u982d (\u91cd\u8981) *\/\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n\n    \/* \u78ba\u4fdd Select \u5143\u7d20\u6709\u8db3\u5920\u7684\u5167\u908a\u8ddd\uff0c\u4e0d\u88ab\u81ea\u8a02\u7bad\u982d\u906e\u64cb *\/\n    padding: 8.5px 16px;\n    cursor: pointer;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 160%;\n    letter-spacing: 0.36px;\n    margin-left: -4px;\n    width: 180px;\n  }\n\n  \/* \u507d\u5143\u7d20 ::after \u7e6a\u88fd\u7bad\u982d *\/\n  .select-container::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    right: 15px;\n    transform: translateY(-40%);\n\n    width: 25px;\n    height: 21px;\n\n    background-image: url(\"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/arrow-down.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n\n    pointer-events: none;\n  }\n\n  .account-section {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 16px;\n  }\n\n  .title {\n    font-size: 20px;\n    background-color: #bedcff;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .customerEmail {\n    margin-left: 13.84px;\n    width: 200px;\n    font-size: 12px;\n  }\n\n  .quantity {\n    display: flex;\n    padding-left: 146px;\n    gap: 16px;\n    align-items: center;\n    font-size: 17px;\n  }\n\n  .notification {\n    position: fixed;\n    bottom: 10px;\n    right: 10px;\n    background-color: #fff;\n    padding: 20px; \/* \u589e\u52a0\u586b\u5145\u4ee5\u64f4\u5927\u901a\u77e5\u6846 *\/\n    border: 2px solid #ccc; \/* \u589e\u52a0\u908a\u6846\u5bec\u5ea6 *\/\n    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); \/* \u589e\u52a0\u9670\u5f71\u6548\u679c *\/\n    font-size: 18px; \/* \u589e\u52a0\u6587\u5b57\u5927\u5c0f *\/\n    line-height: 1.5; \/* \u8abf\u6574\u884c\u8ddd *\/\n    display: none;\n    z-index: 1000;\n  }\n\n  .slideIn {\n    animation: slideIn 0.5s forwards;\n  }\n\n  .slideOut {\n    animation: slideOut 0.5s forwards;\n  }\n\n  .choice {\n    text-align: left;\n    padding-left: 153px;\n  }\n\n  .choice-selection {\n    padding-left: 74.16px;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .table-secondary select {\n    font-size: 12px;\n  }\n\n  #price_new {\n    color: black;\n    font-weight: 500;\n    line-height: 1.6;\n    letter-spacing: 0.05em;\n  }\n\n  .payment-method {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    font-size: 14px;\n    max-width: 483px;\n    text-align: left;\n    font-weight: 500;\n  }\n\n  .credit-cancel {\n    white-space: pre;\n  }\n\n  .mobile {\n    display: none;\n  }\n\n  .styled-checkbox {\n    width: 18px;\n    height: 18px;\n    appearance: none;\n    border: 1.3px solid black;\n    border-radius: 3px;\n    cursor: pointer;\n    display: inline-block;\n    position: relative;\n    margin-top: 0.25em;\n  }\n\n  .styled-checkbox:checked {\n    background-color: #146eff !important;\n  }\n\n  .styled-checkbox:checked::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 12px;\n    height: 9px;\n    transform: translate(-50%, -50%);\n\n    background-image: url(\"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/checked.png\");\n    background-size: contain;\n    background-repeat: no-repeat;\n\n    pointer-events: none;\n  }\n\n  .alert-section {\n    font-size: 14px;\n    font-weight: 500;\n    max-width: 483px;\n    text-align: left;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  \/* Overlay *\/\n  .overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(190, 220, 255, 0.5); \/* #BEDCFF + 50% *\/\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 100000;\n  }\n\n  .WordSection1 {\n    position: relative;\n  }\n\n  .vision-range {\n    height: 100%;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding-left: 20px;\n    padding-right: 70px;\n    flex: 1;\n  }\n\n  .modal-comfirm-btn {\n    display: none;\n  }\n\n  \/* Modal box *\/\n  .modal-regulation {\n    background: white;\n    max-width: 1056px;\n    height: 86.38dvh;\n    margin: auto 23px;\n    padding: 78px 42px 55px 42px;\n    position: relative;\n    border-radius: 20px;\n    border: 1px solid var(--Primary-Color-Lighter-Blue, #78b1ff);\n    box-shadow: 3px 6px 20px 0 rgba(154, 188, 241, 0.25);\n  }\n\n  \/* Close button *\/\n  .close-btn-wrapper {\n    width: 100%;\n    text-align: right;\n  }\n\n  .close-btn {\n    position: absolute;\n    top: 38px;\n    right: 43px;\n    cursor: pointer;\n    font-size: 16px;\n    color: white;\n    width: 36px;\n    height: 36px;\n    background: #146eff;\n    border-radius: 6px;\n    border: 1px solid var(--Primary-Color-Lighter-Blue, #78b1ff);\n    box-shadow: 3px 6px 20px 0 rgba(154, 188, 241, 0.25);\n    filter: drop-shadow(-2.348px 3.913px 7.826px rgba(10, 81, 246, 0.25));\n    padding: 0;\n  }\n\n  .close-btn:hover {\n    background: #146eff;\n    border: 1px solid var(--Primary-Color-Lighter-Blue, #78b1ff);\n  }\n\n  .highlight {\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 1.6;\n    letter-spacing: 0.05em;\n  }\n\n  .modal-title {\n    color: #021634;\n    font-size: 38px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 140%;\n    letter-spacing: 1.9px;\n    margin-bottom: 24px;\n    text-align: center;\n  }\n\n  .modal-updated {\n    color: #000;\n    text-align: right;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 180%; \/* 25.2px *\/\n    letter-spacing: 0.7px;\n    margin-bottom: 24px;\n  }\n\n  @keyframes slideIn {\n    from {\n      transform: translateX(100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideOut {\n    from {\n      transform: translateX(0);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(100%);\n      opacity: 0;\n    }\n  }\n\n  .buy-btn {\n    border-radius: 84px;\n    background: #146eff;\n    box-shadow: -6px 6px 10px 0 rgba(10, 81, 246, 0.2);\n    padding: 14px 21px;\n    font-weight: 700;\n    font-size: 16px;\n    margin: 32px auto 16px;\n    border: none;\n    line-height: 1.4;\n    letter-spacing: 0.05em;\n    transition: all 0.3s ease;\n  }\n\n  \/* \u624b\u6a5f\u7248\u6a23\u5f0f *\/\n  @media (max-width: 767px) {\n    td,\n    th {\n      padding: 0.875em 0.5em;\n    }\n\n    .modal-title {\n      font-size: 24px;\n      font-style: normal;\n      font-weight: 700;\n      line-height: 140%; \/* 33.6px *\/\n      letter-spacing: 1.68px;\n    }\n\n    .modal-updated {\n      text-align: center;\n      line-height: 160%; \/* 22.4px *\/\n    }\n\n    .modal-comfirm-btn {\n      background-color: #146eff;\n      padding: 10.5px 21.5px;\n      font-size: 14px;\n      margin-top: 24px;\n      color: white;\n      border-radius: 133px;\n      box-shadow: -5.33px 8px 10.67px 0 rgba(10, 81, 246, 0.2);\n      display: inline-block;\n      line-height: 1.4;\n      letter-spacing: 0.05em;\n    }\n\n    .close-btn-wrapper {\n      margin-bottom: 0px;\n    }\n\n    \/* \u507d\u5143\u7d20 ::after \u7e6a\u88fd\u7bad\u982d *\/\n    .select-container::after {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      transform: translateY(-50%);\n\n      width: 12px;\n      height: 10px;\n\n      background-image: url(\"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/arrow-down.png\");\n      background-size: contain;\n      background-repeat: no-repeat;\n\n      pointer-events: none;\n    }\n\n    .alert-section {\n      margin-top: 6px;\n      padding: 0 14px;\n    }\n\n    .notification .company {\n      display: block;\n    }\n    .notification .details {\n      display: block;\n      margin-top: 10px; \/* \u589e\u52a0\u884c\u9593\u8ddd *\/\n    }\n    .account-section {\n      flex-direction: column;\n      gap: 12px;\n    }\n    .customerEmail {\n      margin-left: 0;\n    }\n\n    .quantity {\n      padding-left: 0.5em;\n      gap: 4px;\n      font-size: 14px;\n    }\n\n    .choice {\n      padding-left: 0;\n      text-align: center;\n    }\n\n    .choice-selection {\n      padding-left: 0;\n    }\n\n    .order-table {\n      font-size: 14px;\n    }\n\n    .title {\n      font-size: 16px;\n    }\n\n    .desktop {\n      display: none;\n    }\n\n    .mobile {\n      display: block;\n    }\n\n    #price_new {\n      font-size: 14px;\n      line-height: 1.4;\n      letter-spacing: 0.03em;\n    }\n\n    #price {\n      font-size: 12px;\n    }\n\n    .payment-method {\n      padding: 0 26px;\n    }\n\n    .credit-cancel {\n      white-space: pre-wrap;\n    }\n\n    #RegularStripe {\n      width: 16px;\n      height: 16px;\n    }\n\n    .styled-checkbox {\n      width: 16px;\n      height: 16px;\n      border-radius: 2.65px;\n    }\n\n    .styled-checkbox:checked::after {\n      font-size: 10px;\n    }\n\n    .buy-btn {\n      padding: 10px 20px;\n      font-size: 14px;\n      margin-bottom: 32px;\n    }\n\n    .modal-regulation {\n      padding: 24px 37px;\n      max-height: 70.734dvh;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .vision-range {\n      padding: 0;\n    }\n\n    .close-btn {\n      right: 16px;\n      top: 16px;\n    }\n\n    .select-container select {\n      width: 130px;\n      padding: 8.5px 14px;\n      margin-left: 3px;\n    }\n  }\n<\/style>\n<div id=\"toast-container\"><\/div>\n<script>\n  function showToast(msg, duration = 2000) {\n    const container = document.getElementById(\"toast-container\")\n    const toast = document.createElement(\"div\")\n    toast.className = \"toast\"\n    toast.textContent = msg\n    container.appendChild(toast)\n    requestAnimationFrame(() => toast.classList.add(\"show\"))\n    setTimeout(() => {\n      toast.classList.remove(\"show\")\n      setTimeout(() => toast.remove(), 300)\n    }, duration)\n  }\n<\/script>\n<div\n  id=\"order-details\"\n  style=\"margin: auto; max-width: 970px; padding: auto 12px\"\n>\n  <h2 class=\"heading\">\u8ba2\u5355\u8be6\u60c5<\/h2>\n  <form method=\"post\" id=\"paymentForm\" action=\"\/NewebPay\/all_new_zh_hans.php\">\n    <div class=\"order-table\">\n      <table class=\"table-secondary\" style=\"font-size: inherit\">\n        <thead>\n          <tr class=\"table-secondary\">\n            <td colspan=\"3\" align=\"center\" style=\"padding: 24px 0.5em\">\n              <div class=\"account-section\">\n                <div style=\"font-weight: 500\">\u4f1a\u5458Gmail\u5e10\u53f7 :<\/div>\n                <input\n                  id=\"customerEmail\"\n                  name=\"customerEmail\"\n                  type=\"email\"\n                  class=\"form-control customerEmail\"\n                  required=\"required\"\n                  placeholder=\"\u8bf7\u8f93\u5165\u4f60\u7684\u4f1a\u5458 Gmail\"\n                \/>\n              <\/div>\n              <div id=\"ResultContainer\" style=\"display: none\">\n                <div\n                  id=\"memberResult\"\n                  style=\"\n                    margin-top: 10px;\n                    padding: 10px;\n                    background-color: white;\n                    border: 1px solid #ddd;\n                    border-radius: 3px;\n                  \"\n                >\n                  <!-- \u6703\u54e1\u8cc7\u8a0a\u5c07\u5728\u9019\u88e1\u986f\u793a -->\n                <\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n          <tr class=\"title\">\n            <th scope=\"col\" width=\"80%\" colspan=\"2\" class=\"choice\">\u65b9\u6848\u9009\u62e9<\/th>\n            <th scope=\"col\">\u4ef7\u683c<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td colspan=\"2\">\n              <div class=\"flex choice-selection\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/www.logo.wine\/a\/logo\/Facebook\/Facebook-f_Logo-Blue-Logo.wine.svg\"\n                  width=\"60\"\n                \/>\n                <div class=\"select-container\">\n                  <select\n                    class=\"form-select\"\n                    aria-label=\"Default select example\"\n                    name=\"order_version\"\n                    id=\"order_version\"\n                    required=\"true\"\n                  >\n                    <option value=\"\" selected>\u8bf7\u9009\u62e9<\/option>\n                    <option value=\"3\">\u4f01\u4e1a\u7248-\u542b\u6240\u6709\u52a0\u8d2d\u529f\u80fd<\/option>\n                    <option value=\"0\">\u8c6a\u534e\u7248-\u53ef\u540c\u65f6\u8dd1100\u53eaFB<\/option>\n                    <option value=\"1\">\u6807\u51c6\u7248-\u53ef\u540c\u65f6\u8dd13\u53eaFB<\/option>\n                    <option value=\"2\">\u4e2a\u4eba\u7248-\u53ef\u540c\u65f6\u8dd11\u53eaFB<\/option>\n                    <option value=\"9\">\u4ec5\u52a0\u8d2d<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n            <\/td>\n            <td align=\"center\" valign=\"middle\">\n              <a style=\"color: #146eff\" id=\"price_new\">USD 119.9<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td colspan=\"3\" align=\"center\">\n              <br \/>\n              <b\n                >\u53ef\u201c\u540c\u65f6\u8fd0\u884c\u201d FB \u6570\u91cf :\n                <b style=\"color: #146eff\" id=\"AccNum\"> 1 <\/b> \u4e2a !\n                <br \/>\n                \u5e73\u5747\u6bcf\u65e5\u8d39\u7528 :\n                <b style=\"color: #146eff\" id=\"DayNum\"> 1.96 <\/b> USD \/ \u65e5 !\n                <br \/><br \/>\n              <\/b>\n            <\/td>\n          <\/tr>\n          <tr class=\"title\">\n            <th scope=\"col\" width=\"50%\">\u52a0\u8d2d\u4e13\u533a<\/th>\n            <th scope=\"col\" width=\"20%\">\u4ef7\u683c<\/th>\n            <th scope=\"col\" width=\"30%\">\u52a0\u8d2d<\/th>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">\u81ea\u52a8\u5220\u9664\u8d34\u6587<\/a>\n            <\/td>\n            <td align=\"center\">$ 9.9<\/td>\n            <td align=\"center\">\n              <input\n                type=\"checkbox\"\n                class=\"styled-checkbox\"\n                id=\"deletePost\"\n                name=\"deletePost\"\n                value=\"deletePost\"\n              \/><a style=\"color: red\" name=\"company\" hidden>\u8d60\u9001 !<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">\u81ea\u52a8\u52a0\u5165\u793e\u56e2<\/a>\n            <\/td>\n            <td align=\"center\">$ 16.9<\/td>\n            <td align=\"center \">\n              <input\n                type=\"checkbox\"\n                class=\"styled-checkbox\"\n                id=\"addClub\"\n                name=\"addClub\"\n                value=\"addClub\"\n              \/><a style=\"color: red\" name=\"company\" hidden>\u8d60\u9001 !<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">\u6307\u5b9a\u8d34\u6587\u7559\u8a00<\/a>\n            <\/td>\n            <td align=\"center\">$ 16.9<\/td>\n            <td align=\"center\">\n              <input\n                type=\"checkbox\"\n                class=\"styled-checkbox\"\n                id=\"urlComment\"\n                name=\"urlComment\"\n                value=\"urlComment\"\n              \/><a style=\"color: red\" name=\"company\" hidden>\u8d60\u9001 !<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">\u70ed\u95e8\u8d34\u6587\u7559\u8a00<\/a>\n            <\/td>\n            <td align=\"center\">$ 16.9<\/td>\n            <td align=\"center\">\n              <input\n                type=\"checkbox\"\n                id=\"homeComment\"\n                name=\"homeComment\"\n                value=\"homeComment\"\n                hidden\n              \/><a style=\"color: #146eff\">\u4f01\u4e1a\u7248\u9650\u5b9a<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">\u591a\u8d26\u53f7\u8bbe\u7f6e\u6392\u7a0b<\/a>\n            <\/td>\n            <td align=\"center\">$ 67.9<\/td>\n            <td align=\"center\">\n              <input\n                type=\"checkbox\"\n                id=\"postMul\"\n                name=\"postMul\"\n                value=\"postMul\"\n                hidden\n              \/><a style=\"color: #146eff\">\u4f01\u4e1a\u7248\u9650\u5b9a<\/a>\n            <\/td>\n          <\/tr>\n\n          <tr class=\"table-secondary\">\n            <td colspan=\"2\">\n              <div class=\"quantity\">\n                <b>\u8d2d\u4e70\u6570\u91cf : <\/b>\n                <div class=\"select-container\">\n                  <select\n                    class=\"form-select\"\n                    aria-label=\"Default select example\"\n                    name=\"order_quantity\"\n                    id=\"order_quantity\"\n                    required=\"true\"\n                  >\n                    <option selected value=\"\">\u8bf7\u9009\u62e9\u8d2d\u4e70\u6570\u91cf<\/option>\n                    <option value=\"1\">1\u4e2a\u6708<\/option>\n                    <option value=\"2\">2\u4e2a\u6708<\/option>\n                    <option value=\"3\">3\u4e2a\u6708 - 5% off<\/option>\n                    <option value=\"6\">6\u4e2a\u6708 - 10% off<\/option>\n                    <option value=\"12\">12\u4e2a\u6708 - 15% off<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n            <\/td>\n            <td class=\"text-center\">\n              <div id=\"add_on_cal\" style=\"font-size: x-small\"><\/div>\n              <b id=\"price\">USD 0<\/b>\n            <\/td>\n          <\/tr>\n\n          <tr class=\"table-secondary\">\n            <td align=\"center\" colspan=\"3\" style=\"padding: 24px 0.5em\">\n              <div class=\"payment-method\">\n                <div>\n                  <div id=\"RegularTitle\">\n                    <div class=\"desktop highlight\">\n                      \u4fe1\u7528\u5361\u8ba2\u9605(10% off) - \u6bcf30\u65e5\u81ea\u52a8\u7eed\u8ba2 (\u4e0d\u7ed1\u5b9a\uff0c\u53ef\u968f\u65f6\u53d6\u6d88)\n                    <\/div>\n                    <div class=\"mobile highlight\">\n                      \u4fe1\u7528\u5361\u8ba2\u9605(10% off) - \u6bcf30\u65e5\u81ea\u52a8\u7eed\u8ba2\n                      <br \/>(\u4e0d\u7ed1\u5b9a\uff0c\u53ef\u968f\u65f6\u53d6\u6d88)\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div>\n                  <!-- \u65b0\u589e\u7684\u570b\u5916\u4fe1\u7528\u5361\u8a02\u95b1\u9078\u9805 (Stripe\u91d1\u6d41) -->\n                  <label class=\"tooltip\" id=\"RegularStripeLabel\">\n                    <input\n                      type=\"checkbox\"\n                      class=\"styled-checkbox\"\n                      id=\"RegularStripe\"\n                      name=\"RegularStripe\"\n                      value=\"RegularStripe\"\n                    \/>\n                    \u4fe1\u7528\u5361\u8ba2\u9605(10% off)\n                    <span class=\"tooltiptext\">\n                      \u3010\u4fe1\u7528\u5361\u8ba2\u9605\u3011\u4f18\u60e0\n                      <br \/>\n                      <br \/>\u2705\u989d\u5916\u301010% off\u3011! <br \/>\u2705\u6bcf30\u65e5\u81ea\u52a8\u7eed\u8ba2\n                      <br \/>\u2705\u53ef\u968f\u65f6\u53d6\u6d88\u8ba2\u9605\n                      <br \/>\n                      <br \/>(\u6263\u6b3e3\u65e5\u524d\u901a\u77e5\u5373\u53ef)\n                    <\/span>\n                  <\/label>\n                <\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n          <tr class=\"table-secondary title\">\n            <th colspan=\"2\">\n              \u591a\u6708\u6298\u6263\uff1a3 \u4e2a\u6708 95 \u6298\u30016 \u4e2a\u6708 9 \u6298\u300112 \u4e2a\u6708 85 \u6298\n            <\/th>\n            <th>\u52a0\u8d2d<\/th>\n          <\/tr>\n          <tr class=\"table-secondary text-center\" id=\"percentageDiscountRow\">\n            <td colspan=\"2\" style=\"padding-top: 1em\">\n              <a style=\"color: black\">\n                <!-- <img decoding=\"async\" src=\"https:\/\/www.logo.wine\/a\/logo\/Facebook\/Facebook-f_Logo-Blue-Logo.wine.svg\" width=\"40\"> -->\n                <span style=\"font-weight: 500\">\u591a\u6708\u6298\u6263<\/span>\n              <\/a>\n              <span style=\"color: black\"><\/span>\n            <\/td>\n            <td>\n              <input\n                type=\"checkbox\"\n                class=\"styled-checkbox\"\n                id=\"percentageDiscount\"\n                name=\"discount_option\"\n                value=\"percentage\"\n                checked\n              \/>\n            <\/td>\n          <\/tr>\n\n          <tr class=\"table-secondary\">\n            <td colspan=\"3\" style=\"padding: 24px 0.5em\" align=\"center\">\n              <div><\/div>\n              <div hidden>\n                <input\n                  type=\"checkbox\"\n                  id=\"checkDiscount\"\n                  name=\"checkDiscount\"\n                  value=\"checkDiscount\"\n                  class=\"styled-checkbox\"\n                \/>\n                Use promotion code\n              <\/div>\n              <div class=\"alert-section\">\n                <div style=\"color: #146eff\" class=\"desktop highlight\">\n                  \u8bf7\u52ff\u4f7f\u7528\u4e0d\u660e\u91d1\u6d41\uff0c\u6211\u4eec\u5c06\u7ec8\u6b62\u60a8\u7684\u6240\u6709\u4f1a\u5458\u670d\u52a1\n                <\/div>\n                <div class=\"flex\">\n                  <input\n                    type=\"checkbox\"\n                    class=\"styled-checkbox\"\n                    checked=\"\"\n                    onclick=\"return false;\"\n                  \/>\n                  <div style=\"margin-left: 14px; flex: 1\">\n                    \u6211\u5df2\u9605\u8bfb<span\n                      class=\"openModalBtn\"\n                      data-content=\"wordpress-content-1\"\n                      style=\"\n                        color: #146eff;\n                        cursor: pointer;\n                        text-decoration: underline;\n                      \"\n                      >\u514d\u8d23\u8bf4\u660e \/ \u8d2d\u4e70\u987b\u77e5\n                    <\/span>\n                    \uff0c\u5e76\u540c\u610f\u9075\u5b88\u4f7f\u7528\u89c4\u5219\n                  <\/div>\n                <\/div>\n\n                <div class=\"flex\">\n                  <input\n                    type=\"checkbox\"\n                    class=\"styled-checkbox\"\n                    checked=\"\"\n                    onclick=\"return false;\"\n                  \/>\n                  <span style=\"margin-left: 14px; flex: 1\"\n                    >\u6211\u5df2\u9605\u8bfb<span\n                      class=\"openModalBtn\"\n                      data-content=\"wordpress-content-2\"\n                      style=\"\n                        color: #146eff;\n                        cursor: pointer;\n                        text-decoration: underline;\n                      \"\n                      >\u884c\u9500\u5feb\u624b\u4e2a\u4eba\u8d44\u6599\u6388\u6743\u540c\u610f\u4e66\n                    <\/span>\n                    \uff0c\u5e76\u540c\u610f\u9075\u5b88\u4f7f\u7528\u89c4\u5219<\/span\n                  >\n                <\/div>\n                <div id=\"divDiscount\" hidden>\n                  <br \/>\n                  <b>Promotion code : <\/b>\n                  <input\n                    id=\"Discount\"\n                    name=\"Discount\"\n                    type=\"text\"\n                    class=\"styled-checkbox\"\n                    style=\"margin-left: 40px; width: 200px\"\n                    placeholder=\"\u8bf7\u8f93\u5165\u4f18\u60e0\u7801\"\n                  \/>\n                  <a id=\"DiscountWord\" style=\"color: red\">\n                    Cannot use multiple promotions<\/a\n                  ><br \/>\n                <\/div>\n                <input\n                  type=\"hidden\"\n                  name=\"payment_method\"\n                  id=\"payment_method_hidden\"\n                  class=\"styled-checkbox\"\n                \/>\n              <\/div>\n              <input type=\"hidden\" id=\"refcodeInput\" name=\"refcode\" \/>\n              <button\n                type=\"button\"\n                id=\"buyNowButton\"\n                class=\"btn btn-primary buy-btn\"\n              >\n                \u7acb\u5373\u8d2d\u4e70\n              <\/button>\n              <div\n                style=\"color: #146eff; margin-bottom: 14px; font-weight: 600\"\n                class=\"mobile text-center\"\n              >\n                \u8acb\u52ff\u4f7f\u7528\u4e0d\u660e\u91d1\u6d41\uff0c<br \/>\u6211\u4eec\u5c06\u7ec8\u6b62\u60a8\u7684\u6240\u6709\u4f1a\u5458\u670d\u52a1\n              <\/div>\n            <\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/form>\n  <!-- Overlay + Modal -->\n  <div class=\"overlay\" id=\"modalOverlay\">\n    <div class=\"modal-regulation\">\n      <div class=\"close-btn-wrapper\">\n        <button class=\"close-btn desktop\" type=\"button\" id=\"closeModalBtn\">\n          <i class=\"fa-solid fa-times\"><\/i>\n        <\/button>\n      <\/div>\n      <div class=\"vision-range\">\n        <div id=\"modal\" class=\"modal-box\"><\/div>\n      <\/div>\n      <div class=\"modal-comfirm-btn\" type=\"button\" id=\"closeModalBtnMobile\">\n        \u78ba\u8a8d\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"wordpress-content-1\" class=\"WordSection1\" style=\"display: none\">\n    <div class=\"modal-title\">\u514d\u8d23\u8bf4\u660e \/ \u8d2d\u4e70\u987b\u77e5<\/div>\n    <p>\n      <b>\u4e0b\u5355\u6216\u6ce8\u518c\u4f7f\u7528\u524d\u8bf7\u8be6\u9605\uff0c\u4e0b\u5355\u6216\u6ce8\u518c\u4f7f\u7528\u5373\u8868\u793a\u540c\u610f\u4e0b\u8ff0\u6240\u6709\u8bf4\u660e<\/b><br \/>\n      1. \u4e0d\u9002\u75287\u65e5\u9274\u8d4f\u671f\u4f9d\u636e\u901a\u8baf<br \/>\n      <a\n        href=\"https:\/\/law.moj.gov.tw\/LawClass\/LawAll.aspx?pcode=J0170012\"\n        target=\"_blank\"\n        >\u4ea4\u6613\u89e3\u9664\u6743\u5408\u7406\u4f8b\u5916\u60c5\u4e8b\u9002\u7528\u51c6\u5219<\/a\n      >\uff0c\u672c\u4ea7\u54c1<b>\u4e0d\u9002\u7528<\/b>\u300a\u6d88\u8d39\u8005\u4fdd\u62a4\u6cd5\u300b\u7b2c\u5341\u4e5d\u6761\u7b2c\u4e00\u9879\u89e3\u9664\u6743\uff08\u53737\u5929\u9274\u8d4f\u671f\uff09\u3002<br \/>\n      \u4f9d\u6d88\u8d39\u8005\u4fdd\u62a4\u6cd5\u7b2c\u5341\u4e5d\u6761\u7b2c\u4e00\u9879\u4f46\u4e66\u6240\u79f0\u5408\u7406\u4f8b\u5916\u60c5\u4e8b\uff0c\u6307\u901a\u8baf\u4ea4\u6613\u4e4b\u5546\u54c1\u6216\u670d\u52a1\u6709\u4e0b\u5217\u60c5\u5f62\u4e4b\u4e00\uff0c\u5e76\u7ecf\u4f01\u4e1a\u7ecf\u8425\u8005\u544a\u77e5\u6d88\u8d39\u8005\uff0c\u5c06\u6392\u9664\u672c\u6cd5\u7b2c\u5341\u4e5d\u6761\u7b2c\u4e00\u9879\u89e3\u9664\u6743\u4e4b\u9002\u7528\uff1a<br \/>\n      \u4e94\u3001\u975e\u4ee5\u6709\u5f62\u5a92\u4ecb\u63d0\u4f9b\u4e4b\u6570\u5b57\u5185\u5bb9\u6216\u4e00\u7ecf\u63d0\u4f9b\u5373\u4e3a\u5b8c\u6210\u4e4b\u7ebf\u4e0a\u670d\u52a1\uff0c\u7ecf\u6d88\u8d39\u8005\u4e8b\u5148\u540c\u610f\u59cb\u63d0\u4f9b\u3002<br \/>\n      2. \u4ec5\u9650\u5408\u6cd5\u4f7f\u7528<br \/>\n      <b>\u672c\u8f6f\u4ef6\u53ea\u80fd\u7528\u4e8e\u6b63\u5f53\u5408\u6cd5\u4e4b\u884c\u4e3a<\/b\n      >\uff0c\u5982\u679c\u60a8\u7528\u4e8e\u8fdd\u6cd5\u4e8b\u4ef6\u5305\u62ec\u4f46\u4e0d\u9650\u4e8e\u8bc8\u6b3a\u3001\u4f2a\u9020\u3001\u5047\u65b0\u95fb\u7b49\uff0c\u7528\u6237\u9700\u81ea\u884c\u627f\u62c5\u6cd5\u5f8b\u8d23\u4efb\u3002\u672c\u516c\u53f8\u65e0\u6cd5\u5f97\u77e5\u7528\u6237\u5e10\u53f7\u53ca\u8f6f\u4ef6\u7528\u9014\uff0c\u4ea6\u4e0d\u8d1f\u62c5\u4efb\u4f55\u76d1\u63a7\u4e49\u52a1\u3002\u4e70\u65b9\u6709\u8d23\u4efb\u786e\u4fdd\u8d26\u53f7\u4f7f\u7528\u5408\u6cd5\uff0c\u82e5\u56e0\u4f7f\u7528\u4e0d\u5f53\u4ea7\u751f\u4e89\u8bae\u6216\u8fdd\u6cd5\u884c\u4e3a\uff0c\u76f8\u5173\u8d23\u4efb\u6982\u7531\u4e70\u65b9\u627f\u62c5\u3002<br \/>\n      3. \u5e73\u53f0\u5e10\u53f7\u98ce\u9669\u4e0e\u514d\u8d23<br \/>\n      \u672c\u516c\u53f8\u4ec5\u63d0\u4f9b\u8f6f\u4ef6\u5de5\u5177\u670d\u52a1\uff0c\u4f7f\u7528\u524d\u8bf7\u8861\u91cf\u81ea\u8eab\u98ce\u9669\uff0c<b>\u672c\u8f6f\u4ef6\u4e4b\u64cd\u4f5c\u53ef\u80fd\u5b58\u5728\u4e0d\u53ef\u63a7\u6027<\/b>\uff0c\u82e5\u5e73\u53f0\u5e8f\u53f7\u6216<b>\u8d26\u53f7\u4e8e\u540e\u7eed\u51fa\u73b0\u5f02\u5e38\u60c5\u51b5<\/b>\uff0c\u5305\u62ec\u4f46\u4e0d\u9650\u4e8e\u88ab\u9501\u5b9a\u3001\u5c01\u7981\u3001\u51bb\u7ed3\u3001\u5220\u9664\u7b49\uff0c\u4e0d\u8bba\u662f\u5426\u56e0\u4f7f\u7528\u672c\u8f6f\u4ef6\u6240\u5bfc\u81f4\uff0c<b>\u672c\u516c\u53f8\u5747\u4e0d\u627f\u62c5\u4efb\u4f55\u8d23\u4efb<\/b>\uff0c\u4ea6\u4e0d\u63d0\u4f9b\u4efb\u4f55\u5f62\u5f0f\u4e4b\u8d54\u507f\u3002<br \/>\n      4. \u5f02\u5e38\u884c\u4e3a\u514d\u8d23\u58f0\u660e<br \/>\n      \u5982\u8d26\u53f7\u51fa\u73b0\u5f02\u5e38\u4f7f\u7528\u884c\u4e3a\uff0c\u5305\u62ec\u4f46\u4e0d\u9650\u4e8e\uff1a\u9891\u7e41\u6216\u81ea\u52a8\u5316\u4f7f\u7528\u529f\u80fd\u3001IP\u5730\u5740\u5f02\u5e38\u3001\u6563\u64ad\u4e0d\u5f53\u5185\u5bb9\u6216\u906d\u7b2c\u4e09\u65b9\u68c0\u4e3e\u7b49\uff0c\u672c\u516c\u53f8\u4e0d\u627f\u62c5\u56e0\u6b64\u6240\u4ea7\u751f\u4e4b\u4efb\u4f55\u540e\u679c\u6216\u6cd5\u5f8b\u8d23\u4efb\uff0c\u4ea6\u4e0d\u5f97\u4ee5\u6b64\u4e3a\u7531\u8981\u6c42\u9000\u8d39\u6216\u8865\u507f\u3002<br \/>\n      5. \u8ba2\u5355\u6210\u7acb\u5373\u89c6\u4e3a\u540c\u610f\u6240\u6709\u6761\u6b3e<br \/>\n      \u4e00\u7ecf\u4e0b\u5355\uff0c\u5373\u8868\u793a\u60a8\u5df2\u9605\u8bfb\u5e76\u5b8c\u5168\u540c\u610f\u4e0a\u8ff0\u6240\u6709\u8bf4\u660e\u6761\u6b3e\u3002<b>\u5982\u65e0\u6cd5\u63a5\u53d7\u76f8\u5173\u98ce\u9669\uff0c\u8bf7\u52ff\u4e0b\u5355<\/b>\uff0c\u4ee5\u907f\u514d\u65e5\u540e\u4ea7\u751f\u4e0d\u4fbf\u4e0e\u4e89\u8bae\u3002<br \/>\n      6. \u8ba2\u9605\u6263\u6b3e\u4e0e\u53d6\u6d88\u89c4\u5219<br \/>\n      \u4fe1\u7528\u5361\u8ba2\u9605\u4e3a\u6bcf\u4e09\u5341\u65e5\u5b9a\u671f\u81ea\u52a8\u6263\u6b3e\uff0c\u82e5\u6b32\u53d6\u6d88\u7eed\u8ba2\uff0c\u987b\u4e8e<b>\u6263\u6b3e\u524d3\u4e2a\u5de5\u4f5c\u65e5<\/b>\u6d3d<a\n        href=\"https:\/\/wa.me\/886968695839\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        >\u5ba2\u670d<\/a\n      >\u5b8c\u6210\u53d6\u6d88\u7eed\u8ba2\u7a0b\u5e8f\u3002\u5df2\u5b8c\u6210\u4e4b\u6263\u6b3e\u8ba2\u5355\uff0c\u4e00\u6982<b>\u4e0d\u53d7\u7406\u9000\u8d27\u9000\u6b3e<\/b>\u3002<br \/>\n      7.\u505c\u673a\u8865\u507f\u4e0e\u9000\u6b3e\u673a\u5236<br \/>\n      \u82e5\u56e0\u53ef\u5f52\u8d23\u4e8e\u672c\u516c\u53f8\u4e4b\u539f\u56e0\u5bfc\u81f4\u8f6f\u4ef6\u65e0\u6cd5\u4f7f\u7528\uff0c\u5c06\u4f9d\u636e\u53d7\u5f71\u54cd\u7684\u5929\u6570\u5ef6\u957f\u76f8\u540c\u5929\u6570\u4e4b\u4f1a\u5458\u6548\u671f\u3002\u82e5\u670d\u52a1\u56e0\u6b64\u6c38\u4e45\u7ec8\u6b62\uff0c\u5c06\u4f9d\u4ee5\u4e0b\u516c\u5f0f\u8ba1\u7b97\u9000\u6b3e\u91d1\u989d\uff1a\u672c\u516c\u53f8\u5c06\u6263\u9664\u300c\u505c\u6b62\u670d\u52a1\u524d\u7684\u5929\u6570\u300d\uff08\u4ee5\u5546\u54c1\u539f\u4ef7\u8ba1\u7b97\uff09\u53ca\u300c\u5df2\u62e8\u4ed8\u4e4b\u63a8\u8350\u5956\u91d1\u300d\u540e\uff0c\u5bf9\u5269\u4f59\u672a\u4f7f\u7528\u91d1\u989d\u529e\u7406\u9000\u6b3e\u3002\u6b64\u5546\u54c1\u539f\u4ef7\u8ba1\u7b97\u4e0d\u5305\u542b\u4efb\u4f55\u4fc3\u9500\u4f18\u60e0\u3001\u591a\u6708\u6298\u6263\u6216\u8ba2\u9605\u6298\u6263\u7b49\u4f18\u60e0\u6761\u4ef6\u3002<br \/>\n      8.\u6761\u6b3e\u4fee\u8ba2\u6743\u5229<br \/>\n      \u672c\u516c\u53f8\u4fdd\u7559\u968f\u65f6\u4fee\u6539\u3001\u66f4\u65b0\u672c\u6761\u6b3e\u4e4b\u6743\u5229\u3002\u5982\u6709\u4efb\u4f55\u53d8\u66f4\uff0c\u5c06\u516c\u544a\u4e8e\u5b98\u65b9\u7f51\u7ad9\uff1a<a\n        href=\"https:\/\/snappost.tech\/zh-hans\/%e6%9c%8d%e5%8a%a1%e6%9d%a1%e6%ac%be\/\"\n        >snappost.tech<\/a\n      >\u3002\n    <\/p>\n  <\/div>\n\n  <div id=\"wordpress-content-2\" class=\"WordSection1\" style=\"display: none\">\n    <div class=\"modal-title\">\u884c\u9500\u5feb\u624b\u4e2a\u4eba\u8d44\u6599\u6388\u6743\u540c\u610f\u4e66<\/div>\n    <div class=\"modal-updated\">\u6700\u540e\u66f4\u65b0\u65f6\u95f4\uff1a2025\u5e747\u670827\u65e5<\/div>\n    <b\n      >\u4f7f\u7528\u672c\u670d\u52a1\u524d\u8bf7\u8be6\u9605\u672c\u540c\u610f\u4e66\uff0c\u8d2d\u4e70\u3001\u6ce8\u518c\u6216\u5f00\u59cb\u4f7f\u7528\u8425\u9500\u5feb\u624b\uff0c\u5373\u8868\u793a\u60a8\u5df2\u5b8c\u6210\u9605\u8bfb\u3001\u7406\u89e3\u5e76\u540c\u610f\u4ee5\u4e0b\u6240\u6709\u5185\u5bb9\u3002<\/b\n    ><br \/>\n    \u6377\u5fb7\u5c14\u6709\u9650\u516c\u53f8\uff08\u4e0b\u79f0\u672c\u516c\u53f8\uff09\u4f9d\u7167\u300a\u4e2d\u534e\u6c11\u56fd\u4e2a\u4eba\u8d44\u6599\u4fdd\u62a4\u6cd5\u300b\u53ca\u76f8\u5173\u6cd5\u5f8b\u89c4\u5b9a\uff0c\u4e8e\u5408\u6cd5\u3001\u6b63\u5f53\u4e0e\u7279\u5b9a\u76ee\u7684\u8303\u56f4\u5185\uff0c\u641c\u96c6\u3001\u5904\u7406\u53ca\u5229\u7528\u60a8\u7684\u4e2a\u4eba\u8d44\u6599\u3002<br \/>\n    1. \u6570\u636e\u6536\u96c6\u76ee\u7684 \uff1a<br \/>\n    2. \u4e3a\u63d0\u4f9b\u4e0e\u6539\u5584\u884c\u9500\u5feb\u624b\u670d\u52a1\uff0c\u672c\u516c\u53f8\u641c\u96c6\u60a8\u7684\u4e2a\u4eba\u8d44\u6599\uff0c\u76ee\u7684\u5305\u62ec\u4f46\u4e0d\u9650\u4e8e\uff1a<br \/>\n    <ul>\n      <li>\u63d0\u4f9b\u4e0e\u7ef4\u62a4\u670d\u52a1<\/li>\n      <li>\u8fdb\u884c\u6a21\u578b\u8bad\u7ec3\u6539\u5584\u4ea7\u54c1<\/li>\n      <li>\u5904\u7406\u4ea4\u6613\u4e0e\u8ba2\u5355<\/li>\n      <li>\u56de\u590d\u67e5\u8be2\u6216\u8bf7\u6c42<\/li>\n      <li>\u63d0\u4f9b\u8425\u9500\u4e0e\u63a8\u8350\u5185\u5bb9<\/li>\n      <li>\u7b26\u5408\u6cd5\u5f8b\u6216\u5951\u7ea6\u4e49\u52a1<\/li>\n    <\/ul>\n    3. \u6570\u636e\u5206\u7c7b \uff1a<br \/>\n    \u672c\u516c\u53f8\u53ef\u80fd\u53ef\u80fd\u641c\u96c6\u4e4b\u8d44\u6599\u5305\u62ec\uff1a<br \/>\n    <ul>\n      <li>\u59d3\u540d\u3001\u8054\u7edc\u65b9\u5f0f\u3001\u7535\u5b50\u90ae\u4ef6\u5730\u5740<\/li>\n      <li>IP\u5730\u5740\u3001\u6d4f\u89c8\u5668\u4e0e\u8bbe\u5907\u4fe1\u606f\u3001\u4f4d\u7f6e\u4fe1\u606f\u3001\u767b\u5165\u51ed\u8bc1<\/li>\n      <li>\u7ed1\u5b9a\u5e10\u53f7\u4e4b\u53d1\u6587\u4fe1\u606f\u3001\u793e\u56e2\u4fe1\u606f\u3001\u8d26\u53f7\u4fe1\u606f\u3001\u6d4f\u89c8\u7eaa\u5f55<\/li>\n      <li>\u4ea4\u6613\u7eaa\u5f55\u4e0e\u4ed8\u6b3e\u4fe1\u606f<\/li>\n      <li>\u4f7f\u7528\u5185\u5bb9\u4e0e\u4e92\u52a8\u7eaa\u5f55<\/li>\n      <li>\u7f51\u9875\u6d4f\u89c8\u53ca\u70b9\u51fb\u8bb0\u5f55\u7b49\u4e2a\u4eba\u8d44\u6599<\/li>\n    <\/ul>\n    4. \u4f7f\u7528\u671f\u95f4\u3001\u5730\u533a\u3001\u5bf9\u8c61\u4e0e\u65b9\u5f0f\uff1a<br \/>\n    \u60a8\u7684\u4e2a\u4eba\u8d44\u6599\u5c06\u5728\u672c\u516c\u53f8\u8fd0\u8425\u671f\u95f4\u5185\u4f7f\u7528\uff0c\u5e76\u4f1a\u5b58\u50a8\u4e8e\u53ef\u80fd\u50a8\u5b58\u4e8e\u53f0\u6e7e\u3001\u65b0\u52a0\u5761\u3001\u7f8e\u56fd\u6216\u5176\u4ed6\u5408\u6cd5\u5904\u7406\u4e2a\u8d44\u7684\u5730\u533a\u3002\n    \u6309\u6cd5\u5f8b\u5141\u8bb8\uff0c\u672c\u516c\u53f8\u5f97\u4e0e\u4ee5\u4e0b\u5bf9\u8c61\u5171\u4eab\u60a8\u7684\u4e2a\u4eba\u8d44\u6599\uff1a<br \/>\n    <ul>\n      <li>\u5408\u4f5c\u4f19\u4f34\u3001\u7cfb\u7edf\u670d\u52a1\u4f9b\u5e94\u5546<\/li>\n      <li>\u627f\u63fd\u5546\u3001\u4ee3\u7406\u5546\u3001\u91d1\u6d41\u670d\u52a1\u5382\u5546<\/li>\n      <li>\u4e3b\u7ba1\u673a\u5173\u6216\u6cd5\u5f8b\u8981\u6c42\u4e4b\u673a\u6784<\/li>\n    <\/ul>\n    5. \u60a8\u7684\u6743\u5229<br \/>\n    \u60a8\u53ef\u4f9d\u6cd5\u5411\u672c\u516c\u53f8\u7533\u8bf7\u884c\u4f7f\u4ee5\u4e0b\u6743\u5229<br \/>\n    <ul>\n      <li>\u67e5\u8be2\u6216\u8bf7\u6c42\u9605\u89c8<\/li>\n      <li>\u63d0\u4f9b\u60a8\u4e2a\u4eba\u6570\u636e\u7684\u590d\u5236\u672c<\/li>\n      <li>\u8865\u5145\u3001\u66f4\u6b63\u4e0d\u6b63\u786e\u8d44\u6599<\/li>\n      <li>\u505c\u6b62\u641c\u96c6\u3001\u5904\u7406\u6216\u5229\u7528<\/li>\n      <li>\u5220\u9664\u60a8\u7684\u4e2a\u4eba\u8d44\u6599<\/li>\n      <li>\u57fa\u4e8e\u672c\u516c\u53f8\u63d0\u4f9b\u670d\u52a1\u4e4b\u5fc5\u8981\uff0c\u90e8\u5206\u8d44\u6599\u6743\u5229\u53ef\u80fd\u53d7\u9650<\/li>\n      <li>\n        \u82e5\u60a8\u6b32\u884c\u4f7f\u4e0a\u8ff0\u4e2a\u4eba\u8d44\u6599\u76f8\u5173\u6743\u5229\uff0c\u8bf7\u900f\u8fc7\u4ee5\u4e0b\u7535\u5b50\u90ae\u4ef6\u4e0e\u6211\u4eec\u8054\u7cfb\uff1aaicoinmaker@gmail.com\n      <\/li>\n    <\/ul>\n    6. \u4e0d\u63d0\u4f9b\u4e2a\u4eba\u6570\u636e\u7684\u5f71\u54cd<br \/>\n    \u82e5\u60a8\u9009\u62e9\u4e0d\u63d0\u4f9b\u5fc5\u8981\u4e2a\u4eba\u8d44\u6599\uff0c\u53ef\u80fd\u65e0\u6cd5\u4f7f\u7528\u672c\u670d\u52a1\u4e4b\u90e8\u5206\u6216\u5168\u90e8\u529f\u80fd\u3002<br \/>\n    \u8bf7\u60a8\u5728\u4f7f\u7528\u3001\u6ce8\u518c\u6216\u8d2d\u4e70\u884c\u9500\u5feb\u624b\u524d\uff0c\u786e\u8ba4\u60a8\u5df2\u7ecf\u6e05\u695a\u4e86\u89e3\u672c\u540c\u610f\u4e66\u4e4b\u5168\u90e8\u5185\u5bb9\u3002\n    \u60a8\u6ce8\u518c\u6216\u4f7f\u7528\u672c\u670d\u52a1\uff0c\u5373\u89c6\u4e3a\u5df2\u9605\u8bfb\u3001\u7406\u89e3\u5e76\u540c\u610f\u672c\u6388\u6743\u540c\u610f\u4e66\u4e4b\u6240\u6709\u6761\u6b3e\uff0c\u5e76\u6388\u6743\u672c\u516c\u53f8\u4f9d\u636e\u4e0a\u8ff0\u5185\u5bb9\u53ca\u76f8\u5173\u6cd5\u89c4\u5904\u7406\u60a8\u7684\u4e2a\u4eba\u8d44\u6599\n  <\/div>\n\n  <!-- \u65b0\u589e\u7684\u4ed8\u6b3e\u65b9\u5f0f\u6d6e\u7a97 -->\n  <div id=\"paymentModal\" class=\"modal\">\n    <div class=\"modal-content\">\n      <span class=\"close\" style=\"font-size: 24px\">&times;<\/span>\n      <label style=\"font-size: 18px\">\n        <input\n          checked\n          type=\"radio\"\n          name=\"payment_method\"\n          value=\"stripe\"\n          required\n        \/>\n        Stripe (Mastercard\u3001Visa\u3001JCB\u3001Apple Pay\u3001AMEX) <\/label\n      ><br \/>\n      <br \/>\n      <button\n        id=\"confirmPayment\"\n        class=\"btn btn-primary\"\n        style=\"font-size: 18px\"\n      >\n        \u7acb\u5373\u8d2d\u4e70<\/button\n      ><br \/><br \/>*\u8bf7\u52ff\u4f7f\u7528\u4e0d\u660e\u91d1\u6d41\uff0c\u6211\u4eec\u5c06\u7ec8\u6b62\u60a8\u7684\u6240\u6709\u4f1a\u5458\u670d\u52a1\n    <\/div>\n  <\/div>\n  <div\n    id=\"paymentWarningModal\"\n    style=\"\n      display: none;\n      background: white;\n      padding: 20px 30px;\n      border-radius: 16px;\n      border: 1px solid #ccc;\n      width: 500px;\n      position: fixed;\n      top: 20%;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 1000;\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\n      font-family: Arial, sans-serif;\n    \"\n  >\n    <p\n      style=\"\n        color: #333;\n        font-size: 17px;\n        line-height: 1.6;\n        margin-bottom: 24px;\n      \"\n    >\n      \u26a0\ufe0f <strong>60\u5929\u5185\u6709\u8fc7\u4fe1\u7528\u5361\u8ba2\u9605<\/strong><br \/>\n      \u8bf7\u786e\u8ba4\u907f\u514d\u91cd\u590d\u6263\u6b3e\uff0c\u53ef\u586b\u5199\u8868\u5355\u6539\u65b9\u6848\u3002\n    <\/p>\n    <div style=\"display: flex; justify-content: flex-end\">\n      <button\n        onclick=\"window.open('https:\/\/forms.gle\/UzjvGmTrCV1DQTJd6', '_blank')\"\n        style=\"\n          background-color: #0866ff;\n          color: white;\n          border: none;\n          padding: 12px 24px;\n          font-size: 15px;\n          border-radius: 8px;\n          cursor: pointer;\n          margin-left: 10px;\n        \"\n      >\n        \ud83d\udc49 \u586b\u5199\u8868\u5355\u6539\u65b9\u6848\n      <\/button>\n      <button\n        onclick=\"$('#paymentWarningModal').hide()\"\n        style=\"\n          background-color: #ccc;\n          color: #333;\n          border: none;\n          padding: 12px 24px;\n          font-size: 15px;\n          border-radius: 8px;\n          cursor: pointer;\n          margin-left: 10px;\n        \"\n      >\n        \u5173\u95ed\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script\n  language=\"JavaScript\"\n  type=\"text\/javascript\"\n  src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"\n><\/script>\n<script>\n  window.memberInfo = null\n  window.phpAddonResult = null\n  window.memberExpired = null\n  window.memberPaymentType = null\n\n  const closeBtn = document.getElementById(\"closeModalBtn\")\n  const closeBtnMobile = document.getElementById(\"closeModalBtnMobile\")\n  const overlay = document.getElementById(\"modalOverlay\")\n  const modal = document.getElementById(\"modal\")\n\n  \/\/ \u958b\u555f modal\n  document.querySelectorAll(\".openModalBtn\").forEach((btn) => {\n    btn.addEventListener(\"click\", () => {\n      const id = btn.dataset.content \/\/ \u6293 data-content\n      const template = document.getElementById(id).innerHTML\n\n      modal.innerHTML = template \/\/ \u5c07\u5167\u5bb9\u585e\u9032 modal\n      overlay.style.display = \"flex\"\n    })\n  })\n\n  closeBtn.addEventListener(\"click\", () => {\n    overlay.style.display = \"none\"\n  })\n\n  closeBtnMobile.addEventListener(\"click\", () => {\n    overlay.style.display = \"none\"\n  })\n\n  \/\/ \u9ede\u64ca overlay \u80cc\u666f\u4e5f\u53ef\u4ee5\u95dc\u9589\uff08\u5982\u679c\u4e0d\u60f3\u8981\u53ef\u522a\u6389\uff09\n  overlay.addEventListener(\"click\", (e) => {\n    if (e.target === overlay) {\n      overlay.style.display = \"none\"\n    }\n  })\n\n  document.querySelectorAll(\".open-modal\").forEach((btn) => {\n    btn.addEventListener(\"click\", () => {\n      const id = btn.dataset.content \/\/ \u6293 data-content\n      const template = document.getElementById(id).innerHTML\n\n      modal.innerHTML = template \/\/ \u5c07\u5167\u5bb9\u585e\u9032 modal\n      overlay.style.display = \"block\"\n    })\n  })\n\n  \/\/ \u8a08\u7b97\u52a0\u8cfc\u8cbb\u7528\n  function calculateAddonCost() {\n    return new Promise((resolve, reject) => {\n      const email = $(\"#customerEmail\").val()\n      const newVersion = $(\"#order_version\").val()\n\n      \/\/ \u6aa2\u67e5\u662f\u5426\u5df2\u67e5\u8a62\u6703\u54e1\n      if (!window.memberInfo || email !== window.memberInfo.email) {\n        reject(alert(\"\u8bf7\u5148\u8f93\u5165Email\"))\n        return\n      }\n\n      \/\/ \u6aa2\u67e5\u662f\u5426\u9078\u64c7\u7248\u672c\n      if (!newVersion) {\n        reject(alert(\"\u8bf7\u9009\u62e9\u65b9\u6848\"))\n        return\n      }\n\n      if (newVersion != 4) {\n        \/\/ \u8a08\u7b97\u65b0\u7684 ranking \u503c\n        const oldRanking = window.memberInfo.ranking\n        const newRanking = calculateNewRanking(newVersion)\n\n        \/\/ \u986f\u793a\u8a08\u7b97\u4e2d\u72c0\u614b\n        $(\"#calculateButton\").prop(\"disabled\", true).text(\"Calculating...\")\n\n        \/\/ \u8abf\u7528 API\n        $.ajax({\n          url: \"https:\/\/snappost.tech\/NewebPay\/count_add.php\",\n          method: \"GET\",\n          data: {\n            oldVersion: oldRanking,\n            newVersion: newRanking,\n            oldExpireDate: window.memberInfo.expired_date,\n            buyDate: new Date().toISOString().split(\"T\")[0], \/\/ \u4eca\u5929\u65e5\u671f YYYY-MM-DD\n            country: \"us\",\n          },\n          dataType: \"json\",\n          timeout: 10000,\n          beforeSend: function (xhr, settings) {\n            console.log(\"\u767c\u9001\u7684 data:\", settings.data)\n            console.log(\n              \"oldRanking:\",\n              oldRanking,\n              \"(type:\",\n              typeof oldRanking,\n              \")\"\n            )\n            console.log(\n              \"newRanking:\",\n              newRanking,\n              \"(type:\",\n              typeof newRanking,\n              \")\"\n            )\n          },\n          success: function (response) {\n            console.log(\"\u8a08\u7b97\u7d50\u679c:\", response)\n\n            if (response.error) {\n              $(\"#price\").text(\"USD  0\")\n              reject(alert(\"\u8ba1\u7b97\u9519\u8bef: \" + response.error))\n            } else {\n              \/\/ \u89e3\u6c7a Promise \u4e26\u8fd4\u56de extraAmount\n              resolve(response)\n            }\n          },\n          error: function (xhr, status, error) {\n            console.error(\"\u8a08\u7b97\u932f\u8aa4:\", error, xhr.responseText)\n            $(\"#price\").text(\"USD  0\")\n            let errorMessage = \"\u8ba1\u7b97\u5931\u8d25\"\n            if (status === \"timeout\") {\n              errorMessage = \"\u8d85\u65f6,\u8bf7\u7a0d\u540e\u518d\u8bd5\"\n            } else if (xhr.status === 0) {\n              errorMessage = \"\u7f51\u7edc\u9519\u8bef\"\n            } else {\n              errorMessage = \"\u8ba1\u7b97\u9519\u8bef (${xhr.status})\"\n            }\n\n            reject(alert(errorMessage))\n          },\n        })\n      } else {\n        \/\/ \u5982\u679c newVersion \u662f 4\uff0c\u76f4\u63a5\u8fd4\u56de 0\n        resolve(0)\n      }\n    })\n  }\n\n  \/\/ \u8a08\u7b97\u65b0\u7684 ranking \u503c\n  function calculateNewRanking(newVersion) {\n    newRanking = parseInt(newVersion)\n    \/\/ \u6839\u64da\u7576\u524d\u9078\u4e2d\u7684\u52a0\u8cfc\u9805\u76ee\u65b0\u589e\u529f\u80fd\n    if ($(\"#deletePost\").is(\":checked\")) {\n      newRanking += 1000000 \/\/ \u7b2c7\u4f4d\uff1a\u81ea\u52d5\u522a\u6587\n    }\n    if ($(\"#addClub\").is(\":checked\")) {\n      newRanking += 10 \/\/ \u7b2c2\u4f4d\uff1a\u81ea\u52d5\u52a0\u5165\u793e\u5718\n    }\n    if ($(\"#urlComment\").is(\":checked\")) {\n      newRanking += 100000 \/\/ \u7b2c6\u4f4d\uff1a\u6307\u5b9a\u8cbc\u6587\u7559\u8a00\n    }\n    if ($(\"#homeComment\").is(\":checked\")) {\n      newRanking += 1000 \/\/ \u7b2c4\u4f4d\uff1a\u71b1\u9580\u8cbc\u6587\u7559\u8a00\n    }\n    if ($(\"#postMul\").is(\":checked\")) {\n      newRanking += 10000 \/\/ \u7b2c5\u4f4d\uff1a\u591a\u5e33\u865f\u8a2d\u5b9a\u767c\u6587\n    }\n\n    return newRanking\n  }\n\n  \/\/ \u66f4\u65b0\u52a0\u8cfc\u9805\u76ee\u986f\u793a\u72c0\u614b\n  function updateAddonItemsDisplay(decodedRanking) {\n    \/\/ \u672a\u904e\u671f\n    if (window.memberExpired === 0 && window.memberInfo.ranking % 10 != 4) {\n      \/\/ \u8655\u7406\u81ea\u52d5\u52a0\u5165\u793e\u5718\n      if (decodedRanking.addClub === 1) {\n        $(\"#addClub\").prop(\"checked\", true)\n        addonStatus.addClub = true\n      }\n\n      \/\/ \u8655\u7406\u6307\u5b9a\u8cbc\u6587\u7559\u8a00\n      if (decodedRanking.urlComment === 1) {\n        $(\"#urlComment\").prop(\"checked\", true)\n        addonStatus.urlComment = true\n      }\n    }\n  }\n\n  \/\/ \u6e05\u9664\u52a0\u8cfc\u9805\u76ee\u72c0\u614b\uff08\u7576\u67e5\u8a62\u5931\u6557\u6216\u67e5\u7121\u6703\u54e1\u6642\uff09\n  function clearAddonItemsDisplay() {\n    Object.keys(addonStatus).forEach(function (key) {\n      $(\"#\" + key).prop(\"checked\", false)\n      addonStatus[key] = false\n    })\n  }\n\n  function queryMember() {\n    const email = $(\"#customerEmail\").val()\n\n    if (!email) {\n      alert(\"\u8bf7\u5148\u8f93\u5165Email\")\n      return\n    }\n\n    \/\/ \u986f\u793a\u8f09\u5165\u4e2d\u72c0\u614b\n    $(\"#searchButton\").prop(\"disabled\", true).text(\"Querying...\")\n    $(\"#ResultContainer\").show()\n    $(\"#memberResult\").html(`\n            <div style=\"color: blue;\">\n                \u67e5\u8be2\u4e2d,\u8bf7\u7a0d\u5019...\n            <\/div>\n        `)\n\n    $.ajax({\n      url: \"https:\/\/snappost.tech\/NewebPay\/get_usr_bill.php\",\n      method: \"GET\",\n      data: { email: email },\n      dataType: \"json\",\n      timeout: 10000,\n      success: function (response) {\n        console.log(\"API \u56de\u61c9:\", response)\n        processQueryResponse(response)\n      },\n      error: function (xhr, status, error) {\n        console.error(\"API \u932f\u8aa4:\", error, xhr.responseText)\n\n        window.memberInfo = null\n        window.phpAddonResult = null\n        window.memberExpired = null\n        window.memberPaymentType = null\n\n        let errorMessage = \"Query failed\"\n        if (status === \"timeout\") {\n          errorMessage = \"\u67e5\u8be2\u8d85\u65f6,\u8bf7\u7a0d\u540e\u518d\u8bd5\"\n        } else if (xhr.status === 0) {\n          errorMessage = \"\u7f51\u7edc\u9519\u8bef\"\n        } else if (xhr.status >= 500) {\n          errorMessage = \"\u670d\u52a1\u5668\u9519\u8bef,\u8bf7\u7a0d\u540e\u518d\u8bd5\"\n        } else {\n          errorMessage = `Query error (${xhr.status})`\n        }\n\n        $(\"#memberResult\").html(`\n                        <div style=\"color: red;\">\n                            \u274c ${errorMessage}<br>\n                            <small>\u8bf7\u68c0\u67e5Email\u662f\u5426\u6b63\u786e\u6216\u8054\u7cfb\u5ba2\u670d<\/small>\n                        <\/div>\n                    `)\n      },\n      complete: function () {\n        $(\"#searchButton\").prop(\"disabled\", false).text(\"\u67e5\u8a62\")\n      },\n    })\n  }\n\n  \/\/ \u8655\u7406\u67e5\u8a62\u56de\u61c9\u7684\u5171\u7528\u51fd\u6578\n  function processQueryResponse(response) {\n    if (response.status === false) {\n      \/\/ \u67e5\u7121\u6b64 email\n      window.memberInfo = null\n      window.phpAddonResult = null\n      window.memberExpired = null\n      window.memberPaymentType = null\n      let userinput = document.getElementById(\"customerEmail\").value\n      document.getElementById(\"customerEmail\").value = \"\"\n      $(\"#memberResult\").html(`\n                <div style=\"color: red;\">\n                    \u274c \u6ca1\u6709\u627e\u5230\u8fd9\u4e2aGmail\u7684\u4f1a\u5458,\u8bf7\u68c0\u67e5\u5e76\u91cd\u65b0\u8f93\u5165!\n                <\/div>\n            `)\n\n      \/\/ \u6e05\u9664\u52a0\u8cfc\u9805\u76ee\u72c0\u614b\n      \/\/ clearAddonItemsDisplay();\n      \/\/ $(\"#price\").text('USD  0');\n    } else {\n      \/\/ \u6210\u529f\u53d6\u5f97\u6703\u54e1\u8cc7\u6599\n      window.memberInfo = {\n        email: response.email,\n        ranking: parseInt(response.ranking),\n        expired_date: response.expired_date,\n      }\n\n      \/\/ \u5224\u65b7\u662f\u5426\u904e\u671f\n      const today = new Date()\n      const expiredDate = new Date(response.expired_date)\n      window.memberExpired = expiredDate < today ? 1 : 0\n\n      \/\/ \u8a2d\u5b9a\u4ed8\u6b3e\u985e\u578b\n      window.memberPaymentType = response.isRegular ? \"subscription\" : \"onetime\"\n\n      \/\/ \u89e3\u6790 ranking \u53d6\u5f97\u52a0\u8cfc\u72c0\u614b\n      const decodedRanking = decodeRanking(window.memberInfo.ranking)\n\n      \/\/ \u5224\u65b7\u52a0\u8cfc\u72c0\u614b (\u5982\u679c\u6240\u6709\u52a0\u8cfc\u90fd\u662f0\uff0c\u5247\u70ba\u672a\u8cfc\u8cb7=1\uff0c\u5426\u5247\u70ba\u5df2\u8cfc\u8cb7=0)\n      const hasAnyAddon =\n        decodedRanking.addClub ||\n        decodedRanking.shopping ||\n        decodedRanking.homeComment ||\n        decodedRanking.postMul ||\n        decodedRanking.urlComment ||\n        decodedRanking.deletePost\n      window.phpAddonResult = hasAnyAddon ? 0 : 1\n\n      \/\/ \u53d6\u5f97\u65b9\u6848\u540d\u7a31\n      const planNames = [\"\u8c6a\u534e\u7248\", \"\u6807\u51c6\u7248\", \"\u4e2a\u4eba\u7248\", \"\u4f01\u4e1a\u7248\", \"\u8bd5\u7528\u7248\"]\n      const planName = planNames[decodedRanking.plan] || \"\u672a\u77e5\u65b9\u6848\"\n      if (window.memberPaymentType === \"subscription\") {\n        \/\/ alert('60\u5929\u5167\u6709\u4fe1\u7528\u5361\u8a02\u95b1\uff0c\u8acb\u78ba\u8a8d\u907f\u514d\u91cd\u8907\u6263\u6b3e\u3002')\n        $(\"#paymentWarningModal\").show()\n      }\n      \/\/ \u986f\u793a\u8a73\u7d30\u6703\u54e1\u8cc7\u6599\n      if (decodedRanking.plan == 4) {\n        $(\"#memberResult\").html(`\n                    <div style=\"color: black;\">\n                        <strong>\u4f1a\u54e1\u67e5\u8be2\u7ed3\u679c:<\/strong><br>\n                        \ud83c\udfaf \u65b9\u6848: ${planName} <br>\n                `)\n      } else {\n        $(\"#memberResult\").html(`\n                    <div style=\"color: black;\">\n                        <strong>\u4f1a\u54e1\u67e5\u8be2\u7ed3\u679c:<\/strong><br>\n                        \ud83c\udfaf \u65b9\u6848: ${planName} <br>\n                        \ud83d\udcc5 \u5230\u671f\u65e5: ${window.memberInfo.expired_date}<br>\n                        <br>\n                        <strong>\u5df2\u8d2d\u4e70\u7684\u52a0\u8d2d\u670d\u52a1:<\/strong><br>\n                        ${decodedRanking.addClub ? \"\u2705 \u81ea\u52a8\u52a0\u5165\u793e\u56e2<br>\" : \"\"}\n                        ${decodedRanking.shopping ? \"\u2705 \u793e\u56e2\u62cd\u5356\u5546\u54c1<br>\" : \"\"}\n                        ${\n                          decodedRanking.homeComment\n                            ? \"\u2705 \u70ed\u95e8\u8d34\u6587\u7559\u8a00<br>\"\n                            : \"\"\n                        }\n                        ${decodedRanking.postMul ? \"\u2705 \u6279\u91cf\u53d1\u6587\u52a0\u793e\u56e2<br>\" : \"\"}\n                        ${\n                          decodedRanking.urlComment ? \"\u2705 \u6307\u5b9a\u8d34\u6587\u7559\u8a00<br>\" : \"\"\n                        }\n                        ${\n                          decodedRanking.deletePost ? \"\u2705 \u81ea\u52a8\u5220\u9664\u8d34\u6587<br>\" : \"\"\n                        }\n                        ${!hasAnyAddon ? \"\u274c \u672a\u8d2d\u4e70\u4efb\u4f55\u52a0\u8d2d\u670d\u52a1\" : \"\"}\n                    <\/div>\n                `)\n      }\n\n      \/\/ \u66f4\u65b0\u52a0\u8cfc\u9805\u76ee\u986f\u793a\u72c0\u614b\n      updateAddonItemsDisplay(decodedRanking)\n      if (decodedRanking.plan >= 0 && decodedRanking.plan < 4) {\n        $(\"#order_version\").val(decodedRanking.plan)\n        changeMonth()\n        changePrice()\n      }\n    }\n  }\n\n  \/\/ ranking \u89e3\u8b80\u51fd\u6578\n  function decodeRanking(ranking) {\n    const plan = ranking % 10\n    const addClub = Math.floor((ranking % 100) \/ 10)\n    const shopping = Math.floor((ranking % 1000) \/ 100)\n    const homeComment = Math.floor((ranking % 10000) \/ 1000)\n    const postMul = Math.floor((ranking % 100000) \/ 10000)\n    const urlComment = Math.floor((ranking % 1000000) \/ 100000)\n    const deletePost = Math.floor((ranking % 10000000) \/ 1000000)\n\n    return {\n      plan: plan, \/\/ \u65b9\u6848\u7b49\u7d1a (0,1,2,3)\n      addClub: addClub, \/\/ \u81ea\u52d5\u52a0\u5165\u793e\u5718 (0,1)\n      shopping: shopping, \/\/ \u793e\u5718\u62cd\u8ce3\u5546\u54c1 (0,1)\n      homeComment: homeComment, \/\/ \u71b1\u9580\u8cbc\u6587\u7559\u8a00 (0,1)\n      postMul: postMul, \/\/ \u6279\u91cf\u767c\u6587\u52a0\u793e\u5718 (0,1)\n      urlComment: urlComment, \/\/ \u6307\u5b9a\u8cbc\u6587\u7559\u8a00 (0,1)\n      deletePost: deletePost, \/\/ \u81ea\u52d5\u522a\u9664\u8cbc\u6587 (0,1)\n    }\n  }\n<\/script>\n<script>\n  function onSignIn(googleUser) {\n    var profile = googleUser.getBasicProfile()\n    \/\/   console.log('ID: ' + profile.getId()); \/\/ Do not send to your backend! Use an ID token instead.\n    \/\/   console.log('id_token: ' + googleUser.getAuthResponse().id_token);\n\n    console.log(\"Email: \" + profile.getEmail()) \/\/ This is null if the 'email' scope is not present.\n    $(\"#customerEmail\")[0].value = profile.getEmail()\n  }\n  var order_version = document.getElementById(\"order_version\")\n  var order_quantity = document.getElementById(\"order_quantity\")\n  var price = document.getElementById(\"price\")\n  \/\/ \u5c07\u52a0\u8cfc\u9805\u76ee\u72c0\u614b\u7d71\u4e00\u7ba1\u7406\n  var addonStatus = {\n    deletePost: false,\n    addClub: false,\n    \/\/ shopping: true,\n    homeComment: false,\n    urlComment: false,\n    IGAuto: false,\n    postMul: false,\n  }\n  \/\/ \u96c6\u4e2d\u7ba1\u7406\u52a0\u8cfc\u50f9\u683c\n  const addonPrices = {\n    deletePost: 9.9,\n    addClub: 16.9,\n    \/\/ shopping: 300, \/\/ \u82e5\u8981\u555f\u7528\u52a0\u8cfc\u50f9\uff0c\u53d6\u6d88\u8a3b\u89e3\n    homeComment: 16.9,\n    urlComment: 16.9,\n    IGAuto: 33.9,\n    postMul: 67.9,\n  }\n  var Regular = false\n  var RegularStripe = false\n\n  const roundTo = (value, decimals = 2) => {\n    const factor = 10 ** decimals\n    return Math.round((value + Number.EPSILON * 1000) * factor) \/ factor\n  }\n\n  \/\/ \u5275\u5efa\u5171\u7528\u51fd\u6578\u4f86\u8655\u7406\u8a02\u95b1\u908f\u8f2f\n  function handleSubscriptionChange(currentType, otherType) {\n    if (currentType === \"Regular\") {\n      Regular = $(\"#Regular\").is(\":checked\")\n      if (Regular) {\n        RegularStripe = false\n        $(\"#RegularStripe\").prop(\"checked\", false)\n      }\n    } else if (currentType === \"RegularStripe\") {\n      RegularStripe = $(\"#RegularStripe\").is(\":checked\")\n      if (RegularStripe) {\n        Regular = false\n        $(\"#Regular\").prop(\"checked\", false)\n      }\n    }\n\n    changePrice()\n    changeMonth()\n  }\n\n  order_version.addEventListener(\"change\", (event) => {\n    changePrice()\n    changeMonth()\n  })\n  order_quantity.addEventListener(\"change\", (event) => {\n    changePrice()\n  })\n\n  \/\/ \u7d71\u4e00\u8655\u7406\u52a0\u8cfc\u9805\u76ee\u9ede\u64ca\u4e8b\u4ef6\n  Object.keys(addonStatus).forEach(function (id) {\n    $(\"#\" + id).on(\"click\", function () {\n      addonStatus[id] = $(this).is(\":checked\")\n      changePrice()\n      changeMonth()\n    })\n  })\n  $(\"#Regular\").click(function () {\n    handleSubscriptionChange(\"Regular\", \"RegularStripe\")\n  })\n  $(\"#RegularStripe\").click(function () {\n    handleSubscriptionChange(\"RegularStripe\", \"Regular\")\n  })\n\n  var percentageDiscount = true\n  \/\/ \u7372\u53d6\u65b0\u6dfb\u52a0\u7684checkbox\u5143\u7d20\u548c\u884c\u5143\u7d20\n  var percentageDiscountCheckbox = document.getElementById(\"percentageDiscount\")\n  var percentageDiscountRow = document.getElementById(\"percentageDiscountRow\")\n\n  function isAnySubscriptionSelected() {\n    return Regular || RegularStripe\n  }\n\n  async function changePrice() {\n    if (!window.memberInfo) {\n      if ($(\"#customerEmail\").val()) {\n        queryMember()\n        showToast(\"\u4f1a\u5458\u67e5\u8be2\u5b8c\u6210,\u8bf7\u68c0\u67e5\u7ed3\u679c\")\n      }\n      showToast(\"\u8bf7\u5148\u8f93\u5165\u6709\u6548\u7684\u4f1a\u5458Gmail\")\n    }\n    var versionPrice = 0\n    if (order_version.value == 0) {\n      versionPrice = 119.9\n      document.getElementById(\"AccNum\").innerHTML = \"100\"\n      document.getElementById(\"DayNum\").innerHTML = \"3.96\"\n    } else if (order_version.value == 1) {\n      versionPrice = 84.9\n      document.getElementById(\"AccNum\").innerHTML = \"3\"\n      document.getElementById(\"DayNum\").innerHTML = \"3.3\"\n    } else if (order_version.value == 2) {\n      versionPrice = 49.9\n      document.getElementById(\"AccNum\").innerHTML = \"1\"\n      document.getElementById(\"DayNum\").innerHTML = \"1.96\"\n    } else if (order_version.value == 3) {\n      versionPrice = 169.9\n      document.getElementById(\"AccNum\").innerHTML = \"Unlimited\"\n      document.getElementById(\"DayNum\").innerHTML = \"6.6\"\n    } else if (order_version.value == 9) {\n      versionPrice = 0\n      document.getElementById(\"AccNum\").innerHTML = \"0\"\n      document.getElementById(\"DayNum\").innerHTML = \"0\"\n      $(\"#RegularTitle\").hide()\n      $(\"#RegularLabel\").hide()\n      $(\"#RegularStripeLabel\").hide()\n    }\n    \/\/ document.getElementById(\"price_origin\").innerHTML = \"USD  \" + versionPrice*2;\n    document.getElementById(\"price_new\").innerHTML = \"USD  \" + versionPrice\n    \/\/ \u4f01\u696d\u7248\u96b1\u85cf\u52a0\u8cfc\uff0c\u5176\u4ed6\u986f\u793a\n    if (order_version.value == 3) {\n      toggleAddonItems(true)\n    } else {\n      toggleAddonItems(false)\n      \/\/ \u7d71\u4e00\u52a0\u8cfc\u52a0\u50f9\n      Object.keys(addonPrices).forEach(function (key) {\n        if (addonStatus[key]) versionPrice += addonPrices[key]\n      })\n    }\n    \/\/ ... existing code ...\n\n    if (\n      window.memberInfo &&\n      !window.memberExpired &&\n      window.memberInfo.ranking % 10 != 4 &&\n      window.memberInfo.ranking % 10 != 3 &&\n      !isAnySubscriptionSelected()\n    ) {\n      let addonInfo = await calculateAddonCost()\n      addonPrice = addonInfo.extraAmount\n      console.log(\"\u8a08\u7b97\u7684\u52a0\u8cfc\u8cbb\u7528: \" + addonPrice)\n      console.log(\"\u7248\u672c\u50f9\u683c: \" + versionPrice)\n      let quantity = Number(order_quantity.value)\n      priceTotal = roundTo(versionPrice * quantity + addonPrice, 2)\n      if (priceTotal < 0) priceTotal = 0\n      \/\/ \u7f8e\u5316\u986f\u793a\u5167\u5bb9\n      let html = `\n                  Price difference: ${\n                    addonInfo.addedPricePerMonth\n                  } USD x ${addonInfo.months.toFixed(\n        4\n      )} months remaining =  USD ${addonPrice}<br> \n                `\n      if (order_version.value != \"9\") {\n        html =\n          html +\n          `New member price: ${roundTo(\n            versionPrice,\n            2\n          )} USD x ${quantity} months =  USD ${roundTo(\n            versionPrice * quantity,\n            2\n          )}<br>`\n      }\n      document.getElementById(\"add_on_cal\").innerHTML = html\n    } else {\n      if (order_version.value == 9) {\n        alert(\"\u9700\u8981\u6709\u6548\u7684\u4f1a\u5458\u624d\u80fd\u8d2d\u4e70\u52a0\u8d2d\u670d\u52a1\")\n      }\n      priceTotal = versionPrice * order_quantity.value\n      \/\/ \u56db\u6368\u4e94\u5165\u5c0f\u6578\u9ede\u5f8c\u5169\u4f4d\n      priceTotal = roundTo(priceTotal, 2)\n      document.getElementById(\"add_on_cal\").innerHTML = \"\"\n    }\n    if (isAnySubscriptionSelected()) {\n      price.innerHTML =\n        `<strike>\n                      <span style='color:black' id=\"price_origin\">USD ` +\n        priceTotal * 1 +\n        `<\/span>\n                    <\/strike><br><a id=\"price_new\">USD ` +\n        roundTo(priceTotal * 0.9, 2) +\n        `<\/a>`\n    } else {\n      if (\n        order_quantity.value == 3 ||\n        order_quantity.value == 6 ||\n        order_quantity.value == 12\n      ) {\n        let discountRate = 0\n        if (order_quantity.value == 3) discountRate = 0.05\n        if (order_quantity.value == 6) discountRate = 0.1\n        if (order_quantity.value == 12) discountRate = 0.15\n\n        let finalAmount = roundTo(priceTotal * (1 - discountRate), 2)\n        let discountAmount = roundTo(priceTotal - finalAmount, 2)\n        price.innerHTML =\n          `\n                        <strike style='color:red'>\n                        <span style='color:black' id=\"price_origin\">Was : USD ` +\n          priceTotal * 2 +\n          `<\/span>\n                        <\/strike><br>\n                        <span style='color:black'>$ ${priceTotal}<\/span> \n                        - <span style='color:red'>$ ${discountAmount}<\/span> \n                        = <a style='color:red'>USD ${finalAmount}<\/a>`\n\n        $(\"#RegularTitle\").hide()\n        $(\"#RegularLabel\").hide()\n        $(\"#RegularStripeLabel\").hide()\n      } else {\n        price.innerHTML = \"USD \" + priceTotal\n        if (order_version.value != 9) {\n          $(\"#RegularTitle\").show()\n          $(\"#RegularLabel\").show()\n          $(\"#RegularStripeLabel\").show()\n        }\n      }\n    }\n    var discount = 0\n    var discountPercentage = \"\"\n    let discountRate = 0\n    if (order_quantity.value == 3) {\n      discountRate = 0.05\n      discountPercentage = \"5% off\"\n    } else if (order_quantity.value == 6) {\n      discountRate = 0.1\n      discountPercentage = \"10% off\"\n    } else if (order_quantity.value == 12) {\n      discountRate = 0.15\n      discountPercentage = \"15% off\"\n    }\n\n    let finalAmount = roundTo(priceTotal * (1 - discountRate), 2)\n    discount = roundTo(priceTotal - finalAmount, 2)\n    $(\"#discount_percentage\").html(`${discountPercentage}`)\n    $(\"#discount_value\").html(\n      `Discount: <span class=\"mobile-break\"><br><\/span><span class=\"desktop-break\"> <\/span>${discount} USD`\n    )\n  }\n  var order_version = document.getElementById(\"order_version\")\n  var order_quantity = document.getElementById(\"order_quantity\")\n\n  function changeMonth() {\n    if (isAnySubscriptionSelected()) {\n      $(\"#order_quantity\").html(`<option value=\"1\">\u81ea\u52a8\u7eed\u8d39<\/option>`)\n      \/\/ \u53ea\u9700\u96b1\u85cf\u50c5\u52a0\u8cfc\u9078\u9805\n      $(\"#order_version option[value='9']\").prop(\"disabled\", true).hide()\n    } else {\n      \/\/ \u986f\u793a\u50c5\u52a0\u8cfc\u9078\u9805\n      $(\"#order_version option[value='9']\").prop(\"disabled\", false).show()\n      if (order_version.value != 9) {\n        let quantity_value = $(\"#order_quantity\").val()\n        $(\"#order_quantity\").html(` \n                    <option selected value=\"\">\u9009\u62e9\u6570\u91cf<\/option>\n                    <option value=\"1\">1 \u4e2a\u6708 <\/option>\n                    <option value=\"2\">2 \u4e2a\u6708<\/option>         \n                    <option value=\"3\">3 \u4e2a\u6708 - 5% off<\/option>\n                    <option value=\"6\">6 \u4e2a\u6708 -  10% off<\/option>\n                    <option value=\"12\">12 \u4e2a\u6708 - 15% off<\/option>\n                `)\n        if ($(`#order_quantity option[value='${quantity_value}']`).length > 0) {\n          $(\"#order_quantity\").val(quantity_value)\n        }\n      } else {\n        $(\"#order_quantity\").html(`<option value=\"0\" select>\u4ec5\u52a0\u8d2d<\/option>`)\n      }\n    }\n    changePrice()\n  }\n<\/script>\n\n<script>\n  $(document).ready(function () {\n    $(\"#checkDiscount\").change(function () {\n      if ($(this).is(\":checked\")) {\n        $(\"#divDiscount\").show()\n      } else {\n        $(\"#divDiscount\").hide()\n        $(\"#Discount\").val(\"\")\n      }\n    })\n  })\n<\/script>\n\n<script>\n  \/\/ \u53d6\u5f97\u5143\u7d20\u7684\u53c3\u8003\n  const discountInput = document.getElementById(\"Discount\")\n  const discountWord = document.getElementById(\"DiscountWord\")\n\n  \/\/ \u76e3\u807d input \u5143\u7d20\u7684\u8b8a\u5316\n  discountInput.addEventListener(\"input\", function () {\n    switch (discountInput.value) {\n      case \"NEW300\":\n        discountWord.textContent = \" \u65b0\u7528\u6237\u4f18\u60e0300\u5143\"\n        break\n      case \"OLD300\":\n        discountWord.textContent = \" \u8001\u5ba2\u6237\u4f18\u60e0300\u5143\"\n        break\n      default:\n        discountWord.textContent = \" Promotion code not found\"\n        break\n    }\n  })\n<\/script>\n\n<script>\n  \/\/ \u663e\u793a\u5de5\u5177\u63d0\u793a\u7684\u51fd\u6570\n  function showTooltip() {\n    var tooltip = document.getElementById(\"imageTooltip\")\n    tooltip.style.display = \"block\"\n  }\n\n  \/\/ \u9690\u85cf\u5de5\u5177\u63d0\u793a\u7684\u51fd\u6570\n  function hideTooltip() {\n    var tooltip = document.getElementById(\"imageTooltip\")\n    tooltip.style.display = \"none\"\n  }\n\n  \/\/ \u83b7\u53d6\u94fe\u63a5\u5143\u7d20\n  var auctionLink = document.getElementById(\"auctionLink\")\n \n  if (auctionLink) {\n      \/\/ \u76d1\u542c\u9f20\u6807\u79fb\u4e0a\u548c\u70b9\u51fb\u4e8b\u4ef6\u6765\u663e\u793a\u5de5\u5177\u63d0\u793a\n      auctionLink.addEventListener(\"mouseover\", showTooltip)\n      auctionLink.addEventListener(\"click\", showTooltip)\n    \n      \/\/ \u53ef\u9009\uff1a\u5982\u679c\u60a8\u60f3\u8ba9\u5de5\u5177\u63d0\u793a\u5728\u9f20\u6807\u79fb\u51fa\u65f6\u9690\u85cf\n      auctionLink.addEventListener(\"mouseout\", hideTooltip)\n  }\n\n\n  \/\/ \u76d1\u542c\u9875\u9762\u70b9\u51fb\u4e8b\u4ef6\uff0c\u5f53\u70b9\u51fb\u975e\u5de5\u5177\u63d0\u793a\u533a\u57df\u65f6\u9690\u85cf\u5de5\u5177\u63d0\u793a\n  document.addEventListener(\"click\", function (event) {\n    var tooltip = document.getElementById(\"imageTooltip\")\n    if (\n      !auctionLink.contains(event.target) &&\n      !tooltip.contains(event.target)\n    ) {\n      hideTooltip()\n    }\n  })\n<\/script>\n<script>\n  $(document).ready(function () {\n    $(\"#deletePost\").prop(\"checked\", true)\n    addonStatus[\"deletePost\"] = true\n    \/\/ Function to get URL parameters\n    function getUrlParameter(name) {\n      name = name.replace(\/[\\[]\/, \"\\\\[\").replace(\/[\\]]\/, \"\\\\]\")\n      var regex = new RegExp(\"[\\\\?&]\" + name + \"=([^&#]*)\")\n      var results = regex.exec(window.location.search)\n      return results === null\n        ? \"\"\n        : decodeURIComponent(results[1].replace(\/\\+\/g, \" \"))\n    }\n\n    \/\/ Extract email parameter from the URL\n    var email = getUrlParameter(\"email\")\n\n    \/\/ Set the value of the element with id 'customerEmail' to the email parameter\n    if (email) {\n      document.getElementById(\"customerEmail\").value = email\n      queryMember()\n    }\n    console.log(\"Document ready\")\n\n    \/\/ \u83b7\u53d6 modal \u5143\u7d20\n    var modal = document.getElementById(\"paymentModal\")\n\n    \/\/ \u83b7\u53d6 <span> \u5143\u7d20\uff0c\u7528\u4e8e\u5173\u95ed modal\n    var span = document.getElementsByClassName(\"close\")[0]\n\n    \/\/ \u83b7\u53d6\u786e\u8ba4\u4ed8\u6b3e\u6309\u94ae\n    var confirmButton = document.getElementById(\"confirmPayment\")\n\n    \/\/ \u5f53\u7528\u6237\u70b9\u51fb <span> (x)\uff0c\u5173\u95ed modal\n    span.onclick = function () {\n      console.log(\"Close button clicked\")\n      modal.style.display = \"none\"\n    }\n\n    \/\/ \u5f53\u7528\u6237\u70b9\u51fb\u786e\u8ba4\u4ed8\u6b3e\u6309\u94ae\uff0c\u63d0\u4ea4\u8868\u5355\n    confirmButton.onclick = function () {\n      console.log(\"Confirm payment button clicked\")\n      var selectedPaymentMethod = document.querySelector(\n        'input[name=\"payment_method\"]:checked'\n      )\n      if (selectedPaymentMethod) {\n        document.getElementById(\"payment_method_hidden\").value =\n          selectedPaymentMethod.value\n\n        console.log(\"Selected payment method:\", selectedPaymentMethod.value)\n        modal.style.display = \"none\"\n        console.log(\"Submitting form\")\n        document.getElementById(\"paymentForm\").submit()\n      } else {\n        alert(\"\u8bf7\u9009\u62e9\u652f\u4ed8\u65b9\u5f0f\")\n      }\n    }\n\n    $(\"#buyNowButton\").on(\"click\", function (event) {\n      console.log(\"Buy now button clicked\")\n\n      \/\/ \u68c0\u67e5 Gmail \u548c\u8d2d\u4e70\u6570\u91cf\u662f\u5426\u5df2\u586b\u5199\n      var customerEmail = $(\"#customerEmail\").val()\n      var orderQuantity = $(\"#order_quantity\").val()\n      var orderVersion = $(\"#order_version\").val() \/\/ \u7372\u53d6\u9078\u64c7\u7684\u65b9\u6848\u7248\u672c\n\n      \/\/ \u6aa2\u67e5\u662f\u5426\u9078\u64c7\u4e86\u7248\u672c\n      if (!orderVersion) {\n        event.preventDefault() \/\/ \u9632\u6b62\u8868\u55ae\u63d0\u4ea4\n        alert(\"\u8bf7\u9009\u62e9\u65b9\u6848\") \/\/ \u63d0\u793a\u7528\u6236\u9078\u64c7\u65b9\u6848\n        return\n      }\n\n      if (!customerEmail || orderQuantity === \"\") {\n        event.preventDefault()\n        alert(\"\u8bf7\u586b\u5199Gmail\u5e76\u9009\u62e9\u8d2d\u4e70\u6570\u91cf\")\n        return\n      }\n      if (!window.memberInfo) {\n        event.preventDefault()\n        alert(\"\u6ca1\u6709\u627e\u5230\u8fd9\u4e2aGmail\u7684\u4f1a\u5458\uff0c\u8bf7\u68c0\u67e5\u5e76\u91cd\u65b0\u8f93\u5165!\")\n        return\n      }\n\n      var currentPrice = parseFloat(\n        $(\"#price\")\n          .text()\n          .replace(\/[^0-9.-]\/g, \"\")\n      )\n      if (currentPrice <= 0) {\n        event.preventDefault()\n        alert(\"\u8d2d\u4e70\u91d1\u989d\u4e0d\u80fd\u4e3a0,\u8bf7\u9009\u62e9\u6709\u6548\u7684\u65b9\u6848\u6216\u52a0\u8d2d\u670d\u52a1\")\n        return\n      }\n\n      if (!isAnySubscriptionSelected()) {\n        event.preventDefault()\n        console.log(\"Regular not checked, showing modal\")\n        modal.style.display = \"block\"\n      } else {\n        console.log(\"Regular checked, submitting form\")\n        document.getElementById(\"paymentForm\").submit()\n      }\n    })\n    \/\/ \u5f53\u7528\u6237\u70b9\u51fb\u4efb\u610f\u5730\u65b9\u65f6\uff0c\u5173\u95ed modal\n    window.onclick = function (event) {\n      if (event.target == modal) {\n        console.log(\"Window clicked outside modal, closing modal\")\n        modal.style.display = \"none\"\n      }\n    }\n\n    \/\/ 1. \u96e2\u958b\u6b04\u4f4d\u6642\u81ea\u52d5\u67e5\u8a62\n    $(\"#customerEmail\").on(\"blur\", function () {\n      queryMember()\n    })\n\n    \/\/ 2. \u6309\u4e0b Enter \u9375\u6642\u81ea\u52d5\u67e5\u8a62\n    $(\"#customerEmail\").on(\"keydown\", function (e) {\n      if (e.key === \"Enter\") {\n        queryMember()\n      }\n    })\n  })\n\n  \/\/ \u65b0\u589e\uff1a\u7d71\u4e00\u63a7\u5236\u52a0\u8cfc\u9805\u76ee\u986f\u793a\/\u96b1\u85cf\n  function toggleAddonItems(isEnterprise) {\n    const companyEls = document.getElementsByName(\"company\")\n    Object.keys(addonStatus).forEach((id) => {\n      const el = document.getElementById(id)\n      if (id != \"homeComment\" && id != \"shopping\" && id != \"postMul\") {\n        if (el) {\n          el.hidden = isEnterprise\n          if (isEnterprise) {\n            el.style = \"display:none\"\n          } else {\n            el.style = \"display:inline-block\"\n          }\n        }\n        if (el) el.disabled = isEnterprise\n      }\n    })\n    for (let i = 0; i < companyEls.length; i++) {\n      companyEls[i].hidden = !isEnterprise\n    }\n  }\n<\/script>\n\n<script>\n  \/\/\u50b3\u9001cookies\u4e2d\u7684Refcode\u5230\u5f8c\u7aef\n  function getCookie(cname) {\n    let name = cname + \"=\"\n    let decodedCookie = decodeURIComponent(document.cookie)\n    let ca = decodedCookie.split(\";\")\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i]\n      while (c.charAt(0) === \" \") {\n        c = c.substring(1)\n      }\n      if (c.indexOf(name) === 0) {\n        return c.substring(name.length, c.length)\n      }\n    }\n    return \"\"\n  }\n\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const refcode = getCookie(\"refcode\")\n    const refInput = document.getElementById(\"refcodeInput\")\n\n    if (refInput) {\n      refInput.value = refcode || \"\" \/\/ \u627e\u4e0d\u5230\u5c31\u7d66\u7a7a\u5b57\u4e32\n      console.log(\"Refcode set to:\", refInput.value || \"(empty)\")\n    }\n  })\n<\/script>\n\n<style>\n  \/* \u65b0\u589eCSS\u4f86\u8b93\u6587\u5b57\u5728\u624b\u6a5f\u677f\u4e0a\u63db\u884c *\/\n  @media (max-width: 768px) {\n    .mobile-break {\n      display: inline;\n    }\n    .desktop-break {\n      display: none;\n    }\n  }\n\n  @media (min-width: 769px) {\n    .mobile-break {\n      display: none;\n    }\n    .desktop-break {\n      display: inline;\n    }\n  }\n\n  .tooltip {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  .tooltip .tooltiptext {\n    visibility: hidden;\n    width: 300px;\n    background-color: #555;\n    color: #fff;\n    text-align: center;\n    border-radius: 6px;\n    padding: 5px;\n    position: absolute;\n    z-index: 1;\n    bottom: 125%; \/* Position the tooltip above the text *\/\n    left: 50%;\n    margin-left: -100px; \/* Center the tooltip *\/\n    opacity: 0;\n    transition: opacity 0.3s;\n  }\n\n  .tooltip:hover .tooltiptext {\n    visibility: visible;\n    opacity: 1;\n  }\n\n  .custom-tooltip {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  .custom-tooltip .tooltiptext {\n    \/* \u9019\u88e1\u53ef\u4ee5\u6839\u64da\u9700\u8981\u5b9a\u88fd\u6a23\u5f0f *\/\n    visibility: hidden;\n    width: 320px;\n    background-color: #555;\n    color: #fff;\n    text-align: center;\n    border-radius: 6px;\n    padding: 5px;\n    position: absolute;\n    z-index: 1;\n    bottom: 125%; \/* Position the tooltip above the text *\/\n    left: 50%;\n    margin-left: -100px; \/* Center the tooltip *\/\n    opacity: 0;\n    transition: opacity 0.3s;\n  }\n\n  .custom-tooltip:hover .tooltiptext {\n    visibility: visible;\n    opacity: 1;\n  }\n<\/style>\n\n<style>\n  \/* \u65b0\u589e\u7684 modal \u6837\u5f0f *\/\n  .modal {\n    display: none;\n    position: fixed;\n    z-index: 1;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    background-color: rgb(0, 0, 0);\n    background-color: rgba(0, 0, 0, 0.4);\n  }\n\n  .modal-content {\n    background-color: #fefefe;\n    margin: 15% auto;\n    padding: 20px;\n    border: 1px solid #888;\n    width: 80%;\n  }\n\n  .close {\n    color: #aaa;\n    float: right;\n    font-size: 28px;\n    font-weight: bold;\n  }\n\n  .close:hover,\n  .close:focus {\n    color: black;\n    text-decoration: none;\n    cursor: pointer;\n  }\n<\/style>\n\n<style>\n  .notification {\n    position: fixed;\n    bottom: 10px;\n    right: 10px;\n    background-color: #fff;\n    padding: 20px; \/* \u589e\u52a0\u586b\u5145\u4ee5\u64f4\u5927\u901a\u77e5\u6846 *\/\n    border: 2px solid #ccc; \/* \u589e\u52a0\u908a\u6846\u5bec\u5ea6 *\/\n    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); \/* \u589e\u52a0\u9670\u5f71\u6548\u679c *\/\n    font-size: 18px; \/* \u589e\u52a0\u6587\u5b57\u5927\u5c0f *\/\n    line-height: 1.5; \/* \u8abf\u6574\u884c\u8ddd *\/\n    display: none;\n    z-index: 1000;\n  }\n\n  .slideIn {\n    animation: slideIn 0.5s forwards;\n  }\n\n  .slideOut {\n    animation: slideOut 0.5s forwards;\n  }\n\n  @keyframes slideIn {\n    from {\n      transform: translateX(100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideOut {\n    from {\n      transform: translateX(0);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(100%);\n      opacity: 0;\n    }\n  }\n\n  \/* \u624b\u6a5f\u7248\u6a23\u5f0f *\/\n  @media (max-width: 600px) {\n    .notification .company {\n      display: block;\n    }\n    .notification .details {\n      display: block;\n      margin-top: 10px; \/* \u589e\u52a0\u884c\u9593\u8ddd *\/\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e8d756 e-flex e-con-boxed e-con e-parent\" data-id=\"2e8d756\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-032fef3 elementor-widget elementor-widget-html\" data-id=\"032fef3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  a {\n    color: #146eff;\n  }\n  \/* \u6574\u500b accordion \u9593\u8ddd *\/\n  .accordion-item {\n    margin: 0px 160px 16px 160px;\n    border-radius: 16px;\n    border: 1px solid #bedcff;\n    background: #fff;\n    box-shadow: 3px 6px 20px rgba(154, 188, 241, 0.2);\n    overflow: hidden;\n    padding: 32px 72px;\n  }\n\n  \/* \u6a19\u984c *\/\n  .accordion-header {\n    cursor: pointer;\n    user-select: none;\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 160%; \/* 38.4px *\/\n    letter-spacing: 1.2px;\n    color: #021634;\n    position: relative;\n    padding-right: 0;\n    display: flex;\n    justify-content: space-between;\n  }\n\n  \/* \u5c55\u958b\u5340\u57df\u5167\u5bb9 *\/\n  .accordion-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.35s ease;\n    color: #000;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 180%; \/* 25.2px *\/\n    letter-spacing: 0.7px;\n  }\n\n  \/* \u5c55\u958b\u6642\u5167\u5bb9\u7684 padding-top \/ padding-bottom \u6703\u986f\u793a *\/\n  .accordion-content-inner {\n    padding-top: 28px; \/* pt-28 *\/\n    max-width: 720px;\n  }\n\n  .faq-section {\n    max-width: 1440px;\n    margin: auto;\n    padding: 0px 76px;\n  }\n\n  .heading {\n    font-size: 38px;\n    margin-bottom: 60px;\n    text-align: center;\n  }\n\n  .accordion-icon {\n    width: 38px;\n    line-height: 1;\n    padding-top: 6px;\n  }\n\n  @media (max-width: 767px) {\n    .heading {\n      font-size: 28px;\n      margin-bottom: 56px;\n    }\n\n    .accordion-icon {\n      width: 30px;\n      position: absolute;\n      left: 100%;\n      transform: translateX(-100%);\n      padding-top: 0px;\n      top: 3px;\n    }\n\n    .close-icon {\n      top: 6px;\n    }\n\n    .accordion-item {\n      margin: 0px 0px 16px 0px;\n      padding: 16px 24px;\n    }\n    .accordion-header {\n      font-size: 16px;\n      line-height: 140%; \/* 22.4px *\/\n      letter-spacing: 0.8px;\n      padding-right: 36px;\n    }\n    .faq-section {\n      padding: 0px 23px;\n    }\n    .accordion-content {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.35s ease;\n      color: #000;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 160%;\n      letter-spacing: 0.36px;\n    }\n    .accordion-content-inner {\n      padding-top: 16px;\n    }\n  }\n\n  @media (max-width: 992px) {\n    .accordion-item {\n      margin: 0px 0px 16px 0px;\n    }\n  }\n<\/style>\n<section class=\"faq-section\">\n  <h2 class=\"heading\">\u8d2d\u4e70\u5e38\u89c1\u95ee\u9898<\/h2>\n  <div id=\"faqAccordion\" class=\"accordion\"><\/div>\n  <div style=\"text-align: center; margin-top: 36px\">\n    \u8be6\u60c5\u8bf7\u53c2\u9605<a href=\"https:\/\/snappost.tech\/zh-hans\/\u5e38\u89c1\u95ee\u9898\/\"\n      >\u6240\u6709\u5e38\u89c1\u95ee\u9898\u3001\u6761\u6b3e<\/a\n    >\u6216<a\n      href=\"https:\/\/api.whatsapp.com\/send\/?phone=886968695839&text&type=phone_number&app_absent=0\"\n      >\u8054\u7edc\u6211\u4eec<\/a\n    >\n  <\/div>\n<\/section>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ SVG icons\n    const openIconSvg = `<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 31 26\" fill=\"none\"><g filter=\"url(#filter0_d_4337_2941)\"><path d=\"M10.0166 4.68335L17.3499 14.4611L24.6833 4.68335\" stroke=\"#146EFF\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g><defs><filter id=\"filter0_d_4337_2941\" x=\"-0.000162601\" y=\"-8.13007e-05\" width=\"30.7\" height=\"25.8111\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/><feOffset dx=\"-2\" dy=\"3.33333\"\/><feGaussianBlur stdDeviation=\"3.33333\"\/><feComposite in2=\"hardAlpha\" operator=\"out\"\/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0392157 0 0 0 0 0.317647 0 0 0 0 0.964706 0 0 0 0.25 0\"\/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4337_2941\"\/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4337_2941\" result=\"shape\"\/><\/filter><\/defs><\/svg>`\n\n    const closeIconSvg = `<div class=\"close-icon\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 31 17\" fill=\"none\"><g filter=\"url(#filter0_d_4337_2935)\"><path d=\"M10.0166 5H24.6866\" stroke=\"#146EFF\" stroke-width=\"2.7\" stroke-linecap=\"round\"\/><\/g><defs><filter id=\"filter0_d_4337_2935\" x=\"-0.000162601\" y=\"-3.33333\" width=\"30.7035\" height=\"23.3333\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/><feOffset dx=\"-2\" dy=\"3.33333\"\/><feGaussianBlur stdDeviation=\"3.33333\"\/><feComposite in2=\"hardAlpha\" operator=\"out\"\/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.0392157 0 0 0 0 0.317647 0 0 0 0 0.964706 0 0 0 0.25 0\"\/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_4337_2935\"\/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_4337_2935\" result=\"shape\"\/><\/filter><\/defs><\/svg><\/div>`\n\n    \/\/ FAQ Array\n    const faqList = [\n      {\n        title: \"\u4fe1\u7528\u5361\u8ba2\u9605\uff0c\u9700\u8981\u7ed1\u7ea6\u5417\uff1f\",\n        content: `\u4e0d\u7ed1\u7ea6\u5594 ! \u4ece\u7b2c\u4e00\u6b21\u5237\u5361\u5f00\u59cb\uff0c\u6bcf30\u5929\u6263\u6b3e\u4e00\u6b21\uff0c\u60a8\u53ea\u8981\u5728\u4e0b\u6b21\u6263\u6b3e\u524d3\u4e2a\u5de5\u4f5c\u5929\u901a\u77e5\u5ba2\u670d\uff0c\u5373\u53ef\u5e2e\u60a8\u53d6\u6d88\u4e0b\u4e2a\u6708\u7684\u81ea\u52a8\u6263\u6b3e !<br><br>whatsapp : <a href=\"https:\/\/wa.me\/886968695839\" target=\"_blank\">WhatsApp.comSnappost\u200b<\/a>`,\n      },\n      {\n        title: \"\u4ed8\u6b3e\u65b9\u5f0f\u6709\u54ea\u4e9b\uff1f\u4e0b\u73ed\u65f6\u95f4\uff0c\u8d2d\u4e70\u4f1a\u5f00\u901a\u5417\uff1f\",\n        content: `\u76ee\u524d\u652f\u63f4Stripe\u7684\u4fe1\u7528\u5361\u4ed8\u6b3e\uff0c\u5206\u4e3a\u5355\u6b21\u8d2d\u4e70\u548c\u81ea\u52a8\u7eed\u7ea6(\u4eab\u989d\u5916\u6298\u6263)!<br>\u6211\u4eec\u4ed8\u6b3e\u9875\u9762\u90fd\u662f24\u5c0f\u65f6\u81ea\u52a8\u5f00\u901a\u5594! <br>\u60a8\u53ef\u4ee5\u8d2d\u4e70\u540e\u7a0d\u7b4910\u5206\u949f\u4f1a\u81ea\u52a8\u5f00\u901a\uff0c\u6216\u662f\u76f4\u63a5\u5230Snappost\u8f6f\u4f53\u4ecb\u9762\uff0c\u52301.\u9996\u9875\u70b9\u51fb\u3010\u5237\u65b0\u65e5\u671f\u3011\uff0c\u5c31\u4f1a\u9a6c\u4e0a\u5f00\u901a !`,\n      },\n      {\n        title: \"\u53ef\u4ee5\u53ea\u4e70\u4e00\u4e2a\u6708\u5417\uff1f\",\n        content: `\u53ef\u4ee5\uff0c\u60a8\u4e0d\u8981\u52fe\u9009\u4fe1\u7528\u5361\u8ba2\u9605\uff0c\u5c31\u53ef\u4ee5\u5355\u4e70\u4e00\u4e2a\u6708\uff0c\u540e\u7eed\u4e5f\u4e0d\u4f1a\u81ea\u52a8\u6263\u6b3e !`,\n      },\n      {\n        title: \"\u53ef\u4ee5\u5f00\u53d1\u7968\u5417\uff1f\",\n        content: `\u6211\u4eec\u662f\u53f0\u6e7e\u516c\u53f8\u6377\u5fb7\u5c14\u6709\u9650\u516c\u53f8\uff0c\u65e0\u6cd5\u5f00\u5176\u4ed6\u56fd\u5bb6\u7684\u53d1\u7968\uff0c\u4f46\u60a8\u82e5\u8981\u9700\u8981\u6536\u636e\uff0c\u53ef\u4ee5\u8054\u7e6b\u5ba2\u670d\uff0c\u53ef\u4ee5\u5f00\u6536\u636e\u7ed9\u60a8\u3002`,\n      },\n      {\n        title: \"\u6709\u54ea\u4e9b\u4f18\u60e0\uff1f\u4e00\u6b21\u4e70\u591a\u4e2a\u6708\u6709\u6bd4\u8f83\u4fbf\u5b9c\u5417\uff1f\",\n        content: `\u6709\u7684\uff0c\u76ee\u524d\u4e3b\u8981\u6709\u4e24\u79cd\u65b9\u6848<br>\u5355\u6b21\u8d2d\u4e70 : 3\u4e2a\u670895\u6298\u30016\u4e2a\u67089\u6298\u300112\u4e2a\u670885\u6298\uff0c\u6b64\u65b9\u6848\u4e0d\u4f1a\u81ea\u52a8\u7eed\u671f\u5237\u5361\u3002<br>\u4fe1\u7528\u5361\u8ba2\u9605 : \u6bcf30\u5929\u81ea\u52a8\u6263\u6b3e\u4e00\u6b21\uff0c\u4eab9\u6298\u4f18\u60e0\uff0c\u53ef\u968f\u65f6\u901a\u77e5\u5ba2\u670d\u53d6\u6d88\u540e\u7eed\u8ba2\u9605\uff0c\u4e0d\u7ed1\u7ea6 !`,\n      },\n    ]\n\n    \/\/ \u6e32\u67d3 FAQ\n    const accordionContainer = document.getElementById(\"faqAccordion\")\n\n    faqList.forEach((item, index) => {\n      accordionContainer.innerHTML += `\n      <div class=\"accordion-item\">\n        <div class=\"accordion-header\">\n          <span style=\"flex:1\">${item.title}<\/span>\n          <div class=\"accordion-icon icon-wrapper\">\n            ${index === 0 ? closeIconSvg : openIconSvg}\n          <\/div>\n        <\/div>\n        <div class=\"accordion-content\">\n          <div class=\"accordion-content-inner\">${item.content}<\/div>\n        <\/div>\n      <\/div>\n    `\n    })\n\n    \/\/ Accordion \u884c\u70ba\n    const headers = document.querySelectorAll(\".accordion-header\")\n    const contents = document.querySelectorAll(\".accordion-content\")\n    const icons = document.querySelectorAll(\".icon-wrapper\")\n\n    \/\/ \u9810\u8a2d\u958b\u7b2c\u4e00\u500b\n    contents[0].style.maxHeight = contents[0].scrollHeight + \"px\"\n\n    headers.forEach((header, index) => {\n      header.addEventListener(\"click\", () => {\n        contents.forEach((content, i) => {\n          const icon = icons[i]\n\n          if (i === index) {\n            \/\/ toggle open \/ close\n            if (content.style.maxHeight && content.style.maxHeight !== \"0px\") {\n              content.style.maxHeight = \"0px\"\n              icon.innerHTML = openIconSvg\n            } else {\n              content.style.maxHeight = content.scrollHeight + \"px\"\n              icon.innerHTML = closeIconSvg\n            }\n          } else {\n            \/\/ close others\n            content.style.maxHeight = \"0px\"\n            icons[i].innerHTML = openIconSvg\n          }\n        })\n      })\n    })\n  })\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11e99a73 e-flex e-con-boxed e-con e-parent\" data-id=\"11e99a73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1f6c4b41 e-con-full e-flex e-con e-child\" data-id=\"1f6c4b41\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-557a44bf cta-title elementor-widget elementor-widget-heading\" data-id=\"557a44bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u8fd8\u6709\u66f4\u591a\u95ee\u9898\u5417\uff1f<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39444d1c contact-text elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"39444d1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u8054\u7cfb\u6211\u4eec\uff0c\u83b7\u5f97\u4f60\u7684\u4e13\u5c5e\u5feb\u901f\u89e3\u51b3\u65b9\u6848<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-196c2c36 contact-text-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"196c2c36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u8054\u7cfb\u6211\u4eec<\/p><p>\u83b7\u5f97\u4f60\u7684\u4e13\u5c5e\u5feb\u901f\u89e3\u51b3\u65b9\u6848<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2eee19 elementor-widget elementor-widget-button\" data-id=\"f2eee19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=886968695839&#038;text&#038;type=phone_number&#038;app_absent=0\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u7acb\u5373\u8054\u7cfb<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u6253\u9020\u4f60\u7684\u4e13\u5c5e\u884c\u9500\u52a9\u624b \u6253\u9020\u4f60\u7684 \u4e13\u5c5e\u884c\u9500\u52a9\u624b \u5f39\u6027\u9031\u671f \u00d7 \u529f\u80fd\u52a0\u8d2d\uff0c\u6ee1\u8db3\u4e0d\u540c\u9700\u6c42 \u8ba2\u5355\u8be6\u60c5 \u4f1a\u5458Gmail\u5e10 [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18850","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.aicoinmaker.com\/zh-hans\/wp-json\/wp\/v2\/pages\/18850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aicoinmaker.com\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aicoinmaker.com\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aicoinmaker.com\/zh-hans\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aicoinmaker.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=18850"}],"version-history":[{"count":5,"href":"https:\/\/www.aicoinmaker.com\/zh-hans\/wp-json\/wp\/v2\/pages\/18850\/revisions"}],"predecessor-version":[{"id":20464,"href":"https:\/\/www.aicoinmaker.com\/zh-hans\/wp-json\/wp\/v2\/pages\/18850\/revisions\/20464"}],"wp:attachment":[{"href":"https:\/\/www.aicoinmaker.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=18850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}