update

src/components/GameSwiper.vue

@@ -21,7 +21,7 @@
           <div 
             class="carousel-track" 
             :style="{ 
-              transform: `translateX(calc(-${currentIndex * 104}% + ${currentIndex * 13.2}vw))`,
+              transform: `translateX(calc(-${currentIndex * 72 }vw))`,
               transition: isTransitioning ? 'transform 0.3s ease' : 'none'
             }"
           >
@@ -438,8 +438,9 @@ onUnmounted(() => {
   display: flex;
   flex-direction: row;
   width: 100%;
+  margin-left: 3vw;
   /* 20px 0 -> 5.33vw 0 */
-  padding: 5.33vw 0;
+  /* padding: 5.33vw 0; */
 }
 
 .carousel-slide {
@@ -455,7 +456,7 @@ onUnmounted(() => {
   width: calc(100% - 42.67vw);
 
   /* 0 20px -> 0 5.33vw */
-  margin: 0 5.33vw;
+  margin: 0 2vw;
 
   flex-shrink: 0;
   cursor: pointer;
@@ -534,13 +535,13 @@ onUnmounted(() => {
 
   .carousel-container {
     /* 0 10px -> 0 2.67vw */
-    padding: 0 2.67vw;
+    /* padding: 0 2.67vw; */
   }
 
   .carousel-slide {
     min-width: calc(100% - 12vw);
     width: calc(100% - 12vw);
-    margin: 0 2.67vw;
+    /* margin: 0 2.67vw; */
   }
 
   .carousel-track {