groupRules.html 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  6. <meta http-equiv="Pragma" content="no-cache" />
  7. <meta http-equiv="Expires" content="0" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  9. <link rel="icon" type="image/x-icon" href="img/favicon.ico" />
  10. <title>Group Buying Rules</title>
  11. <!-- Tailwind CSS -->
  12. <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
  13. <!-- Font Awesome -->
  14. <link
  15. href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"
  16. rel="stylesheet"
  17. />
  18. <!-- Google Fonts -->
  19. <link
  20. href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
  21. rel="stylesheet"
  22. />
  23. <style>
  24. .prose-lg {
  25. line-height: 1.5 !important;
  26. }
  27. </style>
  28. <script>
  29. tailwind.config = {
  30. theme: {
  31. extend: {
  32. colors: {
  33. primary: '#0066CC',
  34. secondary: '#333333',
  35. light: '#F5F5F7',
  36. dark: '#1D1D1F',
  37. },
  38. fontFamily: {
  39. sans: ['Inter', 'sans-serif'],
  40. },
  41. },
  42. },
  43. };
  44. </script>
  45. <style type="text/tailwindcss">
  46. @layer utilities {
  47. .transition-smooth {
  48. transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  49. }
  50. }
  51. </style>
  52. </head>
  53. <body class="font-sans bg-white text-dark antialiased">
  54. <main class="py-12">
  55. <div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-4xl">
  56. <!-- 标题 -->
  57. <h1 class="text-sm md:text-4xl font-bold mb-8">
  58. <span class="lang-en">Group Buying Rules</span>
  59. <span class="lang-zh hidden">BandhuBuy拼团规则</span>
  60. </h1>
  61. <!-- 图片 -->
  62. <div class="mb-8">
  63. <img
  64. src="./img/20250916-153510.jpg"
  65. alt="Group Buying Rules"
  66. class="w-full h-auto rounded-lg shadow-lg"
  67. />
  68. </div>
  69. <!-- 内容 -->
  70. <div class="prose prose-lg text-xs md:text-xl max-w-none">
  71. <!-- 英文版本 -->
  72. <div class="lang-en">
  73. <section class="mb-8">
  74. <div class="space-y-4">
  75. <p>
  76. <strong>1. Activity Name:</strong> Lucky Group Buying (10 or
  77. 20 participants)
  78. </p>
  79. <p>
  80. <strong>2. Participation Requirements:</strong> Payment of the
  81. product amount
  82. </p>
  83. <p>
  84. <strong>3. Group Formation Rules:</strong> The group will be
  85. successfully formed if the required number of participants (10
  86. or 20 people) is reached within the specified time limit.
  87. </p>
  88. <div>
  89. <p><strong>4. Lottery Rules:</strong></p>
  90. <ul class="list-disc pl-6 space-y-1">
  91. <li>
  92. <strong>Lottery Time:</strong> Immediately after the group
  93. is successfully formed
  94. </li>
  95. <li>
  96. <strong>Lottery Method:</strong> One person will be
  97. randomly selected from among all participants
  98. </li>
  99. </ul>
  100. </div>
  101. <div>
  102. <p><strong>5. Fund Processing Rules:</strong></p>
  103. <ul class="list-disc pl-6 space-y-1">
  104. <li>
  105. <strong>Winner:</strong> The full payment will be deducted
  106. as the product payment
  107. </li>
  108. <li>
  109. <strong>Non-winners:</strong> The full payment amount will
  110. be refunded to the user's account wallet balance instantly
  111. </li>
  112. <li>
  113. <strong>Group Buying Failure:</strong> If the required
  114. number of participants is not reached within the specified
  115. time, the group buying fails, and the full payment amount
  116. will be refunded to the user's account wallet balance
  117. instantly
  118. </li>
  119. </ul>
  120. </div>
  121. <div>
  122. <p><strong>6. Product Distribution Rules:</strong></p>
  123. <ul class="list-disc pl-6 space-y-1">
  124. <li>
  125. <strong>Successful Group Buying:</strong> The winner will
  126. receive the product
  127. </li>
  128. <li>
  129. <strong>Failed Group Buying:</strong> No product will be
  130. shipped
  131. </li>
  132. </ul>
  133. </div>
  134. <p>
  135. <strong>7. Product Shipping:</strong> The platform will ship
  136. the product within 72 hours
  137. </p>
  138. <p>
  139. <strong>8. Risk Warning:</strong> Winning in Lucky Group
  140. Buying is random. Participation indicates understanding and
  141. acceptance of this risk.
  142. </p>
  143. <p>
  144. <strong>9. User Agreement:</strong> Payment constitutes
  145. acceptance and agreement to these group buying rules.
  146. </p>
  147. <p>
  148. <strong>10. Customer Support:</strong> Contact official
  149. customer service for inquiries.
  150. </p>
  151. <p class="mt-6 font-semibold">
  152. BandhuBuy reserves the right of final interpretation of these
  153. rules.
  154. </p>
  155. </div>
  156. </section>
  157. </div>
  158. <!-- 中文版本 -->
  159. <div class="lang-zh hidden">
  160. <section class="mb-8">
  161. <h2 class="text-2xl font-semibold mb-4">团购详细规则</h2>
  162. <div class="space-y-4">
  163. <p><strong>1.玩法名称:</strong> 幸运团购(10人或20人)</p>
  164. <p><strong>2.参与条件:</strong> 支付商品金额</p>
  165. <p>
  166. <strong>3.成团规则:</strong>
  167. 成团规定时间内达到成团人数要求即可成团(10人或20人)
  168. </p>
  169. <div>
  170. <p><strong>4.抽奖规则:</strong></p>
  171. <ul class="list-disc pl-6 space-y-1">
  172. <li><strong>抽奖时间:</strong>成团后立即抽奖</li>
  173. <li>
  174. <strong>抽奖方式:</strong>从已参团人数中随机选中1人
  175. </li>
  176. </ul>
  177. </div>
  178. <div>
  179. <p><strong>5.资金处理规则:</strong></p>
  180. <ul class="list-disc pl-6 space-y-1">
  181. <li>
  182. <strong>抽中者:</strong>支付金额全部扣除作为商品货款
  183. </li>
  184. <li>
  185. <strong>未抽中者:</strong
  186. >支付金额全额退还至账户钱包余额、即时到账
  187. </li>
  188. <li>
  189. <strong>拼团失败:</strong
  190. >成团规定时间内未达到成团人数要求则拼团失败,支付金额全额退还至账户钱包余额、即时到账
  191. </li>
  192. </ul>
  193. </div>
  194. <div>
  195. <p><strong>6.商品发放规则:</strong></p>
  196. <ul class="list-disc pl-6 space-y-1">
  197. <li><strong>拼团成功:</strong>抽中者将获得商品</li>
  198. <li><strong>拼团失败:</strong>不发货</li>
  199. </ul>
  200. </div>
  201. <p><strong>7.商品发货:</strong>平台将会在72小时内发货</p>
  202. <p>
  203. <strong>8.风险提示:</strong>
  204. 幸运团购中奖具有随机性,参与者参与即表示理解并接受该风险
  205. </p>
  206. <p><strong>9.用户支付即视为了解并同意以上团购规则</strong></p>
  207. <p><strong>10.问题咨询:</strong>联系官方客服</p>
  208. <p class="mt-6 font-semibold">BandhuBuy保留规则最终解释权</p>
  209. </div>
  210. </section>
  211. </div>
  212. </div>
  213. </div>
  214. </main>
  215. <!-- 页脚 -->
  216. <footer class="bg-dark text-white py-8">
  217. <div class="container mx-auto px-4 text-center">
  218. <p class="text-gray-500 text-sm">
  219. &copy; 2025 Aisoco, Inc. All rights reserved.
  220. </p>
  221. </div>
  222. </footer>
  223. <script>
  224. // 语言切换功能
  225. const langEnBtn = document.getElementById('lang-en');
  226. const langZhBtn = document.getElementById('lang-zh');
  227. const langEnElements = document.querySelectorAll('.lang-en');
  228. const langZhElements = document.querySelectorAll('.lang-zh');
  229. langEnBtn.addEventListener('click', function () {
  230. langEnBtn.classList.add('text-primary');
  231. langEnBtn.classList.remove('text-gray-500');
  232. langZhBtn.classList.add('text-gray-500');
  233. langZhBtn.classList.remove('text-primary');
  234. langEnElements.forEach((el) => el.classList.remove('hidden'));
  235. langZhElements.forEach((el) => el.classList.add('hidden'));
  236. });
  237. langZhBtn.addEventListener('click', function () {
  238. langZhBtn.classList.add('text-primary');
  239. langZhBtn.classList.remove('text-gray-500');
  240. langEnBtn.classList.add('text-gray-500');
  241. langEnBtn.classList.remove('text-primary');
  242. langZhElements.forEach((el) => el.classList.remove('hidden'));
  243. langEnElements.forEach((el) => el.classList.add('hidden'));
  244. });
  245. </script>
  246. </body>
  247. </html>