fix(ui): correct cursor position in LlmQuickStartDemo and adjust image width

README.md

@@ -71,7 +71,7 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1：
 ### 📖 内容导航
 
 <div align="center">
-  <img src="assets/readme-image1.png" alt="Learning Map" width="100%" style="border-radius: 10px; box-shadow: 0 8px 20px rgba(45,55,72,0.3); margin: 15px 0;"/>
+  <img src="assets/readme-image1.png" alt="Learning Map" width="70%" style="border-radius: 10px; box-shadow: 0 8px 20px rgba(45,55,72,0.3); margin: 15px 0;"/>
 </div>
 
 ### 总附录

docs/.vitepress/theme/components/appendix/llm-intro/LlmQuickStartDemo.vue

@@ -26,12 +26,17 @@
               {{ msg.content }}
             </div>
             <div v-else class="assistant-content">
-              <pre v-if="msg.isCode"><code>{{ msg.content }}</code></pre>
-              <div v-else>{{ msg.content }}</div>
-            </div>
-            <span
+              <pre v-if="msg.isCode"><code>{{ msg.content }}<span
+                v-if="
+                  isGenerating &&
+                  index === messages.length - 1
+                "
+                class="cursor"
+                >|</span
+              ></code></pre>
+              <div v-else>
+                {{ msg.content }}<span
                   v-if="
-                msg.role === 'assistant' &&
                     isGenerating &&
                     index === messages.length - 1
                   "
@@ -42,6 +47,8 @@
             </div>
           </div>
         </div>
+      </div>
+    </div>
 
     <div class="input-area">
       <div class="quick-actions" v-if="!isGenerating">
@@ -257,6 +264,7 @@ const scrollToBottom = () => {
   line-height: 1.6;
   position: relative;
   word-wrap: break-word;
+  white-space: pre-wrap;
 }
 
 .message.user .content {