diff --git a/vite-tailwindcss/src/components/PhotoGallery.vue b/vite-tailwindcss/src/components/PhotoGallery.vue
index 951a12c..db085c4 100644
--- a/vite-tailwindcss/src/components/PhotoGallery.vue
+++ b/vite-tailwindcss/src/components/PhotoGallery.vue
@@ -38,7 +38,7 @@
       </div>
     </div>
 
-    <!-- 九宫格：全入视口 activate 后再挂载/加载，播方向性 v-reveal -->
+    <!-- 九宫格：未 activate 用透明占位撑布局；全入后再挂载真图 + 方向性 v-reveal -->
     <div v-else-if="page.type === 'nine-grid'" ref="nineGridRef" class="nine-grid grid grid-cols-3 gap-1.5 px-4 mt-6">
       <template v-if="activate">
         <div v-for="(img, imgIdx) in page.images" :key="imgIdx"
@@ -221,8 +221,13 @@ function getRevealConfig(imgIdx) {
   backface-visibility: hidden;
 }
 .nine-grid-img:hover { transform: translateZ(0) scale(1.03); }
+/* 透明占位：占满格子尺寸但不露灰底，避免 activate 时布局跳动 */
 .nine-grid-placeholder {
-  background: rgba(247, 246, 242, 0.85);
+  visibility: hidden;
+  pointer-events: none;
+  background: transparent;
+  border: none;
+  box-shadow: none;
 }
 
 .overlap-wrap { height: clamp(320px, 54vh, 460px); }