diff --git a/dsRag/static/ai.html b/dsRag/static/ai.html
index 399e7287..4ed86872 100644
--- a/dsRag/static/ai.html
+++ b/dsRag/static/ai.html
@@ -259,8 +259,12 @@
 </div>
 
 <script>
-    // 禁用所有按钮
+    // 在页面加载时显示加载动画
     document.addEventListener('DOMContentLoaded', function () {
+        const answerArea = document.getElementById('answerArea');
+        answerArea.innerHTML = '<div class="loading-animation"><div class="spinner"></div><div>正在加载资源...</div></div>';
+        
+        // 禁用所有按钮
         const buttons = document.querySelectorAll('button');
         buttons.forEach(btn => btn.disabled = true);
     });
@@ -277,7 +281,10 @@
             pageReady: () => {
                 return MathJax.startup.defaultPageReady().then(() => {
                     console.log('MathJax initialized');
-                    // 启用所有按钮
+                    // 移除加载动画并启用所有按钮
+                    const answerArea = document.getElementById('answerArea');
+                    answerArea.innerHTML = '<div style="color:#666; padding:20px; text-align:center;"><p>请在下方输入您的问题，答案将在此处显示</p><p>您也可以点击"示例问题"快速体验</p></div>';
+                    
                     const buttons = document.querySelectorAll('button');
                     buttons.forEach(btn => btn.disabled = false);
                     return MathJax.typesetPromise();