{"version":3,"mappings":";;;;;;;;;;;;;;klFAQM,MAAE,UAAAA,GAAcC,mlBCChB,MAAE,MAAAC,GAAUC,m0BCEZ,MAAAC,EAAUC,EAJFC,EAIY,WAAW,w/CCE/B,MAAE,UAAAC,GAAcC,IAEhB,CAAE,SAAAC,GAAaC,IACfC,EAAOF,IAEb,SAASG,EAAeC,EAAc,CAC7B,OAAAA,EAAK,QAAQ,oBAAqB,6CAA6C,CACxF,CAEM,MAAE,UAAAC,GAAcC,IACZD,IAEJ,MAAE,YAAAE,GAAgBb,IACZ,OAAAa,IAEEC,koGC3BPC,GAAU,CAAC,WAAY,YAAoB,QAAW,YAAC,gDAA5D,SAAAC,GAAAC,EAAAC,EAAA,QAC+NC,EAAA,EAAAC,EAAA,MAAAL,GAAAG,EAAA,KAAAA,EAAA,IAAvNG,EAAgM,QAAC,gXCDpMN,GAAU,CAAC,WAAY,YAAoB,QAAW,YAAC,gDAA5D,SAAAC,GAAAC,EAAAC,EAAA,QACyYC,EAAA,EAAAC,EAAA,MAAAL,GAAAG,EAAA,KAAAA,EAAA,IAAjYG,EAAmB,QAAC,YAAU,UAAU,YAAkU,UAAC,wVACtH,SAArPA,EAAmB,QAAC,YAAU,UAAU,YAAsL,UAAC,sWCFlON,GAAU,CAAC,WAAY,YAAoB,QAAW,YAAC,gDAA5D,SAAAC,GAAAC,EAAAC,EAAA,CADF,OAAAC,EAAA,EAAAC,EAAA,MAAAL,GAAAG,EAAA,KAAAA,EAAA,m5DCCOH,GAAU,CAAC,WAAY,YAAoB,QAAW,YAAC,gDAA5D,SAAAC,GAAAC,EAAAC,EAAA,QACsJC,EAAA,EAAAC,EAAA,MAAAL,GAAAG,EAAA,KAAAA,EAAA,IAA9IG,EAAmB,QAAC,YAAU,UAAU,YAA+E,UAAC,+PCD3HN,GAAU,CAAC,WAAY,YAAoB,QAAW,YAAC,gDAA5D,SAAAC,GAAAC,EAAAC,EAAA,QACwOC,EAAA,EAAAC,EAAA,MAAAL,GAAAG,EAAA,KAAAA,EAAA,IAAhOG,EAA8M,QAAC,+NACyrC,SAAx4CA,EAAmB,QAAC,YAAU,UAAU,YAAg1C,UAAC,8hECF73C,MAAE,kBAAAC,GAAsBC,IAC9B,OAAAC,EAAc,IAAM,CACAF,GAAA,CACnB","names":["toAppType","useRouterToPage","isRtl","useLayout","visible","ref","__props","isWindows","useDevice","getXLink","useDownload","link","highlightEmail","text","aboutHead","usePageHead","autoSideBar","useCacheRoute","_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","openEasyFunDialog","useDialog","onBeforeMount"],"ignoreList":[],"sources":["../../../../components/Game/TypePill.vue","../../../../components/Game/GroupBlock.vue","../../../../components/Game/Detail/FaqGroup.vue","../../../../pages/other/about.html.vue","../../../../components/Icon/ArrowDown.vue","../../../../components/Icon/ChevronLeftPipe.vue","../../../../components/Icon/GameAdvantage4.vue","../../../../components/Icon/Lightning.vue","../../../../components/Icon/SearchHash.vue","../../../../layouts/default.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface Props {\n  type: 'upcoming-games' | number\n  name: string\n}\n\ndefineProps<Props>()\n\nconst { toAppType } = useRouterToPage()\n</script>\n\n<template>\n  <NuxtLink\n    :to=\"toAppType(type, { hasReturnUrl: true })\"\n    class=\"h-22px inline-flex items-center rd-20px px-12px text-12px transition-all-100\"\n    :class=\"type === 'upcoming-games' ? 'bg-purple-5 c-#fff hover:bg-purple-4' : 'bg-#E8E8E8 c-purple-5 hover:bg-purple-5 hover:bg-op-15'\"\n  >\n    {{ name }}\n  </nuxtlink>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","<script setup lang=\"ts\">\ninterface Props {\n  title: string\n  more?: string\n  contentClass?: any\n}\n\ndefineProps<Props>()\n\nconst { isRtl } = useLayout()\n</script>\n\n<template>\n  <div>\n    <div class=\"flex items-center\">\n      <div class=\"flex-1 lh-28px\" text=\"18px md:24px\">\n        <Icon name=\"Lightning\" class=\"mie-16px v-sub c-purple-5 lt-md:hidden\" />\n        <h2 class=\"inline-block c-#161636 font-900\">\n          {{ title }}\n        </h2>\n      </div>\n\n      <NuxtLink v-if=\"more\" :to=\"more\" class=\"text-12px c-#161636 c-op-70 transition-all-100 md:text-16px active:c-purple-6 hover:c-purple-5 hover:c-op-100\">\n        <span>{{ $t('layout.more') }}</span>\n        <span class=\"inline-block h-0 w-0 of-hidden\">{{ title }}</span>\n        <Icon name=\"ArrowDown\" class=\"mis-4px\" :class=\"isRtl ? 'rotate-90' : 'rotate--90'\" />\n      </NuxtLink>\n    </div>\n\n    <div class=\"rd-8px bg-#fff\" mt=\"20px md:32px\" :class=\"contentClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","<script setup lang=\"ts\">\ninterface Props {\n  initVisible?: boolean\n  q: string\n  a: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  initVisible: false,\n})\n\nconst visible = ref(props.initVisible)\n</script>\n\n<template>\n  <div class=\"rd-8px bg-#fff\" px=\"20px md:40px\">\n    <div class=\"group flex select-none items-center\" lt-md=\"gap-16px py-16px text-16px lh-24px\" md=\"gap-20px py-24px text-20px lh-28px\" @click=\"visible = !visible\">\n      <h3 class=\"flex-1 font-800\">\n        <span class=\"c-purple-5\">Q: </span>\n        <span class=\"c-#161636 transition-all-100 group-hover:c-purple-5\" v-html=\"q\" />\n      </h3>\n\n      <Icon name=\"Close\" class=\"c-purple-5 transition-all-300\" :class=\"visible ? 'rotate-0' : 'rotate--45'\" />\n    </div>\n\n    <LdFold :visible=\"visible\">\n      <i class=\"block h-1px w-full bg-#161636 bg-op-10\" mb=\"16px md:24px\" />\n      <div class=\"c-#161636 c-op-70\" lt-md=\"pb-16px text-14px lh-24px\" md=\"pb-24px text-18px lh-28px\" v-html=\"a\" />\n    </LdFold>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","<script setup lang=\"ts\">\ndefinePageMeta({\n  middleware: () => {\n    const { setConf } = useLayout()\n\n    setConf({\n      footBar: {\n        visible: true,\n      },\n    })\n  },\n})\n\nconst { isWindows } = useDevice()\n\nconst { getXLink } = useDownload()\nconst link = getXLink()\n\nfunction highlightEmail(text: string) {\n  return text.replace(/\\b\\w+@\\w+\\.\\w+\\b/g, '<span class=\"c-purple-5 font-700\">$&</span>')\n}\n\nconst { aboutHead } = usePageHead()\naboutHead()\n\nconst { autoSideBar } = useLayout()\nautoSideBar()\n\nuseCacheRoute()\n</script>\n\n<template>\n  <div v-track=\"{ id: 'web-about', view: { value: { page: 'other-about' } } }\" class=\"view-content pb-80px\">\n    <h1 class=\"text-center c-#161636 font-900\" lt-md=\"mt-32px mb-40px text-28px\" md=\"mt-60px mb-28px text-40px\">\n      {{ $t('layout.about_us') }}\n    </h1>\n\n    <p class=\"mb-40px text-center c-#161636 c-op-70\" lt-md=\"text-16px lh-24px\" md=\"text-18px lh-26px\" v-html=\"$t('layout.about_desc')\" />\n\n    <ClientOnly>\n      <div v-if=\"isWindows\" class=\"mb-40px flex-center\">\n        <a v-track=\"{ id: 'web-about-download', click: { value: { page: currentRouteName() } } }\" class=\"ld-button h-60px min-w-280px rd-8px px-20px text-14px ld-button-purple\" :href=\"link\">\n          <svg width=\"21\" height=\"21\" viewBox=\"0 0 21 21\" fill=\"none\" class=\"c-purple-5\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"0.5\" y=\"0.5\" width=\"20\" height=\"20\" rx=\"4\" fill=\"white\" />\n            <path d=\"M6 16L15 16\" stroke=\"currentcolor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n            <path d=\"M6.5 8.66667L10.5 12M10.5 12L14.5 8.66667M10.5 12V4\" stroke=\"currentcolor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          </svg>\n\n          <span class=\"mis-8px\">{{ $t('layout.download_ld_x') }}</span>\n        </a>\n      </div>\n    </ClientOnly>\n\n    <div lt-md=\"flex lt-md:flex-col gap-20px items-center\">\n      <template v-for=\"step in 3\" :key=\"step\">\n        <div\n          flex=\"~ col-reverse shrink-0\"\n          class=\"[justify-content:start] items-center rd-8px all:transition-all-1500\"\n          lt-md=\"bg-clip-[padding-box,border-box] bg-origin-[padding-box,border-box] b b-solid b-transparent of-hidden text-center w-full px-20px bg-image-[linear-gradient(#fff,#fff),linear-gradient(300deg,transparent_71%,#fff3)]\"\n          :class=\"[step === 2 ? 'md:flex-row-reverse md:rtl:flex-row' : 'md:flex-row md:rtl:flex-row-reverse', step !== 1 && 'md:mt--52px']\"\n        >\n          <div\n            class=\"relative z-2 rd-8px\" b=\"~ solid transparent\" p=\"b-24px md:40px\"\n            bg=\"clip-[padding-box,border-box] origin-[padding-box,border-box]\"\n            :md=\"step === 2\n              ? 'rd-lb-0 bg-image-[linear-gradient(#fff,#fff),linear-gradient(-300deg,transparent_71%,#fff3)]'\n              : 'rd-rb-0 bg-image-[linear-gradient(#fff,#fff),linear-gradient(300deg,transparent_71%,#fff3)]'\"\n          >\n            <h2 class=\"c-#161636 font-900\" mb=\"8px md:20px\" text=\"18px md:28px\" lh=\"26px md:38px\" v-html=\"$t(`home_page.introduce_title_${step}`)\" />\n            <span\n              class=\"text-justify c-#161636 c-op-50 tracking-wide\"\n              text=\"14px md:16px\" lh=\"20px md:24px\"\n              v-html=\" $t(`home_page.introduce_des_${step}`)\"\n            />\n\n            <div\n              :md=\"step === 2 ? 'odd:left--30px scale-x--100' : 'right--30px'\"\n              class=\"absolute inset-be-0 size-30px bg-gradient-to-rt\"\n              stops=\"[#fff_0_50%,transparent_50%_100%]\"\n            />\n          </div>\n\n          <div class=\"relative aspect-ratio-59/56 w-full flex-shrink-0\" md=\"aspect-ratio-165/137 max-w-600px w-50vw\">\n            <LdImage\n              class=\"absolute-center aspect-ratio-165/137 w-100vw\" md=\"max-w-600px w-50vw\"\n              :src=\"getPublicImg(`about/${step}.webp`)\" alt=\"\"\n            />\n          </div>\n        </div>\n      </template>\n    </div>\n\n    <i class=\"my-40px block h-1px w-full bg-#000 bg-op-12\" />\n\n    <div>\n      <p class=\"title font-900\" lt-md=\"mb-20px text-20px\" md=\"mb-24px text-28px\">\n        {{ $t('layout.contact_us') }}\n      </p>\n\n      <div class=\"text-14px c-#161636 c-op-70 lh-18px\" md=\"lh-24px text-18px mb-80px\">\n        <p mb=\"16px md:12px\" v-html=\"highlightEmail($t('layout.contact_text1'))\" />\n        <p mb=\"16px md:12px\" v-html=\"highlightEmail($t('layout.contact_text2'))\" />\n        <p>\n          <span lt-md=\"block\" v-html=\"highlightEmail($t('layout.contact_text3')) \" />\n          <span lt-md=\"mt-4px block\" md=\"mis-8px\">{{ $t('layout.contact_text4') }}</span>\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","<template>\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M9.02429 10.2708C8.49123 10.9105 7.50876 10.9105 6.9757 10.2708L3.91121 6.59346C3.54937 6.15924 3.85814 5.5 4.42336 5.5H11.5766C12.1419 5.5 12.4506 6.15924 12.0888 6.59346L9.02429 10.2708Z\" fill=\"currentColor\" />\n  </svg>\n</template>\n","<template>\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.3536 8.10636C15.1583 7.9111 14.8417 7.9111 14.6464 8.10636L11.1109 11.6419C10.9157 11.8372 10.9157 12.1537 11.1109 12.349L14.6464 15.8845C14.8417 16.0798 15.1583 16.0798 15.3536 15.8845C15.5488 15.6893 15.5488 15.3727 15.3536 15.1774L12.1716 11.9954L15.3536 8.81347C15.5488 8.61821 15.5488 8.30162 15.3536 8.10636Z\" fill=\"currentcolor\" />\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.25732 8.5C8.98118 8.5 8.75732 8.72386 8.75732 9V15C8.75732 15.2761 8.98118 15.5 9.25732 15.5C9.53347 15.5 9.75732 15.2761 9.75732 15V9C9.75732 8.72386 9.53347 8.5 9.25732 8.5Z\" fill=\"currentcolor\" />\n  </svg>\n</template>\n","<template>\n  <svg width=\"53\" height=\"52\" viewBox=\"0 0 53 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect opacity=\"0.15\" x=\"0.500122\" width=\"52\" height=\"52\" rx=\"4\" fill=\"currentcolor\" />\n    <path d=\"M25.8032 12.25C26.6316 12.25 27.3032 12.9216 27.3032 13.75V37.0445C27.3032 37.8729 26.6316 38.5445 25.8032 38.5445C24.9747 38.5445 24.3032 37.8729 24.3032 37.0445V13.75C24.3032 12.9216 24.9747 12.25 25.8032 12.25Z\" fill=\"currentcolor\" />\n    <path d=\"M31.0976 16.1309C31.926 16.1309 32.5976 16.8024 32.5976 17.6309V31.5413L32.1513 32.0825C31.5371 32.8271 31.4453 33.7447 31.7281 34.522C31.5364 34.6109 31.3228 34.6605 31.0976 34.6605C30.2692 34.6605 29.5976 33.9889 29.5976 33.1605V17.6309C29.5976 16.8024 30.2692 16.1309 31.0976 16.1309Z\" fill=\"currentcolor\" />\n    <path d=\"M37.0511 26.1417C37.2901 25.852 37.578 25.6315 37.8915 25.4802V21.5156C37.8915 20.6872 37.22 20.0156 36.3915 20.0156C35.5631 20.0156 34.8915 20.6872 34.8915 21.5156V28.7601L37.0511 26.1417Z\" fill=\"currentcolor\" />\n    <path d=\"M15.2148 20.0156C16.0432 20.0156 16.7148 20.6872 16.7148 21.5156V29.2805C16.7148 30.1089 16.0432 30.7805 15.2148 30.7805C14.3864 30.7805 13.7148 30.1089 13.7148 29.2805V21.5156C13.7148 20.6872 14.3864 20.0156 15.2148 20.0156Z\" fill=\"currentcolor\" />\n    <path d=\"M22.0092 17.6309C22.0092 16.8024 21.3376 16.1309 20.5092 16.1309C19.6808 16.1309 19.0092 16.8024 19.0092 17.6309V33.1605C19.0092 33.9889 19.6808 34.6605 20.5092 34.6605C21.3376 34.6605 22.0092 33.9889 22.0092 33.1605V17.6309Z\" fill=\"currentcolor\" />\n    <path d=\"M38.5936 27.4143C38.7936 27.1718 39.1651 27.1718 39.3651 27.4143L44.265 33.3551C44.534 33.6812 44.302 34.1732 43.8792 34.1732H41.3883V39.2489C41.3883 39.525 41.1644 39.7489 40.8883 39.7489H37.0705C36.7944 39.7489 36.5705 39.525 36.5705 39.2489V34.1732H34.0795C33.6568 34.1732 33.4248 33.6812 33.6938 33.3551L38.5936 27.4143Z\" fill=\"currentcolor\" />\n  </svg>\n</template>\n","<template>\n  <svg width=\"20\" height=\"26\" viewBox=\"0 0 20 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20 10.9717H10.3885L14.1922 0L0 15.1668H9.28425L5.80777 25.9772L20 10.9717Z\" fill=\"currentcolor\" />\n  </svg>\n</template>\n","<template>\n  <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M3 6.14282C3 3.93368 4.79086 2.14282 7 2.14282H25C27.2091 2.14282 29 3.93368 29 6.14282V23.8581C29 26.0672 27.2091 27.8581 25 27.8581H8.95288L5.16956 30.3996C4.24427 31.0212 3 30.3581 3 29.2434V6.14282Z\" fill=\"#5151D9\" />\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0305 22.096C9.93549 22.8559 10.4745 23.5489 11.2344 23.6439C11.9943 23.7389 12.6874 23.1999 12.7824 22.4399L13.0324 20.4397L17.6766 19.8592L17.397 22.096C17.302 22.8559 17.8411 23.5489 18.601 23.6439C19.3609 23.7389 20.0539 23.1999 20.1489 22.4399L20.5159 19.5043L23.4515 19.1373C24.2114 19.0423 24.7505 18.3493 24.6555 17.5894C24.5605 16.8295 23.8675 16.2904 23.1076 16.3854L20.8708 16.665L21.4513 12.0208L23.4515 11.7708C24.2114 11.6758 24.7505 10.9827 24.6555 10.2228C24.5605 9.46292 23.8675 8.9239 23.1076 9.01889L21.8062 9.18156L21.9689 7.88019C22.0639 7.12028 21.5248 6.42725 20.7649 6.33227C20.005 6.23728 19.312 6.7763 19.217 7.53621L18.967 9.53646L14.3227 10.117L14.6023 7.88019C14.6973 7.12028 14.1583 6.42725 13.3984 6.33227C12.6385 6.23728 11.9454 6.7763 11.8505 7.53621L11.4835 10.4719L8.5478 10.8389C7.7879 10.9338 7.24887 11.6269 7.34386 12.3868C7.43885 13.1467 8.13188 13.6857 8.89179 13.5907L11.1286 13.3111L10.5481 17.9554L8.5478 18.2054C7.7879 18.3004 7.24887 18.9934 7.34386 19.7533C7.43885 20.5132 8.13188 21.0523 8.89179 20.9573L10.1932 20.7946L10.0305 22.096ZM15.3947 12.7779C14.5554 12.8828 13.8944 13.5438 13.7895 14.3831L13.4168 17.3646C13.4018 17.4842 13.5035 17.5859 13.6232 17.571L16.6046 17.1983C17.4439 17.0934 18.105 16.4323 18.2099 15.593L18.3762 14.2627C18.4958 13.3056 17.6821 12.4919 16.7251 12.6116L15.3947 12.7779Z\" fill=\"white\" />\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nconst { openEasyFunDialog } = useDialog()\nonBeforeMount(() => {\n  openEasyFunDialog()\n})\n</script>\n\n<template>\n  <div class=\"min-h-100vh flex flex-col\">\n    <LayoutHeader class=\"h-[--header-height]\" />\n\n    <main class=\"mt-[--header-height] flex-1 bg-[var(--main-color)]\">\n      <slot />\n    </main>\n\n    <ClientOnly>\n      <LazyLayoutSideBar />\n    </ClientOnly>\n\n    <LayoutFooter class=\"view-content\" />\n\n    <ClientOnly>\n      <LazyLayoutShareDialog />\n      <LazyLayoutEasyFunDialog />\n    </ClientOnly>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n"],"file":"static/default-DxkwOsa3.js"}