diff --git a/backend/src/main/java/com/zl/mjga/controller/AiController.java b/backend/src/main/java/com/zl/mjga/controller/AiController.java
index e8be636..d641e04 100644
--- a/backend/src/main/java/com/zl/mjga/controller/AiController.java
+++ b/backend/src/main/java/com/zl/mjga/controller/AiController.java
@@ -23,7 +23,7 @@ public class AiController {
   public Flux<String> chat(Principal principal, @RequestBody String userMessage) {
     Sinks.Many<String> sink = Sinks.many().unicast().onBackpressureBuffer();
     TokenStream chat = deepSeekAiService.chat(principal.getName(), userMessage);
-    chat.onPartialResponse(sink::tryEmitNext)
+    chat.onPartialResponse(text -> sink.tryEmitNext(text.replace(" ", "␣").replace("\t", "⇥")))
         .onCompleteResponse(
             r -> {
               sink.tryEmitComplete();
diff --git a/frontend/src/views/AiChatView.vue b/frontend/src/views/AiChatView.vue
index 3f7b92b..d1bd58c 100644
--- a/frontend/src/views/AiChatView.vue
+++ b/frontend/src/views/AiChatView.vue
@@ -23,8 +23,7 @@
         <div class="px-4 py-2 bg-white rounded-t-lg ">
           <label for="comment" class="sr-only"></label>
           <textarea id="comment" rows="3" v-model="inputMessage"
-            class="w-full px-0 text-gray-900 bg-white border-0  focus:ring-0  "
-            placeholder="发送消息" required></textarea>
+            class="w-full px-0 text-gray-900 bg-white border-0  focus:ring-0  " placeholder="发送消息" required></textarea>
         </div>
         <div class="flex items-center justify-between px-3 py-2 border-t  border-gray-200">
           <Button :abortable="true" :isLoading="isLoading" :loadingContent="'中止'" :submitContent="'发送'"
@@ -80,10 +79,21 @@ marked.setOptions({
 
 const renderMarkdown = (content: string) => {
   if (!content) return '';
-  const rawHtml = marked(content);
+  
+  // 替换所有空白占位符（包括前后端约定的特殊字符）
+  const restoredContent = content
+    .replace(/␣/g, ' ')    // 普通空格
+    .replace(/⇥/g, '\t')   // 制表符
+    .replace(/␤/g, '\n');  // 如果后端也处理了换行符
+  
+  // 处理Markdown中的代码块缩进
+  const processedContent = restoredContent
+    .replace(/^(\s*)(`{3,})/gm, '$1$2') // 保留代码块前的空格
+    .replace(/(\s+)`/g, '$1`');         // 保留代码内联前的空格
+
+  const rawHtml = marked(processedContent);
   return DOMPurify.sanitize(rawHtml as string);
 };
-
 const chatElements = computed(() => {
 	return messages.value.map((message, index) => {
 		return {
@@ -158,4 +168,13 @@ onUnmounted(() => {
 .markdown-body {
   background: transparent !important;
 }
+
+.markdown-body pre code {
+  white-space: pre !important;
+  tab-size: 2;
+}
+
+.markdown-body p {
+  white-space: pre-wrap;
+}
 </style>