fix:bug

index.html

@@ -100,6 +100,14 @@
         color: #c3c5cd;
       }
 
+      .view-hint {
+        margin: 8px 0 0;
+        font-size: 12px;
+        line-height: 1.45;
+        color: #8b92a8;
+        max-width: 720px;
+      }
+
       .main {
         padding: 16px;
       }
@@ -124,6 +132,8 @@
       }
 
       .card {
+        content-visibility: auto;
+        contain-intrinsic-size: 300px 220px;
         border: 1px solid rgba(104, 129, 255, 0.35);
         border-radius: 12px;
         overflow: hidden;
@@ -294,6 +304,9 @@
           </div>
         </div>
         <div class="stats" id="stats">准备就绪</div>
+        <p class="view-hint">
+          列表默认仅显示首帧静态预览；鼠标悬停在卡片上时才会持续渲染动画。点击进入全屏仍为实时播放。
+        </p>
         <section id="preview-grid" class="preview-grid"></section>
       </main>
     </div>