{"id":19125,"date":"2025-12-10T17:29:49","date_gmt":"2025-12-10T09:29:49","guid":{"rendered":"https:\/\/aicoinmaker.com\/?page_id=19125"},"modified":"2026-03-12T23:59:03","modified_gmt":"2026-03-12T15:59:03","slug":"purchase","status":"publish","type":"page","link":"https:\/\/www.aicoinmaker.com\/en\/purchase\/","title":{"rendered":"Pricing &#8211; Facebook Automatic Posting Tool"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19125\" class=\"elementor elementor-19125 elementor-18502\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5a2df1 e-flex e-con-boxed e-con e-parent\" data-id=\"e5a2df1\" 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-c05bf3c elementor-widget elementor-widget-html\" data-id=\"c05bf3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .desktop {\n    display: block;\n  }\n\n  .mobile {\n    display: none;\n  }\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  .align-start {\n    align-items: start;\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 18px 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: 33px;\n    font-weight: 700;\n    line-height: 144%; \/* 48.96px *\/\n    letter-spacing: 0.03em;\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 26px 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.04em;\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-weight: 400;\n    font-size: 16px;\n    line-height: 160%;\n    text-align: center;\n    letter-spacing: 0.05em;\n    display: block;\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    color: white;\n  }\n\n  .heading-1 {\n    color: #021634;\n    font-weight: 700;\n    font-size: 40px;\n    line-height: 130%;\n    text-align: center;\n    letter-spacing: 0.03em;\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: 12px;\n      white-space: nowrap;\n      transform: translate(-50%, 20px);\n      letter-spacing: 0.03em;\n      color: #021634;\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: 22px;\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    .desktop {\n      display: none;\n    }\n\n    .mobile {\n      display: block;\n    }\n\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: 16px;\n      min-width: 18px;\n    }\n    .count {\n      font-size: 14px;\n    }\n    .fb {\n      font-size: 14px;\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    .margin-top {\n      margin-top: 2px;\n    }\n\n    .heading-mobile {\n      font-weight: 700;\n      font-size: 32px;\n      line-height: 130%;\n      \/* or 42px *\/\n      text-align: center;\n      letter-spacing: 0.03em;\n    }\n  }\n<\/style>\n<section id=\"cover\" class=\"cover\">\n  <h1 class=\"heading-1\">\n    <div class=\"desktop\">\n      <span>Build Your <\/span\n      ><span style=\"color: #146eff\">Own Marketing Assistant<\/span>\n    <\/div>\n    <div class=\"mobile heading-mobile\">\n      <div>Your Smart<\/div>\n      <div style=\"color: #146eff\">Marketing Assistant<\/div>\n    <\/div>\n  <\/h1>\n  <div class=\"subTitle desktop\">\n    Flexible plans \u00d7 Add-on features, tailored to your needs\n  <\/div>\n  <div class=\"subTitle mobile\">Flexible plans \u00d7 Add-on features<\/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  const isMobile = window.innerWidth <= 768\n\n  const steps = [\n    { label: \"1 Month\", sub: \"\", discount: 1, tip: \"Regular price\" },\n    {\n      label: \"3 Months\",\n      sub: \"3 Months <span class='arrow-color'>\u2192<\/span> 5%\",\n      discount: 0.95,\n      tip: \"Selected: 5% Off\",\n    },\n    {\n      label: \"6 Months\",\n      sub: \"6 Months <span class='arrow-color'>\u2192<\/span> 10% off\",\n      discount: 0.9,\n      tip: \"Selected: 10% Off\",\n    },\n    {\n      label: \"1 Year\",\n      sub: \"12 Months <span class='arrow-color'>\u2192<\/span> 15% off\",\n      discount: 0.85,\n      tip: \"Selected: 15% Off\",\n    },\n    {\n      label: \"Credit Card Plan\",\n      mobileLabel: \"Card Plan\",\n      sub: \"10% Off <span class='arrow-color'>\u2192<\/span>\",\n      subText: \"auto-renew monthly\",\n      discount: 0.9,\n      tip: \"Selected: 10% Off\",\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            ${isMobile ? s.mobileLabel || s.label : s.label}\n            <div>\n              <small>${s.sub}<\/small>\n              ${s?.subText ? `<small>${s.subText}<\/small>` : \"\"}\n            <\/div>\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: \"Personal\",\n      accounts: 1,\n      price: 59,\n      features: [\"Auto-post\", \"Account nurturing\", \"Marketplace\"],\n      advTitle: \"Pro Tools\",\n      advSub: \"Available for all plans\",\n      advanced: [\n        \"Auto-delete\",\n        \"Join groups\",\n        \"Feed comment\",\n        \"Multi-account schedule\",\n      ],\n    },\n    {\n      key: \"standard\",\n      name: \"Standard\",\n      accounts: 3,\n      price: 99,\n      features: [\"Auto-post\", \"Account nurturing\", \"Marketplace\"],\n      advTitle: \"Pro Tools\",\n      advSub: \"Available for all plans\",\n      advanced: [\n        \"Auto-delete\",\n        \"Join groups\",\n        \"Feed comment\",\n        \"Multi-account schedule\",\n      ],\n    },\n    {\n      key: \"premium\",\n      name: \"Deluxe\",\n      accounts: 100,\n      price: 139,\n      features: [\"Auto-post\", \"Account nurturing\", \"Marketplace\"],\n      advTitle: \"Pro Tools\",\n      advSub: \"Available for all plans\",\n      advanced: [\n        \"Auto-delete\",\n        \"Join groups\",\n        \"Feed comment\",\n        \"Multi-account schedule\",\n      ],\n    },\n    {\n      key: \"enterprise\",\n      name: \"Enterprise\",\n      accounts: \"\u221e\",\n      price: 199,\n      features: [\"Auto-post\", \"Account nurturing\", \"Marketplace\"],\n      advTitle: \"Pro Active\",\n      \/\/ advSub: \"\u6240\u6709Pro Tools\u7686\u53ef\u4f7f\u7528\",\n      advanced: [\n        \"Auto-delete\",\n        \"Join groups\",\n        \"URL Comment\",\n        \"Feed comment\",\n        \"Multi-account schedule\",\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\"><span class=\"fb\">FB<\/span> Accounts<\/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\">\/ mo<\/span>\n            <\/div>\n            <div style=\"text-align: center;\">\n              <a href=\"#order-details\">\n                <button class=\"plan-cta\" style=\"cursor:pointer;\">Get Started<\/button>\n              <\/a>\n            <\/div>\n          <\/div>\n          <div class=\"plan-features\">\n            ${p.features\n              .map(\n                (x) =>\n                  `<div class=\"flex-center align-start\"><img decoding=\"async\" src=\"https:\/\/snappost.tech\/wp-content\/uploads\/2025\/12\/blue-check-1.png\" alt=\"tick\" class=\"tick margin-top\" \/><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 align-start\"><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 margin-top\" \/><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    pricingPlans.forEach((p) => {\n      const el = document.querySelector(`[data-plan=\"${p.key}\"]`)\n\n      \/\/ \u8a08\u7b97\u7d50\u679c\n      const finalPrice = p.price * discount\n\n      \/\/ 1. minimumFractionDigits \u6539\u70ba 0\uff1a\u6574\u6578\u6642\u4e0d\u986f\u793a\u5c0f\u6578\u9ede\n      \/\/ 2. maximumFractionDigits \u7dad\u6301 1\uff1a\u6700\u591a\u986f\u793a\u4e00\u4f4d\u5c0f\u6578\n      el.textContent = `USD$${finalPrice.toLocaleString(\"en-US\", {\n        minimumFractionDigits: 0,\n        maximumFractionDigits: 1,\n      })}`\n    })\n\n    const tip = steps[level].tip\n    const tipEl = document.getElementById(\"thumbTip\")\n    if (tipEl) {\n      tipEl.textContent = tip\n\n      \/\/ \u624b\u6a5f\u7248\u8abf\u6574\u8cbc\u9f4a\u4f4d\u7f6e\n      const isMobile = window.innerWidth <= 1024\n\n      if (isMobile) {\n        if (level === 0) {\n          tipEl.style.transform = \"translate(0%, -18px)\"\n          tipEl.style.left = \"0\"\n        } else if (level === totalSteps - 1) {\n          tipEl.style.transform = \"translate(0%, -18px)\"\n          tipEl.style.right = \"0\"\n          tipEl.style.left = \"unset\"\n        } else {\n          tipEl.style.transform = \"translate(-50%, -18px)\"\n          tipEl.style.left = \"50%\"\n          tipEl.style.right = \"unset\"\n        }\n      }\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-7e3f8fe e-flex e-con-boxed e-con e-parent\" data-id=\"7e3f8fe\" 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-c5bed8b elementor-widget elementor-widget-html\" data-id=\"c5bed8b\" 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: 250px;\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: inline-flex;\n    flex-direction: column;\n    gap: 2px;\n    font-size: 14px;\n    text-align: left;\n    font-weight: 500;\n  }\n\n  .credit-cancel {\n    white-space: pre;\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.125em;\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    text-align: left;\n    display: inline-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: 0em;\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    #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: 142px;\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\">Order Details<\/h2>\n  <form method=\"post\" id=\"paymentForm\" action=\"\/NewebPay\/all_new_en.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\">Member Gmail :\u00a0<\/div>\n                <input\n                  id=\"customerEmail\"\n                  name=\"customerEmail\"\n                  type=\"email\"\n                  class=\"form-control customerEmail\"\n                  required=\"required\"\n                  placeholder=\"Please enter your member 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\">\n              Plan Selection\n            <\/th>\n            <th scope=\"col\">Price<\/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>Please select<\/option>\n                    <option value=\"3\">Enterprise - Unlimited accounts<\/option>\n                    <option value=\"0\">Deluxe - 100 FB accounts<\/option>\n                    <option value=\"1\">Standard - 3 FB accounts<\/option>\n                    <option value=\"2\">Personal - 1 FB account<\/option>\n                    <option value=\"9\">Add-on only<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n            <\/td>\n            <td align=\"center\" valign=\"middle\">\n              <a style=\"color: #146eff\" id=\"price_new\">USD 139<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td colspan=\"3\" align=\"center\">\n              <br \/>\n              <b\n                >Bind up to <b style=\"color: #146eff\" id=\"AccNum\">1<\/b> FB\n                account at a time\n                <br \/>\n                Cost only <b style=\"color: #146eff\" id=\"DayNum\">1.96<\/b> USD per\n                day <br \/><br \/>\n              <\/b>\n            <\/td>\n          <\/tr>\n          <tr class=\"title\">\n            <th scope=\"col\" width=\"50%\">Add-on Section<\/th>\n            <th scope=\"col\" width=\"20%\">Price<\/th>\n            <th scope=\"col\" width=\"30%\">Add-on<\/th>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">Delete Post<\/a>\n            <\/td>\n            <td align=\"center\">$ 19.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: #146eff\" name=\"company\" hidden>Free !<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">Join Groups<\/a>\n            <\/td>\n            <td align=\"center\">$ 19.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: #146eff\" name=\"company\" hidden>Free !<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">URL Comment<\/a>\n            <\/td>\n            <td align=\"center\">$ 19.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: #146eff\" name=\"company\" hidden>Free !<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\">Feed Comment<\/a>\n            <\/td>\n            <td align=\"center\">$ 19.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\">Enterprise Feature<\/a>\n            <\/td>\n          <\/tr>\n          <tr class=\"table-secondary text-center\">\n            <td>\n              <a style=\"margin-left: 0em; color: black\"\n                >Multi-account Schedule Settings<\/a\n              >\n            <\/td>\n            <td align=\"center\">$ 19.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\">Enterprise Feature<\/a>\n            <\/td>\n          <\/tr>\n\n          <tr class=\"table-secondary\">\n            <td colspan=\"2\">\n              <div class=\"quantity\">\n                <div class=\"desktop\">\n                  <b>Purchase quantity :<\/b>\n                <\/div>\n                <div class=\"mobile\">\n                  <b>Quantity :<\/b>\n                <\/div>\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=\"\">Select quantity<\/option>\n                    <option value=\"1\">1 month<\/option>\n                    <option value=\"2\">2 months<\/option>\n                    <option value=\"3\">3 months - 5% off<\/option>\n                    <option value=\"6\">6 months - 10% off<\/option>\n                    <option value=\"12\">12 months - 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                      Subscription - Auto-renew every 30 days (No commitment,\n                      cancelled anytime)\n                    <\/div>\n                    <div class=\"mobile highlight\">\n                      Monthly Auto-renew (Cancel anytime)\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                    <div style=\"flex: 1\">\n                      Stripe Subscription (Mastercard\u3001Visa\u3001JCB\u3001Apple\n                      Pay\u3001AMEX)\n                    <\/div>\n                    <span class=\"tooltiptext\">\n                      Stripe Subscription (Mastercard\u3001Visa\u3001JCB\u3001Apple\n                      Pay\u3001AMEX)\n                      <br \/>\n                      <br \/>\u2705Auto-renew every 30 days <br \/>\u2705Can be cancelled\n                      anytime <br \/>(3 days before deduction)\n                      <br \/>\n                    <\/span>\n                  <\/label>\n                <\/div>\n              <\/div>\n            <\/td>\n          <\/tr>\n\n          <tr class=\"table-secondary title\">\n            <th id=\"title\" colspan=\"2\">\n              <div class=\"desktop\">\n                Save 5% \/ 10% \/ 15% on multi-month plans\n              <\/div>\n              <div class=\"mobile\">3M \/ 6M \/ 12M \u2192 <br \/>5% \/ 10% \/ 15% Off<\/div>\n            <\/th>\n            <th id=\"item-title\">Add-on<\/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\">Multiple months discount<\/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                  Please refrain from using illegal payment methods. Membership\n                  will be terminated.\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                    I agree to the\n                    <span\n                      class=\"openModalBtn\"\n                      data-content=\"wordpress-content-1\"\n                      style=\"\n                        color: #146eff;\n                        cursor: pointer;\n                        text-decoration: underline;\n                      \"\n                      >Disclaimer & Terms of Service\n                    <\/span>\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                    >I agree to the\n                    <span\n                      class=\"openModalBtn\"\n                      data-content=\"wordpress-content-2\"\n                      style=\"\n                        color: #146eff;\n                        cursor: pointer;\n                        text-decoration: underline;\n                      \"\n                      >SnapPost Personal Data Consent Agreement\n                    <\/span>\n                  <\/span>\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=\"Enter Promotion code\"\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              <div>\n                <button\n                  type=\"button\"\n                  id=\"buyNowButton\"\n                  class=\"btn btn-primary buy-btn\"\n                >\n                  Buy Now\n                <\/button>\n              <\/div>\n              <div\n                style=\"color: #146eff; margin-bottom: 14px; font-weight: 600\"\n                class=\"mobile text-center\"\n              >\n                Illegal payments may suspend your account.\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        Confirm\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"wordpress-content-1\" class=\"WordSection1\" style=\"display: none\">\n    <div class=\"modal-title\">Disclaimer & Terms of Service<\/div>\n    <p style=\"text-align: center\">\n      <span style=\"font-size: 12pt\"\n        ><strong\n          >Please read the following terms carefully before placing an order or\n          registering. By placing an order or using our service, you agree to\n          all the terms listed below.<\/strong\n        ><\/span\n      >\n    <\/p>\n    <p style=\"text-align: left\">1. No Refund Policy for Digital Products<\/p>\n    <p style=\"text-align: left; padding-left: 40px\">\n      All sales are final. By purchasing this digital product or service, you\n      acknowledge that you are acquiring intangible, non-returnable goods. Once\n      your order is confirmed and the product is delivered or accessed,\n      <strong>no refunds will be issued<\/strong>.\n    <\/p>\n\n    <blockquote>\n      <span style=\"font-size: 8pt\"\n        ><strong>For customers in the EU\/UK:<\/strong> In accordance with\n        Directive 2011\/83\/EU, Article 16(m), by agreeing to immediate access or\n        delivery of the digital content, you expressly waive your statutory\n        right of withdrawal. Once access is granted or service has begun, the\n        product is considered delivered and fully consumed, and is strictly\n        non-refundable.<\/span\n      >\n    <\/blockquote>\n    <p style=\"text-align: left\">\n      2. Lawful Use Only &amp; Limitation of Liability\n    <\/p>\n    <p style=\"text-align: left; padding-left: 40px\">\n      You agree to use this software solely for lawful and legitimate purposes.\n      Any use of the software for illegal activities\u2014including but not limited\n      to fraud, forgery, impersonation, or the dissemination of false or\n      misleading information\u2014 <strong>is strictly prohibited.<\/strong> We do not\n      monitor users' accounts or how the software is used. As the purchaser, you\n      are solely responsible for ensuring that your account and activities\n      comply with all applicable laws. In the event of any legal disputes,\n      damages, or unlawful behavior arising from your use of the software, you\n      assume full responsibility. The company shall not be held liable under any\n      circumstances.\n    <\/p>\n    <p style=\"text-align: left\">3. Platform Responsibility Disclaimer<\/p>\n    <p style=\"text-align: left; padding-left: 40px\">\n      We provide a software service tool only. Please evaluate your own risk\n      before using it. We are not responsible for any issues related to\n      third-party platform accounts or license keys, including but not limited\n      to being locked, banned, suspended, frozen, or deleted.\n      <strong\n        >The company assumes no responsibility or liability, and no compensation\n        will be provided for any such cases<\/strong\n      >.\n    <\/p>\n    <p style=\"text-align: left\">\n      4. No Responsibility for Abnormal Activity or Platform Detection\n    <\/p>\n    <p style=\"text-align: left; padding-left: 40px\">\n      The company is not responsible for any consequences resulting from\n      abnormal account activity or automated detection by third-party platforms.\n      This includes, but is not limited to, excessive feature usage, abnormal IP\n      addresses, or being flagged for inappropriate content.\n      <strong\n        >Any resulting penalties, suspensions, or restrictions are solely the\n        responsibility of the user<\/strong\n      >.\n    <\/p>\n    <p style=\"text-align: left\">\n      5. Order Confirmation Implies Acceptance of Terms\n    <\/p>\n    <p style=\"text-align: left; padding-left: 40px\">\n      By placing an order, you acknowledge that you have read, understood, and\n      agreed to all of the above terms.\n      <strong\n        >If you are unable to accept the associated risks, please do not proceed\n        with the purchase<\/strong\n      >\n      to avoid any inconvenience for both parties.\n    <\/p>\n    6. Subscription Billing &amp; Cancellation\n    <p style=\"padding-left: 40px\">\n      Subscriptions are billed automatically <strong>every 30 days<\/strong>. To\n      cancel your subscription, you must contact\n      <a href=\"https:\/\/wa.me\/886968695839\" target=\"_blank\" rel=\"noopener\"\n        >customer support<\/a\n      >\n      <strong>at least 3 days<\/strong> before the next billing date.\n      <strong>No refunds will be issued<\/strong> for payments that have already\n      been processed.\n    <\/p>\n    7. Service Downtime or Discontinuation\n    <p style=\"padding-left: 40px\">\n      If the software becomes temporarily unavailable due to reasons\n      attributable to the company, your membership will be extended by the same\n      number of days affected. If the service is permanently discontinued due to\n      reasons attributable to the company, a partial refund will be issued based\n      on the remaining amount after deducting the value of the days used\n      (calculated at the product's original price, excluding any promotional\n      discounts, multi-month pricing, or subscription offers) and any referral\n      commissions already paid out.\n    <\/p>\n    8. Modifications to Terms\n    <p style=\"padding-left: 40px\">\n      We reserve the right to modify or update these terms at any time. Any\n      changes will be announced on our official website: www.snappost.tech.\n    <\/p>\n  <\/div>\n\n  <div id=\"wordpress-content-2\" class=\"WordSection1\" style=\"display: none\">\n    <div class=\"modal-title\">SnapPost Personal Data Consent Agreement<\/div>\n    <div class=\"modal-updated\">Last updated: 2025 July 21st.<\/div>\n    Please read the following terms carefully before placing an order or\n    registering. By placing an order or using our service, you agree to all the\n    terms listed below. SnapPost LLC (\"SnapPost\", \"we\", \"our\", or \"the Company\")\n    acts as a data controller when it determines the purpose and means of\n    processing your personal data. We collect, use, store and process personal\n    data in accordance with all applicable privacy laws.\n    <ol>\n      <li>\n        Purpose of Collection: We collect and process your personal data for the\n        following purposes:\n        <ul>\n          <li>To provide and maintain our services<\/li>\n          <li>To process transactions and fulfill orders<\/li>\n          <li>\n            To personalize user experience and deliver targeted content or\n            advertising (with your consent, where applicable)\n          <\/li>\n          <li>To analyze usage patterns and improve our services<\/li>\n          <li>To detect and prevent fraud or illegal activities<\/li>\n          <li>\n            To comply with legal obligations We process your personal data based\n            on your consent, the performance of a contract, legal obligations,\n            or our legitimate interests, as applicable under relevant laws such\n            as GDPR or CCPA.\n          <\/li>\n        <\/ul>\n      <\/li>\n      <li>\n        Categories of Data Collected: Depending on your interaction with our\n        services, we may collect the following categories of personal data:\n        <ul data-start=\"1492\" data-end=\"1835\">\n          <li data-start=\"1492\" data-end=\"1555\">\n            <p data-start=\"1494\" data-end=\"1555\">\n              Identity and contact information (e.g., name, email, phone)\n            <\/p>\n          <\/li>\n          <li data-start=\"1556\" data-end=\"1577\">\n            <p data-start=\"1558\" data-end=\"1577\">Login credentials<\/p>\n          <\/li>\n          <li data-start=\"1578\" data-end=\"1610\">\n            <p data-start=\"1580\" data-end=\"1610\">\n              Payment and transaction data\n            <\/p>\n          <\/li>\n          <li data-start=\"1611\" data-end=\"1691\">\n            <p data-start=\"1613\" data-end=\"1691\">\n              Device and technical data (e.g., IP address, browser type,\n              operating system)\n            <\/p>\n          <\/li>\n          <li data-start=\"1692\" data-end=\"1748\">\n            <p data-start=\"1694\" data-end=\"1748\">\n              Location data (if permitted by your device settings)\n            <\/p>\n          <\/li>\n          <li data-start=\"1749\" data-end=\"1808\">\n            <p data-start=\"1751\" data-end=\"1808\">\n              User-generated content (e.g., posts, uploads, messages)\n            <\/p>\n          <\/li>\n          <li data-start=\"1809\" data-end=\"1835\">\n            <p data-start=\"1811\" data-end=\"1835\">Usage and analytics data<\/p>\n          <\/li>\n          <li data-start=\"1809\" data-end=\"1835\">\n            <p data-start=\"1811\" data-end=\"1835\">\n              We may use cookies or similar technologies for analytics and\n              personalization, in accordance with your consent preferences.\n            <\/p>\n          <\/li>\n        <\/ul>\n      <\/li>\n      <li data-start=\"1809\" data-end=\"1835\">\n        <p data-start=\"1811\" data-end=\"1835\">\n          Usage Scope \u2013 Duration, Region, Parties, and Method: Your data may be\n          stored and processed in Singapore, Taiwan, the United States, or other\n          jurisdictions where we or our service providers operate.\u00a0<span\n            style=\"font-style: inherit; font-weight: inherit\"\n            >Appropriate safeguards are applied to ensure the protection of your\n            data, including contractual obligations with third-party vendors. <\/span\n          ><span style=\"font-style: inherit; font-weight: inherit\"\n            >We may share your personal data, where legally permitted,\n            with:<\/span\n          >\n        <\/p>\n\n        <ul>\n          <li data-start=\"1809\" data-end=\"1835\">\n            <p data-start=\"1811\" data-end=\"1835\">\n              <span style=\"font-style: inherit; font-weight: inherit\"\n                >Service providers and vendors (e.g., hosting, analytics,\n                customer support)<\/span\n              >\n            <\/p>\n          <\/li>\n          <li data-start=\"2337\" data-end=\"2384\">\n            <p data-start=\"2339\" data-end=\"2384\">\n              Contractors and agents acting on our behalf\n            <\/p>\n          <\/li>\n          <li data-start=\"2385\" data-end=\"2434\">\n            <p data-start=\"2387\" data-end=\"2434\">\n              Payment processors and financial institutions\n            <\/p>\n          <\/li>\n          <li data-start=\"2435\" data-end=\"2522\">\n            <p data-start=\"2437\" data-end=\"2522\">\n              Affiliates or business partners (only with appropriate legal basis\n              or your consent)\n            <\/p>\n          <\/li>\n          <li data-start=\"2523\" data-end=\"2580\">\n            <p data-start=\"2525\" data-end=\"2580\">\n              Government or regulatory bodies, when required by law\n            <\/p>\n          <\/li>\n        <\/ul>\n      <\/li>\n      <li>\n        Your Rights:\n        <p data-start=\"2728\" data-end=\"2832\">\n          Depending on your jurisdiction, you may have the following rights\n          under applicable data protection laws:\n        <\/p>\n\n        <ul data-start=\"2834\" data-end=\"3540\">\n          <li data-start=\"2834\" data-end=\"2897\">\n            <p data-start=\"2836\" data-end=\"2897\">\n              Right to Access \u2013 Request access to your personal data.\n            <\/p>\n          <\/li>\n          <li data-start=\"2898\" data-end=\"2980\">\n            <p data-start=\"2900\" data-end=\"2980\">\n              Right to Correction \u2013 Request correction of inaccurate or\n              incomplete data.\n            <\/p>\n          <\/li>\n          <li data-start=\"2981\" data-end=\"3071\">\n            <p data-start=\"2983\" data-end=\"3071\">\n              Right to Deletion \u2013 Request deletion of your personal data,\n              subject to exceptions.\n            <\/p>\n          <\/li>\n          <li data-start=\"3072\" data-end=\"3159\">\n            <p data-start=\"3074\" data-end=\"3159\">\n              Right to Restrict Processing \u2013 Request restriction under certain\n              circumstances.\n            <\/p>\n          <\/li>\n          <li data-start=\"3160\" data-end=\"3242\">\n            <p data-start=\"3162\" data-end=\"3242\">\n              Right to Object \u2013 Object to certain types of processing (e.g.,\n              marketing).\n            <\/p>\n          <\/li>\n          <li data-start=\"3243\" data-end=\"3334\">\n            <p data-start=\"3245\" data-end=\"3334\">\n              Right to Data Portability (EU\/UK residents) \u2013 Request a portable\n              copy of your data.\n            <\/p>\n          <\/li>\n          <li data-start=\"3335\" data-end=\"3443\">\n            <p data-start=\"3337\" data-end=\"3443\">\n              Right to Withdraw Consent \u2013 Withdraw your consent at any time,\n              where processing is based on consent.\n            <\/p>\n          <\/li>\n          <li data-start=\"3444\" data-end=\"3540\">\n            <p data-start=\"3446\" data-end=\"3540\">\n              Right to Opt-Out \u2013 Opt out of the sale or sharing of personal\n              data.\n            <\/p>\n          <\/li>\n        <\/ul>\n        <p data-start=\"3542\" data-end=\"3614\">\n          To exercise your rights, please contact us at:\n          <strong data-start=\"3589\" data-end=\"3614\"\n            ><a rel=\"noopener\" data-start=\"3591\" data-end=\"3612\"\n              >support@snappost.tech<\/a\n            ><\/strong\n          >\n        <\/p>\n      <\/li>\n      <li>\n        Consequences of Not Providing Personal Data Providing personal data is\n        generally voluntary. However, if you choose not to provide information\n        necessary for us to deliver our services or meet legal obligations, some\n        features may become limited or unavailable.\n      <\/li>\n    <\/ol>\n    <p data-start=\"3933\" data-end=\"4237\">\n      By using the Service, you acknowledge that you have read and understood\n      this agreement, and you consent to the collection, use, and protection of\n      your personal data as described above. Continued use of the Service\n      constitutes your acceptance of this agreement, in accordance with\n      applicable privacy laws.\n    <\/p>\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        Buy Now<\/button\n      ><br \/><br \/>* Please refrain from using illegal payment methods.\n      Membership will be terminated.\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> You have an subscription within the last 60 days.<\/strong\n      ><br \/>\n      <br \/>\n      To avoid duplicate charges, please check your subscription details. You\n      can update it using the form below.\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 Modify subscription\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        Close\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(\"Please enter the Email first\"))\n        return\n      }\n\n      \/\/ \u6aa2\u67e5\u662f\u5426\u9078\u64c7\u7248\u672c\n      if (!newVersion) {\n        reject(alert(\"Please select the plan\"))\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(\"Calculation error: \" + 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 = \"Calculation failed\"\n            if (status === \"timeout\") {\n              errorMessage = \"Timeout, please try again later\"\n            } else if (xhr.status === 0) {\n              errorMessage = \"Network error\"\n            } else {\n              errorMessage = \"Calculation error (${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(\"Please enter the Email\")\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                Querying, please wait...\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 = \"Query timeout, please try again later\"\n        } else if (xhr.status === 0) {\n          errorMessage = \"Network error\"\n        } else if (xhr.status >= 500) {\n          errorMessage = \"Server error, please try again later\"\n        } else {\n          errorMessage = `Query error (${xhr.status})`\n        }\n\n        $(\"#memberResult\").html(`\n                        <div style=\"color: red;\">\n                            \u274c ${errorMessage}<br>\n                            <small>Please check if the Email is correct or contact customer service<\/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 No member data found for ${userinput}.\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 = [\n        \"Deluxe\",\n        \"Standard\",\n        \"Personal\",\n        \"Enterprise\",\n        \"Trial\",\n      ]\n      const planName = planNames[decodedRanking.plan] || \"Unknown Plan\"\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>Member Query Result:<\/strong><br>\n                        \ud83c\udfaf Plan: ${planName} <br>\n                `)\n      } else {\n        $(\"#memberResult\").html(`\n                    <div style=\"color: black;\">\n                        <strong>Member Query Result:<\/strong><br>\n                        \ud83c\udfaf Plan: ${planName} <br>\n                        \ud83d\udcc5 Expired Date: ${window.memberInfo.expired_date}<br>\n                        <br>\n                        <strong>Purchased Add-ons:<\/strong><br>\n                        ${decodedRanking.addClub ? \"\u2705 Join Groups<br>\" : \"\"}\n                        ${decodedRanking.shopping ? \"\u2705 Shopping<br>\" : \"\"}\n                        ${decodedRanking.homeComment ? \"\u2705 Feed Comment<br>\" : \"\"}\n                        ${decodedRanking.postMul ? \"\u2705 Multi-account Schedule Settings<br>\" : \"\"}\n                        ${decodedRanking.urlComment ? \"\u2705 URL Comment<br>\" : \"\"}\n                        ${decodedRanking.deletePost ? \"\u2705 Delete Post<br>\" : \"\"}\n                        ${!hasAnyAddon ? \"\u274c No add-ons purchased\" : \"\"}\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: 19.9,\n    addClub: 19.9,\n    \/\/ shopping: 300, \/\/ \u82e5\u8981\u555f\u7528\u52a0\u8cfc\u50f9\uff0c\u53d6\u6d88\u8a3b\u89e3\n    homeComment: 19.9,\n    urlComment: 19.9,\n    IGAuto: 39.9,\n    postMul: 79.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(\"Member query completed, please check the result\")\n      }\n      showToast(\"Please enter a valid member Gmail first\")\n    }\n    var versionPrice = 0\n    if (order_version.value == 0) {\n      versionPrice = 139\n      document.getElementById(\"AccNum\").innerHTML = \"100\"\n      document.getElementById(\"DayNum\").innerHTML = \"3.96\"\n    } else if (order_version.value == 1) {\n      versionPrice = 99\n      document.getElementById(\"AccNum\").innerHTML = \"3\"\n      document.getElementById(\"DayNum\").innerHTML = \"3.3\"\n    } else if (order_version.value == 2) {\n      versionPrice = 59\n      document.getElementById(\"AccNum\").innerHTML = \"1\"\n      document.getElementById(\"DayNum\").innerHTML = \"1.96\"\n    } else if (order_version.value == 3) {\n      versionPrice = 199\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: ${addonInfo.addedPricePerMonth} USD x ${addonInfo.months.toFixed(4)} months remaining =  USD ${addonPrice}<br> \n                `\n      if (order_version.value != \"9\") {\n        html =\n          html +\n          `New member price: ${roundTo(versionPrice, 2)} USD x ${quantity} months =  USD ${roundTo(versionPrice * quantity, 2)}<br>`\n      }\n      document.getElementById(\"add_on_cal\").innerHTML = html\n    } else {\n      if (order_version.value == 9) {\n        alert(\"Need a valid member to purchase add-on\")\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 style='color:red'>\n                      <span style='color:black' id=\"price_origin\">USD ` +\n        priceTotal * 1 +\n        `<\/span>\n                    <\/strike><br><a style='color:red' 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\">Subscription<\/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=\"\">select quantity<\/option>\n                    <option value=\"1\">1 month<\/option>\n                    <option value=\"2\">2 months<\/option>         \n                    <option value=\"3\">3 months - 5% off<\/option>\n                    <option value=\"6\">6 months -  10% off<\/option>\n                    <option value=\"12\">12 months - 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(\n          `<option value=\"0\" select>Add-on only<\/option>`,\n        )\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\u6236\u512a\u60e0300\u5143\"\n        break\n      case \"OLD300\":\n        discountWord.textContent = \" \u8001\u5ba2\u6236\u512a\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(\"Please select a payment method\")\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(\"Please select the plan\") \/\/ \u63d0\u793a\u7528\u6236\u9078\u64c7\u65b9\u6848\n        return\n      }\n\n      if (!customerEmail || orderQuantity === \"\") {\n        event.preventDefault()\n        alert(\"Please fill in the Gmail and select the purchase quantity\")\n        return\n      }\n      if (!window.memberInfo) {\n        event.preventDefault()\n        alert(\"No member found for this Gmail, please check and re-enter!\")\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(\n          \"The purchase amount cannot be 0, please select a valid plan or add-on\",\n        )\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-flex;\n    cursor: pointer;\n    align-items: start;\n    gap: 10px;\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-5f4116d e-flex e-con-boxed e-con e-parent\" data-id=\"5f4116d\" 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-01b55c4 elementor-widget elementor-widget-html\" data-id=\"01b55c4\" 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    gap: 16px;\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    white-space: pre-wrap;\n  }\n\n  .faq-section {\n    max-width: 1440px;\n    margin: auto;\n    padding: 0px 76px;\n  }\n\n  .heading {\n    font-size: 36px;\n    margin-bottom: 60px;\n    font-weight: 700;\n    text-align: center;\n  }\n\n  .accordion-icon {\n    width: 38px;\n    line-height: 1;\n    padding-top: 6px;\n  }\n\n  .accordion-text {\n    \/* Is a contract required for credit card subscriptions? *\/\n    font-weight: 700;\n    font-size: 24px;\n    line-height: 130%;\n    letter-spacing: 0.03em;\n    flex: 1;\n    \/* Text Color\/Blue Black *\/\n    color: #021634;\n    max-width: 670px;\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    .accordion-text {\n      \/* \u00a0Is a contract required for credit card subscriptions? *\/\n      font-size: 16px;\n      line-height: 160%;\n      \/* or 26px *\/\n      letter-spacing: 0.05em;\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\">Purchase FAQs<\/h2>\n  <div id=\"faqAccordion\" class=\"accordion\"><\/div>\n  <div style=\"text-align: center; margin-top: 36px\">\n    For more info, check\n    <a href=\"https:\/\/snappost.tech\/en\/faq\/\">FAQs, terms<\/a>, or\n    <a\n      href=\"https:\/\/api.whatsapp.com\/send\/?phone=886968695839&text&type=phone_number&app_absent=0\"\n      >contact us<\/a\n    >\n  <\/div>\n<\/section>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const isMobile = window.innerWidth <= 768\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: \"Is a contract required for credit card subscriptions?\",\n        content: `No contract is required! Starting from the first charge, payments are deducted every 30 days. You just need to notify customer service 3 business days before the next deduction to cancel the automatic payment for the following month!<br>whatsapp : <a href=\"https:\/\/wa.me\/886968695839\" target=\"_blank\">WhatsApp.comSnappost<\/a>`,\n      },\n      {\n        title:\n          \"What payment methods are available? Will the service be activated if purchased after work hours?\",\n        mobileTitle: \"How can I pay? When does activation start?\",\n        content: `Currently, we support credit card payments via Stripe, which includes one-time purchases and automatic renewals (with additional discounts).\\nOur payment page activates the service automatically 24\/7.\\nAfter your purchase, you can wait about 10 minutes for activation, or you can go directly to Snappost interface and click on Refresh Date on the homepage to activate it immediately.`,\n      },\n      {\n        title: \"Can I purchase just one month?\",\n        content: `Yes, you can. Just uncheck the stripe subscription option, and you can buy a one-month plan without any automatic renewals!`,\n      },\n      {\n        title: \"Can I request an invoice?\",\n        content: `We are a Taiwan-based company, Zator Co., Ltd., and cannot issue invoices for other countries. However, if you need a receipt, you can contact customer service, and we can provide one for you.`,\n      },\n      {\n        title:\n          \"What promotions are available? Is there a discount for multi-month plans?\",\n        mobileTitle: \"Any promotions? Multi-month discount?\",\n        content: `Yes, there are currently two main plans:\\n<b>\u30fbOne-time Purchase<\/b>: 3 months at 5% off, 6 months at 10% off, and 12 months at 15% off. This plan does not automatically renew.\\n<b>\u30fbStripe Subscription<\/b>: Payments are automatically deducted every 30 days with a 10% discount. You can cancel future subscriptions anytime by notifying customer service, and there is no contract!`,\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          <div class=\"accordion-text\">${isMobile ? item.mobileTitle || item.title : item.title}<\/div>\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-51b461d8 e-flex e-con-boxed e-con e-parent\" data-id=\"51b461d8\" 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-3099a110 e-con-full e-flex e-con e-child\" data-id=\"3099a110\" 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-50ca363a cta-title elementor-widget elementor-widget-heading\" data-id=\"50ca363a\" 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\">Need more answers?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-237388a8 contact-text elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"237388a8\" 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>Contact us to get your personalized quick solution<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63a57d09 contact-text-mobile elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"63a57d09\" 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 style=\"text-align: center;\" data-mce-style=\"text-align: center;\">Contact us to get<br \/>your personalized quick solution<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc7286f elementor-widget elementor-widget-button\" data-id=\"fc7286f\" 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\">Contact Us<\/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>Build Your Own Marketing Assistant Your Smart Marketing Assistant Flexible plans \u00d7 Add-on features, tailored to your needs Flexible plans \u00d7 Add-on features Order Details Member Gmail :\u00a0 Plan Selection Price Please selectEnterprise &#8211; Unlimited accountsDeluxe &#8211; 100 FB accountsStandard &#8211; 3 FB accountsPersonal &#8211; 1 FB accountAdd-on only USD 139 Bind up to 1 [&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-19125","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.aicoinmaker.com\/en\/wp-json\/wp\/v2\/pages\/19125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aicoinmaker.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aicoinmaker.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aicoinmaker.com\/en\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aicoinmaker.com\/en\/wp-json\/wp\/v2\/comments?post=19125"}],"version-history":[{"count":5,"href":"https:\/\/www.aicoinmaker.com\/en\/wp-json\/wp\/v2\/pages\/19125\/revisions"}],"predecessor-version":[{"id":20467,"href":"https:\/\/www.aicoinmaker.com\/en\/wp-json\/wp\/v2\/pages\/19125\/revisions\/20467"}],"wp:attachment":[{"href":"https:\/\/www.aicoinmaker.com\/en\/wp-json\/wp\/v2\/media?parent=19125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}