diff --git a/app/app.vue b/app/app.vue
index 7731032..b74de48 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -57,6 +57,7 @@ const createStyleLinks = (faviconJson: GameDataImg, fontPath: string = '') => {
 
 // 메타 태그 생성 헬퍼
 const createMetaTags = (metaTag: Partial<GameDataMetaTag> = {}) => {
+  if (!metaTag) return []
   const metaList = [
     { name: 'description', content: metaTag.page_desc },
     { property: 'og:title', content: metaTag.og_title },
@@ -92,11 +93,11 @@ const createStyleCss = (keyColorJson: GameDataKeyColors) => {
 // 게임 헤드 설정
 const setupGameHead = (data: GameDataValue) => {
   try {
-    const metaTag: Partial<GameDataMetaTag> = data.meta_tag_json ?? {}
+    const metaTag: Partial<GameDataMetaTag> = data?.meta_tag_json ?? {}
     const designTheme = data.design_theme === 1 ? 'light' : 'dark'
     const styleLinks = createStyleLinks(
       data.favicon_json,
-      data?.game_font?.font_path
+      data?.game_font_json?.font_path
     )
     const styleCss = createStyleCss(data.key_color_json)
 
diff --git a/app/pages/inspection/index.vue b/app/pages/inspection/index.vue
index 86d570b..e809eba 100644
--- a/app/pages/inspection/index.vue
+++ b/app/pages/inspection/index.vue
@@ -207,7 +207,7 @@ const enabledMarkets = computed(() => {
 const logoImgUrl = computed(() => {
   const currentLocale = locale.value || 'ko'
   const localeData = (webInspectionData.value as any)?.[currentLocale]
-  return formatPathHost(localeData?.img_json.bi_large)
+  return formatPathHost(localeData?.img_json?.bi_large)
 })
 
 const communityUrl = computed(() => {
diff --git a/layers/assets/css/components/_splide.css b/layers/assets/css/components/_splide.css
index 1494a8a..8c1c71d 100644
--- a/layers/assets/css/components/_splide.css
+++ b/layers/assets/css/components/_splide.css
@@ -38,8 +38,4 @@
   .type-full .splide__arrow--next {
     @apply right-10;
   }
-
-  .splide-arrow svg {
-    @apply hidden;
-  }
 }
diff --git a/layers/components/atoms/Button/Circle.vue b/layers/components/atoms/Button/Circle.vue
index 0c76db0..6b143a6 100644
--- a/layers/components/atoms/Button/Circle.vue
+++ b/layers/components/atoms/Button/Circle.vue
@@ -21,7 +21,6 @@ const componentTag = computed((): string => {
       return 'button'
   }
 })
-
 const componentProps = computed(() => {
   switch (props.type) {
     case 'link':
@@ -34,7 +33,9 @@ const componentProps = computed(() => {
 
 <template>
   <component :is="componentTag" v-bind="componentProps" class="btn-circle">
-    <slot />
+    <span class="icon">
+      <slot />
+    </span>
     <span class="sr-only">{{ props.srOnly }}</span>
   </component>
 </template>
@@ -51,4 +52,8 @@ const componentProps = computed(() => {
 .btn-circle:deep(svg) {
   @apply w-[20px] h-[20px] md:w-[24px] md:h-[24px];
 }
+
+.icon {
+  @apply transition-transform duration-300 ease-spring;
+}
 </style>
diff --git a/layers/components/atoms/Button/Play.vue b/layers/components/atoms/Button/Play.vue
index 3c1ae77..946a705 100644
--- a/layers/components/atoms/Button/Play.vue
+++ b/layers/components/atoms/Button/Play.vue
@@ -2,6 +2,7 @@
 import type { TrackingObject } from '#layers/types/api/common'
 
 interface Props {
+  bgColor?: string
   tracking: TrackingObject
 }
 
@@ -16,15 +17,29 @@ const handlePlayClick = () => {
 </script>
 
 <template>
-  <button class="btn-play" @click="handlePlayClick">
+  <button
+    class="btn-play"
+    :style="{ backgroundColor: props.bgColor }"
+    @click="handlePlayClick"
+  >
+    <span class="icon">
+      <AtomsIconsArrowRightFill />
+    </span>
     <span class="sr-only">Play</span>
   </button>
 </template>
 
 <style scoped>
 .btn-play {
-  @apply relative w-[60px] h-[60px] bg-[image:var(--video-play)] bg-cover bg-center bg-no-repeat md:w-[80px] md:h-[80px]
+  @apply relative flex items-center justify-center rounded-full w-[60px] h-[60px] md:w-[80px] md:h-[80px]
+  before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:h-full before:border before:border-[rgba(255,255,255,0.5)] before:rounded-full
   after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:rounded-[50%] after:opacity-0 after:transition-opacity after:duration-300 after:ease-in-out
   hover:after:opacity-10;
 }
+.btn-play:hover .icon {
+  @apply scale-[1.08];
+}
+.icon {
+  @apply transition-transform duration-300 ease-spring;
+}
 </style>
diff --git a/layers/components/atoms/Button/index.vue b/layers/components/atoms/Button/index.vue
index 07b8b7c..c7452bf 100644
--- a/layers/components/atoms/Button/index.vue
+++ b/layers/components/atoms/Button/index.vue
@@ -10,6 +10,8 @@ interface props {
   backgroundColor?: string
   textColor?: string
   disabled?: boolean
+  gradient?: boolean
+  useGameFont?: boolean
 }
 
 const props = withDefaults(defineProps<props>(), {
@@ -19,8 +21,13 @@ const props = withDefaults(defineProps<props>(), {
   target: '_self',
   textColor: 'var(--alternative-02)',
   disabled: false,
+  gradient: false,
+  useGameFont: false,
 })
 
+const gameDataStore = useGameDataStore()
+const { fontFamily } = storeToRefs(gameDataStore)
+
 const componentTag = computed((): string => {
   switch (props.type) {
     case 'external':
@@ -29,17 +36,11 @@ const componentTag = computed((): string => {
     case 'download':
       return props.href ? 'a' : 'button'
     case 'internal':
-      return 'AtomsLocaleLink'
+      return props.href ? 'AtomsLocaleLink' : 'button'
     default:
       return 'button'
   }
 })
-const backgroundColor = computed(() => {
-  if (props.backgroundColor) {
-    return props.backgroundColor
-  }
-  return props.variant === 'filled' ? 'var(--primary)' : 'white'
-})
 const componentProps = computed(() => {
   if (props.type === 'external' || props.type === 'link') {
     return {
@@ -49,9 +50,12 @@ const componentProps = computed(() => {
   }
 
   if (props.type === 'internal') {
-    return {
-      to: props.href,
+    if (props.href) {
+      return {
+        to: props.href,
+      }
     }
+    return {}
   }
 
   if (props.type === 'download') {
@@ -67,6 +71,30 @@ const componentProps = computed(() => {
 
   return {}
 })
+const textColor = computed(() => {
+  return props.textColor ? props.textColor : 'var(--text-secondary)'
+})
+const buttonStyle = computed(() => {
+  const backgroundColor =
+    props.variant === 'filled' ? 'var(--primary)' : 'white'
+  const style: Record<string, string> = {
+    backgroundColor: props.backgroundColor ?? backgroundColor,
+    '--disabled-color': textColor.value,
+  }
+
+  return style
+})
+const textStyle = computed(() => {
+  const style: Record<string, string> = {
+    color: textColor.value,
+  }
+
+  if (props.useGameFont && fontFamily.value) {
+    style.fontFamily = fontFamily.value
+  }
+
+  return style
+})
 </script>
 
 <template>
@@ -75,29 +103,26 @@ const componentProps = computed(() => {
     v-bind="{ ...componentProps }"
     :class="['btn-base', props.size, { disabled: props.disabled }]"
     :data-variant="props.variant"
-    :style="{
-      backgroundColor: backgroundColor,
-      color: props.textColor ? props.textColor : 'var(--text-secondary)',
-      '--text-color': props.textColor,
-    }"
+    :style="buttonStyle"
     :disabled="props.disabled"
   >
-    <span class="btn-content">
+    <i v-if="props.gradient" class="btn-gradient"></i>
+    <span class="btn-content" :style="textStyle">
       <slot />
       <AtomsIconsLongArrowRightLine
         v-if="props.type === 'internal'"
         :color="props.textColor"
-        class="icon"
+        class="icon icon-internal"
       />
       <AtomsIconsWebLinkLine
         v-if="props.type === 'external'"
         :color="props.textColor"
-        class="icon"
+        class="icon icon-external"
       />
       <AtomsIconsDownloadLine
         v-if="props.type === 'download'"
         :color="props.textColor"
-        class="icon"
+        class="icon icon-download"
       />
     </span>
   </component>
@@ -108,11 +133,6 @@ const componentProps = computed(() => {
   @apply overflow-hidden relative inline-flex items-center justify-center font-medium cursor-pointer
     before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:h-full before:border before:border-white/10;
 }
-.btn-base.disabled {
-  @apply cursor-default pointer-events-none
-  after:bg-[var(--text-color)] after:opacity-20 after:z-[2];
-}
-
 .btn-base[data-variant='filled'] {
   @apply after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:transition-opacity after:duration-300 after:ease-in-out after:opacity-0
   hover:after:opacity-20;
@@ -121,6 +141,26 @@ const componentProps = computed(() => {
   @apply before:border-[rgba(0,0,0,0.1)]
   hover:before:border-[#999];
 }
+.btn-base.disabled {
+  @apply cursor-default pointer-events-none
+  after:opacity-20 after:z-[2];
+}
+.btn-base.disabled::after {
+  background-color: var(--disabled-color) !important;
+}
+
+.icon {
+  @apply transition-transform duration-300 ease-spring;
+}
+.btn-base:hover .icon-internal {
+  @apply translate-x-[3px];
+}
+.btn-base:hover .icon-external {
+  @apply scale-[1.08];
+}
+.btn-base:hover .icon-download {
+  @apply translate-y-[3px];
+}
 
 .btn-base.disabled .btn-content {
   @apply opacity-50;
@@ -131,4 +171,13 @@ const componentProps = computed(() => {
 .btn-base.size-extra-small .btn-content {
   @apply gap-0.5;
 }
+
+.btn-gradient {
+  @apply absolute top-0 left-0 w-full h-full opacity-[0.7] mix-blend-soft-light;
+  background: radial-gradient(
+    68.19% 81.25% at 50.35% 100%,
+    #fff 20%,
+    rgba(255, 255, 255, 0) 100%
+  );
+}
 </style>
diff --git a/layers/components/atoms/Select.vue b/layers/components/atoms/Select.vue
index 04f78e5..c2816c9 100644
--- a/layers/components/atoms/Select.vue
+++ b/layers/components/atoms/Select.vue
@@ -50,11 +50,9 @@ const onSelectOption = (option: { [key: string | number]: any }): void => {
       >
         {{ selectedOption }}
       </span>
-      <i
-        class="inline-flex items-center justify-center w-[14px] h-[14px] shrink-0"
-      >
-        <AtomsIconsSelectArrowDownFill
-          :size="12"
+      <i class="inline-flex items-center justify-center shrink-0">
+        <AtomsIconsArrowDownFill
+          :size="14"
           color="#333333"
           :class="isActive ? 'rotate-180' : ''"
         />
diff --git a/layers/components/atoms/icons/ArrowControlTopLine.vue b/layers/components/atoms/icons/ArrowControlTopLine.vue
new file mode 100644
index 0000000..1407e98
--- /dev/null
+++ b/layers/components/atoms/icons/ArrowControlTopLine.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+  fillOpacity?: number
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: '#ffffff',
+  fillOpacity: 0.5,
+})
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 24 24"
+    :fill="color"
+    :fill-opacity="fillOpacity"
+  >
+    <path
+      d="M13 9.41422L17.2929 13.7071C17.6834 14.0976 18.3166 14.0976 18.7071 13.7071C19.0976 13.3166 19.0976 12.6834 18.7071 12.2929L12.7078 6.29361C12.5289 6.1143 12.2822 6.00257 12.0094 6.00005C12.0063 6.00002 12.0032 6.00001 12 6.00001C11.9968 6.00001 11.9937 6.00002 11.9906 6.00005C11.7269 6.00249 11.4877 6.10694 11.3104 6.27585C11.3045 6.28145 11.2987 6.28714 11.2929 6.2929L5.29289 12.2929C4.90237 12.6834 4.90237 13.3166 5.29289 13.7071C5.68341 14.0976 6.31658 14.0976 6.7071 13.7071L11 9.41422L11 20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20L13 9.41422Z"
+    />
+    <path
+      d="M19.5 4.00001C19.5 4.55229 19.0523 5 18.5 5L5.5 5C4.94771 5 4.5 4.55228 4.5 4C4.5 3.44772 4.94771 3 5.5 3L18.5 3C19.0523 3 19.5 3.44772 19.5 4.00001Z"
+    />
+  </svg>
+</template>
diff --git a/layers/components/atoms/icons/ArrowRightFill.vue b/layers/components/atoms/icons/ArrowRightFill.vue
new file mode 100644
index 0000000..8450475
--- /dev/null
+++ b/layers/components/atoms/icons/ArrowRightFill.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+  fillOpacity?: number
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 32,
+  color: '#ffffff',
+  fillOpacity: 0.5,
+})
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 32 32"
+    :fill="color"
+    :fill-opacity="fillOpacity"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.4839 25.0812C12.7639 26.0629 11.079 26.9852 9.42912 27.8405C8.49538 28.3239 7.40719 27.6545 7.33699 26.5612C7.21062 24.62 7.11935 22.6119 7.06318 20.5443C7.02106 19.0568 7 17.5396 7 16C7 14.4604 7.02106 12.9506 7.06318 11.4557C7.11935 9.38809 7.21062 7.37997 7.33699 5.43879C7.40719 4.34548 8.49538 3.6761 9.42912 4.15954C11.079 5.01485 12.7709 5.9371 14.4839 6.91884C15.7196 7.6254 16.9692 8.36171 18.2259 9.13521C19.4826 9.90871 20.7112 10.6822 21.9047 11.4631C23.5686 12.549 25.1622 13.6349 26.6857 14.7208C27.5492 15.3306 27.5492 16.6694 26.6857 17.2793C25.1622 18.3651 23.5615 19.4584 21.9047 20.5369C20.7112 21.3178 19.4826 22.0987 18.2259 22.8648C16.9692 23.6383 15.7196 24.3672 14.4839 25.0812Z"
+    />
+  </svg>
+</template>
diff --git a/layers/components/atoms/icons/SelectArrowDownFill.vue b/layers/components/atoms/icons/SelectArrowDownFill.vue
deleted file mode 100644
index 87b9b74..0000000
--- a/layers/components/atoms/icons/SelectArrowDownFill.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  size?: number | string
-  color?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  size: 32,
-  color: '#EBEBEB',
-})
-</script>
-
-<template>
-  <svg
-    :width="size"
-    :height="size"
-    viewBox="0 0 10 6"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M4.06454 4.95333L0.204544 1.16667C-0.228789 0.74 0.0712106 0 0.684544 0L9.31787 0C9.9312 0 10.2312 0.74 9.79787 1.16667L5.93787 4.95333C5.41787 5.46 4.59121 5.46 4.07121 4.95333H4.06454Z"
-      :fill="color"
-    />
-  </svg>
-</template>
diff --git a/layers/components/blocks/Button/Home.vue b/layers/components/blocks/Button/Home.vue
index bad5983..cfd9293 100644
--- a/layers/components/blocks/Button/Home.vue
+++ b/layers/components/blocks/Button/Home.vue
@@ -31,4 +31,7 @@ const analytics = {
   @apply fixed top-3 right-3 mt-[calc(var(--scroll-position,48px)+48px)] bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] z-[100]
   sm:top-5 md:top-6 md:right-8 md:mt-[calc(var(--scroll-position,64px)+64px)];
 }
+.btn-home:hover :deep(.icon) {
+  @apply scale-[1.08];
+}
 </style>
diff --git a/layers/components/blocks/Button/Launcher.vue b/layers/components/blocks/Button/Launcher.vue
index c116544..4a5ddcc 100644
--- a/layers/components/blocks/Button/Launcher.vue
+++ b/layers/components/blocks/Button/Launcher.vue
@@ -16,12 +16,14 @@ interface Props {
   iconComponent?: Component
   iconProps?: Record<string, any>
   disabled?: boolean
+  useGameFont?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
   type: 'default',
   variant: 'filled',
   disabled: false,
+  useGameFont: false,
 })
 
 const runtimeConfig = useRuntimeConfig()
@@ -31,7 +33,7 @@ const gameDataStore = useGameDataStore()
 const modalStore = useModalStore()
 const { isProcessing, validateLauncher } = useCheckGameStart()
 
-const { gameName, platformType, osType, marketJson } =
+const { gameName, platformType, osType, marketJson, fontFamily } =
   storeToRefs(gameDataStore)
 
 const PLATFORM_ICON_MAP: Record<Platform, string> = {
@@ -40,12 +42,11 @@ const PLATFORM_ICON_MAP: Record<Platform, string> = {
   pc: 'AtomsIconsLogoWindow',
   stove: 'AtomsIconsLogoStove',
 } as const
-
 const DUP_IMAGE_MAP: Record<Platform, string> = {
-  google_play: '/images/common/btn_logo-google.svg',
-  app_store: '/images/common/btn_logo-app.svg',
-  pc: '/images/common/btn_logo-pc.svg',
-  stove: '/images/common/btn_logo-stove.svg',
+  google_play: '/images/common/btn_launcher/btn_logo-google.svg',
+  app_store: '/images/common/btn_launcher/btn_logo-app.svg',
+  pc: '/images/common/btn_launcher/btn_logo-pc.svg',
+  stove: '/images/common/btn_launcher/btn_logo-stove.svg',
 } as const
 
 const componentTag = computed(() => {
@@ -54,7 +55,17 @@ const componentTag = computed(() => {
   }
   return 'button'
 })
-const isSingle = computed(() => props.type === 'single')
+const shouldShowPlatformIcon = computed(
+  () =>
+    (props.type === 'default' && props.variant !== 'custom') ||
+    props.type === 'single'
+)
+const shouldShowDownloadIcon = computed(
+  () =>
+    props.platform === 'pc' &&
+    props.type === 'default' &&
+    props.variant !== 'custom'
+)
 const supportedPlatforms = computed(
   () =>
     getSupportedPlatforms(
@@ -63,18 +74,27 @@ const supportedPlatforms = computed(
     ) as PlatformTransformType[]
 )
 const platformIcon = computed(() => PLATFORM_ICON_MAP[props.platform])
-const inlineStyle = computed<CSSProperties>(() => {
+const buttonStyle = computed<CSSProperties>(() => {
   const style: CSSProperties = {}
 
   if (props.backgroundColor) {
     style.backgroundColor = props.backgroundColor
   }
-  if (props.textColor) {
-    style.color = props.textColor
-  }
   if (props.type === 'duplication') {
     style.backgroundImage = `url(${formatPathHost(DUP_IMAGE_MAP[props.platform], { imageType: 'common' })})`
   }
+
+  return style
+})
+const textStyle = computed<CSSProperties>(() => {
+  const style: CSSProperties = {}
+  if (props.textColor) {
+    style.color = props.textColor
+  }
+  if (props.useGameFont && fontFamily.value) {
+    style.fontFamily = fontFamily.value
+  }
+
   return style
 })
 
@@ -140,21 +160,19 @@ const handleClick = () => {
     :class="[
       'btn-base',
       props.type,
-      { 'no-text': isSingle && !$slots.default },
+      { 'no-text': props.type === 'single' && !$slots.default },
     ]"
     :data-variant="props.variant"
     :data-platform="props.platform"
-    :style="inlineStyle"
+    :style="buttonStyle"
     :disabled="disabled || isProcessing"
     @click="handleClick"
   >
     <span class="btn-content">
-      <component
-        :is="platformIcon"
-        v-if="props.type !== 'duplication'"
-        class="icon-platform"
-      />
-      <span class="text">
+      <span v-if="shouldShowPlatformIcon" class="icon-platform">
+        <component :is="platformIcon" />
+      </span>
+      <span class="text" :style="textStyle">
         <slot />
       </span>
       <component
@@ -162,10 +180,7 @@ const handleClick = () => {
         v-if="props.iconComponent"
         v-bind="props.iconProps"
       />
-      <span
-        v-if="props.platform === 'pc' && props.type === 'default'"
-        class="icon-download"
-      >
+      <span v-if="shouldShowDownloadIcon" class="icon-download">
         <AtomsIconsDownloadLine />
       </span>
     </span>
@@ -180,7 +195,10 @@ const handleClick = () => {
   @apply relative flex items-center w-full z-[1];
 }
 .icon-platform {
-  @apply w-5 h-5 flex-shrink-0;
+  @apply w-5 h-5 mr-2 flex-shrink-0;
+}
+.icon-download {
+  @apply ml-auto pl-4;
 }
 
 .btn-base[data-variant='filled'] {
@@ -212,12 +230,6 @@ const handleClick = () => {
   @apply line-clamp-2 text-[14px]
   md:text-[16px];
 }
-.btn-base.default .icon-platform + .text {
-  @apply pl-2;
-}
-.btn-base.default .icon-download {
-  @apply ml-auto pl-4;
-}
 
 .btn-base.default[data-variant='outlined'] .icon-download {
   @apply border-black/10;
diff --git a/layers/components/blocks/Button/ScrollTop.vue b/layers/components/blocks/Button/ScrollTop.vue
index 8b3d984..7e73f0d 100644
--- a/layers/components/blocks/Button/ScrollTop.vue
+++ b/layers/components/blocks/Button/ScrollTop.vue
@@ -26,7 +26,9 @@ const handleScrollToTop = () => {
       class="btn-top"
       sr-only="top"
       @click="handleScrollToTop"
-    />
+    >
+      <AtomsIconsArrowControlTopLine />
+    </AtomsButtonCircle>
   </Transition>
 </template>
 
@@ -34,4 +36,7 @@ const handleScrollToTop = () => {
 .btn-top {
   @apply bg-[image:var(--button-top)] bg-center bg-cover bg-no-repeat;
 }
+.btn-top:hover :deep(.icon) {
+  @apply -translate-y-[3px];
+}
 </style>
diff --git a/layers/components/blocks/Button/SlideArrows.vue b/layers/components/blocks/Button/SlideArrows.vue
index e2b9f72..9acdba9 100644
--- a/layers/components/blocks/Button/SlideArrows.vue
+++ b/layers/components/blocks/Button/SlideArrows.vue
@@ -10,6 +10,13 @@ const props = defineProps<Props>()
 const { locale } = useI18n()
 const { sendLog } = useAnalytics()
 
+const getArrowBgColor = (direction: 'prev' | 'next') => {
+  return getColorCodeFromData(
+    props.arrowsData?.[direction === 'prev' ? 0 : 1]?.display,
+    'none'
+  )
+}
+
 const handleArrowClick = (direction: 'prev' | 'next') => {
   if (props.arrowsData) {
     const arrowIndex = direction === 'prev' ? 0 : 1
@@ -23,12 +30,28 @@ const handleArrowClick = (direction: 'prev' | 'next') => {
     <AtomsButtonCircle
       sr-only="Previous"
       class="splide-arrow splide__arrow--prev"
+      :style="{ backgroundColor: getArrowBgColor('prev') }"
       @click="handleArrowClick('prev')"
-    />
+    >
+      <AtomsIconsArrowRightLine color="#ffffff" />
+    </AtomsButtonCircle>
     <AtomsButtonCircle
       sr-only="Next"
       class="splide-arrow splide__arrow--next"
+      :style="{ backgroundColor: getArrowBgColor('next') }"
       @click="handleArrowClick('next')"
-    />
+    >
+      <AtomsIconsArrowRightLine color="#ffffff" />
+    </AtomsButtonCircle>
   </div>
 </template>
+
+<style scoped>
+.splide__arrow--prev:hover :deep(.icon) {
+  @apply -translate-x-[3px];
+}
+
+.splide__arrow--next:hover :deep(.icon) {
+  @apply translate-x-[3px];
+}
+</style>
diff --git a/layers/components/blocks/DatePicker.vue b/layers/components/blocks/DatePicker.vue
index 28de42d..109ad5d 100644
--- a/layers/components/blocks/DatePicker.vue
+++ b/layers/components/blocks/DatePicker.vue
@@ -436,7 +436,7 @@ onMounted(() => {
           >
             {{ t('Text_MonthYear', { month: month + 1, year: year }) }}
           </span>
-          <AtomsIconsSelectArrowDownFill :size="10" color="#333333" />
+          <AtomsIconsArrowDownFill :size="16" color="#333333" />
         </button>
         <button
           type="button"
diff --git a/layers/components/blocks/LanguageSwitcher.vue b/layers/components/blocks/LanguageSwitcher.vue
index 9f8c15b..e1c2533 100644
--- a/layers/components/blocks/LanguageSwitcher.vue
+++ b/layers/components/blocks/LanguageSwitcher.vue
@@ -70,7 +70,7 @@
       <svg
         v-else
         class="w-3 h-3 text-gray-300 transition-transform duration-200"
-        :class="{ 'rotate-180': isDropdownOpen }"
+        :class="{ 'rotate-180': !isDropdownOpen }"
         viewBox="0 0 12 12"
         fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
@@ -125,7 +125,6 @@
 </template>
 
 <script setup lang="ts">
-
 interface LanguageOrder {
   languageOrder?: any[]
 }
@@ -154,29 +153,29 @@ const availableLanguages = computed(() => {
   if (filteredLanguages.length === 0) {
     return [{ code: 'ko', name: '한국어' }]
   }
-    //languageOrder 값이 있는 경우 정렬, 없는 경우 기본 순서 유지
-  const defaultLanguageOrder = [ 'ko', 'en', 'ja', 'zh-cn', 'zh-tw', 'th' ]
+  //languageOrder 값이 있는 경우 정렬, 없는 경우 기본 순서 유지
+  const defaultLanguageOrder = ['ko', 'en', 'ja', 'zh-cn', 'zh-tw', 'th']
   const languageOrder = props.languageOrder || defaultLanguageOrder
   // 정렬: 우선순위 언어 먼저, 그 다음 나머지
   const sortedLanguages = filteredLanguages.sort((a, b) => {
     const indexA = languageOrder.indexOf(a.code)
     const indexB = languageOrder.indexOf(b.code)
-    
+
     // 둘 다 우선순위 목록에 있는 경우
     if (indexA !== -1 && indexB !== -1) {
       return indexA - indexB
     }
-    
+
     // a만 우선순위 목록에 있는 경우
     if (indexA !== -1) {
       return -1
     }
-    
+
     // b만 우선순위 목록에 있는 경우
     if (indexB !== -1) {
       return 1
     }
-    
+
     // 둘 다 우선순위 목록에 없는 경우 원래 순서 유지
     return 0
   })
@@ -230,7 +229,6 @@ const switchLanguage = async () => {
       const localeCookie = useCookie('LOCALE', {
         domain: baseDomain,
         path: '/',
-        maxAge: 60 * 60 * 24 * 365, // 1년 (초 단위)
         sameSite: 'lax',
       })
       localeCookie.value = selectedLocale.value.toLowerCase()
diff --git a/layers/components/blocks/Lnb.vue b/layers/components/blocks/Lnb.vue
index 7aff4f1..e949a9f 100644
--- a/layers/components/blocks/Lnb.vue
+++ b/layers/components/blocks/Lnb.vue
@@ -17,8 +17,10 @@ const OBSERVER_OPTIONS = {
   rootMargin: '-20% 0px -60% 0px', // 상단 20%, 하단 60% 마진
   threshold: 0,
 } as const
+const AUTO_HIDE_MS = 5000
 
-const isShowLnbWithScroll = ref(false)
+let autoHideTimer: ReturnType<typeof setTimeout> | null = null
+const isShowLnbWithScroll = ref(true)
 const activeSection = ref<string>('')
 
 const lnbList = computed<Record<string, PageDataLnbMenu>>(
@@ -72,6 +74,20 @@ const handleIntersection = (entries: IntersectionObserverEntry[]) => {
 
 const observer = new IntersectionObserver(handleIntersection, OBSERVER_OPTIONS)
 
+const clearAutoHide = () => {
+  if (autoHideTimer) {
+    clearTimeout(autoHideTimer)
+    autoHideTimer = null
+  }
+}
+
+const scheduleAutoHide = () => {
+  clearAutoHide()
+  autoHideTimer = setTimeout(() => {
+    isShowLnbWithScroll.value = false
+  }, AUTO_HIDE_MS)
+}
+
 // 요소 관찰 헬퍼 함수
 const observeElement = (elementId: string) => {
   const element = document.getElementById(elementId)
@@ -112,15 +128,28 @@ const handleLnbClick = (lnbItem: PageDataLnbMenu) => {
 }
 
 watch(directions, newVal => {
-  // 스크롤 업일 때만 표시, 다운이거나 멈춘 상태에서는 숨김
-  isShowLnbWithScroll.value = newVal.top === true
+  // 스크롤 위로: 즉시 노출 + 5초 후 자동 숨김
+  if (newVal.top === true) {
+    isShowLnbWithScroll.value = true
+    scheduleAutoHide()
+    return
+  }
+
+  // 스크롤 아래로: 즉시 숨김 (딜레이 없음)
+  if (newVal.bottom === true) {
+    clearAutoHide()
+    isShowLnbWithScroll.value = false
+  }
 })
 
 onMounted(() => {
   observeSections()
+  isShowLnbWithScroll.value = true
+  scheduleAutoHide()
 })
 
 onUnmounted(() => {
+  clearAutoHide()
   observer.disconnect()
 })
 </script>
@@ -193,7 +222,7 @@ onUnmounted(() => {
   z-index: -1;
 }
 .lnb-wrap.is-hidden {
-  @apply translate-x-[110%] delay-[5s];
+  @apply translate-x-[110%];
 }
 .lnb-main {
   @apply flex flex-col gap-4 items-end;
diff --git a/layers/components/blocks/Pagination.vue b/layers/components/blocks/Pagination.vue
index ac4c8e3..6942d5b 100644
--- a/layers/components/blocks/Pagination.vue
+++ b/layers/components/blocks/Pagination.vue
@@ -105,7 +105,7 @@ const handlePagination = (page: number) => {
             :class="[
               '!w-full !h-full p-0 rounded-full text-center text-[14px] font-[500] leading-[24px] tracking-[-0.42px]',
               page === currentPage
-                ? '!bg-[#C7AE8B] !text-white cursor-default'
+                ? '!bg-[var(--primary)] !text-white cursor-default'
                 : '',
             ]"
             @click="handlePagination(page)"
diff --git a/layers/components/blocks/Sns.vue b/layers/components/blocks/Sns.vue
index fb19bd8..9bc0f07 100644
--- a/layers/components/blocks/Sns.vue
+++ b/layers/components/blocks/Sns.vue
@@ -42,11 +42,11 @@ const handleCopy = async () => {
 </script>
 
 <template>
-  <div v-if="Object.keys(snsJson).length > 0" class="sns-container">
+  <div v-if="Object.keys(snsJson).length > 0" class="sns-wrap">
     <transition name="fade">
       <AtomsButtonCircle
         v-show="!showSnsList"
-        class="btn-sns"
+        class="btn-more"
         sr-only="sns"
         :style="{ backgroundColor: snsBackgroundColor }"
         @click="handleControlForce(true)"
@@ -55,36 +55,45 @@ const handleCopy = async () => {
       </AtomsButtonCircle>
     </transition>
     <transition name="fade">
-      <div
-        v-show="showSnsList"
-        class="sns-list"
-        :style="{ backgroundColor: snsBackgroundColor }"
-      >
+      <div v-show="showSnsList" class="sns-list">
         <template v-for="(item, key) in snsJson" :key="key">
-          <a
+          <AtomsButtonCircle
             v-if="item.use_yn === 1 && item.url"
-            :href="item.url"
+            type="link"
+            :to="item.url"
             target="_blank"
-            class="sns-item"
-            rel="noopener noreferrer"
-            :style="{
-              backgroundImage: `url(${formatPathHost(`/images/common/ic-v2-logo-${key}-fill.png`, { imageType: 'common' })})`,
-            }"
+            :class="['btn-sns', key]"
+            :sr-only="key"
             @click="sendLog(locale, { ...analytics, click_item: key })"
           >
-            <span class="sr-only">{{ key }}</span>
-          </a>
+            <img
+              width="100%"
+              height="100%"
+              :src="
+                formatPathHost(`/images/common/ic-v2-logo-${key}-fill.png`, {
+                  imageType: 'common',
+                })
+              "
+              :alt="key"
+            />
+          </AtomsButtonCircle>
         </template>
-        <button
-          type="button"
-          class="sns-item"
-          :style="{
-            backgroundImage: `url(${formatPathHost('/images/common/ic-v2-community-link-line.png', { imageType: 'common' })})`,
-          }"
+        <AtomsButtonCircle
+          class="btn-sns link"
+          sr-only="copy"
           @click="handleCopy"
         >
-          <span class="sr-only">copy</span>
-        </button>
+          <img
+            width="100%"
+            height="100%"
+            :src="
+              formatPathHost('/images/common/ic-v2-community-link-line.png', {
+                imageType: 'common',
+              })
+            "
+            alt="copy"
+          />
+        </AtomsButtonCircle>
         <div class="close-container">
           <button
             type="button"
@@ -101,17 +110,47 @@ const handleCopy = async () => {
 </template>
 
 <style scoped>
-.sns-container {
-  @apply relative h-[40px] md:h-[48px];
+.sns-wrap {
+  @apply fixed bottom-3 left-3 h-[40px] md:bottom-8 md:left-8 md:h-[48px] z-[100];
 }
 
-.btn-sns:hover .icon-share {
+.btn-more:hover .icon-share {
   @apply fill-white;
 }
+.btn-sns {
+  @apply bg-center bg-no-repeat bg-[rgba(255,255,255,0.6)] after:hidden;
+}
+.btn-sns.kakao:hover {
+  @apply bg-[#FAE100];
+}
+.btn-sns.kakao:hover img {
+  filter: brightness(0) saturate(100%) invert(13%) sepia(2%) saturate(0%)
+    hue-rotate(0deg) brightness(100%) contrast(100%);
+}
+.btn-sns.tiktok:hover {
+  @apply bg-[#000];
+}
+.btn-sns.discord:hover {
+  @apply bg-[#000];
+}
+.btn-sns.twitter:hover {
+  @apply bg-[#000];
+}
+.btn-sns.youtube:hover {
+  @apply bg-[#FF0000];
+}
+.btn-sns.facebook:hover {
+  @apply bg-[#1977F2];
+}
+.btn-sns.instagram:hover {
+  @apply bg-[#000];
+}
+.btn-sns.link:hover {
+  @apply bg-[#000];
+}
 
 .sns-list {
-  @apply absolute bottom-0 right-0 flex items-center justify-center gap-4 rounded-full h-full pl-4 pr-3
-  before:content-[''] before:absolute before:top-0 before:left-0 before:w-full before:h-full before:border before:border-[rgba(255,255,255,0.06)] before:rounded-full;
+  @apply absolute bottom-0 left-0 flex items-center justify-center gap-4 rounded-full h-full pl-4 pr-3;
 }
 .sns-item {
   @apply w-[24px] h-[24px] bg-center bg-cover bg-no-repeat opacity-50 z-[1]
diff --git a/layers/components/blocks/modal/Content.vue b/layers/components/blocks/modal/Content.vue
index 61914fd..a9feff4 100644
--- a/layers/components/blocks/modal/Content.vue
+++ b/layers/components/blocks/modal/Content.vue
@@ -53,6 +53,7 @@ watch(
       :class="[
         'modal-wrap',
         { 'is-open': content.storeIsOpen },
+        { dimmed: content.storeIsShowDimmed },
         content.storeModalName,
       ]"
       @click="handleOutsideClick"
diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue
index d6120a8..9bf8a6d 100644
--- a/layers/components/layouts/EventNavigation.vue
+++ b/layers/components/layouts/EventNavigation.vue
@@ -7,8 +7,9 @@ import type {
 
 const { locale } = useI18n()
 const { sendLog } = useAnalytics()
-
 const gameDomain = getGameDomain()
+const breakpoints = useResponsiveBreakpoints()
+
 const analytics = {
   action_type: 'click',
   click_sarea: 'EventNavigation',
@@ -53,18 +54,21 @@ const toggleEventNavigation = () => {
 
 onMounted(async () => {
   eventNavigationList.value = await getEventNavigation()
+  if (breakpoints.value.isMobile) {
+    isEventNavigationOpen.value = false
+  }
 })
 </script>
 
 <template>
   <div
     v-if="Object.keys(eventNavigationList).length > 1"
-    class="event-navigation"
+    class="navigation-wrap"
     :class="{
       'is-closed': !isEventNavigationOpen,
     }"
   >
-    <div class="navigation-wrapper">
+    <div class="navigation-container">
       <AtomsButtonCircle
         sr-only="event navigation control"
         class="btn-control"
@@ -105,13 +109,17 @@ onMounted(async () => {
 </template>
 
 <style scoped>
-.empty-game + main .event-navigation {
+.empty-game + main .navigation-wrap {
   @apply mt-[var(--scroll-position,48px)];
 }
-.event-navigation {
-  @apply fixed top-0 left-0 bottom-0 mt-[calc(var(--scroll-position,48px)+48px)] md:mt-[calc(var(--scroll-position,64px)+64px)] z-[100] transition-transform duration-300 ease-in-out;
+.sns-wrap ~ .navigation-wrap {
+  @apply pb-[78px];
 }
-.navigation-wrapper {
+
+.navigation-wrap {
+  @apply fixed top-0 left-0 bottom-0 mt-[calc(var(--scroll-position,48px)+48px)] md:mt-[calc(var(--scroll-position,64px)+64px)] z-[90] transition-transform duration-300 ease-in-out;
+}
+.navigation-container {
   @apply relative h-full p-3 sm:p-5 sm:pr-3
   md:p-8 md:pt-6 md:pr-4;
 }
@@ -132,14 +140,17 @@ onMounted(async () => {
   @apply absolute top-3 right-[-40px] bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] rotate-180
   sm:top-5 md:top-6 md:right-[-48px];
 }
+.btn-control:hover :deep(.icon) {
+  @apply translate-x-[3px];
+}
 
-.event-navigation.is-closed {
+.navigation-wrap.is-closed {
   @apply translate-x-[calc(-100%+20px)] sm:translate-x-[calc(-100%+40px)];
 }
-.event-navigation.is-closed .btn-control {
+.navigation-wrap.is-closed .btn-control {
   @apply rotate-0;
 }
-.event-navigation.is-closed .navigation-list {
+.navigation-wrap.is-closed .navigation-list {
   @apply pointer-events-none opacity-0;
 }
 
diff --git a/layers/components/layouts/Footer.vue b/layers/components/layouts/Footer.vue
index 914c795..56d10c2 100644
--- a/layers/components/layouts/Footer.vue
+++ b/layers/components/layouts/Footer.vue
@@ -20,33 +20,6 @@ const { tm, locale }: any = useI18n({
   messages: Object(resultGetMultilingual?.value?.multilingual),
 })
 
-// Footer_caution 값이 있고 빈 객체가 아닌지 체크
-const hasCautionText = computed(() => {
-  const value = tm('Footer_caution')
-
-  // null, undefined 체크
-  if (value === null || value === undefined) {
-    return false
-  }
-
-  // 빈 객체 체크
-  if (
-    typeof value === 'object' &&
-    !Array.isArray(value) &&
-    Object.keys(value).length === 0
-  ) {
-    return false
-  }
-
-  // 문자열로 변환하여 빈 문자열 또는 '{}' 문자열 체크
-  const stringValue = String(value).trim()
-  if (stringValue === '' || stringValue === '{}') {
-    return false
-  }
-
-  return true
-})
-
 const gameDataStore = useGameDataStore()
 const { gameData } = storeToRefs(gameDataStore)
 // const path = ref<string>(`${staticUrl}/local/template/${gameData.value.s3_folder_name}`)
@@ -180,35 +153,29 @@ const footerAgeRatingInfo = computed((): string[] => {
 </script>
 
 <template>
-  <footer id="footer" ref="footerRef" class="relative bg-blac">
+  <footer id="footer" class="relative px-5 sm:px-10">
     <div
-      class="inner relative max-w-7xl mx-auto px-5 py-4 text-[12px] text-gray-400 md:px-4 md:py-9 md:text-[12px]"
+      class="relative max-w-[1300px] mx-auto pt-4 pb-10 text-[13px] text-white/50"
     >
       <ClientOnly>
-        <div class="menu-area py-4 pb-4">
-          <ul class="flex items-center flex-wrap gap-x-6 gap-y-2">
-            <li
-              v-for="(footerMenuItem, index) in footerLinks"
-              :key="index"
-              class="text-[15px] text-white/50 md:tracking-[-0.5px] relative flex items-center"
-            >
+        <div class="py-4 border-b border-white/10">
+          <ul
+            class="flex items-center flex-wrap gap-x-6 gap-y-2 text-[15px] tracking-[-0.5px]"
+          >
+            <li v-for="(footerMenuItem, index) in footerLinks" :key="index">
               <NuxtLink
                 :to="footerMenuItem.url"
                 :target="footerMenuItem.target"
                 :class="[
                   footerMenuItem.active === 'y' && 'text-white/50',
-                  index === 2 && 'text-[#fff]',
-                  'hover:text-gray-600 transition-colors',
+                  index === 2 && 'text-white',
                 ]"
               >
                 {{ footerMenuItem.title }}
               </NuxtLink>
             </li>
             <li v-if="useGameRating" class="relative">
-              <button
-                class="text-[15px] text-white/50 hover:text-gray-600 transition-colors"
-                @click="toggleAgeRating"
-              >
+              <button @click="toggleAgeRating">
                 <em v-dompurify-html="tm('Footer_AgeRating')"></em>
               </button>
               <div
@@ -335,37 +302,26 @@ const footerAgeRatingInfo = computed((): string[] => {
             </li>
           </ul>
         </div>
-        <div class="address-area mt-4 hidden sm:block">
-          <address class="not-italic text-white/50">
-            <div class="row my-1.5 leading-5">
-              <span
-                v-dompurify-html="tm('Footer_Address')"
-                class="text-[13px] [&_a]:cursor-pointer [&_a]:text-white/50 [&_a]:underline"
-              ></span>
-            </div>
-          </address>
-        </div>
-
         <div
-          class="language-area static md:absolute bottom-7 right-10 text-white mt-5 md:mt-0 md:bottom-5.5 md:right-4"
+          class="flex flex-col items-start mt-4 gap-4 sm:gap-5 md:gap-6 md:flex-row md:justify-between"
         >
+          <address class="hidden not-italic leading-5 sm:block">
+            <div
+              v-dompurify-html="tm('Footer_Address')"
+              class="text-[13px] [&_a]:cursor-pointer [&_a]:text-white/50 [&_a]:underline"
+            />
+          </address>
           <BlocksLanguageSwitcher
+            v-if="gameData?.lang_codes?.length > 1"
             :language-order="tm('Footer_Language_Order')"
           />
         </div>
 
-        <div v-if="hasCautionText" class="mt-6 md:mt-6 hidden sm:block">
-          <div
-            v-dompurify-html="tm('Footer_caution')"
-            class="text-xs text-white/30"
-          ></div>
-        </div>
-
-        <div class="copyright-area mt-6 text-[13px] text-white/50 md:mt-4">
+        <div class="mt-5">
           <span v-dompurify-html="tm('Footer_Copyright')"></span>
         </div>
 
-        <div class="logo-area flex items-center gap-7 mt-6 md:mt-6">
+        <div class="flex items-center gap-7 mt-6 md:mt-6">
           <span>
             <a
               :href="tm('Footer_Smilegate_Link')"
@@ -378,8 +334,8 @@ const footerAgeRatingInfo = computed((): string[] => {
                     imageType: 'common',
                   })
                 "
+                width="114px"
                 alt="스마일게이트 로고"
-                class="w-auto h-auto"
               />
             </a>
           </span>
diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index 5ff43a4..bc0f931 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -174,6 +174,9 @@ onMounted(() => {
   // 화면 크기 변경 시 오버플로우 재계산
   watch(width, () => {
     throttledCalculateOverflow()
+    if (isMenuOpen.value && breakpoints.value.isDesktop) {
+      handleMenuClose()
+    }
   })
 })
 </script>
@@ -375,12 +378,16 @@ onMounted(() => {
               <template v-if="start1depthData">
                 <BlocksButtonLauncher
                   platform="pc"
+                  variant="custom"
                   :background-color="
                     getColorCodeFromData(start1depthData?.btn_info, 'btn')
                   "
                   :text-color="
                     getColorCodeFromData(start1depthData?.btn_info, 'txt')
                   "
+                  :use-game-font="
+                    start1depthData?.btn_info?.use_game_font === 1
+                  "
                   @click="sendLog(locale, start1depthData.tracking)"
                 >
                   {{ start1depthData?.btn_info?.txt_btn_name }}
@@ -573,12 +580,9 @@ onMounted(() => {
 .btn-start:hover .nav-2depth {
   @apply md:block;
 }
-.btn-start:deep(.btn-base[data-variant='filled']) {
+.btn-start:deep(.btn-base.default[data-variant='custom']) {
   @apply w-full h-[48px] px-10 font-[700] text-[16px];
 }
-.btn-start:deep(.btn-base[data-variant='filled']) svg {
-  @apply hidden;
-}
 
 .btn-start .nav-2depth {
   @apply left-[unset] right-[-40px];
@@ -593,9 +597,6 @@ onMounted(() => {
 .btn-start .nav-2depth:deep(.btn-base) .text {
   @apply pl-1.5 text-[15px] text-theme-foreground-reversal;
 }
-.btn-start:deep(.nav-2depth .icon-download) {
-  @apply hidden;
-}
 
 [data-theme='light'] {
   .btn-start .nav-2depth:deep(.btn-base) .icon-platform {
diff --git a/layers/components/layouts/Main.vue b/layers/components/layouts/Main.vue
index 5c5c67b..2aed273 100644
--- a/layers/components/layouts/Main.vue
+++ b/layers/components/layouts/Main.vue
@@ -12,11 +12,7 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const mainContentRef = ref<HTMLElement>()
-
 const { tm, locale } = useI18n()
-const { height: viewportH } = useWindowSize()
-const { bottom: mainBottom } = useElementBounding(mainContentRef)
 const { getTemplateComponent } = useTemplateRegistry()
 const loadingStore = useLoadingStore()
 const modalStore = useModalStore()
@@ -26,11 +22,6 @@ const { isPAssApiLoading, hasApiCallStarted } = storeToRefs(loadingStore)
 // 개별 메타 태그 표시 여부 확인
 const shouldShowMetaTag = computed(() => props.pageData?.meta_tag_type === 2)
 
-const pinToMain = computed(() => {
-  if (!mainBottom.value) return false
-  return mainBottom.value <= viewportH.value
-})
-
 // 템플릿 표시 여부 확인
 const isTemplateVisible = (template: PageDataTemplate): boolean => {
   return Boolean(
@@ -96,7 +87,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div ref="mainContentRef" class="main-content">
+  <div class="content-wrap">
     <template
       v-for="(template, index) in visibleTemplates"
       :key="template.template_code ?? index"
@@ -112,33 +103,27 @@ onMounted(() => {
   </div>
   <ClientOnly>
     <BlocksLnb v-if="isShowLnb" />
-    <div
-      v-if="isShowTopBtn || isShowSnsBtn"
-      :class="['utile-wrap', { 'is-stop': pinToMain }]"
-    >
+    <div v-if="isShowTopBtn" class="utile-wrap">
       <BlocksButtonScrollTop v-if="isShowTopBtn" />
-      <BlocksSns v-if="isShowSnsBtn" />
     </div>
   </ClientOnly>
+  <BlocksSns v-if="isShowSnsBtn" />
 </template>
 
 <style scoped>
-.empty-game + main .main-content {
+.empty-game + main .content-wrap {
   @apply pt-0;
 }
-.main-content {
+.content-wrap {
   @apply relative pt-[48px] md:pt-[64px];
 }
 .utile-wrap {
   @apply fixed flex flex-col items-end z-[100]
   bottom-[12px] right-[12px] gap-2 md:bottom-[40px] md:right-[40px] md:gap-3;
 }
-.utile-wrap.is-stop {
-  @apply absolute;
-}
 
 [data-theme='light'] {
-  .main-content {
+  .content-wrap {
     @apply bg-theme-foreground;
   }
 }
diff --git a/layers/components/widgets/ButtonList.vue b/layers/components/widgets/ButtonList.vue
index faf9e51..a95d052 100644
--- a/layers/components/widgets/ButtonList.vue
+++ b/layers/components/widgets/ButtonList.vue
@@ -122,7 +122,8 @@ const handleButtonClick = (button: PageDataResourceGroup) => {
 <template>
   <div
     v-if="buttonList.length"
-    class="flex flex-wrap justify-center items-center gap-3 md:gap-4"
+    v-motion-stagger
+    class="flex flex-wrap justify-center gap-3 md:gap-4"
   >
     <template v-for="(button, index) in buttonList" :key="index">
       <template v-if="button.btn_info?.detail?.btn_type === 'RUN'">
@@ -132,6 +133,7 @@ const handleButtonClick = (button: PageDataResourceGroup) => {
           :platform="button.btn_info?.detail?.market_type"
           :background-color="getColorCodeFromData(button.btn_info, 'btn')"
           :text-color="getColorCodeFromData(button.btn_info, 'txt')"
+          :use-game-font="button.btn_info?.use_game_font === 1"
           @click="handleButtonClick(button)"
         >
           {{ button.btn_info?.txt_btn_name }}
@@ -147,6 +149,8 @@ const handleButtonClick = (button: PageDataResourceGroup) => {
         :background-color="getColorCodeFromData(button.btn_info, 'btn')"
         :text-color="getColorCodeFromData(button.btn_info, 'txt')"
         :disabled="button.btn_info?.detail?.btn_type === 'DEACTIVE'"
+        :gradient="true"
+        :use-game-font="button.btn_info?.use_game_font === 1"
         @click="handleButtonClick(button)"
       >
         {{ button.btn_info?.txt_btn_name }}
diff --git a/layers/components/widgets/Description.vue b/layers/components/widgets/Description.vue
index ad29677..d967160 100644
--- a/layers/components/widgets/Description.vue
+++ b/layers/components/widgets/Description.vue
@@ -7,7 +7,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <p class="description">
+  <p v-motion-stagger class="description">
     <BlocksVisualContent :resources-data="props.resourcesData" />
   </p>
 </template>
diff --git a/layers/components/widgets/MainTitle.vue b/layers/components/widgets/MainTitle.vue
index b8a3156..67fa244 100644
--- a/layers/components/widgets/MainTitle.vue
+++ b/layers/components/widgets/MainTitle.vue
@@ -7,7 +7,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <h2>
+  <h2 v-motion-stagger>
     <BlocksVisualContent :resources-data="props.resourcesData" />
   </h2>
 </template>
diff --git a/layers/components/widgets/SubTitle.vue b/layers/components/widgets/SubTitle.vue
index e04c3bd..382dc34 100644
--- a/layers/components/widgets/SubTitle.vue
+++ b/layers/components/widgets/SubTitle.vue
@@ -12,7 +12,7 @@ const props = withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-  <component :is="props.tag">
+  <component :is="props.tag" v-motion-stagger>
     <BlocksVisualContent :resources-data="props.resourcesData" />
   </component>
 </template>
diff --git a/layers/components/widgets/VideoPlay.vue b/layers/components/widgets/VideoPlay.vue
index c43fbad..1ea163d 100644
--- a/layers/components/widgets/VideoPlay.vue
+++ b/layers/components/widgets/VideoPlay.vue
@@ -7,6 +7,10 @@ const props = defineProps<{
 
 const modalStore = useModalStore()
 
+const bgColor = computed(() => {
+  return getColorCodeFromData(props.resourcesData.display, 'none')
+})
+
 // 비디오 플레이 버튼 클릭 핸들러
 const handleVideoPlayClick = () => {
   const youtubeUrl = props.resourcesData?.display?.text ?? ''
@@ -18,6 +22,8 @@ const handleVideoPlayClick = () => {
 
 <template>
   <AtomsButtonPlay
+    v-motion-stagger
+    :bg-color="bgColor"
     :tracking="props.resourcesData.tracking"
     @click="handleVideoPlayClick"
   />
diff --git a/layers/layouts/promotion.vue b/layers/layouts/promotion.vue
index ab85d56..3b1480c 100644
--- a/layers/layouts/promotion.vue
+++ b/layers/layouts/promotion.vue
@@ -3,9 +3,9 @@
 <template>
   <LayoutsHeader />
   <main class="main-promotion relative">
-    <BlocksButtonHome />
-    <LayoutsEventNavigation />
     <slot />
+    <LayoutsEventNavigation />
+    <BlocksButtonHome />
   </main>
   <LayoutsFooter />
 </template>
diff --git a/layers/plugins/i18n-loader.client.ts b/layers/plugins/i18n-loader.client.ts
index 96f76b4..ae3a095 100644
--- a/layers/plugins/i18n-loader.client.ts
+++ b/layers/plugins/i18n-loader.client.ts
@@ -18,7 +18,7 @@ export default defineNuxtPlugin(async nuxtApp => {
 
   try {
     const url = `${dataResourcesUrl}/multilingual/${commonTranslations}`
-    const translations = await commonFetch('GET', url)
+    const translations = await commonFetch('GET', url, { loading: false })
 
     if (!translations || typeof translations !== 'object') {
       return
diff --git a/layers/plugins/motion-stagger.client.ts b/layers/plugins/motion-stagger.client.ts
new file mode 100644
index 0000000..55f95cb
--- /dev/null
+++ b/layers/plugins/motion-stagger.client.ts
@@ -0,0 +1,199 @@
+import { animate, stagger } from 'motion-v'
+import type { DOMKeyframesDefinition, AnimationOptions } from 'motion-v'
+
+// 상수 정의
+const ANIMATION_CONFIG = {
+  initial: {
+    opacity: 0,
+    translateY: '40px',
+  },
+  target: {
+    opacity: 1,
+    y: 0,
+  },
+  stagger: 0.1,
+  duration: 0.6,
+  easing: 'ease',
+} as const
+
+const INTERSECTION_CONFIG = {
+  threshold: 0.2,
+} as const
+
+const RETRY_DELAYS = [0, 100, 300] as const
+
+// 타입 정의
+type SectionElement = HTMLElement & { tagName: 'SECTION' }
+
+export default defineNuxtPlugin(nuxtApp => {
+  // 전역 상태 관리
+  const animatedItems = new Set<HTMLElement>()
+  const sectionObservers = new Map<SectionElement, IntersectionObserver>()
+  const sectionItems = new Map<SectionElement, Set<HTMLElement>>()
+
+  /**
+   * 섹션의 motion-item들을 애니메이션
+   */
+  const animateSectionItems = (section: SectionElement): void => {
+    const items = sectionItems.get(section)
+    if (!items?.size) return
+
+    const newItems = Array.from(items).filter(item => !animatedItems.has(item))
+    if (!newItems.length) return
+
+    // 애니메이션 실행
+    newItems.forEach(item => animatedItems.add(item))
+
+    animate(
+      newItems,
+      ANIMATION_CONFIG.target as DOMKeyframesDefinition,
+      {
+        delay: stagger(ANIMATION_CONFIG.stagger),
+        duration: ANIMATION_CONFIG.duration,
+        easing: ANIMATION_CONFIG.easing,
+      } as AnimationOptions
+    )
+  }
+
+  /**
+   * 섹션이 viewport에 있는지 확인
+   */
+  const isSectionInViewport = (section: SectionElement): boolean => {
+    const rect = section.getBoundingClientRect()
+    const windowHeight =
+      window.innerHeight || document.documentElement.clientHeight
+    const visibleHeight =
+      Math.min(rect.bottom, windowHeight) - Math.max(rect.top, 0)
+    const sectionHeight = rect.height
+
+    return visibleHeight / sectionHeight >= INTERSECTION_CONFIG.threshold
+  }
+
+  /**
+   * 섹션에 IntersectionObserver 등록
+   */
+  const observeSection = (section: SectionElement): void => {
+    if (sectionObservers.has(section)) return
+
+    const observer = new IntersectionObserver(entries => {
+      for (const entry of entries) {
+        if (entry.isIntersecting) {
+          animateSectionItems(section)
+        }
+      }
+    }, INTERSECTION_CONFIG)
+
+    observer.observe(section)
+    sectionObservers.set(section, observer)
+  }
+
+  /**
+   * 섹션에 아이템 등록 및 초기 애니메이션 체크
+   */
+  const registerItem = (el: HTMLElement, section: SectionElement): void => {
+    // 섹션의 아이템 목록에 추가
+    if (!sectionItems.has(section)) {
+      sectionItems.set(section, new Set())
+      observeSection(section)
+    }
+    sectionItems.get(section)!.add(el)
+
+    // 이미 viewport에 있는 경우 즉시 체크 (여러 번 체크)
+    if (!isSectionInViewport(section)) return
+
+    // 즉시 실행 및 재확인
+    for (const delay of RETRY_DELAYS) {
+      if (delay === 0) {
+        requestAnimationFrame(() => {
+          if (isSectionInViewport(section)) {
+            animateSectionItems(section)
+          }
+        })
+      } else {
+        setTimeout(() => {
+          if (isSectionInViewport(section)) {
+            animateSectionItems(section)
+          }
+        }, delay)
+      }
+    }
+  }
+
+  /**
+   * 섹션에서 아이템 제거 및 정리
+   */
+  const unregisterItem = (el: HTMLElement, section: SectionElement): void => {
+    const items = sectionItems.get(section)
+    if (!items) return
+
+    items.delete(el)
+    animatedItems.delete(el)
+
+    // 섹션에 아이템이 없으면 observer 정리
+    if (items.size === 0) {
+      const observer = sectionObservers.get(section)
+      observer?.disconnect()
+      sectionObservers.delete(section)
+      sectionItems.delete(section)
+    }
+  }
+
+  /**
+   * 초기 스타일 설정
+   */
+  const setInitialStyles = (el: HTMLElement): void => {
+    el.style.opacity = ANIMATION_CONFIG.initial.opacity.toString()
+    el.style.transform = `translateY(${ANIMATION_CONFIG.initial.translateY})`
+  }
+
+  /**
+   * 가장 가까운 section 찾기
+   */
+  const findSection = (el: HTMLElement): SectionElement | null => {
+    const section = el.closest('section')
+    if (!section) {
+      if (import.meta.dev) {
+        // eslint-disable-next-line no-console
+        console.warn('[motion-stagger] No section found for element:', el)
+      }
+      return null
+    }
+    return section as SectionElement
+  }
+
+  // v-motion-stagger 디렉티브
+  nuxtApp.vueApp.directive('motion-stagger', {
+    mounted(el: HTMLElement) {
+      setInitialStyles(el)
+
+      const section = findSection(el)
+      if (!section) return
+
+      registerItem(el, section)
+    },
+
+    unmounted(el: HTMLElement) {
+      const section = el.closest('section') as SectionElement | null
+      if (!section) return
+
+      unregisterItem(el, section)
+    },
+  })
+
+  // 페이지 이동 시 정리
+  if (import.meta.client) {
+    nuxtApp.hook('page:finish', () => {
+      const currentSections = new Set<SectionElement>(
+        Array.from(document.querySelectorAll('section')) as SectionElement[]
+      )
+
+      for (const [section, observer] of sectionObservers.entries()) {
+        if (!currentSections.has(section)) {
+          observer.disconnect()
+          sectionObservers.delete(section)
+          sectionItems.delete(section)
+        }
+      }
+    })
+  }
+})
diff --git a/layers/server/middleware/gameData.ts b/layers/server/middleware/gameData.ts
index a1ac9b2..cf3e01e 100644
--- a/layers/server/middleware/gameData.ts
+++ b/layers/server/middleware/gameData.ts
@@ -163,7 +163,7 @@ export default defineEventHandler(async event => {
     event.context.gameDomain = gameDomain
   } catch (error) {
     // eslint-disable-next-line no-console
-    console.error('gameData load error:', error)
+    console.error('[API Error] gameData load error:', error)
   }
 
   if (gameDataResponse?.code === 0 && 'value' in gameDataResponse) {
@@ -344,6 +344,10 @@ export default defineEventHandler(async event => {
     }
   } else {
     // ### 에러 응답 처리 -------------------------------------------------------------
+    // API 에러 코드를 명확하게 로깅하여 타입 에러와 구분
+    const apiErrorCode = gameDataResponse?.code
+    const apiErrorMessage = gameDataResponse?.message
+
     // 언어 코드 추출 시도
     let errorLocale = 'ko' // 기본값
     try {
@@ -359,7 +363,7 @@ export default defineEventHandler(async event => {
     }
 
     // 91001 에러인 경우 바로 리다이렉트
-    if (gameDataResponse?.code === 91001) {
+    if (apiErrorCode === 91001) {
       const errorPath = `/${errorLocale}/error`
       event.node.res.statusCode = 302
       event.node.res.setHeader('Location', errorPath)
@@ -369,8 +373,8 @@ export default defineEventHandler(async event => {
 
     // 다른 에러는 기존대로 throw
     throw createError({
-      statusCode: gameDataResponse?.code || 500,
-      statusMessage: gameDataResponse?.message,
+      statusCode: apiErrorCode || 500,
+      statusMessage: apiErrorMessage,
     })
   }
 })
diff --git a/layers/stores/useGameDataStore.ts b/layers/stores/useGameDataStore.ts
index b630ed9..1a540bc 100644
--- a/layers/stores/useGameDataStore.ts
+++ b/layers/stores/useGameDataStore.ts
@@ -18,7 +18,7 @@ export const useGameDataStore = defineStore('gameData', () => {
     snsJson: null as GameDataValue['sns_json'] | null,
     urlJson: null as GameDataValue['url_json'] | null,
     marketJson: null as GameDataValue['market_json'] | null,
-    fontFamily: null as GameDataValue['game_font']['font_family'] | null,
+    fontFamily: null as GameDataValue['game_font_json']['font_family'] | null,
     gnb: null as GameDataValue['gnb'] | null,
     eventBanner: null as GameDataValue['event_banner'] | null,
   })
@@ -42,7 +42,7 @@ export const useGameDataStore = defineStore('gameData', () => {
     state.snsJson = data?.sns_json
     state.urlJson = data?.url_json
     state.marketJson = data?.market_json
-    state.fontFamily = data?.game_font?.font_family
+    state.fontFamily = data?.game_font_json?.font_family
     state.gnb = data?.gnb
     state.eventBanner = data?.event_banner
   }
diff --git a/layers/stores/useModalStore.ts b/layers/stores/useModalStore.ts
index f89c50d..713455a 100644
--- a/layers/stores/useModalStore.ts
+++ b/layers/stores/useModalStore.ts
@@ -132,6 +132,7 @@ export const useModalStore = defineStore('modalStore', () => {
   // content ------------------
   const content = {
     storeIsOpen: ref(false),
+    storeIsShowDimmed: ref(true),
     storeModalName: ref(''),
     storeIsOutsideClose: ref(false),
     storeContentTitle: ref(''),
@@ -140,12 +141,14 @@ export const useModalStore = defineStore('modalStore', () => {
   }
 
   const handleOpenContent = ({
+    isShowDimmed = true,
     isOutsideClose = false,
     modalName = '',
     contentTitle,
     tabInfo,
     tabActiveIndex = 0,
   }: ContentParams) => {
+    content.storeIsShowDimmed.value = isShowDimmed
     content.storeIsOpen.value = true
     content.storeModalName.value = modalName
     content.storeIsOutsideClose.value = isOutsideClose
diff --git a/layers/templates/FxDownload01/index.vue b/layers/templates/FxDownload01/index.vue
index fb75655..45a9e0d 100644
--- a/layers/templates/FxDownload01/index.vue
+++ b/layers/templates/FxDownload01/index.vue
@@ -424,7 +424,7 @@ const handleMoveFocus = (target: 'pc' | 'mobile') => {
                 <img
                   :src="
                     formatPathHost(
-                      `/images/common/grades_driver/Type-${driver.driverCode}.svg`,
+                      `/images/common/download_driver/Type-${driver.driverCode}.svg`,
                       { imageType: 'common' }
                     )
                   "
diff --git a/layers/templates/FxPreregist01/index.vue b/layers/templates/FxPreregist01/index.vue
index 6e1c4c9..54df06c 100644
--- a/layers/templates/FxPreregist01/index.vue
+++ b/layers/templates/FxPreregist01/index.vue
@@ -247,7 +247,7 @@ const handlePreregistClick = () => {
           :resources-data="preSubTitleData"
           class="title-sm mt-2"
         />
-        <div class="flex flex-col gap-4 mt-8 sm:flex-row">
+        <div v-motion-stagger class="flex flex-col gap-4 mt-8 sm:flex-row">
           <div
             v-if="preImgPreregistdData"
             class="max-w-[336px] md:max-w-[446px]"
@@ -295,7 +295,10 @@ const handlePreregistClick = () => {
             </ul>
           </div>
         </div>
-        <div class="flex gap-3 justify-center flex-wrap mt-8 md:gap-2.5">
+        <div
+          v-motion-stagger
+          class="flex gap-3 justify-center flex-wrap mt-8 md:gap-2.5"
+        >
           <BlocksButtonLauncher
             type="duplication"
             platform="stove"
@@ -355,6 +358,7 @@ const handlePreregistClick = () => {
         />
         <div
           v-if="rewardImages.length"
+          v-motion-stagger
           class="overflow-hidden w-[calc(100%+40px)] min-h-[228px] mt-6 mx-[-20px] sm:w-[calc(100%+80px)] sm:mx-[-40px] md:w-full md:min-h-[281px] md:mt-8 md:mx-auto"
         >
           <ClientOnly>
diff --git a/layers/templates/FxVideo01/index.vue b/layers/templates/FxVideo01/index.vue
index dfce7a9..3c2e66d 100644
--- a/layers/templates/FxVideo01/index.vue
+++ b/layers/templates/FxVideo01/index.vue
@@ -50,20 +50,15 @@ const analytics = {
   action_type: 'click',
   click_sarea: props.pageVerTmplNameEn,
 } as TrackingObject
-const arrowsData: PageDataResourceGroups = [
-  {
-    tracking: {
-      ...analytics,
-      click_item: '1. 컨텐츠 리스트 - 네비게이션(좌)',
-    },
+const arrowsData: PageDataResourceGroups = ['좌', '우'].map(direction => ({
+  display: {
+    color_code: '#383838',
   },
-  {
-    tracking: {
-      ...analytics,
-      click_item: '1. 컨텐츠 리스트 - 네비게이션(우)',
-    },
+  tracking: {
+    ...analytics,
+    click_item: `1. 컨텐츠 리스트 - 네비게이션(${direction})`,
   },
-]
+}))
 
 const recommendHover = ref(false)
 
@@ -291,21 +286,19 @@ const handleLoadMoreRecent = () => {
 .splide {
   @apply pb-[68px] sm:pb-[0];
 }
-.splide:deep(.splide__arrows) {
-  @apply block;
-}
+
 .splide:deep(.splide__arrows) .splide-arrow {
-  @apply block top-[unset] bottom-[20px] translate-y-0 bg-cover bg-center bg-no-repeat
+  @apply top-[unset] bottom-[20px] translate-y-0 bg-cover bg-center bg-no-repeat
   sm:bottom-[24px] md:bottom-[36px] lg:bottom-[60px];
 }
 .splide:deep(.splide__arrows) .splide__arrow--prev {
-  @apply left-[20px] bg-[image:url('/images/common/btn_system_arrow_prev.png')]
+  @apply left-[20px]
   sm:left-[calc(60.3%+21px)] 
   md:left-[calc(56%+39px)] 
   lg:left-[790px];
 }
 .splide:deep(.splide__arrows) .splide__arrow--next {
-  @apply right-[20px] bg-[image:url('/images/common/btn_system_arrow_next.png')]
+  @apply right-[20px] 
   sm:right-[28px] 
   md:right-[unset] md:left-[calc(56%+99px)]
   lg:left-[850px];
diff --git a/layers/templates/GrBoard01/index.vue b/layers/templates/GrBoard01/index.vue
index 86b9d0f..6947aa7 100644
--- a/layers/templates/GrBoard01/index.vue
+++ b/layers/templates/GrBoard01/index.vue
@@ -124,6 +124,7 @@ const getArticleUrl = (articleId: string) => {
       <ClientOnly>
         <WidgetsSlideDefault
           v-if="slideLength > 0"
+          v-motion-stagger
           v-bind="splideOptions"
           :slide-item-length="slideLength"
           :arrows-data="arrowsData"
diff --git a/layers/templates/GrContents01/index.vue b/layers/templates/GrContents01/index.vue
index 4426ba1..e104775 100644
--- a/layers/templates/GrContents01/index.vue
+++ b/layers/templates/GrContents01/index.vue
@@ -44,7 +44,7 @@ const buttonListData = computed(() => {
         :resources-data="subTitleData"
         class="title-sm max-w-[944px] mt-2"
       />
-      <div v-if="imgListData" class="img-container">
+      <div v-if="imgListData" v-motion-stagger class="img-container">
         <div v-for="(item, index) in imgListData" :key="index" class="img-item">
           <AtomsImg
             v-if="getResourceSrc(item)"
@@ -71,9 +71,9 @@ const buttonListData = computed(() => {
 
 <style scoped>
 .img-container {
-  @apply flex flex-col items-center justify-center gap-4 box-content mx-auto mt-[32px]
-  w-[440px]
-  md:w-[944px];
+  @apply flex flex-col items-center justify-center gap-4 box-content mx-auto mt-[32px] w-full
+  max-w-[440px]
+  md:max-w-[944px];
 }
 .img-item {
   @apply w-full;
diff --git a/layers/templates/GrDetail03/index.vue b/layers/templates/GrDetail03/index.vue
index a90c46c..2e47282 100644
--- a/layers/templates/GrDetail03/index.vue
+++ b/layers/templates/GrDetail03/index.vue
@@ -91,6 +91,7 @@ const getVideoSrc = (item: PageDataTemplateComponent) => {
           />
           <AtomsVideo
             v-if="hasComponentGroup(item, 'video')"
+            v-motion-stagger
             :src="getVideoSrc(item)"
             :play="currentSlideIndex === index"
             class="aspect-[16/10] w-[258px] mt-8 md:w-[496px] md:mt-10"
diff --git a/layers/templates/GrGallery01/index.vue b/layers/templates/GrGallery01/index.vue
index 6254af2..58b5b57 100644
--- a/layers/templates/GrGallery01/index.vue
+++ b/layers/templates/GrGallery01/index.vue
@@ -40,6 +40,9 @@ const arrowsData = computed(() => {
 const paginationData = computed(() => {
   return getComponentGroupAry(props.components, 'pagination')
 })
+const videoPlayData = computed(() => {
+  return getComponentGroup(props.components, 'videoPlay')
+})
 
 const getVideoPlayTracking = (item: string) => {
   return {
@@ -89,6 +92,7 @@ onBeforeUnmount(() => {
         class="title-md max-w-[944px]"
       />
       <WidgetsSlideThumbnail
+        v-motion-stagger
         :thumbnail-data="slideData"
         :pagination-data="paginationData"
         :drag="false"
@@ -115,6 +119,7 @@ onBeforeUnmount(() => {
             <AtomsButtonPlay
               v-if="playingSlideIndex !== index"
               class="btn-play"
+              :bg-color="getColorCodeFromData(videoPlayData?.display, 'none')"
               :tracking="getVideoPlayTracking(item?.group_label)"
               @click="handleVideoClick(index)"
             />
diff --git a/layers/templates/GrGallery02/index.vue b/layers/templates/GrGallery02/index.vue
index 2d78943..902625f 100644
--- a/layers/templates/GrGallery02/index.vue
+++ b/layers/templates/GrGallery02/index.vue
@@ -70,6 +70,7 @@ const handleSplideMove = (_splide: SplideType, newIndex: number) => {
       />
       <WidgetsSlideCenterFocus
         v-if="slideData"
+        v-motion-stagger
         :slide-item-size="slideItemSize"
         :slide-item-length="slideData?.length"
         :arrows-data="arrowsData"
diff --git a/layers/templates/GrGallery03/index.vue b/layers/templates/GrGallery03/index.vue
index 35a45cc..71f9831 100644
--- a/layers/templates/GrGallery03/index.vue
+++ b/layers/templates/GrGallery03/index.vue
@@ -80,6 +80,7 @@ const handleSplideMove = (
       />
       <WidgetsSlideCenterHighlight
         v-if="slideData"
+        v-motion-stagger
         :slide-item-size="slideItemSize"
         :slide-item-length="slideData?.length"
         :arrows-data="arrowsData"
diff --git a/layers/templates/GrVisual02/index.vue b/layers/templates/GrVisual02/index.vue
index 160853f..c2ec4a8 100644
--- a/layers/templates/GrVisual02/index.vue
+++ b/layers/templates/GrVisual02/index.vue
@@ -101,6 +101,7 @@ const slideItemSize = {
       <WidgetsVideoPlay v-if="videoPlayData" :resources-data="videoPlayData" />
       <WidgetsSlideCenterHighlight
         v-if="slideData && slideData.length > 0"
+        v-motion-stagger
         :slide-item-size="slideItemSize"
         :slide-item-length="slideData.length"
         :arrows-data="arrowsData"
diff --git a/layers/types/api/gameData.ts b/layers/types/api/gameData.ts
index cfaee75..7cc2572 100644
--- a/layers/types/api/gameData.ts
+++ b/layers/types/api/gameData.ts
@@ -32,24 +32,24 @@ export interface GameDataValue {
   comm_sns_bg_color_json: {
     display: ColorObject
   }
-  comm_multilang_filename: string
+  comm_multilang_filename?: string
   footer_dev_ci_img_yn: boolean
   footer_dev_ci_img_path: string
   default_lang_code?: string
-  game_font: GameDataGameFont
+  game_font_json?: GameDataGameFont
   globals: GameDataGlobal[]
   gnb: GameDataGnb
   intro: GameDataIntro
   inspection: Record<string, any>
   stove_gnb_json: GameDataStoveGnb
   favicon_json: GameDataImg
-  meta_tag_json: GameDataMetaTag
-  sns_json: GameDataSns
-  url_json: Record<string, string>
+  meta_tag_json?: GameDataMetaTag
+  sns_json?: GameDataSns
+  url_json?: Record<string, string>
   footer_json: string // JSON 문자열로 변경
-  img_json: GameDataImg
+  img_json?: GameDataImg
   market_json: Record<string, { url: string }>
-  event_banner: GameDataEventBanner
+  event_banner?: GameDataEventBanner
   os_type: OsType
   platform_type: PlatformType
 }
@@ -119,6 +119,7 @@ export interface GameDataResourceGroupBtnInfo extends ColorObject {
   disabled: boolean
   txt_btn_name: string
   detail: Record<string, any>
+  use_game_font: 0 | 1 // 0: 사용하지 않음, 1: 사용함
 }
 
 export interface GameDataResourceGroup {
@@ -162,6 +163,7 @@ export interface GameDataGnb {
   lang_codes: string // JSON 문자열로 변경
   buttons: GameDataButton[]
   menus: GameDataMenuChildren
+  use_game_font: 0 | 1 // 0: 사용하지 않음, 1: 사용함
 }
 
 // 인트로 타입
diff --git a/layers/types/api/operateResources.ts b/layers/types/api/operateResources.ts
index 20e5f17..b161c70 100644
--- a/layers/types/api/operateResources.ts
+++ b/layers/types/api/operateResources.ts
@@ -33,8 +33,8 @@ export interface OperateResourcesResponse {
 }
 
 export interface getOperateResourcesParams {
-  pageSeq: string
-  pageVer: string
+  pageSeq: number
+  pageVer: number
   pageVerTmplSeq: number
   langCode: string
   q?: string
diff --git a/layers/types/api/pageData.ts b/layers/types/api/pageData.ts
index 65fc9c9..fff3406 100644
--- a/layers/types/api/pageData.ts
+++ b/layers/types/api/pageData.ts
@@ -25,20 +25,19 @@ export interface PageDataResponse {
 
 // API 응답의 value 객체 타입
 export interface PageDataValue {
-  page_seq: string
+  page_seq: number
   page_type: number
   page_name: string
   page_name_en: string
-  page_ver: string
+  page_ver: number
   is_login_required: number
   meta_tag_type: number
-  fit_page_height: boolean
   use_top_btn: boolean
   use_sns_btn: boolean
   use_lnb: boolean
-  lnb_text_color_code_active: string
-  lnb_text_color_code_deactive: string
-  lnb_menus: Record<string, PageDataLnbMenu>
+  lnb_text_color_code_active?: string
+  lnb_text_color_code_deactive?: string
+  lnb_menus?: Record<string, PageDataLnbMenu>
   meta_tag_json: PageDataMetaTag
   templates: Record<string, PageDataTemplate>
 }
@@ -84,16 +83,16 @@ export interface PageDataResourceGroupResPath {
 }
 
 export interface PageDataResourceGroupBtnInfo extends ColorObject {
-  disabled: boolean
   txt_btn_name: string
   detail: Record<string, any>
-  use_game_font: 0 | 1
+  disabled?: boolean
+  use_game_font: 0 | 1 // 0: 사용하지 않음, 1: 사용함
 }
 
 // 리소스 그룹 타입
 export interface PageDataResourceGroupDisplay extends ColorObject {
-  text: string
-  use_game_font: 0 | 1
+  text?: string
+  use_game_font?: 0 | 1 // 0: 사용하지 않음, 1: 사용함
 }
 
 export interface PageDataResourceGroup {
@@ -127,7 +126,6 @@ export type PageDataTemplateComponents =
   | PageDataTemplateComponent // 단일 컴포넌트 패턴
   | {
       group_sets: PageDataTemplateComponentSet[]
-      arrow: PageDataArrowComponent
     } // 그룹 세트 패턴
 
 // 템플릿 타입
@@ -172,8 +170,3 @@ export interface PageDataApiResult {
   data: PageDataResponse | null
   error: string | null
 }
-
-// Arrow 컴포넌트 타입
-export type PageDataArrowComponent = PageDataTemplateComponent & {
-  groups: PageDataResourceGroups
-}
diff --git a/layers/types/components/modal.ts b/layers/types/components/modal.ts
index 4faf575..d057c70 100644
--- a/layers/types/components/modal.ts
+++ b/layers/types/components/modal.ts
@@ -22,6 +22,7 @@ export interface ToastParams {
 }
 
 export interface ContentParams {
+  isShowDimmed?: boolean
   isOutsideClose?: boolean
   modalName?: string
   contentTitle: string
diff --git a/layers/utils/apiUtil.ts b/layers/utils/apiUtil.ts
index 410474c..1f7d293 100644
--- a/layers/utils/apiUtil.ts
+++ b/layers/utils/apiUtil.ts
@@ -55,8 +55,13 @@ const buildRequestOptions = (
   let callerDetail = ''
 
   if (import.meta.client) {
-    const gameDataStore = useGameDataStore()
-    stoveGameId = gameDataStore.gameData?.game_id || ''
+    try {
+      const gameDataStore = useGameDataStore()
+      stoveGameId = gameDataStore.gameData?.game_id || ''
+    } catch {
+      stoveGameId = ''
+    }
+
     callerDetail = useCookie('sgs_da_uuid').value || ''
   }
 
@@ -116,9 +121,12 @@ export const commonFetch = async (
   options: FetchOptions = {}
 ): Promise<any> => {
   let loadingStore = null
-
   if (import.meta.client) {
-    loadingStore = useLoadingStore()
+    try {
+      loadingStore = useLoadingStore()
+    } catch {
+      loadingStore = null
+    }
   }
 
   startLoading(loadingStore, options.loading)
diff --git a/layers/utils/localeUtil.ts b/layers/utils/localeUtil.ts
index 20b9ec1..cfd3f0d 100644
--- a/layers/utils/localeUtil.ts
+++ b/layers/utils/localeUtil.ts
@@ -158,7 +158,7 @@ export const ssrGetFinalLocale = (
       }
     }
 
-    // 3. 서비스 기본 언어
+    // 4. 서비스 기본 언어
     finalLocale = defaultLocale
   } catch (e) {
     finalLocale = defaultLocale
diff --git a/layers/utils/styleUtil.ts b/layers/utils/styleUtil.ts
index 3d6ea9f..b523c65 100644
--- a/layers/utils/styleUtil.ts
+++ b/layers/utils/styleUtil.ts
@@ -31,7 +31,7 @@ const getColorCode = ({
  * @returns 색상 값
  */
 export const getColorCodeFromData = (
-  data: ColorObject,
+  data: ColorObject | undefined,
   type: 'btn' | 'txt' | 'none' = 'txt'
 ) => {
   const suffixMap: Record<'btn' | 'txt' | 'none', string> = {
diff --git a/nuxt.config.ts b/nuxt.config.ts
index ecffdf9..314d4ba 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -53,6 +53,7 @@ export default defineNuxtConfig({
     '@nuxtjs/tailwindcss',
     'nuxt-gtag',
     '@nuxtjs/device',
+    'motion-v/nuxt',
   ],
   extends: ['./layers'],
   alias: {
diff --git a/package.json b/package.json
index a56299d..6ef8aa2 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "@amplitude/analytics-browser": "^2.24.0",
     "@amplitude/analytics-node": "^1.5.9",
     "@nuxtjs/device": "^3.2.4",
-    "@nuxtjs/i18n": "^10.0.6",
+    "@nuxtjs/i18n": "^9.0.0",
     "@pinia/nuxt": "^0.6.1",
     "@seed-next/date": "^0.0.0",
     "@splidejs/splide": "^4.1.4",
@@ -36,6 +36,7 @@
     "@vueuse/core": "^13.6.0",
     "@vueuse/nuxt": "^13.6.0",
     "h3": "^1.15.4",
+    "motion-v": "^1.8.1",
     "nuxt": "^4.0.3",
     "nuxt-gtag": "^4.0.0",
     "pinia": "^2.3.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9f0be80..18e45a8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,8 +18,8 @@ importers:
         specifier: ^3.2.4
         version: 3.2.4
       '@nuxtjs/i18n':
-        specifier: ^10.0.6
-        version: 10.0.6(@vue/compiler-dom@3.5.21)(db0@0.3.2)(eslint@9.35.0(jiti@2.5.1))(ioredis@5.7.0)(magicast@0.3.5)(rollup@4.50.0)(vue@3.5.21(typescript@5.9.2))
+        specifier: ^9.0.0
+        version: 9.5.6(@vue/compiler-dom@3.5.21)(eslint@9.35.0(jiti@2.5.1))(magicast@0.3.5)(rollup@4.50.0)(vue@3.5.21(typescript@5.9.2))
       '@pinia/nuxt':
         specifier: ^0.6.1
         version: 0.6.1(magicast@0.3.5)(typescript@5.9.2)(vue@3.5.21(typescript@5.9.2))
@@ -44,6 +44,9 @@ importers:
       h3:
         specifier: ^1.15.4
         version: 1.15.4
+      motion-v:
+        specifier: ^1.8.1
+        version: 1.8.1(@vueuse/core@13.9.0(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))
       nuxt:
         specifier: ^4.0.3
         version: 4.1.1(@parcel/watcher@2.5.1)(@types/node@24.3.1)(@vue/compiler-sfc@3.5.21)(db0@0.3.2)(eslint@9.35.0(jiti@2.5.1))(ioredis@5.7.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.50.0)(terser@5.44.0)(typescript@5.9.2)(vite@7.1.4(@types/node@24.3.1)(jiti@2.5.1)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.0.7(typescript@5.9.2))(yaml@2.8.1)
@@ -564,22 +567,30 @@ packages:
       vue-i18n:
         optional: true
 
-  '@intlify/core-base@11.1.12':
-    resolution: {integrity: sha512-whh0trqRsSqVLNEUCwU59pyJZYpU8AmSWl8M3Jz2Mv5ESPP6kFh4juas2NpZ1iCvy7GlNRffUD1xr84gceimjg==}
+  '@intlify/core-base@10.0.8':
+    resolution: {integrity: sha512-FoHslNWSoHjdUBLy35bpm9PV/0LVI/DSv9L6Km6J2ad8r/mm0VaGg06C40FqlE8u2ADcGUM60lyoU7Myo4WNZQ==}
     engines: {node: '>= 16'}
 
-  '@intlify/core@11.1.12':
-    resolution: {integrity: sha512-Uccp4VtalUSk/b4F9nBBs7VGgIh9VnXTSHHQ+Kc0AetsHJLxdi04LfhfSi4dujtsTAWnHMHWZw07UbMm6Umq1g==}
+  '@intlify/core@10.0.8':
+    resolution: {integrity: sha512-2BbgN0aeuYHOHe7kVlTr2XxyrnLQZ/4/Y0Pw8luU67723+AqVYqxB7ZG1FzLCVNwAmzdVZMjKzFpgOzdUSdBfw==}
     engines: {node: '>= 16'}
 
-  '@intlify/h3@0.7.1':
-    resolution: {integrity: sha512-D/9+L7IzPrOa7e6R/ztepXayAq+snfzBYIwAk3RbaQsLEXwVNjC5c+WKXjni1boc/plGRegw4/m33SaFwvdEpg==}
-    engines: {node: '>= 20'}
+  '@intlify/h3@0.6.1':
+    resolution: {integrity: sha512-hFMcqWXCoFNZkraa+JF7wzByGdE0vGi8rUs7CTFrE4hE3X2u9QcelH8VRO8mPgJDH+TgatzvrVp6iZsWVluk2A==}
+    engines: {node: '>= 18'}
+
+  '@intlify/message-compiler@10.0.8':
+    resolution: {integrity: sha512-DV+sYXIkHVd5yVb2mL7br/NEUwzUoLBsMkV3H0InefWgmYa34NLZUvMCGi5oWX+Hqr2Y2qUxnVrnOWF4aBlgWg==}
+    engines: {node: '>= 16'}
 
   '@intlify/message-compiler@11.1.12':
     resolution: {integrity: sha512-Fv9iQSJoJaXl4ZGkOCN1LDM3trzze0AS2zRz2EHLiwenwL6t0Ki9KySYlyr27yVOj5aVz0e55JePO+kELIvfdQ==}
     engines: {node: '>= 16'}
 
+  '@intlify/shared@10.0.8':
+    resolution: {integrity: sha512-BcmHpb5bQyeVNrptC3UhzpBZB/YHHDoEREOUERrmF2BRxsyOEuRrq+Z96C/D4+2KJb8kuHiouzAei7BXlG0YYw==}
+    engines: {node: '>= 16'}
+
   '@intlify/shared@11.1.12':
     resolution: {integrity: sha512-Om86EjuQtA69hdNj3GQec9ZC0L0vPSAnXzB3gP/gyJ7+mA7t06d9aOAiqMZ+xEOsumGP4eEBlfl8zF2LOTzf2A==}
     engines: {node: '>= 16'}
@@ -750,9 +761,9 @@ packages:
   '@nuxtjs/device@3.2.4':
     resolution: {integrity: sha512-jIvN6QeodBNrUrL/1FCHk4bebsiLsGHlJd8c/m2ksLrGY4IZ0npA8IYhDTdYV92epGxoe8+3iZOzCjav+6TshQ==}
 
-  '@nuxtjs/i18n@10.0.6':
-    resolution: {integrity: sha512-SQqJP6NDlmaoLzs7A74cx0Q3W4Vc+JSBlu3AN0q9+Q07Nvba5osab99GJEQ+PGnjaRwBFh35braUA2hRz9bdSA==}
-    engines: {node: '>=20.11.1'}
+  '@nuxtjs/i18n@9.5.6':
+    resolution: {integrity: sha512-PhrQtJT6Di9uoslL5BTrBFqntFlfCaUKlO3T9ORJwmWFdowPqQeFjQ9OjVbKA6TNWr3kQhDqLbIcGlhbuG1USQ==}
+    engines: {node: '>=18.12.0'}
 
   '@nuxtjs/tailwindcss@6.14.0':
     resolution: {integrity: sha512-30RyDK++LrUVRgc2A85MktGWIZoRQgeQKjE4CjjD64OXNozyl+4ScHnnYgqVToMM6Ch2ZG2W4wV2J0EN6F0zkQ==}
@@ -846,21 +857,15 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@oxc-parser/binding-android-arm64@0.81.0':
-    resolution: {integrity: sha512-nGcfHGLkpy2R4Dm1TcpDDifVIZ0q50pvFkHgcbqLpdtbyM9NDlQp1SIgRdGtKPUXAVJz3LDV8hLYvCss8Bb5wg==}
-    engines: {node: '>=20.0.0'}
-    cpu: [arm64]
-    os: [android]
-
   '@oxc-parser/binding-android-arm64@0.86.0':
     resolution: {integrity: sha512-BfNFEWpRo4gqLHKvRuQmhbPGeJqB1Ka/hsPhKf1imAojwUcf/Dr/yRkZBuEi2yc1LWBjApKYJEqpsBUmtqSY1Q==}
     engines: {node: '>=20.0.0'}
     cpu: [arm64]
     os: [android]
 
-  '@oxc-parser/binding-darwin-arm64@0.81.0':
-    resolution: {integrity: sha512-Xl0sB6UcAbU36d1nUs/JfPnihq0JD62xP7sFa/pML+ksxcwAEMMGzifOxNyQkInDzFp+Ql63GD7iJGbavPc5/w==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-darwin-arm64@0.70.0':
+    resolution: {integrity: sha512-pIi7L9PnsBctS/ruW6JQVSYRJkh76PblBN46uQxpBfVsM57c1s4HGZlmGysQWbdmQTFDZW+SmH3u0JpmDLF0+A==}
+    engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [darwin]
 
@@ -870,9 +875,9 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@oxc-parser/binding-darwin-x64@0.81.0':
-    resolution: {integrity: sha512-OyHZuZjHBnZ6SOXe8fDD3i0Vf+Q0oVuaaWu2+ZtxRYDcIDTG67uMN6tg+JkCkYU7elMEJp+Tgw38uEPQWnt3eg==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-darwin-x64@0.70.0':
+    resolution: {integrity: sha512-EbKqtOHzZR56ZFC5HHg6XrYneFAJmpLC1Z6FSgbI061Ley1atAViQg7S6Agm9wAcPpns+BeFJqXEBx/y3MKa2w==}
+    engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [darwin]
 
@@ -882,9 +887,9 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@oxc-parser/binding-freebsd-x64@0.81.0':
-    resolution: {integrity: sha512-FLkXVaHT3PQSHEZkSB99s3Bz/E03tXu2jvspmwu34tlmLaEk3dqoAvYS/uZcBtetGXa3Y48sW/rtBwW6jE811w==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-freebsd-x64@0.70.0':
+    resolution: {integrity: sha512-MVUaOMEUVE8q3nsWtEo589h++V5wAdqTbCRa9WY4Yuyxska4xcuJQk/kDNCx+n92saS7Luk+b20O9+VCI03c+A==}
+    engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [freebsd]
 
@@ -894,9 +899,9 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@oxc-parser/binding-linux-arm-gnueabihf@0.81.0':
-    resolution: {integrity: sha512-c4IXIYDmzMeuYaTtyWl9fj7L90BAN7KZ3eKKDWnmB+ekZd1QduKT8MJiLfv7/pSecxQFwzMTpZ0el++ccRprTQ==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.70.0':
+    resolution: {integrity: sha512-8N4JTYTgKiRHlMUDAdzKs6iEC57a8ex408VgKoLD/Fl+Un79qOti3S9sotdnWSdH/BsDQeO5NW+PKaqFBTw+hA==}
+    engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
 
@@ -906,9 +911,9 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@oxc-parser/binding-linux-arm-musleabihf@0.81.0':
-    resolution: {integrity: sha512-Jahl5EPtdF3z8Lv8/ErCgy5tF+324nPAaFxFC+xFjOE2NdS9e8IMeWR/WbkO5pOSueEGq76GrjOX9uj9SsKqCw==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-linux-arm-musleabihf@0.70.0':
+    resolution: {integrity: sha512-Bsu+YvtgWuSfSDJTHMF5APZBOtvddR0GiHyrL0yaXDwaYvAL/E7XcoSK2GdmKTpw+J8nk5IlejEXlQliPo52pQ==}
+    engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
 
@@ -918,9 +923,9 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@oxc-parser/binding-linux-arm64-gnu@0.81.0':
-    resolution: {integrity: sha512-ufLjqUhcMMyIOzvI7BeRGWyhS5bBsuu2Mkks2wBVlpcs9dFbtlnvKv8SToiM/TTP/DFRu9SrKMVUyD0cuKVlcw==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-linux-arm64-gnu@0.70.0':
+    resolution: {integrity: sha512-tDzHWKexJPHR+qSiuAFoZ1v8EgCd4ggBNbjJHkcIHsoYKnsKaT1+uE9xfW9UhI1mhv2lo1JJ9n9og2yDTGxSeA==}
+    engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
 
@@ -930,9 +935,9 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-parser/binding-linux-arm64-musl@0.81.0':
-    resolution: {integrity: sha512-U4pce3jsMe1s8/BLrCJPqNFdm8IJRhk9Mwf0qw4D6KLa14LT/j32b7kASnFxpy+U0X8ywHGsir8nwPEcWsvrzA==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-linux-arm64-musl@0.70.0':
+    resolution: {integrity: sha512-BJ+N25UWmHU624558ojSTnht3uFL00jV1c8qk1hnKf4cl6+ovFcoktRWAWSBlgLEP8tLlu8qgIhz875tMj2PkQ==}
+    engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
 
@@ -942,9 +947,9 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-parser/binding-linux-riscv64-gnu@0.81.0':
-    resolution: {integrity: sha512-AjjSbkoy0oHQaGMsLg7O+gY/Vbx12K7IWbxheDO1BNL0eIwiL3xRrhKdTtaHU1KcHm2/asTtwYdndAzXQX5Jyw==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-linux-riscv64-gnu@0.70.0':
+    resolution: {integrity: sha512-nxu22nVuPA2xy1cxvBC0D5mVl0myqStOw3XBkVkDViNL01iPyuEFJd5VsM0GqsgrXvF95H/jrbMd+XWnto924g==}
+    engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
 
@@ -954,9 +959,9 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@oxc-parser/binding-linux-s390x-gnu@0.81.0':
-    resolution: {integrity: sha512-Dx4tOdUekDMa3k18MjogWLy+b9z3RmLBf4OUSwJs5iGkr/nc7kph/N8IPI4thVw4KbhEPZOq6SKUp7Q6FhPRzA==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-linux-s390x-gnu@0.70.0':
+    resolution: {integrity: sha512-AQ6Xj97lYRxHZl94cZIHJxT5M1qkeEi+vQe+e7M2lAtjcURl8cwhZmWKSv4rt4BQRVfO3ys0bY8AgIh4eFJiqw==}
+    engines: {node: '>=14.0.0'}
     cpu: [s390x]
     os: [linux]
 
@@ -966,9 +971,9 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@oxc-parser/binding-linux-x64-gnu@0.81.0':
-    resolution: {integrity: sha512-B4RwYZqmgZJg2AV3YWR8/zyjg2t/2GwEIdd5WS4NkDxX9NzHNv1tz1uwGurPyFskO9/S0PoXDFGeESCI5GrkuA==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-linux-x64-gnu@0.70.0':
+    resolution: {integrity: sha512-RIxaVsIxtG90CoX6/Okij8itaMrJp4SEJm1pSL0pz3hGo0yur3Il9M1mmGvOpW+avY8uHdwXIvf2qMnnTKZuoQ==}
+    engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
 
@@ -978,9 +983,9 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@oxc-parser/binding-linux-x64-musl@0.81.0':
-    resolution: {integrity: sha512-VvZlPOG03uKRYPgynVcIvR42ygNRo4kiLKaoKWdpQESSfc1uRD6fNQI5V/O9dAfEmZuTM9dhpgszr9McCeRK6A==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-linux-x64-musl@0.70.0':
+    resolution: {integrity: sha512-B3S0G4TlZ+WLdQq4mSQtt2ZW0MAkKWc8dla17tZY86kcXvvCWwACvj7I27Z/nSlb7uJOdRZS9/r6Gw0uAARNVQ==}
+    engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
 
@@ -990,8 +995,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@oxc-parser/binding-wasm32-wasi@0.81.0':
-    resolution: {integrity: sha512-uGGqDuiO9JKWq5CiNDToZJPTQx6zqp0Wlj5zsKlKuN7AslvhdyzITCAyY+mtRcNEPl+k7j5uR7aIWFFhGuqycA==}
+  '@oxc-parser/binding-wasm32-wasi@0.70.0':
+    resolution: {integrity: sha512-QN8yxH7eHXTqed8Oo7ZUzOWn6hixXa8EVINLy21eLU9isoifSPKMswSmCXHxsM2L5rIIvzoaKfghGOru1mMQbw==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
@@ -1000,9 +1005,9 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@oxc-parser/binding-win32-arm64-msvc@0.81.0':
-    resolution: {integrity: sha512-rWL3ieNa8nNk4XHRQ58Hrt249UanJhmzsuBOei3l5xmMleTAnTsvUxKMK4eiFw4Cdku7C5C5VJFgq7+9yPwn8Q==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-win32-arm64-msvc@0.70.0':
+    resolution: {integrity: sha512-6k8/s78g0GQKqrxk4F0wYj32NBF9oSP6089e6BeuIRQ9l+Zh0cuI6unJeLzXNszxmlqq84xmf/tmP3MSDG43Uw==}
+    engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [win32]
 
@@ -1012,9 +1017,9 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@oxc-parser/binding-win32-x64-msvc@0.81.0':
-    resolution: {integrity: sha512-XZCXKi5SW4ekpIY6O4yDZJHiLeVCJgvr6aT+vyQbNMlSEXKOieFTUZPsp9QiohvkXZE60ZEUqX3TP+8z9A7RRQ==}
-    engines: {node: '>=20.0.0'}
+  '@oxc-parser/binding-win32-x64-msvc@0.70.0':
+    resolution: {integrity: sha512-nd9o1QtEvupaJZ3Wn7PfsuC00n31NNRQZ5+Mui6Q0ZyDzp+obqPUSbSt7xh9Dy0c5zgtYMk8WY4n/VBJY2VvTQ==}
+    engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [win32]
 
@@ -1024,184 +1029,102 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@oxc-project/types@0.81.0':
-    resolution: {integrity: sha512-CnOqkybZK8z6Gx7Wb1qF7AEnSzbol1WwcIzxYOr8e91LytGOjo0wCpgoYWZo8sdbpqX+X+TJayIzo4Pv0R/KjA==}
+  '@oxc-parser/wasm@0.60.0':
+    resolution: {integrity: sha512-Dkf9/D87WGBCW3L0+1DtpAfL4SrNsgeRvxwjpKCtbH7Kf6K+pxrT0IridaJfmWKu1Ml+fDvj+7HEyBcfUC/TXQ==}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
+
+  '@oxc-project/types@0.60.0':
+    resolution: {integrity: sha512-prhfNnb3ATFHOCv7mzKFfwLij5RzoUz6Y1n525ZhCEqfq5wreCXL+DyVoq3ShukPo7q45ZjYIdjFUgjj+WKzng==}
+
+  '@oxc-project/types@0.70.0':
+    resolution: {integrity: sha512-ngyLUpUjO3dpqygSRQDx7nMx8+BmXbWOU4oIwTJFV2MVIDG7knIZwgdwXlQWLg3C3oxg1lS7ppMtPKqKFb7wzw==}
 
   '@oxc-project/types@0.86.0':
     resolution: {integrity: sha512-bJ57vWNQnOnUe5ZxUkrWpLyExxqb0BoyQ+IRmI/V1uxHbBNBzFGMIjKIf5ECFsgS0KgUUl8TM3a4xpeAtAnvIA==}
 
-  '@oxc-transform/binding-android-arm64@0.81.0':
-    resolution: {integrity: sha512-Lli18mT/TaUsQSXL7Q08xatbOySqKhruNpI/mGvSbIHXX7TfznNbQ/zbzNftKa4tvbJnDUXz7SV9JO1wXOoYSw==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [android]
-
   '@oxc-transform/binding-android-arm64@0.86.0':
     resolution: {integrity: sha512-025JJoCWi04alNef6WvLnGCbx2MH9Ld2xvr0168bpOcpBjxt8sOZawu0MPrZQhnNWWiX8rrwrhuUDasWCWHxFw==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [android]
 
-  '@oxc-transform/binding-darwin-arm64@0.81.0':
-    resolution: {integrity: sha512-EseJY9FQa1Ipow4quJ36i+1C5oEbrwJ3eKGZPw48/H5/5S+JFMHwPaE3NOF/aSLw8lkH6ghY6qKWanal2Jh8bA==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [darwin]
-
   '@oxc-transform/binding-darwin-arm64@0.86.0':
     resolution: {integrity: sha512-dJls3eCO1Y2dc4zAdA+fiRbQwlvFFDmfRHRpGOllwS1FtvKQ7dMkRFKsHODEdxWakxISLvyabUmkGOhcJ47Dog==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxc-transform/binding-darwin-x64@0.81.0':
-    resolution: {integrity: sha512-L12EE6d/TveVsPKAaqqgW5IAA3xCh64RmsmJwxIJ7fBrnUg0qHfqENcxLfaFDwjDQe5mrZczuSYfOCwhoKWZdA==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [darwin]
-
   '@oxc-transform/binding-darwin-x64@0.86.0':
     resolution: {integrity: sha512-udMZFZn6FEy36tVMs/yrczEqWyCJc+l/lqIMS4xYWsm/6qVafUWDSAZJLgcPilng16IdMnHINkc8NSz7Pp1EVw==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  '@oxc-transform/binding-freebsd-x64@0.81.0':
-    resolution: {integrity: sha512-l1LbYOq+q6VVI+lIMFd+ehkqLokMj2Zjeyza4PSMzAfXYeaIFHDGiQBn1KE+IXMNN/E4Dwj6b3LwtvdB/uLpeQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [freebsd]
-
   '@oxc-transform/binding-freebsd-x64@0.86.0':
     resolution: {integrity: sha512-41J5qSlypbE0HCOd+4poFD96+ZKoR8sfDn5qdaU0Hc5bT5Drwat/wv06s9Y5Lu86uXYTwPPj6kbbxHHsiV2irw==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  '@oxc-transform/binding-linux-arm-gnueabihf@0.81.0':
-    resolution: {integrity: sha512-8xmYvtpi1GDvsp5nmvnKyjceHLyxLIn2Esolm7GFTGrLxmcPo+ZUn2huAZCuOzSbjAqNRV/nU8At/2N93tLphg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm]
-    os: [linux]
-
   '@oxc-transform/binding-linux-arm-gnueabihf@0.86.0':
     resolution: {integrity: sha512-mrI+nKgwRsr4FYjb0pECrNTVnNvHAflukS3SFqFHI8n+3LJgrCYDcnbrFD/4VWKp2EUrkIZ//RhwgGsTiSXbng==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
 
-  '@oxc-transform/binding-linux-arm-musleabihf@0.81.0':
-    resolution: {integrity: sha512-YaLHLoaWVyI458zaF3yEBKq2YIoYFftmnEHJ7mvbYwhfvH6SDwQez2TnjZEoB/UD+LX9XQfiIfX6VP35RAPHUQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm]
-    os: [linux]
-
   '@oxc-transform/binding-linux-arm-musleabihf@0.86.0':
     resolution: {integrity: sha512-FXWyvpxiEXBewA3L6HGFtEribqFjGOiounD8ke/4C1F5134+rH5rNrgK6vY116P4MtWKfZolMRdvlzaD3TaX0A==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
 
-  '@oxc-transform/binding-linux-arm64-gnu@0.81.0':
-    resolution: {integrity: sha512-jFTlu6KrTq/z9z/HfdsntxQz6lmrIyIOXC3iZVxyoz2MDulXHhYotKypRqBPPyblyKeMbX1BCPwwKiIyYfiXMQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
   '@oxc-transform/binding-linux-arm64-gnu@0.86.0':
     resolution: {integrity: sha512-gktU/9WLAc0d2hAq8yRi3K92xwkWoDt1gJmokMOfb1FU4fyDbzbt13jdZEd6KVn2xLaiQeaFTTfFTghFsJUM3A==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-arm64-musl@0.81.0':
-    resolution: {integrity: sha512-Tk0fOSFxYN/CH2yZLF1Cy8rKHboW7OMubGULd9HUh3Mdi25yBngmc3sOdcLscLvBvutqgdSNn7e/gdPaodDlmw==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
   '@oxc-transform/binding-linux-arm64-musl@0.86.0':
     resolution: {integrity: sha512-2w5e5qiTBYQ0xc1aSY1GNyAOP9BQFEjN43FI3OhrRWZXHOj3inqcVSlptO/hHGK3Q2bG26kWLfSNFOEylTX39A==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-riscv64-gnu@0.81.0':
-    resolution: {integrity: sha512-8JWsRm8tR0DDLb+1UuZM/E46MscCGlklH5hMpKQpF2cH6NzED7184S7yMmamoIIuMQEGF6coOAToukoW0ItSzQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [riscv64]
-    os: [linux]
-
   '@oxc-transform/binding-linux-riscv64-gnu@0.86.0':
     resolution: {integrity: sha512-PfnTYm+vQ9X5VNXqs0Z3S67Xp2FoZj5RteYKUNwL+j/sxGi05eps+EWLVrcGsuN9x2GHFpTiqBz3lzERCn2USg==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-s390x-gnu@0.81.0':
-    resolution: {integrity: sha512-Tb08GTZR0inR0hMXoP7MQx4G5YCTObJ8GEbBHKWMtL71RJhJGnJIn63DY3uvfPbi1XNW7uSJSzQ0mWMzelPAgg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [s390x]
-    os: [linux]
-
   '@oxc-transform/binding-linux-s390x-gnu@0.86.0':
     resolution: {integrity: sha512-uHgGN0rFfqDcdkLUITshqrpV34PRKAiRwsw6Jgkg7CRcRGIU8rOJc568EU0jfhTZ1zO5MJKt/S8D6cgIFJwe0A==}
     engines: {node: '>=14.0.0'}
     cpu: [s390x]
     os: [linux]
 
-  '@oxc-transform/binding-linux-x64-gnu@0.81.0':
-    resolution: {integrity: sha512-RalVuZu/iDzGJeQpyQ3KaJLsD11kvb/SLqKt0MXMkq2lBfIB4A1Pdx4JL0RuvcqjLPEgEWq8GcAPiyVeTYEtVQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [linux]
-
   '@oxc-transform/binding-linux-x64-gnu@0.86.0':
     resolution: {integrity: sha512-MtrvfU2RkSD+oTnzG4Xle3jK8FXJPQa1MhYQm0ivcAMf0tUQDojTaqBtM/9E0iFr/4l1xZODJOHCGjLktdpykg==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-transform/binding-linux-x64-musl@0.81.0':
-    resolution: {integrity: sha512-EdbKDZ4gA5jD5YKT15HgYMCcoHGYEqO5oFGn6uREWvc4BcJ6cDrK9oyttT5CO6Y35tgnSQElHVKDWXyTMIbQlA==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [linux]
-
   '@oxc-transform/binding-linux-x64-musl@0.86.0':
     resolution: {integrity: sha512-wTTTIPcnoS04SRJ7HuOL/VxIu1QzUtv2n6Mx0wPIEQobj2qPGum0qYGnFEMU0Njltp+8FAUg5EfX6u3udRQBbQ==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
 
-  '@oxc-transform/binding-wasm32-wasi@0.81.0':
-    resolution: {integrity: sha512-NCAj6b7fQvxM9U3UkbfFxelx458w8t7CnyRNvxlFpQjESCaYZ6hUzxHL57TGKUq6P7jKt6xjDdoFnVwZ36SR6w==}
-    engines: {node: '>=14.0.0'}
-    cpu: [wasm32]
-
   '@oxc-transform/binding-wasm32-wasi@0.86.0':
     resolution: {integrity: sha512-g+0bf+ZA2DvBHQ+0u8TvEY8ERo86Brqvdghfv06Wph2qGTlhzSmrE0c0Zurr7yhtqI5yZjMaBr2HbqwW1kHFng==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
 
-  '@oxc-transform/binding-win32-arm64-msvc@0.81.0':
-    resolution: {integrity: sha512-zwZMMQAwfRM0uk5iMHf6q1fXG8qCcKU30qOhzdrxfO/rD+2Xz/ZfRTkGJzxG2cXAaJ3TRUzYdTr6YLxgGfTIbQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [arm64]
-    os: [win32]
-
   '@oxc-transform/binding-win32-arm64-msvc@0.86.0':
     resolution: {integrity: sha512-dgBeU4qBEag0rhW3OT9YHgj4cvW51KZzrxhDQ1gAVX2fqgl+CeJnu0a9q+DMhefHrO3c8Yxwbt7NxUDmWGkEtg==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  '@oxc-transform/binding-win32-x64-msvc@0.81.0':
-    resolution: {integrity: sha512-Y86Doj1eOkiY9Y+W51iJ3+/D9L+0eZ5Fl5AIQfQcHSGAjlF9geHeHxUsILZWEav12yuE/zeB5gO3AgJ801aJyQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [x64]
-    os: [win32]
-
   '@oxc-transform/binding-win32-x64-msvc@0.86.0':
     resolution: {integrity: sha512-M1eCl8xz7MmEatuqWdr+VdvNCUJ+d4ECF+HND39PqRCVkaH+Vl1rcyP5pLILb2CB/wTb2DMvZmb9RCt5+8S5TQ==}
     engines: {node: '>=14.0.0'}
@@ -1577,32 +1500,16 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.42.0':
-    resolution: {integrity: sha512-vfVpLHAhbPjilrabtOSNcUDmBboQNrJUiNAGoImkZKnMjs2TIcWG33s4Ds0wY3/50aZmTMqJa6PiwkwezaAklg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
   '@typescript-eslint/project-service@8.43.0':
     resolution: {integrity: sha512-htB/+D/BIGoNTQYffZw4uM4NzzuolCoaA/BusuSIcC8YjmBYQioew5VUZAYdAETPjeed0hqCaW7EHg+Robq8uw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.42.0':
-    resolution: {integrity: sha512-51+x9o78NBAVgQzOPd17DkNTnIzJ8T/O2dmMBLoK9qbY0Gm52XJcdJcCl18ExBMiHo6jPMErUQWUv5RLE51zJw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/scope-manager@8.43.0':
     resolution: {integrity: sha512-daSWlQ87ZhsjrbMLvpuuMAt3y4ba57AuvadcR7f3nl8eS3BjRc8L9VLxFLk92RL5xdXOg6IQ+qKjjqNEimGuAg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.42.0':
-    resolution: {integrity: sha512-kHeFUOdwAJfUmYKjR3CLgZSglGHjbNTi1H8sTYRYV2xX6eNz4RyJ2LIgsDLKf8Yi0/GL1WZAC/DgZBeBft8QAQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
   '@typescript-eslint/tsconfig-utils@8.43.0':
     resolution: {integrity: sha512-ALC2prjZcj2YqqL5X/bwWQmHA2em6/94GcbB/KKu5SX3EBDOsqztmmX1kMkvAJHzxk7TazKzJfFiEIagNV3qEA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1624,12 +1531,6 @@ packages:
     resolution: {integrity: sha512-vQ2FZaxJpydjSZJKiSW/LJsabFFvV7KgLC5DiLhkBcykhQj8iK9BOaDmQt74nnKdLvceM5xmhaTF+pLekrxEkw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.42.0':
-    resolution: {integrity: sha512-ku/uYtT4QXY8sl9EDJETD27o3Ewdi72hcXg1ah/kkUgBvAYHLwj2ofswFFNXS+FL5G+AGkxBtvGt8pFBHKlHsQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
   '@typescript-eslint/typescript-estree@8.43.0':
     resolution: {integrity: sha512-7Vv6zlAhPb+cvEpP06WXXy/ZByph9iL6BQRBDj4kmBsW98AqEeQHlj/13X+sZOrKSo9/rNKH4Ul4f6EICREFdw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1643,10 +1544,6 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.42.0':
-    resolution: {integrity: sha512-3WbiuzoEowaEn8RSnhJBrxSwX8ULYE9CXaPepS2C2W3NSA5NNIvBaslpBSBElPq0UGr0xVJlXFWOAKIkyylydQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   '@typescript-eslint/visitor-keys@8.43.0':
     resolution: {integrity: sha512-T+S1KqRD4sg/bHfLwrpF/K3gQLBM1n7Rp7OjjikjTEssI2YJzQpi5WXoynOaQ93ERIuq3O8RBTOUYDKszUCEHw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1779,9 +1676,9 @@ packages:
   '@volar/typescript@2.4.23':
     resolution: {integrity: sha512-lAB5zJghWxVPqfcStmAP1ZqQacMpe90UrP5RJ3arDyrhy4aCUQqmxPPLB2PWDKugvylmO41ljK7vZ+t6INMTag==}
 
-  '@vue-macros/common@3.0.0-beta.15':
-    resolution: {integrity: sha512-DMgq/rIh1H20WYNWU7krIbEfJRYDDhy7ix64GlT4AVUJZZWCZ5pxiYVJR3A3GmWQPkn7Pg7i3oIiGqu4JGC65w==}
-    engines: {node: '>=20.18.0'}
+  '@vue-macros/common@1.16.1':
+    resolution: {integrity: sha512-Pn/AWMTjoMYuquepLZP813BIcq8DTZiNCoaceuNlvaYuOTd8DqBZWc5u0uOMQZMInwME1mdSmmBAcTluiV9Jtg==}
+    engines: {node: '>=16.14.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.2.25
     peerDependenciesMeta:
@@ -1982,10 +1879,18 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  ast-kit@1.4.3:
+    resolution: {integrity: sha512-MdJqjpodkS5J149zN0Po+HPshkTdUyrvF7CKTafUgv69vBSPtncrj+3IiUgqdd7ElIEkbeXCsEouBUwLrw9Ilg==}
+    engines: {node: '>=16.14.0'}
+
   ast-kit@2.1.2:
     resolution: {integrity: sha512-cl76xfBQM6pztbrFWRnxbrDm9EOqDr1BF6+qQnnDZG2Co2LjyUktkN9GTJfBAfdae+DbT2nJf2nCGAdDDN7W2g==}
     engines: {node: '>=20.18.0'}
 
+  ast-walker-scope@0.6.2:
+    resolution: {integrity: sha512-1UWOyC50xI3QZkRuDj6PqDtpm1oHWtYs+NQGwqL/2R11eN3Q81PHAHPM0SWW3BNQm53UDwS//Jv8L4CCVLM1bQ==}
+    engines: {node: '>=16.14.0'}
+
   ast-walker-scope@0.8.2:
     resolution: {integrity: sha512-3pYeLyDZ6nJew9QeBhS4Nly02269Dkdk32+zdbbKmL6n4ZuaGorwwA+xx12xgOciA8BF1w9x+dlH7oUkFTW91w==}
     engines: {node: '>=20.18.0'}
@@ -2799,6 +2704,20 @@ packages:
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
+  framer-motion@12.25.0:
+    resolution: {integrity: sha512-mlWqd0rApIjeyhTCSNCqPYsUAEhkcUukZxH3ke6KbstBRPcxhEpuIjmiUQvB+1E9xkEm5SpNHBgHCapH/QHTWg==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   fresh@0.5.2:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
@@ -2935,6 +2854,9 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
+  hey-listen@1.0.8:
+    resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==}
+
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
@@ -3283,6 +3205,10 @@ packages:
   magic-regexp@0.10.0:
     resolution: {integrity: sha512-Uly1Bu4lO1hwHUW0CQeSWuRtzCMNO00CmXtS8N6fyvB3B979GOEEeAkiTUDsmbYLAbvpUS/Kt5c4ibosAzVyVg==}
 
+  magic-string-ast@0.7.1:
+    resolution: {integrity: sha512-ub9iytsEbT7Yw/Pd29mSo/cNQpaEu67zR1VVcXDiYjSFwzeBxNdTd0FMnSslLQXiRj8uGPzwsaoefrMD5XAmdw==}
+    engines: {node: '>=16.14.0'}
+
   magic-string-ast@1.0.2:
     resolution: {integrity: sha512-8ngQgLhcT0t3YBdn9CGkZqCYlvwW9pm7aWJwd7AxseVWf1RU8ZHCQvG1mt3N5vvUme+pXTcHB8G/7fE666U8Vw==}
     engines: {node: '>=20.18.0'}
@@ -3385,6 +3311,18 @@ packages:
   mocked-exports@0.1.1:
     resolution: {integrity: sha512-aF7yRQr/Q0O2/4pIXm6PZ5G+jAd7QS4Yu8m+WEeEHGnbo+7mE36CbLSDQiXYV8bVL3NfmdeqPJct0tUlnjVSnA==}
 
+  motion-dom@12.24.11:
+    resolution: {integrity: sha512-DlWOmsXMJrV8lzZyd+LKjG2CXULUs++bkq8GZ2Sr0R0RRhs30K2wtY+LKiTjhmJU3W61HK+rB0GLz6XmPvTA1A==}
+
+  motion-utils@12.24.10:
+    resolution: {integrity: sha512-x5TFgkCIP4pPsRLpKoI86jv/q8t8FQOiM/0E8QKBzfMozWHfkKap2gA1hOki+B5g3IsBNpxbUnfOum1+dgvYww==}
+
+  motion-v@1.8.1:
+    resolution: {integrity: sha512-OS6ve/vdNlrKTmCAHy+lxujIVTggjs9nbzl1auWiewy49FthkpCs5Wwpf40+55Ko3mbTajlKadkTlQYysrnL4A==}
+    peerDependencies:
+      '@vueuse/core': '>=10.0.0'
+      vue: '>=3.0.0'
+
   mrmime@2.0.1:
     resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
@@ -3486,9 +3424,6 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nuxt-define@1.0.0:
-    resolution: {integrity: sha512-CYZ2WjU+KCyCDVzjYUM4eEpMF0rkPmkpiFrybTqqQCRpUbPt2h3snswWIpFPXTi+osRCY6Og0W/XLAQgDL4FfQ==}
-
   nuxt-gtag@4.0.0:
     resolution: {integrity: sha512-7Mz8d3Cbrp2WsskJmzTsxO5lYpX7oVLsmsMQPInM+r0/8aGM1LnDnQYdFtTO+j7fsVhMuCa+XZyNrH43EKNfHA==}
 
@@ -3562,18 +3497,14 @@ packages:
     resolution: {integrity: sha512-pjtM94KElw/RxF3R1ls1ADcBUyZcrCgn0qeL4nD8cOotfzeVFa0xXwQQeCkk+5GPiOqdRApNFuJvK//lQgpqJw==}
     engines: {node: '>=14.0.0'}
 
-  oxc-parser@0.81.0:
-    resolution: {integrity: sha512-iceu9s70mZyjKs6V2QX7TURkJj1crnKi9csGByWvOWwrR5rwq0U0f49yIlRAzMP4t7K2gRC1MnyMZggMhiwAVg==}
-    engines: {node: '>=20.0.0'}
+  oxc-parser@0.70.0:
+    resolution: {integrity: sha512-YbqTuQDDIYwQF/li0VFK5uTbmHV4jWFeQQONkPdf77vz+JMiq7SusmcSVZ4hBrGM+3WyLdKH5S7spnvz4XVVzQ==}
+    engines: {node: '>=14.0.0'}
 
   oxc-parser@0.86.0:
     resolution: {integrity: sha512-v9+uomgqyLSxlq3qlaMqJJtXg2+rUsa368p/zkmgi5OMGmcZAtZt5GIeSVFF84iNET+08Hdx/rUtd/FyIdfNFQ==}
     engines: {node: '>=20.0.0'}
 
-  oxc-transform@0.81.0:
-    resolution: {integrity: sha512-Sfb7sBZJoA7GPNlgeVvwqSS+fKFG5Lu2N4CJIlKPdkBgMDwVqUPOTVrEXHYaoYilA2x0VXVwLWqjcW3CwrfzSA==}
-    engines: {node: '>=14.0.0'}
-
   oxc-transform@0.86.0:
     resolution: {integrity: sha512-Ghgm/zzjPXROMpljLy4HYBcko/25sixWi2yJQJ6rDu/ltgFB1nEQ4JYCYV5F+ENt0McsJkcgmX5I4dRfDViyDA==}
     engines: {node: '>=14.0.0'}
@@ -4447,11 +4378,10 @@ packages:
     resolution: {integrity: sha512-JLoggz+PvLVMJo+jZt97hdIIIZ2yTzGgft9e9q8iMrC4ewufl62ekeW7mixBghonn2gVb/ICjyvlmOCUBnJLQg==}
     engines: {node: '>=20.19.0'}
 
-  unplugin-vue-router@0.14.0:
-    resolution: {integrity: sha512-ipjunvS5e2aFHBAUFuLbHl2aHKbXXXBhTxGT9wZx66fNVPdEQzVVitF8nODr1plANhTTa3UZ+DQu9uyLngMzoQ==}
+  unplugin-vue-router@0.12.0:
+    resolution: {integrity: sha512-xjgheKU0MegvXQcy62GVea0LjyOdMxN0/QH+ijN29W62ZlMhG7o7K+0AYqfpprvPwpWtuRjiyC5jnV2SxWye2w==}
     peerDependencies:
-      '@vue/compiler-sfc': ^3.5.17
-      vue-router: ^4.5.1
+      vue-router: ^4.4.0
     peerDependenciesMeta:
       vue-router:
         optional: true
@@ -4710,9 +4640,10 @@ packages:
     peerDependencies:
       eslint: '>=6.0.0'
 
-  vue-i18n@11.1.12:
-    resolution: {integrity: sha512-BnstPj3KLHLrsqbVU2UOrPmr0+Mv11bsUZG0PyCOzsawCivk8W00GMXHeVUWIDOgNaScCuZah47CZFE+Wnl8mw==}
+  vue-i18n@10.0.8:
+    resolution: {integrity: sha512-mIjy4utxMz9lMMo6G9vYePv7gUFt4ztOMhY9/4czDJxZ26xPeJ49MAGa9wBAE3XuXbYCrtVPmPxNjej7JJJkZQ==}
     engines: {node: '>= 16'}
+    deprecated: v9 and v10 no longer supported. please migrate to v11. about maintenance status, see https://vue-i18n.intlify.dev/guide/maintenance.html
     peerDependencies:
       vue: ^3.0.0
 
@@ -5285,7 +5216,7 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@intlify/bundle-utils@10.0.1(vue-i18n@11.1.12(vue@3.5.21(typescript@5.9.2)))':
+  '@intlify/bundle-utils@10.0.1(vue-i18n@10.0.8(vue@3.5.21(typescript@5.9.2)))':
     dependencies:
       '@intlify/message-compiler': 11.1.12
       '@intlify/shared': 11.1.12
@@ -5297,39 +5228,46 @@ snapshots:
       source-map-js: 1.2.1
       yaml-eslint-parser: 1.3.0
     optionalDependencies:
-      vue-i18n: 11.1.12(vue@3.5.21(typescript@5.9.2))
+      vue-i18n: 10.0.8(vue@3.5.21(typescript@5.9.2))
 
-  '@intlify/core-base@11.1.12':
+  '@intlify/core-base@10.0.8':
     dependencies:
-      '@intlify/message-compiler': 11.1.12
-      '@intlify/shared': 11.1.12
+      '@intlify/message-compiler': 10.0.8
+      '@intlify/shared': 10.0.8
 
-  '@intlify/core@11.1.12':
+  '@intlify/core@10.0.8':
     dependencies:
-      '@intlify/core-base': 11.1.12
-      '@intlify/shared': 11.1.12
+      '@intlify/core-base': 10.0.8
+      '@intlify/shared': 10.0.8
 
-  '@intlify/h3@0.7.1':
+  '@intlify/h3@0.6.1':
     dependencies:
-      '@intlify/core': 11.1.12
+      '@intlify/core': 10.0.8
       '@intlify/utils': 0.13.0
 
+  '@intlify/message-compiler@10.0.8':
+    dependencies:
+      '@intlify/shared': 10.0.8
+      source-map-js: 1.2.1
+
   '@intlify/message-compiler@11.1.12':
     dependencies:
       '@intlify/shared': 11.1.12
       source-map-js: 1.2.1
 
+  '@intlify/shared@10.0.8': {}
+
   '@intlify/shared@11.1.12': {}
 
-  '@intlify/unplugin-vue-i18n@6.0.8(@vue/compiler-dom@3.5.21)(eslint@9.35.0(jiti@2.5.1))(rollup@4.50.0)(typescript@5.9.2)(vue-i18n@11.1.12(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))':
+  '@intlify/unplugin-vue-i18n@6.0.8(@vue/compiler-dom@3.5.21)(eslint@9.35.0(jiti@2.5.1))(rollup@4.50.0)(typescript@5.9.2)(vue-i18n@10.0.8(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))':
     dependencies:
       '@eslint-community/eslint-utils': 4.8.0(eslint@9.35.0(jiti@2.5.1))
-      '@intlify/bundle-utils': 10.0.1(vue-i18n@11.1.12(vue@3.5.21(typescript@5.9.2)))
+      '@intlify/bundle-utils': 10.0.1(vue-i18n@10.0.8(vue@3.5.21(typescript@5.9.2)))
       '@intlify/shared': 11.1.12
-      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.1.12)(@vue/compiler-dom@3.5.21)(vue-i18n@11.1.12(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))
+      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.1.12)(@vue/compiler-dom@3.5.21)(vue-i18n@10.0.8(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))
       '@rollup/pluginutils': 5.3.0(rollup@4.50.0)
-      '@typescript-eslint/scope-manager': 8.42.0
-      '@typescript-eslint/typescript-estree': 8.42.0(typescript@5.9.2)
+      '@typescript-eslint/scope-manager': 8.43.0
+      '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.9.2)
       debug: 4.4.1
       fast-glob: 3.3.3
       js-yaml: 4.1.0
@@ -5340,7 +5278,7 @@ snapshots:
       unplugin: 1.16.1
       vue: 3.5.21(typescript@5.9.2)
     optionalDependencies:
-      vue-i18n: 11.1.12(vue@3.5.21(typescript@5.9.2))
+      vue-i18n: 10.0.8(vue@3.5.21(typescript@5.9.2))
     transitivePeerDependencies:
       - '@vue/compiler-dom'
       - eslint
@@ -5350,14 +5288,14 @@ snapshots:
 
   '@intlify/utils@0.13.0': {}
 
-  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.1.12)(@vue/compiler-dom@3.5.21)(vue-i18n@11.1.12(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))':
+  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.1.12)(@vue/compiler-dom@3.5.21)(vue-i18n@10.0.8(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))':
     dependencies:
       '@babel/parser': 7.28.4
     optionalDependencies:
       '@intlify/shared': 11.1.12
       '@vue/compiler-dom': 3.5.21
       vue: 3.5.21(typescript@5.9.2)
-      vue-i18n: 11.1.12(vue@3.5.21(typescript@5.9.2))
+      vue-i18n: 10.0.8(vue@3.5.21(typescript@5.9.2))
 
   '@ioredis/commands@1.3.1': {}
 
@@ -5736,62 +5674,40 @@ snapshots:
     dependencies:
       defu: 6.1.4
 
-  '@nuxtjs/i18n@10.0.6(@vue/compiler-dom@3.5.21)(db0@0.3.2)(eslint@9.35.0(jiti@2.5.1))(ioredis@5.7.0)(magicast@0.3.5)(rollup@4.50.0)(vue@3.5.21(typescript@5.9.2))':
+  '@nuxtjs/i18n@9.5.6(@vue/compiler-dom@3.5.21)(eslint@9.35.0(jiti@2.5.1))(magicast@0.3.5)(rollup@4.50.0)(vue@3.5.21(typescript@5.9.2))':
     dependencies:
-      '@intlify/core': 11.1.12
-      '@intlify/h3': 0.7.1
-      '@intlify/shared': 11.1.12
-      '@intlify/unplugin-vue-i18n': 6.0.8(@vue/compiler-dom@3.5.21)(eslint@9.35.0(jiti@2.5.1))(rollup@4.50.0)(typescript@5.9.2)(vue-i18n@11.1.12(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))
+      '@intlify/h3': 0.6.1
+      '@intlify/shared': 10.0.8
+      '@intlify/unplugin-vue-i18n': 6.0.8(@vue/compiler-dom@3.5.21)(eslint@9.35.0(jiti@2.5.1))(rollup@4.50.0)(typescript@5.9.2)(vue-i18n@10.0.8(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))
       '@intlify/utils': 0.13.0
       '@miyaneee/rollup-plugin-json5': 1.2.0(rollup@4.50.0)
-      '@nuxt/kit': 4.1.1(magicast@0.3.5)
+      '@nuxt/kit': 3.19.1(magicast@0.3.5)
+      '@oxc-parser/wasm': 0.60.0
       '@rollup/plugin-yaml': 4.1.2(rollup@4.50.0)
       '@vue/compiler-sfc': 3.5.21
-      cookie-es: 2.0.0
+      debug: 4.4.1
       defu: 6.1.4
-      devalue: 5.3.2
+      esbuild: 0.25.9
+      estree-walker: 3.0.3
       h3: 1.15.4
       knitwork: 1.2.0
       magic-string: 0.30.18
       mlly: 1.8.0
-      nuxt-define: 1.0.0
-      oxc-parser: 0.81.0
-      oxc-transform: 0.81.0
-      oxc-walker: 0.4.0(oxc-parser@0.81.0)
+      oxc-parser: 0.70.0
       pathe: 2.0.3
       typescript: 5.9.2
       ufo: 1.6.1
       unplugin: 2.3.10
-      unplugin-vue-router: 0.14.0(@vue/compiler-sfc@3.5.21)(vue-router@4.5.1(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))
-      unstorage: 1.17.1(db0@0.3.2)(ioredis@5.7.0)
-      vue-i18n: 11.1.12(vue@3.5.21(typescript@5.9.2))
+      unplugin-vue-router: 0.12.0(vue-router@4.5.1(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2))
+      vue-i18n: 10.0.8(vue@3.5.21(typescript@5.9.2))
       vue-router: 4.5.1(vue@3.5.21(typescript@5.9.2))
     transitivePeerDependencies:
-      - '@azure/app-configuration'
-      - '@azure/cosmos'
-      - '@azure/data-tables'
-      - '@azure/identity'
-      - '@azure/keyvault-secrets'
-      - '@azure/storage-blob'
-      - '@capacitor/preferences'
-      - '@deno/kv'
-      - '@netlify/blobs'
-      - '@planetscale/database'
-      - '@upstash/redis'
-      - '@vercel/blob'
-      - '@vercel/functions'
-      - '@vercel/kv'
       - '@vue/compiler-dom'
-      - aws4fetch
-      - db0
       - eslint
-      - idb-keyval
-      - ioredis
       - magicast
       - petite-vue-i18n
       - rollup
       - supports-color
-      - uploadthing
       - vue
 
   '@nuxtjs/tailwindcss@6.14.0(magicast@0.3.5)':
@@ -5864,81 +5780,78 @@ snapshots:
   '@oxc-minify/binding-win32-x64-msvc@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-android-arm64@0.81.0':
-    optional: true
-
   '@oxc-parser/binding-android-arm64@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-darwin-arm64@0.81.0':
+  '@oxc-parser/binding-darwin-arm64@0.70.0':
     optional: true
 
   '@oxc-parser/binding-darwin-arm64@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-darwin-x64@0.81.0':
+  '@oxc-parser/binding-darwin-x64@0.70.0':
     optional: true
 
   '@oxc-parser/binding-darwin-x64@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-freebsd-x64@0.81.0':
+  '@oxc-parser/binding-freebsd-x64@0.70.0':
     optional: true
 
   '@oxc-parser/binding-freebsd-x64@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-linux-arm-gnueabihf@0.81.0':
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.70.0':
     optional: true
 
   '@oxc-parser/binding-linux-arm-gnueabihf@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-linux-arm-musleabihf@0.81.0':
+  '@oxc-parser/binding-linux-arm-musleabihf@0.70.0':
     optional: true
 
   '@oxc-parser/binding-linux-arm-musleabihf@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-linux-arm64-gnu@0.81.0':
+  '@oxc-parser/binding-linux-arm64-gnu@0.70.0':
     optional: true
 
   '@oxc-parser/binding-linux-arm64-gnu@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-linux-arm64-musl@0.81.0':
+  '@oxc-parser/binding-linux-arm64-musl@0.70.0':
     optional: true
 
   '@oxc-parser/binding-linux-arm64-musl@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-linux-riscv64-gnu@0.81.0':
+  '@oxc-parser/binding-linux-riscv64-gnu@0.70.0':
     optional: true
 
   '@oxc-parser/binding-linux-riscv64-gnu@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-linux-s390x-gnu@0.81.0':
+  '@oxc-parser/binding-linux-s390x-gnu@0.70.0':
     optional: true
 
   '@oxc-parser/binding-linux-s390x-gnu@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-linux-x64-gnu@0.81.0':
+  '@oxc-parser/binding-linux-x64-gnu@0.70.0':
     optional: true
 
   '@oxc-parser/binding-linux-x64-gnu@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-linux-x64-musl@0.81.0':
+  '@oxc-parser/binding-linux-x64-musl@0.70.0':
     optional: true
 
   '@oxc-parser/binding-linux-x64-musl@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-wasm32-wasi@0.81.0':
+  '@oxc-parser/binding-wasm32-wasi@0.70.0':
     dependencies:
-      '@napi-rs/wasm-runtime': 1.0.3
+      '@napi-rs/wasm-runtime': 0.2.12
     optional: true
 
   '@oxc-parser/binding-wasm32-wasi@0.86.0':
@@ -5946,113 +5859,72 @@ snapshots:
       '@napi-rs/wasm-runtime': 1.0.3
     optional: true
 
-  '@oxc-parser/binding-win32-arm64-msvc@0.81.0':
+  '@oxc-parser/binding-win32-arm64-msvc@0.70.0':
     optional: true
 
   '@oxc-parser/binding-win32-arm64-msvc@0.86.0':
     optional: true
 
-  '@oxc-parser/binding-win32-x64-msvc@0.81.0':
+  '@oxc-parser/binding-win32-x64-msvc@0.70.0':
     optional: true
 
   '@oxc-parser/binding-win32-x64-msvc@0.86.0':
     optional: true
 
-  '@oxc-project/types@0.81.0': {}
+  '@oxc-parser/wasm@0.60.0':
+    dependencies:
+      '@oxc-project/types': 0.60.0
+
+  '@oxc-project/types@0.60.0': {}
+
+  '@oxc-project/types@0.70.0': {}
 
   '@oxc-project/types@0.86.0': {}
 
-  '@oxc-transform/binding-android-arm64@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-android-arm64@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-darwin-arm64@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-darwin-arm64@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-darwin-x64@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-darwin-x64@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-freebsd-x64@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-freebsd-x64@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-linux-arm-gnueabihf@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-linux-arm-gnueabihf@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-linux-arm-musleabihf@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-linux-arm-musleabihf@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-linux-arm64-gnu@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-linux-arm64-gnu@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-linux-arm64-musl@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-linux-arm64-musl@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-linux-riscv64-gnu@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-linux-riscv64-gnu@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-linux-s390x-gnu@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-linux-s390x-gnu@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-linux-x64-gnu@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-linux-x64-gnu@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-linux-x64-musl@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-linux-x64-musl@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-wasm32-wasi@0.81.0':
-    dependencies:
-      '@napi-rs/wasm-runtime': 1.0.3
-    optional: true
-
   '@oxc-transform/binding-wasm32-wasi@0.86.0':
     dependencies:
       '@napi-rs/wasm-runtime': 1.0.3
     optional: true
 
-  '@oxc-transform/binding-win32-arm64-msvc@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-win32-arm64-msvc@0.86.0':
     optional: true
 
-  '@oxc-transform/binding-win32-x64-msvc@0.81.0':
-    optional: true
-
   '@oxc-transform/binding-win32-x64-msvc@0.86.0':
     optional: true
 
@@ -6369,15 +6241,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.42.0(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.42.0(typescript@5.9.2)
-      '@typescript-eslint/types': 8.42.0
-      debug: 4.4.1
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/project-service@8.43.0(typescript@5.9.2)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.43.0(typescript@5.9.2)
@@ -6387,20 +6250,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.42.0':
-    dependencies:
-      '@typescript-eslint/types': 8.42.0
-      '@typescript-eslint/visitor-keys': 8.42.0
-
   '@typescript-eslint/scope-manager@8.43.0':
     dependencies:
       '@typescript-eslint/types': 8.43.0
       '@typescript-eslint/visitor-keys': 8.43.0
 
-  '@typescript-eslint/tsconfig-utils@8.42.0(typescript@5.9.2)':
-    dependencies:
-      typescript: 5.9.2
-
   '@typescript-eslint/tsconfig-utils@8.43.0(typescript@5.9.2)':
     dependencies:
       typescript: 5.9.2
@@ -6421,22 +6275,6 @@ snapshots:
 
   '@typescript-eslint/types@8.43.0': {}
 
-  '@typescript-eslint/typescript-estree@8.42.0(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.42.0(typescript@5.9.2)
-      '@typescript-eslint/tsconfig-utils': 8.42.0(typescript@5.9.2)
-      '@typescript-eslint/types': 8.42.0
-      '@typescript-eslint/visitor-keys': 8.42.0
-      debug: 4.4.1
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.2
-      ts-api-utils: 2.1.0(typescript@5.9.2)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/typescript-estree@8.43.0(typescript@5.9.2)':
     dependencies:
       '@typescript-eslint/project-service': 8.43.0(typescript@5.9.2)
@@ -6464,11 +6302,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.42.0':
-    dependencies:
-      '@typescript-eslint/types': 8.42.0
-      eslint-visitor-keys: 4.2.1
-
   '@typescript-eslint/visitor-keys@8.43.0':
     dependencies:
       '@typescript-eslint/types': 8.43.0
@@ -6588,13 +6421,14 @@ snapshots:
       path-browserify: 1.0.1
       vscode-uri: 3.1.0
 
-  '@vue-macros/common@3.0.0-beta.15(vue@3.5.21(typescript@5.9.2))':
+  '@vue-macros/common@1.16.1(vue@3.5.21(typescript@5.9.2))':
     dependencies:
       '@vue/compiler-sfc': 3.5.21
-      ast-kit: 2.1.2
+      ast-kit: 1.4.3
       local-pkg: 1.1.2
-      magic-string-ast: 1.0.2
-      unplugin-utils: 0.2.5
+      magic-string-ast: 0.7.1
+      pathe: 2.0.3
+      picomatch: 4.0.3
     optionalDependencies:
       vue: 3.5.21(typescript@5.9.2)
 
@@ -6856,11 +6690,21 @@ snapshots:
 
   argparse@2.0.1: {}
 
+  ast-kit@1.4.3:
+    dependencies:
+      '@babel/parser': 7.28.4
+      pathe: 2.0.3
+
   ast-kit@2.1.2:
     dependencies:
       '@babel/parser': 7.28.4
       pathe: 2.0.3
 
+  ast-walker-scope@0.6.2:
+    dependencies:
+      '@babel/parser': 7.28.4
+      ast-kit: 1.4.3
+
   ast-walker-scope@0.8.2:
     dependencies:
       '@babel/parser': 7.28.4
@@ -7688,6 +7532,12 @@ snapshots:
 
   fraction.js@4.3.7: {}
 
+  framer-motion@12.25.0:
+    dependencies:
+      motion-dom: 12.24.11
+      motion-utils: 12.24.10
+      tslib: 2.8.1
+
   fresh@0.5.2: {}
 
   fresh@2.0.0: {}
@@ -7839,6 +7689,8 @@ snapshots:
 
   he@1.2.0: {}
 
+  hey-listen@1.0.8: {}
+
   hookable@5.5.3: {}
 
   http-assert@1.5.0:
@@ -8211,6 +8063,10 @@ snapshots:
       ufo: 1.6.1
       unplugin: 2.3.10
 
+  magic-string-ast@0.7.1:
+    dependencies:
+      magic-string: 0.30.18
+
   magic-string-ast@1.0.2:
     dependencies:
       magic-string: 0.30.18
@@ -8293,6 +8149,24 @@ snapshots:
 
   mocked-exports@0.1.1: {}
 
+  motion-dom@12.24.11:
+    dependencies:
+      motion-utils: 12.24.10
+
+  motion-utils@12.24.10: {}
+
+  motion-v@1.8.1(@vueuse/core@13.9.0(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2)):
+    dependencies:
+      '@vueuse/core': 13.9.0(vue@3.5.21(typescript@5.9.2))
+      framer-motion: 12.25.0
+      hey-listen: 1.0.8
+      motion-dom: 12.24.11
+      vue: 3.5.21(typescript@5.9.2)
+    transitivePeerDependencies:
+      - '@emotion/is-prop-valid'
+      - react
+      - react-dom
+
   mrmime@2.0.1: {}
 
   ms@2.1.3: {}
@@ -8454,8 +8328,6 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nuxt-define@1.0.0: {}
-
   nuxt-gtag@4.0.0(magicast@0.3.5):
     dependencies:
       '@nuxt/kit': 4.1.1(magicast@0.3.5)
@@ -8669,25 +8541,24 @@ snapshots:
       '@oxc-minify/binding-win32-arm64-msvc': 0.86.0
       '@oxc-minify/binding-win32-x64-msvc': 0.86.0
 
-  oxc-parser@0.81.0:
+  oxc-parser@0.70.0:
     dependencies:
-      '@oxc-project/types': 0.81.0
+      '@oxc-project/types': 0.70.0
     optionalDependencies:
-      '@oxc-parser/binding-android-arm64': 0.81.0
-      '@oxc-parser/binding-darwin-arm64': 0.81.0
-      '@oxc-parser/binding-darwin-x64': 0.81.0
-      '@oxc-parser/binding-freebsd-x64': 0.81.0
-      '@oxc-parser/binding-linux-arm-gnueabihf': 0.81.0
-      '@oxc-parser/binding-linux-arm-musleabihf': 0.81.0
-      '@oxc-parser/binding-linux-arm64-gnu': 0.81.0
-      '@oxc-parser/binding-linux-arm64-musl': 0.81.0
-      '@oxc-parser/binding-linux-riscv64-gnu': 0.81.0
-      '@oxc-parser/binding-linux-s390x-gnu': 0.81.0
-      '@oxc-parser/binding-linux-x64-gnu': 0.81.0
-      '@oxc-parser/binding-linux-x64-musl': 0.81.0
-      '@oxc-parser/binding-wasm32-wasi': 0.81.0
-      '@oxc-parser/binding-win32-arm64-msvc': 0.81.0
-      '@oxc-parser/binding-win32-x64-msvc': 0.81.0
+      '@oxc-parser/binding-darwin-arm64': 0.70.0
+      '@oxc-parser/binding-darwin-x64': 0.70.0
+      '@oxc-parser/binding-freebsd-x64': 0.70.0
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.70.0
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.70.0
+      '@oxc-parser/binding-linux-arm64-gnu': 0.70.0
+      '@oxc-parser/binding-linux-arm64-musl': 0.70.0
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.70.0
+      '@oxc-parser/binding-linux-s390x-gnu': 0.70.0
+      '@oxc-parser/binding-linux-x64-gnu': 0.70.0
+      '@oxc-parser/binding-linux-x64-musl': 0.70.0
+      '@oxc-parser/binding-wasm32-wasi': 0.70.0
+      '@oxc-parser/binding-win32-arm64-msvc': 0.70.0
+      '@oxc-parser/binding-win32-x64-msvc': 0.70.0
 
   oxc-parser@0.86.0:
     dependencies:
@@ -8709,24 +8580,6 @@ snapshots:
       '@oxc-parser/binding-win32-arm64-msvc': 0.86.0
       '@oxc-parser/binding-win32-x64-msvc': 0.86.0
 
-  oxc-transform@0.81.0:
-    optionalDependencies:
-      '@oxc-transform/binding-android-arm64': 0.81.0
-      '@oxc-transform/binding-darwin-arm64': 0.81.0
-      '@oxc-transform/binding-darwin-x64': 0.81.0
-      '@oxc-transform/binding-freebsd-x64': 0.81.0
-      '@oxc-transform/binding-linux-arm-gnueabihf': 0.81.0
-      '@oxc-transform/binding-linux-arm-musleabihf': 0.81.0
-      '@oxc-transform/binding-linux-arm64-gnu': 0.81.0
-      '@oxc-transform/binding-linux-arm64-musl': 0.81.0
-      '@oxc-transform/binding-linux-riscv64-gnu': 0.81.0
-      '@oxc-transform/binding-linux-s390x-gnu': 0.81.0
-      '@oxc-transform/binding-linux-x64-gnu': 0.81.0
-      '@oxc-transform/binding-linux-x64-musl': 0.81.0
-      '@oxc-transform/binding-wasm32-wasi': 0.81.0
-      '@oxc-transform/binding-win32-arm64-msvc': 0.81.0
-      '@oxc-transform/binding-win32-x64-msvc': 0.81.0
-
   oxc-transform@0.86.0:
     optionalDependencies:
       '@oxc-transform/binding-android-arm64': 0.86.0
@@ -8745,12 +8598,6 @@ snapshots:
       '@oxc-transform/binding-win32-arm64-msvc': 0.86.0
       '@oxc-transform/binding-win32-x64-msvc': 0.86.0
 
-  oxc-walker@0.4.0(oxc-parser@0.81.0):
-    dependencies:
-      estree-walker: 3.0.3
-      magic-regexp: 0.10.0
-      oxc-parser: 0.81.0
-
   oxc-walker@0.4.0(oxc-parser@0.86.0):
     dependencies:
       estree-walker: 3.0.3
@@ -9636,19 +9483,19 @@ snapshots:
       pathe: 2.0.3
       picomatch: 4.0.3
 
-  unplugin-vue-router@0.14.0(@vue/compiler-sfc@3.5.21)(vue-router@4.5.1(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2)):
+  unplugin-vue-router@0.12.0(vue-router@4.5.1(vue@3.5.21(typescript@5.9.2)))(vue@3.5.21(typescript@5.9.2)):
     dependencies:
-      '@vue-macros/common': 3.0.0-beta.15(vue@3.5.21(typescript@5.9.2))
-      '@vue/compiler-sfc': 3.5.21
-      ast-walker-scope: 0.8.2
+      '@babel/types': 7.28.4
+      '@vue-macros/common': 1.16.1(vue@3.5.21(typescript@5.9.2))
+      ast-walker-scope: 0.6.2
       chokidar: 4.0.3
       fast-glob: 3.3.3
       json5: 2.2.3
       local-pkg: 1.1.2
       magic-string: 0.30.18
+      micromatch: 4.0.8
       mlly: 1.8.0
       pathe: 2.0.3
-      picomatch: 4.0.3
       scule: 1.3.0
       unplugin: 2.3.10
       unplugin-utils: 0.2.5
@@ -9905,10 +9752,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-i18n@11.1.12(vue@3.5.21(typescript@5.9.2)):
+  vue-i18n@10.0.8(vue@3.5.21(typescript@5.9.2)):
     dependencies:
-      '@intlify/core-base': 11.1.12
-      '@intlify/shared': 11.1.12
+      '@intlify/core-base': 10.0.8
+      '@intlify/shared': 10.0.8
       '@vue/devtools-api': 6.6.4
       vue: 3.5.21(typescript@5.9.2)
 
diff --git a/public/images/common/btn_logo-app.svg b/public/images/common/btn_launcher/btn_logo-app.svg
similarity index 100%
rename from public/images/common/btn_logo-app.svg
rename to public/images/common/btn_launcher/btn_logo-app.svg
diff --git a/public/images/common/btn_logo-google.svg b/public/images/common/btn_launcher/btn_logo-google.svg
similarity index 100%
rename from public/images/common/btn_logo-google.svg
rename to public/images/common/btn_launcher/btn_logo-google.svg
diff --git a/public/images/common/btn_logo-pc.svg b/public/images/common/btn_launcher/btn_logo-pc.svg
similarity index 100%
rename from public/images/common/btn_logo-pc.svg
rename to public/images/common/btn_launcher/btn_logo-pc.svg
diff --git a/public/images/common/btn_logo-stove.svg b/public/images/common/btn_launcher/btn_logo-stove.svg
similarity index 100%
rename from public/images/common/btn_logo-stove.svg
rename to public/images/common/btn_launcher/btn_logo-stove.svg
diff --git a/public/images/common/btn_system_arrow_next.png b/public/images/common/btn_system_arrow_next.png
deleted file mode 100644
index 9782f76..0000000
Binary files a/public/images/common/btn_system_arrow_next.png and /dev/null differ
diff --git a/public/images/common/btn_system_arrow_prev.png b/public/images/common/btn_system_arrow_prev.png
deleted file mode 100644
index 68cc5cb..0000000
Binary files a/public/images/common/btn_system_arrow_prev.png and /dev/null differ
diff --git a/public/images/common/grades_driver/Type-AMD.svg b/public/images/common/download_driver/Type-AMD.svg
similarity index 100%
rename from public/images/common/grades_driver/Type-AMD.svg
rename to public/images/common/download_driver/Type-AMD.svg
diff --git a/public/images/common/grades_driver/Type-DirectX.svg b/public/images/common/download_driver/Type-DirectX.svg
similarity index 100%
rename from public/images/common/grades_driver/Type-DirectX.svg
rename to public/images/common/download_driver/Type-DirectX.svg
diff --git a/public/images/common/grades_driver/Type-NVIDIA.svg b/public/images/common/download_driver/Type-NVIDIA.svg
similarity index 100%
rename from public/images/common/grades_driver/Type-NVIDIA.svg
rename to public/images/common/download_driver/Type-NVIDIA.svg
diff --git a/public/images/common/grades_driver/Type-Visual.svg b/public/images/common/download_driver/Type-Visual.svg
similarity index 100%
rename from public/images/common/grades_driver/Type-Visual.svg
rename to public/images/common/download_driver/Type-Visual.svg
diff --git a/public/images/common/grades_driver/Type-intel.svg b/public/images/common/download_driver/Type-intel.svg
similarity index 100%
rename from public/images/common/grades_driver/Type-intel.svg
rename to public/images/common/download_driver/Type-intel.svg
diff --git a/public/images/common/logo_smilegate.png b/public/images/common/logo_smilegate.png
index 2a408a4..a754e74 100644
Binary files a/public/images/common/logo_smilegate.png and b/public/images/common/logo_smilegate.png differ
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 17fe0c2..7dd19de 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -11,7 +11,6 @@ export default {
         md: '1024px', // PC: 1024px ~ 1439px
         lg: '1440px', // Large PC: 1440px+
       },
-      spacing: {},
       colors: {
         'theme-foreground': 'var(--foreground)',
         'theme-foreground-10': 'var(--foreground-10)',
@@ -26,6 +25,9 @@ export default {
         'theme-foreground-gray-750': 'var(--foreground-gray-750)',
         'theme-foreground-gray-500': 'var(--foreground-gray-500)',
       },
+      transitionTimingFunction: {
+        spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
+      },
     },
   },
 } satisfies Config