diff --git a/admin/dashboard/templates/base.html b/admin/dashboard/templates/base.html
index 95a8754..8c7c3a0 100644
--- a/admin/dashboard/templates/base.html
+++ b/admin/dashboard/templates/base.html
@@ -63,7 +63,7 @@
 
         .app-container {
             min-height: 100vh;
-            opacity: 1;
+            opacity: 0;
             transition: opacity .24s ease;
         }
 
@@ -1203,6 +1203,20 @@
     };
 </script>
 
+<script>
+    // 页面显示兜底逻辑：
+    // 1) 正常情况下由 Vue mounted 时给 .app-container 增加 loaded，页面平滑显示；
+    // 2) 若脚本中途报错导致 mounted 未执行，这里在 DOM 就绪后做一次延迟兜底，避免“整页空白”。
+    document.addEventListener('DOMContentLoaded', function() {
+        setTimeout(function() {
+            var app = document.querySelector('.app-container');
+            if (app && !app.classList.contains('loaded')) {
+                app.classList.add('loaded');
+            }
+        }, 1200);
+    });
+</script>
+
 {% block scripts %}{% endblock %}
 </body>
 </html>