{"version":3,"file":"index-qM2wN2at.js","sources":["../../../../virtual:public?%2Fhome%2Fhome-bg-mob.webp","../../../../virtual:public?%2Fhome%2Fhome-bg.webp","../../../../virtual:public?%2Fhome%2Flogo-x.webp","../../../../virtual:public?%2Fhome%2Fchevron-down-more.apng","../../../../components/Home/HeadBanner.vue","../../../../components/Home/DescBox.vue","../../../../components/Ld/InfiniteLoop/index.vue","../../../../components/Home/HotAppBox.vue","../../../../components/Home/PreAppBox.vue","../../../../components/Home/EasyfunAppBox.vue","../../../../components/Home/FaqGroup.vue","../../../../virtual:public?%2Fhome%2Fsec-bg.webp","../../../../virtual:public?%2Fhome%2Ftrd-bg.webp","../../../../pages/index.vue"],"sourcesContent":["import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/home/home-bg-mob.webp\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/home/home-bg.webp\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/home/logo-x.webp\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/home/chevron-down-more.apng\")","<script setup lang=\"ts\">\nconst { getXLink } = useDownload()\nconst link = getXLink()\n\nconst { isWindows } = useDevice()\nconst { queryData } = storeToRefs(useQueryStore())\n\nconst showChevron = ref(false)\n\nonMounted(() => {\n  setTimeout(() => {\n    showChevron.value = true\n  }, 2000)\n})\n</script>\n\n<template>\n  <!-- 首屏banner -->\n  <section class=\"relative h-100vh\">\n    <picture>\n      <source class=\"absolute size-full object-cover object-c\" srcset=\"/home/home-bg-mob.webp\" media=\"(max-width: 768px)\">\n      <source class=\"absolute size-full object-cover object-c\" srcset=\"/home/home-bg.webp\">\n      <img class=\"absolute aspect-ratio-16/9 size-full object-cover object-c\" src=\"/home/home-bg.webp\" fetchpriority=\"high\" :alt=\"$t('home_page.first_desc').replace('<br>', '')\">\n    </picture>\n\n    <div class=\"absolute z-2 h-22.22% w-full\" inset=\"is-0 bs-0\" bg-gradient=\"to-b from-[--bg-color] to-transparent\" />\n    <div class=\"absolute z-2 h-29.62% w-full\" inset=\"is-0 be-0\" bg-gradient=\"to-t from-[--bg-color] to-transparent\" />\n\n    <div class=\"absolute-center z-3 lt-md:w-full\">\n      <div class=\"headlogo flex flex-col items-center\">\n        <img w=\"70vw lg:auto\" class=\"aspect-ratio-320/33\" fetchpriority=\"high\" width=\"640\" src=\"/home/logo-x.webp\" alt=\"\">\n        <h1 class=\"c-#fff c-op-1\">\n          LDPlayer X\n        </h1>\n\n        <p class=\"px-16px text-center c-#fff font-700\" lh=\"24px md:36px\" text=\"16px md:32px\" m=\"t-20px md:t-40px b-34px md:b-60px\" v-html=\"$t('home_page.first_desc')\" />\n\n        <ClientOnly>\n          <a\n            v-if=\"isWindows\"\n            v-track=\"{ id: 'web-index-first-download', click: { value: { openid: queryData.openid } } }\"\n            :href=\"link\" class=\"ld-button rd-8px text-24px font-700 transition-all-300 lt-md:hidden ld-button-yellow\"\n            p=\"x-40px y-20px\" bg=\"cover no-repeat\" :style=\"{ 'background-image': `url(${getPublicImg('home/btn-bg-action.apng')})` }\"\n          >\n            {{ $t('layout.download_ld_x') }}\n          </a>\n\n          <div\n            v-else class=\"relative max-w-260px w-68vw of-hidden rd-8px lh-18px\"\n            c=\"#fff op-90\" bg=\"#000 op-20\" text=\"12px center\" b=\"~ solid #fff op-20\"\n          >\n            <p class=\"relative z-2 from-#0d0b24 to-purple-45 from-op-70 to-op-90 bg-gradient-to-b px-20px py-8px\">\n              {{ $t('game.support_device_text') }}\n            </p>\n          </div>\n\n          <template #fallback>\n            <a\n              :href=\"link\" class=\"ld-button rd-8px text-24px font-700 transition-all-300 lt-md:hidden ld-button-yellow\"\n              p=\"x-40px y-20px\" bg=\"cover no-repeat\" :style=\"{ 'background-image': `url(${getPublicImg('home/btn-bg-action.apng')})` }\"\n            >\n              {{ $t('layout.download_ld_x') }}\n            </a>\n          </template>\n        </ClientOnly>\n      </div>\n    </div>\n\n    <img class=\"absolute bottom-6vh left-50% z-3 h-auto w-18px translate-x--50% transition-all-300 md:w-24px\" :class=\"showChevron ? 'op-100' : 'op-0'\" src=\"/home/chevron-down-more.apng\" alt=\"\">\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n@keyframes fade-up-logo {\n  from {\n    opacity: 0.1;\n    transform: translate3d(0, 60px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n.headlogo {\n  animation-name: fade-up-logo;\n  animation-duration: 1000ms;\n  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  animation-iteration-count: 1;\n}\n</style>\n","<script setup lang=\"ts\">\ninterface Props {\n  step: '1' | '2' | '3'\n  flip?: boolean\n}\n\nconst props = defineProps<Props>()\n\nconst { isRtl } = useLayout()\nconst realFlip = computed(() => isRtl.value ? !props.flip : props.flip)\n\nconst el = ref()\nconst visible = ref(false)\nuseIntersectionObserver(\n  el,\n  ([{ isIntersecting }]) => {\n    if (!visible.value) {\n      visible.value = isIntersecting\n    }\n  },\n  { threshold: 0.4 },\n)\n</script>\n\n<template>\n  <div\n    ref=\"el\" flex=\"~ col-reverse shrink-0\"\n    class=\"[justify-content:start] items-center rd-8px all:transition-all-1500\"\n    :md=\"realFlip ? 'flex-row-reverse rtl:flex-row' : 'flex-row rtl:flex-row-reverse'\"\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(#1D1B31,#1D1B31),linear-gradient(300deg,transparent_71%,#fff3)]\"\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      :class=\" visible ? 'op-100' : `op-0 ${flip ? 'translate-x-50px' : 'translate-x--50px'}`\"\n      :md=\"flip\n        ? 'rd-lb-0 bg-image-[linear-gradient(#1D1B31,#1D1B31),linear-gradient(-300deg,transparent_71%,#fff3)]'\n        : 'rd-rb-0 bg-image-[linear-gradient(#1D1B31,#1D1B31),linear-gradient(300deg,transparent_71%,#fff3)]'\"\n    >\n      <h2 class=\"c-#fff font-800\" mb=\"16px md:20px\" text=\"18px md:32px\" lh=\"28px md:40px\" v-html=\"$t(`home_page.introduce_title_${step}`)\" />\n      <span\n        class=\"text-justify c-#ffffff80 tracking-wide\"\n        text=\"14px md:18px\" lh=\"20px md:26px\"\n        v-html=\" $t(`home_page.introduce_des_${step}`)\"\n      />\n\n      <div\n        :md=\"flip ? 'odd:left--30px scale-x--100' : 'right--30px'\"\n        class=\"absolute inset-be-0 size-30px bg-gradient-to-rt\"\n        stops=\"[#1D1B31_0_50%,transparent_50%_100%]\"\n      />\n    </div>\n\n    <div\n      class=\"relative aspect-ratio-59/56 w-full flex-shrink-0\" md=\"aspect-ratio-165/137 max-w-600px w-50vw\"\n      :class=\"visible ? 'op-100' : `op-0 ${flip ? 'translate-x--50px' : 'translate-x-50px'}`\"\n    >\n      <LdImage\n        class=\"absolute-center aspect-ratio-165/137 w-100vw\" md=\"max-w-600px w-50vw\"\n        :src=\"getPublicImg(`home/introduce-img-${step}.webp`)\" alt=\"\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","<script setup lang=\"ts\" generic=\"T\">\ninterface Props {\n  list: T[]\n  /** 滚动时间 */\n  animationTime: string\n  /** 方向 */\n  direction: 'horizontal' | 'vertical'\n  /** 动画方向 */\n  animationDirection?: 'normal' | 'reverse'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  animationDirection: 'normal',\n})\n\nconst { isRtl } = useLayout()\nconst offset = computed(() => isRtl.value ? '50%' : '-50%')\n// 看要copy几次\nconst transform = computed(() => props.direction === 'vertical' ? `translate3d(0, -50%, 0)` : `translate3d(${offset.value}, 0, 0)`)\n</script>\n\n<template>\n  <section class=\"infinite-loop flex rtl:animate-duration-[reverse]\" :class=\"direction === 'vertical' ? 'flex-col' : 'flex-row'\">\n    <template v-for=\"(item, index) in props.list\" :key=\"index\">\n      <slot v-bind=\"{ item, index }\" />\n    </template>\n    <!-- 后半部分仅在客户端渲染 -->\n    <ClientOnly>\n      <template v-for=\"(item, index) in props.list\" :key=\"index + props.list.length\">\n        <slot v-bind=\"{ item, index }\" />\n      </template>\n    </ClientOnly>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n@-webkit-keyframes rowup {\n  0% {\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n  }\n  100% {\n    -webkit-transform: v-bind(transform);\n    transform: v-bind(transform);\n  }\n}\n@keyframes rowup {\n  0% {\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n  }\n  100% {\n    -webkit-transform: v-bind(transform);\n    transform: v-bind(transform);\n  }\n}\n.infinite-loop {\n  animation: rowup linear infinite;\n  animation-duration: v-bind('props.animationTime');\n  &:hover {\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { AppLite } from '~/types'\n\ninterface Props {\n  list: AppLite[] | undefined\n}\n\ndefineProps<Props>()\n\nconst { toAppDetail } = useRouterToPage()\n</script>\n\n<template>\n  <div>\n    <div class=\"mx-auto w-fit flex\" mb=\"28px md:60px\">\n      <Icon class=\"v-sub text-26px c-yellow-5 lt-md:hidden\" name=\"Lightning\" />\n      <h2 class=\"select-none c-#ffffffe5 font-800\" mx=\"20px md:14px\" text=\"center 18px md:32px\" lh=\"28px md:32px\">\n        {{ $t('home_page.hotapp_title') }}\n      </h2>\n      <Icon class=\"v-sub text-26px c-yellow-5 lt-md:hidden\" name=\"Lightning\" />\n    </div>\n\n    <div v-if=\"list?.length\" class=\"relative my--20px of-hidden py-20px\">\n      <LdInfiniteLoop w=\"1680px md:2800px\" :list=\"list.slice(0, list.length / 2)\" direction=\"horizontal\" animation-time=\"15000ms\">\n        <template #default=\"{ item }\">\n          <NuxtLink v-track=\"{ id: 'web-index-recommend-game', click: { value: { type: '热门游戏', name: item.appName, seo: item.seo, pkg: item.packageName } } }\" :to=\"toAppDetail({ seo: item.seo, type: item.category }, { hasReturnUrl: true })\" :aria-label=\"item.appName\">\n            <div class=\"group relative of-hidden transition-all-300\" mr=\"16px md:40px\" md:hover=\"scale-110\">\n              <LdImage class=\"aspect-ratio-1 rd-10px transition-all-300\" w=\"68px md:100px\" b=\"4px solid transparent\" md:group-hover=\" b-purple-5\" :src=\"scaleImage(item.icon, 128)\" :alt=\"item.appName\" loading=\"lazy\" />\n              <div class=\"absolute bottom-0 left-0 h-50% w-full translate-y-8px rd-b-8px bg-gradient-to-t op-0 transition-all-300\" from=\"purple-5 op-80\" to=\"transparent\" md:group-hover=\"op-80 translate-y--2px\" />\n            </div>\n          </NuxtLink>\n        </template>\n      </LdInfiniteLoop>\n      <LdInfiniteLoop w=\"1680px md:2800px\" px=\"42px md:70px\" mt=\"16px md:40px\" :list=\"list.slice(list.length / 2)\" direction=\"horizontal\" animation-time=\"15000ms\">\n        <template #default=\"{ item }\">\n          <NuxtLink v-track=\"{ id: 'web-index-recommend-game', click: { value: { type: '热门游戏', name: item.appName, seo: item.seo, pkg: item.packageName } } }\" :to=\"toAppDetail({ seo: item.seo, type: item.category }, { hasReturnUrl: true })\" :aria-label=\"item.appName\">\n            <div class=\"group relative of-hidden transition-all-300\" mr=\"16px md:40px\" md:hover=\"scale-110\">\n              <LdImage class=\"aspect-ratio-1 rd-10px transition-all-300\" w=\"68px md:100px\" b=\"4px solid transparent\" md:group-hover=\" b-purple-5\" :src=\"scaleImage(item.icon, 128)\" :alt=\"item.appName\" loading=\"lazy\" />\n              <div class=\"absolute bottom-0 left-0 h-50% w-full translate-y-8px rd-b-8px bg-gradient-to-t op-0 transition-all-300\" from=\"purple-5 op-80\" to=\"transparent\" md:group-hover=\"op-80 translate-y--2px\" />\n            </div>\n          </NuxtLink>\n        </template>\n      </LdInfiniteLoop>\n\n      <div class=\"absolute left-0 top--5% h-110% w-40px from-[var(--bg-color)] to-transparent bg-gradient-to-r\" />\n      <div class=\"absolute right-0 top--5% h-110% w-40px rotate-180 from-[var(--bg-color)] to-transparent bg-gradient-to-r\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","<script setup lang=\"ts\">\nimport type { AppLite } from '~/types'\n\ninterface Props {\n  list: AppLite[] | undefined\n}\n\ndefineProps<Props>()\n\nconst swiperInstance = ref()\nconst swiperAttr = reactive<Record<string, any>>({\n  modules: [SwiperNavigation],\n  loop: true,\n  slidesPerView: 'auto',\n  navigation: {\n    disabledClass: 'pointer-events-none c-op-30',\n    lockClass: 'hidden',\n    prevEl: '.prev',\n    nextEl: '.next',\n  },\n})\n\nconst { toAppDetail } = useRouterToPage()\n</script>\n\n<template>\n  <div>\n    <div v-show=\"list?.length\" class=\"mx-auto w-fit flex\" mb=\"28px md:60px\">\n      <Icon class=\"v-sub text-26px c-yellow-5 lt-md:hidden\" name=\"Lightning\" />\n      <h2 class=\"select-none c-#ffffffe5 font-800\" mx=\"20px md:14px\" text=\"center 18px md:32px\" lh=\"28px md:32px\">\n        {{ $t('home_page.preapp_title') }}\n      </H2>\n      <Icon class=\"v-sub text-26px c-yellow-5 lt-md:hidden\" name=\"Lightning\" />\n    </div>\n\n    <div v-if=\"list?.length\" class=\"relative\">\n      <Swiper v-bind=\"swiperAttr\" m=\"y--10px! x--20px!\" p=\"y-10px! x-20px!\" @swiper=\"swiperInstance = $event\">\n        <SwiperSlide v-for=\"item in list\" :key=\"item.appId\" class=\"w-fit!\">\n          <NuxtLink v-track=\"{ id: 'web-index-recommend-game', click: { value: { type: '即将上线', name: item.appName, seo: item.seo, pkg: item.packageName } } }\" :to=\"toAppDetail({ seo: item.seo, type: item.category }, { hasReturnUrl: true })\">\n            <div\n              class=\"group relative of-hidden transition-transform-300\"\n              lt-md=\"mie-20px pt-20px px-12px\"\n              md=\"mie-40px pt-36px px-20px hover:transform-gpu hover:translate-y--10px\"\n              b=\"~ solid transparent rd-8px\" bg=\"clip-[padding-box,border-box] origin-[padding-box,border-box] image-[linear-gradient(#1D1B31,#1D1B31),linear-gradient(145deg,#fff3,transparent_50%)]\"\n            >\n              <LdImage class=\"left-0 top-0 z-1 aspect-ratio-1 w-full op-30 blur-5px absolute!\" :src=\"scaleImage(item.icon, 128)\" alt=\"\" loading=\"lazy\" />\n\n              <div class=\"absolute left-0 top-0 z-2 size-full bg-gradient-to-b\" stops=\"[#1D1B311A_0_20%,#1D1B31_56%]\" />\n\n              <div\n                class=\"absolute bottom-0 left-0 z-3 h-38% w-full translate-y-8px op-0 transition-all-300\" md:group-hover=\"op-100 translate-y-0\"\n                bg=\"gradient-to-b\" from=\"transparent\" to=\"purple-5 op-30\"\n              />\n\n              <div class=\"relative z-4 text-center\">\n                <div\n                  class=\"mx-auto my--4px of-hidden rd-10px transition-colors-300\"\n                  size=\"58px md:100px\" b=\"4px solid transparent\" md:group-hover=\"b-purple-5\"\n                >\n                  <LdImage class=\"size-full\" :src=\"scaleImage(item.icon, 128)\" alt=\"\" loading=\"lazy\" />\n                </div>\n                <p\n                  class=\"line-clamp-2 h-36px lh-18px transition-colors-300\"\n                  lt-md=\"w-74px text-12px mb-20px mt-11px\"\n                  md=\"w-140px text-16px font-700 mb-22px mt-16px group-hover:purple-5\"\n                  c=\"#ffffffe5 \"\n                >\n                  {{ item.appName }}\n                </p>\n              </div>\n            </div>\n          </NuxtLink>\n        </SwiperSlide>\n\n        <LdSwiperSlideButton class=\"prev inset-is-0 text-24px lt-md:hidden\" bg=\"#fff op-20\" c=\"#ffffffe5 hover:purple-5\" turn=\"left\" @click=\"swiperInstance?.slidePrev()\" />\n        <LdSwiperSlideButton class=\"next inset-ie-0 text-24px lt-md:hidden\" bg=\"#fff op-20\" c=\"#ffffffe5 hover:purple-5\" turn=\"right\" @click=\"swiperInstance.slideNext()\" />\n      </Swiper>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","<script setup lang=\"ts\">\nimport type { EasyfunGameJson } from '~/types/easyfun'\n\ninterface Props {\n  list: EasyfunGameJson[] | undefined\n}\n\ndefineProps<Props>()\n\nconst { toAppDetail } = useRouterToPage()\n</script>\n\n<template>\n  <div>\n    <div v-show=\"list?.length\" class=\"mx-auto w-fit flex\" mb=\"28px md:60px\">\n      <Icon class=\"v-sub text-26px c-yellow-5 lt-md:hidden\" name=\"Lightning\" />\n      <h2 class=\"select-none c-#ffffffe5 font-800\" mx=\"20px md:14px\" text=\"center 18px md:32px\" lh=\"28px md:32px\">\n        {{ $t('home_page.easyfun_title') }}\n      </h2>\n      <Icon class=\"v-sub text-26px c-yellow-5 lt-md:hidden\" name=\"Lightning\" />\n    </div>\n\n    <div\n      v-if=\"list?.length\"\n      class=\"relative z-2\" grid=\"~ rows-2\"\n      lt-md=\"grid-cols-4 gap-[20px_12px] py-20px px-12px\"\n      md=\"grid-cols-6 gap-[24px_40px] p-40px pb-24px\"\n      lg=\"grid-cols-8\"\n      b=\"~ solid transparent rd-8px\" bg=\"clip-[padding-box,border-box] origin-[padding-box,border-box] image-[linear-gradient(#1D1B31,#1D1B31),linear-gradient(145deg,#fff3,transparent_50%)]\"\n    >\n      <template v-for=\"item in list\" :key=\"item.gameId\">\n        <GameLiteBlock\n          v-track=\"{ id: 'web-index-recommend-game', click: { value: { type: 'online', name: item.mnqInfo.gameName, seo: item.seo, pkg: item.packageName } } }\" mode=\"dark\"\n          :name=\"item.mnqInfo.gameName\"\n          :icon=\"item.icon\"\n          :to=\"toAppDetail({ seo: item.mnqInfo.seo![$i18n.locale], type: item.mnqInfo.typeName }, { hasReturnUrl: true })\"\n          name-class=\"lt-md:font-400 lt-md:text-12px\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","<script setup lang=\"ts\">\ninterface Props {\n  step: number\n  initVisible?: boolean\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=\"group relative of-hidden b b-transparent rd-8px b-solid bg-clip-[padding-box,border-box] bg-image-[linear-gradient(#1D1B31,#1D1B31),linear-gradient(-16deg,transparent_71%,#fff3)] bg-origin-[padding-box,border-box]\" 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-32px text-24px lh-32px\" @click=\"visible = !visible\">\n      <h3 class=\"flex-1 font-800\">\n        <span class=\"c-purple-5\">Q: </span>\n        <span class=\"c-#fff c-op-90 transition-all-100 md:group-hover:c-purple-5\" v-html=\"$t(`home_page.question_${step}`)\" />\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-#fff bg-op-10 c-op-90\" mb=\"16px md:32px\" />\n      <div\n        class=\"c-#fff c-op-70\" lt-md=\"pb-16px text-14px lh-20px\" md=\"pb-32px text-18px lh-28px\"\n        v-html=\"$t(`home_page.answer_${step}`)\"\n      />\n    </LdFold>\n\n    <div class=\"pointer-events-none absolute bottom-0 left-0 h-44px w-full from-transparent to-purple-5 to-op-30 bg-gradient-to-b transition-all-300\" translate-y=\"100% md:group-hover:0\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n</style>\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/home/sec-bg.webp\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/home/trd-bg.webp\")","<script setup lang=\"ts\">\nimport { getHomePageApi } from '~/api'\nimport type { ReturnPromiseType } from '~/types/base'\n\ndefinePageMeta({\n  // 首页特殊处理透明\n  middleware: () => {\n    const { setConf } = useLayout()\n\n    setConf({\n      mode: 'dark',\n      head: {\n        bg: 'bg-transparent',\n      },\n      foot: {\n        topBar: true,\n      },\n    })\n  },\n})\n\nconst pageKey = computed(() => 'home-index')\n\nconst { value, addToCache } = await useDataCache<ReturnPromiseType<typeof getHomePageApi>>(unref(pageKey))\nconst { data, error } = await useAsyncData(unref(pageKey), async () => {\n  if (value) {\n    return value\n  }\n\n  const response = await getHomePageApi()\n  addToCache(response)\n  return response\n}, {\n  getCachedData: (key, nuxt): ReturnPromiseType<typeof getHomePageApi> => nuxt.payload.data[key] || nuxt.static.data[key],\n  lazy: import.meta.client,\n  transform: (res) => {\n    res[1].games = (res[1].games || []).slice(0, 16)\n    return res\n  },\n})\n\nwhenever(error, () => {\n  useRouteCache(route => route.setUncacheable())\n  throw createError({ statusCode: 404, statusMessage: `${unref(pageKey)} has some error`, fatal: true })\n}, { immediate: true })\n\nif (!isProd()) {\n  whenever(data, v => clientLog.log(unref(pageKey), v), { immediate: true })\n}\n\n// const { locale, locales } = useI18n()\n// const route = useRoute()\n\n// async function handleIp() {\n//   const code = await getIpAreaApi()\n//   // ip在映射表并且和当前语言不符 并且没有携带参数 需要跳转到指定语言的官网\n//   if (isMatchInLocales(code) && code !== locale.value && !route.query.from) {\n//     const localeConf = locales.value.find(i => i.code === code)!\n//     const realUrl = withQuery(localeConf.domain!, { ...route.query, from: locale.value })\n//     isDev() ? clientLog.log('线上环境会跳转到正确的url', realUrl) : window.location.replace(realUrl)\n//   }\n// }\n\n// onMounted(handleIp)\n\n// 首屏顶部背景是透明\nconst { autoSideBar } = useLayout()\nautoSideBar((height, scrollY) => ({\n  head: {\n    bg: scrollY <= (height * 0.9) ? 'bg-transparent' : 'bg-[var(--bg-color)]',\n  },\n}))\n\nuseCacheRoute()\n\nconst { indexHead } = usePageHead()\nindexHead()\n</script>\n\n<template>\n  <div v-track=\"{ id: 'web-index', view: { value: { page: 'index' } } }\" bg=\"no-repeat cover [var(--bg-color)]\" class=\"-mt-[--header-height]\" pb=\"80px md:160px\">\n    <HomeHeadBanner />\n\n    <section class=\"relative of-hidden\">\n      <div class=\"view-content\" lt-md=\"flex flex-nowrap overflow-x-auto gap-20px [&::-webkit-scrollbar]:size-0px\">\n        <HomeDescBox step=\"1\" />\n        <HomeDescBox class=\"md:mt--52px\" step=\"2\" flip />\n        <HomeDescBox class=\"md:mt--52px\" step=\"3\" />\n      </div>\n      <img class=\"pointer-events-none absolute h-961px w-804px lt-md:hidden flip-rtl\" inset=\"is-0 be--220px\" src=\"/home/sec-bg.webp\" loading=\"lazy\" alt=\"sec-bg\">\n    </section>\n\n    <section class=\"relative of-hidden\">\n      <HomeHotAppBox class=\"view-content\" mt=\"80px md:100px\" :list=\"data?.[0]?.hotApps\" />\n\n      <HomePreAppBox class=\"view-content\" mt=\"80px md:160px\" :list=\"data?.[0]?.preApps\" />\n\n      <HomeEasyfunAppBox class=\"view-content\" mt=\"80px md:160px\" :list=\"data?.[1]?.games\" />\n\n      <img class=\"pointer-events-none absolute h-985px w-651px lt-md:hidden flip-rtl\" inset=\"ie-0 be--29px\" src=\"/home/trd-bg.webp\" loading=\"lazy\" alt=\"trd-bg\">\n    </section>\n\n    <section class=\"view-content\" mt=\"80px md:160px\">\n      <div class=\"mx-auto w-fit flex\" mb=\"28px md:60px\">\n        <Icon class=\"v-sub text-26px c-yellow-5 lt-md:hidden\" name=\"Lightning\" />\n        <h2 class=\"select-none c-#ffffffe5 font-800\" mx=\"20px md:14px\" text=\"center 18px md:32px\" lh=\"28px md:32px\">\n          {{ $t('home_page.Q&A') }}\n        </h2>\n        <Icon class=\"v-sub text-26px c-yellow-5 lt-md:hidden\" name=\"Lightning\" />\n      </div>\n\n      <div class=\"flex flex-col gap-16px md:gap-20px\">\n        <template v-for=\"i in 4\" :key=\"i\">\n          <HomeFaqGroup :step=\"i\" :init-visible=\"i === 1\" />\n        </template>\n      </div>\n    </section>\n  </div>\n</template>\n"],"names":["_imports_0$1","publicAssetsURL","_imports_1$1","_imports_2","_imports_3","getXLink","useDownload","link","isWindows","useDevice","queryData","storeToRefs","useQueryStore","showChevron","ref","onMounted","props","__props","isRtl","useLayout","realFlip","computed","el","visible","useIntersectionObserver","isIntersecting","offset","transform","toAppDetail","useRouterToPage","swiperInstance","swiperAttr","reactive","SwiperNavigation","_imports_0","_imports_1","pageKey","value","addToCache","__temp","__restore","_withAsyncContext","useDataCache","unref","data","error","useAsyncData","response","getHomePageApi","key","nuxt","res","whenever","createError","isProd","v","clientLog","autoSideBar","height","scrollY","useCacheRoute","indexHead","usePageHead"],"mappings":"+qBAAuD,MAAeA,GAAAC,EAAgB,wBAAwB,ECAxCC,GAAAD,EAAgB,oBAAoB,ECApCE,GAAAF,EAAgB,mBAAmB,ECAnCG,GAAAH,EAAgB,8BAA8B,2dCC9G,KAAA,CAAE,SAAAI,GAAaC,KACfC,EAAOF,IAEP,CAAE,UAAAG,GAAcC,KAChB,CAAE,UAAAC,CAAc,EAAAC,GAAYC,GAAe,CAAA,EAE3CC,EAAcC,EAAI,EAAK,EAE7B,OAAAC,GAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAAY,MAAQ,IACnB,GAAI,CAAA,CACR,svECPD,MAAMG,EAAQC,EAER,CAAE,MAAAC,GAAUC,IACZC,EAAWC,EAAS,IAAMH,EAAM,MAAQ,CAACF,EAAM,KAAOA,EAAM,IAAI,EAEhEM,EAAKR,IACLS,EAAUT,EAAI,EAAK,EACzB,OAAAU,GACEF,EACA,CAAC,CAAC,CAAE,eAAAG,CAAA,CAAgB,IAAM,CACnBF,EAAQ,QACXA,EAAQ,MAAQE,EAEpB,EACA,CAAE,UAAW,EAAI,CAAA,q6DCTnB,MAAMT,EAAQC,EAIR,CAAE,MAAAC,GAAUC,IACZO,EAASL,EAAS,IAAMH,EAAM,MAAQ,MAAQ,MAAM,EAEpDS,EAAYN,EAAS,IAAML,EAAM,YAAc,WAAa,0BAA4B,eAAeU,EAAO,KAAK,SAAS,86BCT5H,KAAA,CAAE,YAAAE,GAAgBC,q0GCAxB,MAAMC,EAAiBhB,IACjBiB,EAAaC,GAA8B,CAC/C,QAAS,CAACC,EAAgB,EAC1B,KAAM,GACN,cAAe,OACf,WAAY,CACV,cAAe,8BACf,UAAW,SACX,OAAQ,QACR,OAAQ,OACV,CAAA,CACD,EAEK,CAAE,YAAAL,GAAgBC,q5ECblB,KAAA,CAAE,YAAAD,GAAgBC,8pCCClB,MAAAN,EAAUT,EAJFG,EAIY,WAAW,ojCCViCiB,GAAAjC,EAAgB,mBAAmB,ECAnCkC,GAAAlC,EAAgB,mBAAmB,qjBCqBnG,MAAAmC,EAAUf,EAAS,IAAM,YAAY,EAErC,CAAE,MAAAgB,EAAO,WAAAC,CAAW,GAAI,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,GAAuDC,EAAMP,CAAO,CAAC,CAAA,mBACnG,CAAE,KAAAQ,EAAM,MAAAC,CAAM,GAAI,CAAAN,EAAAC,CAAA,EAAAC,EAAA,SAAMK,GAAaH,EAAMP,CAAO,EAAG,SAAY,CACrE,GAAIC,EACK,OAAAA,EAGH,MAAAU,EAAW,MAAMC,KACvB,OAAAV,EAAWS,CAAQ,EACZA,CAAA,EACN,CACD,cAAe,CAACE,EAAKC,IAAmDA,EAAK,QAAQ,KAAKD,CAAG,GAAKC,EAAK,OAAO,KAAKD,CAAG,EACtH,KAAM,GACN,UAAYE,IACNA,EAAA,CAAC,EAAE,OAASA,EAAI,CAAC,EAAE,OAAS,CAAA,GAAI,MAAM,EAAG,EAAE,EACxCA,EACT,CACD,CAAA,mBAEDC,EAASP,EAAO,IAAM,CAEpB,MAAMQ,GAAY,CAAE,WAAY,IAAK,cAAe,GAAGV,EAAMP,CAAO,CAAC,kBAAmB,MAAO,EAAM,CAAA,CAAA,EACpG,CAAE,UAAW,EAAA,CAAM,EAEjBkB,MACHF,EAASR,EAAMW,GAAKC,GAAU,IAAIb,EAAMP,CAAO,EAAGmB,CAAC,EAAG,CAAE,UAAW,EAAM,CAAA,EAmBrE,KAAA,CAAE,YAAAE,GAAgBtC,IACZsC,EAAA,CAACC,EAAQC,KAAa,CAChC,KAAM,CACJ,GAAIA,GAAYD,EAAS,GAAO,iBAAmB,sBACrD,CACA,EAAA,EAEYE,KAER,KAAA,CAAE,UAAAC,GAAcC,KACZ,OAAAD"}