{"id":18,"date":"2026-09-21T11:59:12","date_gmt":"2026-09-21T11:59:12","guid":{"rendered":"https:\/\/betone.support\/?page_id=18"},"modified":"2026-09-21T12:04:34","modified_gmt":"2026-09-21T12:04:34","slug":"elementor-18","status":"publish","type":"page","link":"https:\/\/betone.support\/","title":{"rendered":"Elementor #18"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e325e1c e-flex e-con-boxed e-con e-parent\" data-id=\"e325e1c\" 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-53eb623 elementor-widget elementor-widget-html\" data-id=\"53eb623\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"bt-landing\" lang=\"zh-Hant\">\n\n  <!-- Blurred background -->\n  <img decoding=\"async\"\n    class=\"bt-background\"\n    src=\"https:\/\/betone.support\/wp-content\/uploads\/2026\/09\/Play-For-Dreams.png\"\n    alt=\"\"\n    aria-hidden=\"true\"\n  >\n\n  <!-- Main image -->\n  <div class=\"bt-image-container\">\n    <img decoding=\"async\"\n      src=\"https:\/\/betone.support\/wp-content\/uploads\/2026\/09\/Play-For-Dreams.png\"\n      alt=\"BT \u2014 Play For Dreams\"\n    >\n  <\/div>\n\n  <!-- Main button -->\n  <a\n    href=\"https:\/\/btab33.com\/register\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    class=\"bt-main-button\"\n  >\n    <span class=\"bt-button-label\">\u7acb\u5373\u9ad4\u9a57<\/span>\n    <span class=\"bt-shine\" aria-hidden=\"true\"><\/span>\n  <\/a>\n\n  <!-- Contact widget -->\n  <details class=\"bt-contact\">\n    <summary class=\"bt-contact-toggle\">\n      <svg\n        width=\"23\"\n        height=\"23\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.8\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5Z\"\/>\n        <path d=\"M8 12h8\"\/>\n      <\/svg>\n\n      <span class=\"bt-open-label\">\u806f\u7d61\u5c08\u54e1<\/span>\n      <span class=\"bt-close-label\">\u95dc\u9589 \u00d7<\/span>\n    <\/summary>\n\n    <div class=\"bt-contact-card\">\n      <div class=\"bt-card-heading\">\u806f\u7d61 Vans VIP \u5ba2\u670d<\/div>\n      <p class=\"bt-card-description\">\u8acb\u9078\u64c7\u806f\u7d61\u65b9\u5f0f<\/p>\n\n      <!-- WhatsApp button -->\n      <a\n        class=\"bt-channel bt-whatsapp\"\n        href=\"https:\/\/wa.me\/85262639327\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <span class=\"bt-channel-icon\" aria-hidden=\"true\">\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"M20.5 11.6a8.5 8.5 0 0 1-12.6 7.5L3 21l1.7-5A8.5 8.5 0 1 1 20.5 11.6Z\"\/>\n            <path d=\"M8.2 7.5c-.8 1.1.1 3.3 1.8 5s3.9 2.6 5 1.8l.9-1.1-2.5-1.3-.8.8a7 7 0 0 1-2.6-2.6l.8-.8-1.3-2.5-1.3.7Z\"\/>\n          <\/svg>\n        <\/span>\n\n        <strong>WhatsApp<\/strong>\n        <span class=\"bt-channel-arrow\" aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n\n      <!-- Telegram button -->\n      <a\n        class=\"bt-channel bt-telegram\"\n        href=\"https:\/\/t.me\/BetOne_VIP\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <span class=\"bt-channel-icon\" aria-hidden=\"true\">\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"m21 3-4 18-6-7-8-3L21 3Z\"\/>\n            <path d=\"m11 14 10-11\"\/>\n          <\/svg>\n        <\/span>\n\n        <strong>Telegram<\/strong>\n        <span class=\"bt-channel-arrow\" aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n    <\/div>\n  <\/details>\n\n  <!-- Help hint appears after 8 seconds -->\n  <div class=\"bt-contact-hint\">\n    \u9700\u8981\u5e6b\u624b\uff1f\u5373\u523b\u6435\u6211\u54cb\n  <\/div>\n\n<\/div>\n\n<style>\n#bt-landing,\n#bt-landing * {\n  box-sizing: border-box;\n}\n\n#bt-landing {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  height: 100dvh;\n  background: #000;\n  overflow: hidden;\n  z-index: 999999;\n  margin: 0;\n  padding: 0;\n  font-family: Arial, \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n}\n\n#bt-landing .bt-background {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  object-fit: cover;\n  object-position: center;\n  filter: blur(22px);\n  transform: scale(1.15);\n  opacity: .7;\n}\n\n#bt-landing .bt-image-container {\n  position: absolute;\n  inset: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#bt-landing .bt-image-container img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  object-position: center;\n  display: block;\n}\n\n\/* Main button *\/\n#bt-landing .bt-main-button {\n  position: absolute;\n  left: 50%;\n  bottom: 150px;\n  transform: translateX(-50%);\n  display: inline-block;\n  background: linear-gradient(135deg, #fff45c, #ffb300, #ff4d00);\n  color: #111;\n  padding: 11px 38px;\n  border-radius: 999px;\n  font-size: 24px;\n  line-height: 1.4;\n  font-weight: 900;\n  text-decoration: none;\n  letter-spacing: 1.5px;\n  white-space: nowrap;\n  border: 2px solid #fff;\n  box-shadow:\n    0 0 18px #ffe600,\n    0 0 32px #ff6600,\n    0 8px 22px rgba(0,0,0,.7);\n  overflow: hidden;\n  animation: btPulse 1.25s infinite ease-in-out;\n}\n\n#bt-landing .bt-button-label {\n  position: relative;\n  z-index: 2;\n}\n\n#bt-landing .bt-shine {\n  position: absolute;\n  top: -60%;\n  left: -80%;\n  width: 45%;\n  height: 220%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(255,255,255,.95),\n    transparent\n  );\n  transform: rotate(25deg);\n  animation: btShine 2s infinite;\n  z-index: 1;\n}\n\n\/* Contact widget *\/\n#bt-landing .bt-contact {\n  position: absolute;\n  right: max(16px, env(safe-area-inset-right, 0px));\n  bottom: calc(18px + env(safe-area-inset-bottom, 0px));\n  z-index: 20;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n#bt-landing .bt-contact-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  min-height: 54px;\n  padding: 14px 20px;\n  border: 1px solid rgba(255,255,255,.3);\n  border-radius: 999px;\n  background: #fff;\n  color: #122033;\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 800;\n  list-style: none;\n  cursor: pointer;\n  user-select: none;\n  box-shadow: 0 8px 28px rgba(0,0,0,.35);\n}\n\n#bt-landing .bt-contact-toggle::-webkit-details-marker {\n  display: none;\n}\n\n#bt-landing .bt-contact-toggle::marker {\n  content: \"\";\n}\n\n#bt-landing .bt-contact-toggle::before,\n#bt-landing .bt-contact-toggle::after {\n  content: none;\n}\n\n#bt-landing .bt-close-label {\n  display: none;\n}\n\n#bt-landing .bt-contact[open] .bt-open-label {\n  display: none;\n}\n\n#bt-landing .bt-contact[open] .bt-close-label {\n  display: inline;\n}\n\n#bt-landing .bt-contact-card {\n  position: absolute;\n  right: 0;\n  bottom: calc(100% + 12px);\n  width: 290px;\n  max-width: calc(100vw - 40px);\n  max-height: calc(100vh - 110px);\n  max-height: calc(\n    100dvh - 110px - env(safe-area-inset-bottom, 0px)\n  );\n  overflow-y: auto;\n  padding: 20px;\n  border: 1px solid #e5eaf0;\n  border-radius: 20px;\n  background: #fff;\n  color: #122033;\n  box-shadow: 0 16px 50px rgba(0,0,0,.35);\n}\n\n#bt-landing .bt-card-heading {\n  margin: 0 0 7px;\n  font-size: 18px;\n  line-height: 1.5;\n  font-weight: 800;\n}\n\n#bt-landing .bt-card-description {\n  margin: 0 0 17px;\n  color: #64748b;\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n#bt-landing .bt-channel {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 58px;\n  padding: 13px;\n  border-radius: 13px;\n  text-decoration: none;\n  transition: transform .18s ease, filter .18s ease;\n}\n\n#bt-landing .bt-channel + .bt-channel {\n  margin-top: 10px;\n}\n\n#bt-landing .bt-channel:hover {\n  transform: translateY(-2px);\n  filter: brightness(.96);\n}\n\n#bt-landing .bt-whatsapp {\n  background: #e7f8ee;\n  color: #08683a;\n}\n\n#bt-landing .bt-telegram {\n  background: #e8f4fd;\n  color: #075b8d;\n}\n\n#bt-landing .bt-channel-icon {\n  display: flex;\n  flex: 0 0 30px;\n}\n\n#bt-landing .bt-channel-icon svg {\n  width: 30px;\n  height: 30px;\n}\n\n#bt-landing .bt-channel strong {\n  color: inherit;\n  font-size: 16px;\n  line-height: 1.3;\n  font-weight: 800;\n}\n\n#bt-landing .bt-channel-arrow {\n  margin-left: auto;\n  font-size: 21px;\n}\n\n\/* Delayed help hint *\/\n#bt-landing .bt-contact-hint {\n  position: absolute;\n  right: max(16px, env(safe-area-inset-right, 0px));\n  bottom: calc(86px + env(safe-area-inset-bottom, 0px));\n  z-index: 19;\n  max-width: calc(100vw - 40px);\n  padding: 10px 14px;\n  border-radius: 12px;\n  background: #fff;\n  color: #243247;\n  font-size: 13px;\n  line-height: 1.4;\n  font-weight: 600;\n  box-shadow: 0 6px 22px rgba(0,0,0,.22);\n  pointer-events: none;\n  visibility: hidden;\n  opacity: 0;\n  animation: btHint .35s ease 8s forwards;\n}\n\n#bt-landing .bt-contact-hint::after {\n  content: \"\";\n  position: absolute;\n  right: 25px;\n  bottom: -6px;\n  width: 12px;\n  height: 12px;\n  background: #fff;\n  transform: rotate(45deg);\n}\n\n#bt-landing .bt-contact[open] ~ .bt-contact-hint {\n  display: none;\n}\n\n#bt-landing a:focus-visible,\n#bt-landing summary:focus-visible {\n  outline: 3px solid #66c8ff;\n  outline-offset: 4px;\n}\n\n@keyframes btPulse {\n  0%, 100% {\n    transform: translateX(-50%) scale(1);\n    box-shadow:\n      0 0 18px #ffe600,\n      0 0 32px #ff6600,\n      0 8px 22px rgba(0,0,0,.7);\n  }\n\n  50% {\n    transform: translateX(-50%) scale(1.12);\n    box-shadow:\n      0 0 28px #fff200,\n      0 0 52px #ff5a00,\n      0 10px 30px rgba(0,0,0,.85);\n  }\n}\n\n@keyframes btShine {\n  0% {\n    left: -90%;\n  }\n\n  45%, 100% {\n    left: 130%;\n  }\n}\n\n@keyframes btHint {\n  from {\n    opacity: 0;\n    visibility: visible;\n    transform: translateY(5px);\n  }\n\n  to {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 480px) {\n  #bt-landing .bt-contact-toggle {\n    min-height: 50px;\n    padding: 12px 16px;\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #bt-landing .bt-main-button,\n  #bt-landing .bt-shine {\n    animation: none;\n  }\n\n  #bt-landing .bt-shine {\n    display: none;\n  }\n\n  #bt-landing .bt-contact-hint {\n    animation-duration: .01ms;\n  }\n\n  #bt-landing .bt-channel {\n    transition: none;\n  }\n}\n<\/style>\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>\u7acb\u5373\u9ad4\u9a57 \u806f\u7d61\u5c08\u54e1 \u95dc\u9589 \u00d7 \u806f\u7d61 Vans VIP \u5ba2\u670d \u8acb\u9078\u64c7\u806f\u7d61\u65b9\u5f0f WhatsApp \u2197 Telegram \u2197 \u9700\u8981\u5e6b\u624b\uff1f\u5373\u523b\u6435\u6211\u54cb<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/betone.support\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betone.support\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/betone.support\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/betone.support\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/betone.support\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":7,"href":"https:\/\/betone.support\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/betone.support\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/betone.support\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}