From d3e4ae3688e53c6a158b12cc5933cf54d8aac441 Mon Sep 17 00:00:00 2001
From: chantouRichard <2897167455@qq.com>
Date: Thu, 5 Jun 2025 13:21:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/impl/WxReviewServiceImpl.class    | Bin 9247 -> 9092 bytes
 Debate_front/src/components/ArgumentCom.vue   |  93 ++-
 Debate_front/src/components/DebateCom.vue     | 695 ++++++++++++++----
 Debate_front/src/components/ReviewCom.vue     | 476 ++++++++++--
 Debate_front/src/pages/login/index.vue        |   2 +-
 5 files changed, 1066 insertions(+), 200 deletions(-)

diff --git a/Debate_backend/target/classes/com/learning/newdemo/service/impl/WxReviewServiceImpl.class b/Debate_backend/target/classes/com/learning/newdemo/service/impl/WxReviewServiceImpl.class
index f17efdb4e486fa97d5b3b6c36255abb4a782fc61..6cb3ba0df15ac8c3d751ce1d5161ec7f236a81eb 100644
GIT binary patch
literal 9092
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
Y(~1!LUtxP*UgR%7doRf=@+yM=2Qy<G*Z=?k

literal 9247
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
O_+gG;<JbAC<o|!!S1xY=

diff --git a/Debate_front/src/components/ArgumentCom.vue b/Debate_front/src/components/ArgumentCom.vue
index a6eb4b2..a6681de 100644
--- a/Debate_front/src/components/ArgumentCom.vue
+++ b/Debate_front/src/components/ArgumentCom.vue
@@ -71,7 +71,11 @@
           </block>
           <block v-else>
             <text class="typewriter" v-if="msg.role === 'ai' && msg.typing">{{ msg.displayContent }}</text>
-            <text v-else>{{ msg.content }}</text>
+            <rich-text
+              v-else
+              :nodes="parseMarkdown(msg.content)"
+              class="markdown-content"
+            ></rich-text>
           </block>
         </view>
         <view class="avatar user-avatar" v-if="msg.role === 'user'">我</view>
@@ -145,6 +149,8 @@ import { useArgumentStore } from "../stores/ArgumentStore";
 import { useTokenStore } from "../stores/tokenStore";
 import Popup from "./Popup.vue";
 import ConversationHistory from "./ConversationHistory.vue";
+import { marked } from "marked";
+
 
 export default {
   components: { Popup, ConversationHistory },
@@ -404,7 +410,11 @@ export default {
                 this.getHistoryList();
                 useArgumentStore().setConversationId(this.conversationId);
               }
-              resolve(responseData.content);
+              // 去除 review 字段中的反引号再返回
+              const cleanedArgument =
+                responseData.content?.replace(/`/g, "") || "";
+
+              resolve(cleanedArgument);
             } else {
               reject("请求失败：" + (res.data.message || "未知错误"));
             }
@@ -446,6 +456,83 @@ export default {
 </script>
 
 <style scoped>
+/* 添加 Markdown 内容的基础样式 */
+.markdown-content {
+  width: 100%; /* 确保宽度不超出容器 */
+  overflow: hidden; /* 隐藏溢出内容 */
+  overflow-wrap: break-word;
+
+  overflow-y: auto;
+  overflow-x: auto;
+}
+
+/* 标题样式 */
+.markdown-content h1,
+.markdown-content h2,
+.markdown-content h3,
+.markdown-content h4,
+.markdown-content h5,
+.markdown-content h6 {
+  margin: 16rpx 0;
+  font-weight: bold;
+}
+
+.markdown-content h1 {
+  font-size: 36rpx;
+}
+
+.markdown-content h2 {
+  font-size: 32rpx;
+}
+
+/* 列表样式 */
+.markdown-content ul,
+.markdown-content ol {
+  padding-left: 40rpx;
+  margin: 12rpx 0;
+}
+
+.markdown-content li {
+  margin: 8rpx 0;
+}
+
+/* 代码块样式 */
+.markdown-content a {
+  word-break: break-all; /* 长链接强制换行 */
+}
+.markdown-content pre {
+  white-space: pre-wrap; /* 保留空格但换行 */
+  word-break: break-all; /* 允许任意字符换行 */
+  overflow-wrap: break-word; /* 优先在单词间换行 */
+  background: rgba(0, 0, 0, 1);
+  padding: 12rpx;
+  border-radius: 8rpx;
+}
+
+/* 引用样式 */
+.markdown-content blockquote {
+  border-left: 4rpx solid #f59e0b;
+  padding-left: 20rpx;
+  margin: 16rpx 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* 表格样式 */
+.markdown-content table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 16rpx 0;
+}
+
+.markdown-content th,
+.markdown-content td {
+  border: 1rpx solid rgba(255, 255, 255, 0.2);
+  padding: 12rpx;
+}
+
+.markdown-content th {
+  background-color: rgba(255, 255, 255, 0.1);
+}
 .argument-component {
   width: 100%;
   height: 100vh;
@@ -696,7 +783,7 @@ export default {
 }
 
 .fullscreen-toggle-button {
-  position: absolute;
+  position: fixed;
   right: 10rpx;
   top: 50%;
   transform: translateY(-50%) scale(1);
diff --git a/Debate_front/src/components/DebateCom.vue b/Debate_front/src/components/DebateCom.vue
index 016d2f6..311779f 100644
--- a/Debate_front/src/components/DebateCom.vue
+++ b/Debate_front/src/components/DebateCom.vue
@@ -2,7 +2,12 @@
   <view class="debate-component">
     <!-- 动态背景元素 -->
     <view class="animated-bg">
-      <view v-for="i in 6" :key="i" class="bg-circle" :style="getRandomCircleStyle()"></view>
+      <view
+        v-for="i in 6"
+        :key="i"
+        class="bg-circle"
+        :style="getRandomCircleStyle()"
+      ></view>
     </view>
 
     <!-- 顶部卡片 - 可收缩 -->
@@ -10,12 +15,17 @@
       <view class="card-header" @click="toggleCard">
         <view class="card-icon-wrapper">
           <view class="card-icon">
-            <image src="/static/icons/robot-2-line.png" mode="aspectFit"></image>
+            <image
+              src="/static/icons/robot-2-line.png"
+              mode="aspectFit"
+            ></image>
           </view>
         </view>
         <view class="card-text">
           <view class="card-title">模拟辩论</view>
-          <view class="card-content" v-if="!isCardCollapsed">与AI进行实时辩论对练，提升应变能力</view>
+          <view class="card-content" v-if="!isCardCollapsed"
+            >与AI进行实时辩论对练，提升应变能力</view
+          >
         </view>
         <view class="card-icon-wrapper">
           <view class="card-icon" @click.stop="showHistory = true">
@@ -23,10 +33,14 @@
           </view>
         </view>
         <view class="collapse-icon">
-          <image :src="isCardCollapsed
-            ? '/static/icons/arrow-down-s-line.png'
-            : '/static/icons/arrow-up-s-line.png'
-            " mode="aspectFit"></image>
+          <image
+            :src="
+              isCardCollapsed
+                ? '/static/icons/arrow-down-s-line.png'
+                : '/static/icons/arrow-up-s-line.png'
+            "
+            mode="aspectFit"
+          ></image>
         </view>
       </view>
     </view>
@@ -34,17 +48,35 @@
     <!-- 辩论主题选择器 -->
     <view class="topic-selector" v-if="!isCardCollapsed">
       <scroll-view scroll-x class="topic-scroll" show-scrollbar="false">
-        <view v-for="(topic, idx) in debateTopics" :key="idx" :class="['topic-pill', { active: selectedTopic === idx }]"
-          @click="selectTopic(idx)">
+        <view
+          v-for="(topic, idx) in debateTopics"
+          :key="idx"
+          :class="['topic-pill', { active: selectedTopic === idx }]"
+          @click="selectTopic(idx)"
+        >
           {{ topic }}
         </view>
       </scroll-view>
     </view>
 
     <!-- 聊天展示区 -->
-    <scroll-view class="chat-area" scroll-y :scroll-into-view="scrollToView" scroll-with-animation>
-      <view v-for="(msg, index) in messages" :key="index" :id="'msg' + index" class="chat-message"
-        :class="msg.role === 'user' ? 'from-user' : 'from-ai'" @longpress="onLongPress()">
+    <scroll-view
+      class="chat-area"
+      scroll-y
+      :scroll-into-view="scrollToView"
+      scroll-with-animation
+      :class="{ 'fullscreen-chat': isChatFullscreen }"
+      @transitionend="handleTransitionEnd"
+      :style="{ height: chatAreaHeight }"
+    >
+      <view
+        v-for="(msg, index) in messages"
+        :key="index"
+        :id="'msg' + index"
+        class="chat-message"
+        :class="msg.role === 'user' ? 'from-user' : 'from-ai'"
+        @longpress="onLongPress(msg, index)"
+      >
         <view class="avatar" v-if="msg.role === 'ai'">AI</view>
         <view class="bubble">
           <block v-if="msg.loading">
@@ -55,17 +87,42 @@
             </view>
           </block>
           <block v-else>
-            {{ msg.content }}
+            <text class="typewriter" v-if="msg.role === 'ai' && msg.typing">{{
+              msg.displayContent
+            }}</text>
+            <rich-text
+              v-else
+              :nodes="parseMarkdown(msg.content)"
+              class="markdown-content"
+            ></rich-text>
           </block>
         </view>
         <view class="avatar user-avatar" v-if="msg.role === 'user'">我</view>
       </view>
+      <!-- 全屏按钮 -->
+      <view class="fullscreen-toggle-button" @click="toggleFullscreen">
+        <image
+          :src="
+            isChatFullscreen
+              ? '/static/icons/fullscreen-exit-line.png'
+              : '/static/icons/fullscreen-line.png'
+          "
+          mode="aspectFit"
+        ></image>
+      </view>
     </scroll-view>
 
     <!-- 轮数选择与进度条区域 -->
-    <view class="rounds-control" :class="{ 'rounds-selected': debateRounds > 0 }">
+    <view
+      class="rounds-control"
+      :class="{ 'rounds-selected': debateRounds > 0 }"
+    >
       <!-- 未选择轮数时，显示选择按钮 -->
-      <view v-if="roundsSelected === false" class="select-rounds-btn" @click="showRoundsPopup = true">
+      <view
+        v-if="roundsSelected === false"
+        class="select-rounds-btn"
+        @click="showRoundsPopup = true"
+      >
         <image src="/static/icons/repeat-line.png" mode="aspectFit"></image>
         <text>选择辩论轮数</text>
       </view>
@@ -78,25 +135,52 @@
         </view>
         <view class="progress-container">
           <view class="progress-bar">
-            <view class="progress-inner" :style="{ width: progressPercentage + '%' }"></view>
+            <view
+              class="progress-inner"
+              :style="{ width: progressPercentage + '%' }"
+            ></view>
           </view>
-          <view class="rounds-counter">{{ currentRound }}/{{ debateRounds }}</view>
+          <view class="rounds-counter"
+            >{{ currentRound }}/{{ debateRounds }}</view
+          >
           <!-- 添加复盘按钮 -->
-          <view v-if="showReviewButton" class="review-button" @click="showReviewModal">
-            <image src="/static/icons/file-chart-line.png" mode="aspectFit"></image>
+          <view
+            v-if="showReviewButton"
+            class="review-button"
+            @click="showReviewModal"
+          >
+            <image
+              src="/static/icons/file-chart-line.png"
+              mode="aspectFit"
+            ></image>
           </view>
         </view>
       </view>
     </view>
 
     <!-- 输入框与发送按钮 -->
-    <view class="chat-input">
+    <view
+      class="chat-input"
+      :class="{ 'fullscreen-input': isChatFullscreen }"
+      :style="{ bottom: inputBottom }"
+    >
       <view class="input-group">
-        <view class="textarea-container">
-          <textarea class="textarea-box" v-model="content" placeholder="输入你的辩论观点，与AI进行思辨交锋" auto-height
-            maxlength="1000" />
-          <button class="send-button-embedded" @click="sendMessage()">
-            <image src="/static/icons/send-plane-fill.png" mode="aspectFit"></image>
+        <view class="textarea-wrapper">
+          <textarea
+            class="textarea-box"
+            v-model="question"
+            placeholder="输入你的辩论观点，与AI进行思辨交锋"
+            placeholder-style="color: #ffffff; font-size: 28rpx;"
+            auto-height
+            maxlength="1000"
+            @focus="onInputFocus"
+            @blur="onInputBlur"
+          />
+          <button class="send-button" @click="sendMessage()">
+            <image
+              src="/static/icons/send-plane-fill.png"
+              mode="aspectFit"
+            ></image>
           </button>
         </view>
       </view>
@@ -105,11 +189,20 @@
     <!-- 底部安全区域 -->
     <view class="safe-area-bottom"></view>
 
-    <Popup :visible="showSheet" buttonText="开始复盘" buttonIcon="🧠" @close="showSheet = false"
-      @click="handleSheetClick" />
+    <Popup
+      :visible="showSheet"
+      buttonText="开始复盘"
+      buttonIcon="🧠"
+      @close="showSheet = false"
+      @click="handleSheetClick"
+    />
 
     <!-- 轮数选择弹窗 -->
-    <view v-if="showRoundsPopup" class="rounds-popup-mask" @click="showRoundsPopup = false">
+    <view
+      v-if="showRoundsPopup"
+      class="rounds-popup-mask"
+      @click="showRoundsPopup = false"
+    >
       <view class="rounds-popup" @click.stop>
         <view class="popup-header">
           <view class="popup-title">选择辩论轮数</view>
@@ -119,14 +212,22 @@
         </view>
 
         <view class="rounds-options">
-          <view class="round-option" :class="{ selected: selectedOption === 1 }" @click="selectRounds(1)">
+          <view
+            class="round-option"
+            :class="{ selected: selectedOption === 1 }"
+            @click="selectRounds(1)"
+          >
             <view class="option-icon">⚡</view>
             <view class="option-text">
               <view class="option-title">快速交锋</view>
               <view class="option-desc">10回合 · 适合快速练习</view>
             </view>
           </view>
-          <view class="round-option" :class="{ selected: selectedOption === 2 }" @click="selectRounds(2)">
+          <view
+            class="round-option"
+            :class="{ selected: selectedOption === 2 }"
+            @click="selectRounds(2)"
+          >
             <view class="option-icon">🔍</view>
             <view class="option-text">
               <view class="option-title">深度辩论</view>
@@ -135,12 +236,18 @@
           </view>
         </view>
 
-        <button class="confirm-button-selectRounds" @click="confirmRounds">开始辩论</button>
+        <button class="confirm-button-selectRounds" @click="confirmRounds">
+          开始辩论
+        </button>
       </view>
     </view>
 
     <!-- 复盘确认弹窗 -->
-    <view v-if="showReviewConfirm" class="review-confirm-mask" @click="showReviewConfirm = false">
+    <view
+      v-if="showReviewConfirm"
+      class="review-confirm-mask"
+      @click="showReviewConfirm = false"
+    >
       <view class="review-confirm-popup" @click.stop>
         <view class="popup-header">
           <view class="popup-title">辩论完成</view>
@@ -149,15 +256,24 @@
           <text>辩论已完成{{ debateRounds }}回合，是否立即进行复盘分析？</text>
         </view>
         <view class="popup-buttons">
-          <button class="cancel-button" @click="showReviewConfirm = false">稍后再说</button>
-          <button class="confirm-button-gotoReview" @click="startReview">立即复盘</button>
+          <button class="cancel-button" @click="showReviewConfirm = false">
+            稍后再说
+          </button>
+          <button class="confirm-button-gotoReview" @click="startReview">
+            立即复盘
+          </button>
         </view>
       </view>
     </view>
 
-
-    <ConversationHistory :visible="showHistory" :history-list="chatHistory" :type="1"
-      @update:visible="showHistory = $event" @select="handleSelect" @createNew="createNew" />
+    <ConversationHistory
+      :visible="showHistory"
+      :history-list="chatHistory"
+      :type="1"
+      @update:visible="showHistory = $event"
+      @select="handleSelect"
+      @createNew="createNew"
+    />
   </view>
 </template>
 
@@ -167,6 +283,8 @@ import { useDebateStore } from "../stores/DebateStore";
 import Popup from "./Popup.vue";
 import ConversationHistory from "./ConversationHistory.vue";
 import { useTokenStore } from "../stores/tokenStore";
+import { marked } from "marked";
+
 
 export default {
   components: { Popup, ConversationHistory },
@@ -179,7 +297,8 @@ export default {
   mounted() {
     const pinia = this.$pinia;
     const store = useArgumentStore(pinia);
-    if (store.selectedArgument.content) this.content = store.selectedArgument.content;
+    if (store.selectedArgument.content)
+      this.content = store.selectedArgument.content;
 
     this.getHistoryList();
     this.conversationId = useDebateStore().conversationId;
@@ -189,6 +308,10 @@ export default {
 
     // 页面加载时显示轮数选择弹窗
     this.showRoundsPopup = true;
+
+    this.calculateChatAreaHeight();
+    this.systemInfo = uni.getSystemInfoSync();
+    this.tabBarHeight = this.systemInfo.platform === "ios" ? 100 : 80;
   },
 
   data() {
@@ -225,12 +348,29 @@ export default {
       roundsSelected: false, // 是否已选择轮数
       debateRounds: 0, // 辩论轮数
       currentRound: 0, // 当前轮数
-      selectedOption: 0,  // 选中的轮数选项
-
-      showReviewConfirm: false,// 控制复盘确认弹窗
-      showReviewButton: false,// 控制是否显示复盘按钮
+      selectedOption: 0, // 选中的轮数选项
+
+      showReviewConfirm: false, // 控制复盘确认弹窗
+      showReviewButton: false, // 控制是否显示复盘按钮
+
+      tabBarHeight: 100, // 假设 tab bar 高度为 100rpx，可根据实际调整
+      isChatFullscreen: false,
+      isTransitioning: false,
+      inputBottom: "100rpx", // 默认高度，避免与TabBar重叠
+      keyboardHeight: 0,
+      chatAreaHeight: "calc(100vh - 400rpx)",
+      systemInfo: null,
     };
   },
+  onLoad() {
+    uni.onKeyboardHeightChange((res) => {
+      this.keyboardHeight = res.height;
+      this.adjustLayout();
+    });
+  },
+  onUnload() {
+    uni.offKeyboardHeightChange();
+  },
 
   computed: {
     // 计算进度条的百分比
@@ -249,10 +389,96 @@ export default {
           this.showReviewConfirm = true;
         }, 1000);
       }
-    }
+    },
   },
 
   methods: {
+    calculateChatAreaHeight() {
+      // 计算聊天区域高度，留出顶部卡片和输入框的空间
+      const cardHeight = this.isCardCollapsed ? 120 : 180;
+      const inputHeight = 200;
+      const safeArea = this.systemInfo?.safeAreaInsets?.bottom || 0;
+      this.chatAreaHeight = `calc(100vh - ${
+        cardHeight + inputHeight + safeArea
+      }rpx)`;
+    },
+    adjustLayout() {
+      if (this.keyboardHeight > 0) {
+        // 键盘弹出时
+        this.inputBottom = `${this.keyboardHeight * 2 + this.tabBarHeight}rpx`;
+        this.chatAreaHeight = `calc(100vh - 300rpx - ${
+          this.keyboardHeight * 2
+        }rpx)`;
+      } else {
+        // 键盘收起时
+        this.inputBottom = `${this.tabBarHeight}rpx`;
+        this.calculateChatAreaHeight();
+      }
+      this.scrollToBottom();
+    },
+    toggleFullscreen() {
+      if (this.isTransitioning) return;
+      this.isTransitioning = true;
+      this.isChatFullscreen = !this.isChatFullscreen;
+      this.adjustLayout();
+    },
+    handleTransitionEnd() {
+      this.isTransitioning = false;
+    },
+    onInputFocus() {
+      this.scrollToBottom();
+    },
+    onInputBlur() {
+      // 延迟处理，避免在点击发送按钮时立即收起键盘
+      setTimeout(() => {
+        if (!this.isChatFullscreen) {
+          this.adjustLayout();
+        }
+      }, 200);
+    },
+    toggleFullscreen() {
+      if (this.isTransitioning) return;
+      this.isTransitioning = true;
+      this.isChatFullscreen = !this.isChatFullscreen;
+    },
+    handleTransitionEnd() {
+      this.isTransitioning = false;
+    },
+    onInputFocus() {
+      // 输入框聚焦时确保滚动到可见区域
+      this.scrollToBottom();
+    },
+    onInputBlur() {
+      // 输入框失焦时恢复默认底部距离
+      this.inputBottom = this.tabBarHeight;
+    },
+    typeMessage(index, fullText) {
+      let currentLength = 0;
+      const speed = 50;
+      const type = () => {
+        if (currentLength <= fullText.length) {
+          this.messages[index].displayContent = fullText.slice(
+            0,
+            currentLength
+          );
+          currentLength++;
+          setTimeout(type, speed);
+        } else {
+          this.messages[index].typing = false;
+          this.scrollToBottom();
+        }
+      };
+      type();
+    },
+    parseMarkdown(markdown) {
+      // 简单转换
+      let html = marked(markdown || "");
+
+      // 基础安全处理（可选）
+      html = html.replace(/<script.*?>.*?<\/script>/gi, "");
+
+      return html;
+    },
     async getHistoryList() {
       return new Promise((resolve, reject) => {
         const token = useTokenStore().token.content;
@@ -328,11 +554,11 @@ export default {
               for (let item of res.data.data) {
                 this.messages.push({
                   role: "user",
-                  content: item.userMessage
+                  content: item.userMessage,
                 });
                 this.messages.push({
                   role: "ai",
-                  content: item.content
+                  content: item.content,
                 });
               }
               useDebateStore().setConversation(this.messages);
@@ -377,6 +603,7 @@ export default {
     // 切换卡片展开/收缩状态
     toggleCard() {
       this.isCardCollapsed = !this.isCardCollapsed;
+      this.calculateChatAreaHeight();
     },
 
     // 生成随机背景圆圈样式
@@ -482,7 +709,7 @@ export default {
           role: "ai",
           content: `本轮辩论已完成（${this.debateRounds}回合）。您可以点击消息进行复盘分析。`,
         });
-      };
+      }
 
       if (this.currentRound >= this.debateRounds) {
         // 显示复盘按钮
@@ -557,9 +784,9 @@ export default {
     confirmRounds() {
       if (this.selectedOption === 0) {
         uni.showToast({
-          title: '请选择轮数',
-          icon: 'none',
-          duration: 2000
+          title: "请选择轮数",
+          icon: "none",
+          duration: 2000,
         });
         return;
       }
@@ -567,9 +794,9 @@ export default {
       // 已选择轮数
       if (this.roundsSelected) {
         uni.showToast({
-          title: '已选择轮数',
-          icon: 'none',
-          duration: 2000
+          title: "已选择轮数",
+          icon: "none",
+          duration: 2000,
         });
         return;
       }
@@ -587,10 +814,12 @@ export default {
       this.showReviewConfirm = false;
 
       // 更新系统信息
-      this.message = [{
-        role: 'ai',
-        content: `已选择 ${this.debateRounds} 回合辩论！请分享你的观点，我们开始吧！`
-      }];
+      this.message = [
+        {
+          role: "ai",
+          content: `已选择 ${this.debateRounds} 回合辩论！请分享你的观点，我们开始吧！`,
+        },
+      ];
       this.scrollToBottom();
     },
 
@@ -628,6 +857,100 @@ export default {
 </script>
 
 <style scoped>
+.fullscreen-toggle-button {
+  position: absolute;
+  right: 10rpx;
+  top: 50%;
+  transform: translateY(-50%) scale(1);
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 50%;
+  cursor: pointer;
+  z-index: 1000;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+  transition: transform 0.3s ease;
+}
+/* 添加 Markdown 内容的基础样式 */
+.markdown-content {
+  width: 100%; /* 确保宽度不超出容器 */
+  overflow: hidden; /* 隐藏溢出内容 */
+  overflow-wrap: break-word;
+
+  overflow-y: auto;
+  overflow-x: auto;
+}
+
+/* 标题样式 */
+.markdown-content h1,
+.markdown-content h2,
+.markdown-content h3,
+.markdown-content h4,
+.markdown-content h5,
+.markdown-content h6 {
+  margin: 16rpx 0;
+  font-weight: bold;
+}
+
+.markdown-content h1 {
+  font-size: 36rpx;
+}
+
+.markdown-content h2 {
+  font-size: 32rpx;
+}
+
+/* 列表样式 */
+.markdown-content ul,
+.markdown-content ol {
+  padding-left: 40rpx;
+  margin: 12rpx 0;
+}
+
+.markdown-content li {
+  margin: 8rpx 0;
+}
+
+/* 代码块样式 */
+.markdown-content a {
+  word-break: break-all; /* 长链接强制换行 */
+}
+.markdown-content pre {
+  white-space: pre-wrap; /* 保留空格但换行 */
+  word-break: break-all; /* 允许任意字符换行 */
+  overflow-wrap: break-word; /* 优先在单词间换行 */
+  background: rgba(0, 0, 0, 1);
+  padding: 12rpx;
+  border-radius: 8rpx;
+}
+
+/* 引用样式 */
+.markdown-content blockquote {
+  border-left: 4rpx solid #f59e0b;
+  padding-left: 20rpx;
+  margin: 16rpx 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* 表格样式 */
+.markdown-content table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 16rpx 0;
+}
+
+.markdown-content th,
+.markdown-content td {
+  border: 1rpx solid rgba(255, 255, 255, 0.2);
+  padding: 12rpx;
+}
+
+.markdown-content th {
+  background-color: rgba(255, 255, 255, 0.1);
+}
 .debate-component {
   width: 100%;
   height: 100vh;
@@ -656,9 +979,11 @@ export default {
 .bg-circle {
   position: absolute;
   border-radius: 50%;
-  background: linear-gradient(135deg,
-      rgba(255, 255, 255, 0.05),
-      rgba(255, 255, 255, 0.02));
+  background: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.05),
+    rgba(255, 255, 255, 0.02)
+  );
   animation: float 20s infinite ease-in-out;
   opacity: 0.4;
   /* 添加过渡效果 */
@@ -666,7 +991,6 @@ export default {
 }
 
 @keyframes float {
-
   0%,
   100% {
     transform: translate(0, 0) scale(1);
@@ -769,10 +1093,12 @@ export default {
   left: -50%;
   width: 200%;
   height: 200%;
-  background: linear-gradient(to bottom right,
-      rgba(255, 255, 255, 0) 0%,
-      rgba(255, 255, 255, 0.1) 50%,
-      rgba(255, 255, 255, 0) 100%);
+  background: linear-gradient(
+    to bottom right,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 255, 255, 0.1) 50%,
+    rgba(255, 255, 255, 0) 100%
+  );
   transform: rotate(45deg);
   animation: shine 3s infinite;
 }
@@ -860,19 +1186,91 @@ export default {
   border-color: #f59e0b;
 }
 
-/* 聊天区域 */
 .chat-area {
   flex: 1;
   width: 100%;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 28rpx;
   padding: 30rpx;
-  margin-bottom: 30rpx;
+  margin-bottom: 0rpx;
   overflow-y: auto;
   border: 1px solid rgba(255, 255, 255, 0.15);
   position: relative;
   z-index: 1;
-  transition: all 0.3s ease;
+  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  transform-origin: top;
+}
+
+.chat-area.fullscreen-chat {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: calc(100vh - 300rpx - env(safe-area-inset-bottom));
+  padding: 30rpx;
+  border-radius: 0;
+  z-index: 999;
+  background: linear-gradient(135deg, #4338ca 0%, #7c3aed 100%);
+  transform: scale(1);
+  animation: expand 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes expand {
+  0% {
+    transform: scale(0.95);
+    opacity: 0.8;
+    border-radius: 28rpx;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    border-radius: 0;
+  }
+}
+
+.chat-area:not(.fullscreen-chat) {
+  animation: collapse 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes collapse {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+    border-radius: 0;
+  }
+  100% {
+    transform: scale(0.95);
+    opacity: 0.8;
+    border-radius: 28rpx;
+  }
+}
+
+.fullscreen-toggle-button {
+  position: fixed;
+  right: 10rpx;
+  top: 50%;
+  transform: translateY(-50%) scale(1);
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 50%;
+  cursor: pointer;
+  z-index: 1000;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+  transition: transform 0.3s ease;
+}
+
+.fullscreen-toggle-button:active {
+  transform: translateY(-50%) scale(0.9);
+}
+
+.fullscreen-toggle-button image {
+  width: 36rpx;
+  height: 36rpx;
+  filter: brightness(0) invert(1);
 }
 
 /* 消息通用样式 */
@@ -881,6 +1279,8 @@ export default {
   margin-bottom: 30rpx;
   align-items: flex-start;
   animation: fadeIn 0.5s ease-out;
+
+  overflow-x: auto;
 }
 
 @keyframes fadeIn {
@@ -958,6 +1358,11 @@ export default {
   transition: all 0.3s ease;
   /* 添加过渡效果 */
 }
+.typewriter {
+  display: inline-block;
+  overflow: hidden;
+  white-space: pre-wrap;
+}
 
 .from-ai .bubble {
   background: rgba(255, 255, 255, 0.2);
@@ -1005,7 +1410,6 @@ export default {
 }
 
 @keyframes bounce {
-
   0%,
   80%,
   100% {
@@ -1024,7 +1428,7 @@ export default {
   padding: 20rpx 30rpx;
   background: rgba(255, 255, 255, 0.15);
   border-radius: 16rpx;
-  margin: 0 auto 20rpx;
+  margin: 0 auto -80rpx;
   backdrop-filter: blur(10px);
   border: 1px solid rgba(255, 255, 255, 0.2);
   animation: slideUp 0.4s ease-out;
@@ -1032,8 +1436,6 @@ export default {
   transition: all 0.5s ease;
 }
 
-
-
 @keyframes slideUp {
   from {
     opacity: 0;
@@ -1142,7 +1544,6 @@ export default {
   text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
 }
 
-
 /* 输入区域 */
 .chat-input {
   display: flex;
@@ -1151,55 +1552,49 @@ export default {
   border-radius: 28rpx;
   align-items: flex-end;
   border: 1px solid rgba(255, 255, 255, 0.2);
-  position: relative;
-  z-index: 1;
-  margin-bottom: 20rpx;
-}
-
-.textarea-box {
-  background: rgba(255, 255, 255, 0.2);
-  border-radius: 20rpx;
-  padding: 16rpx 20rpx 16rpx 90rpx;
-  /* 增加左侧内边距为发送按钮留出空间 */
-  font-size: 28rpx;
-  color: #ffffff;
-  border: 1px solid rgba(255, 255, 255, 0.3);
-  transition: all 0.3s;
-  min-height: 70rpx;
-  max-height: 180rpx;
-  /* 限制最大高度 */
-  width: 100%;
+  bottom: var(--input-bottom, 100rpx);
+  z-index: 100;
+  margin-bottom: 50rpx;
   box-sizing: border-box;
+  transition: all 0.3s ease;
 }
 
-.textarea-box::placeholder {
-  color: hsla(0, 6%, 15%, 0.877);
+.chat-input.fullscreen-input {
+  border-radius: 0;
+  padding: 20rpx;
+  background: rgba(67, 56, 202, 0.9);
+  animation: slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  position: fixed;
+  margin-bottom: 180rpx;
 }
 
-.textarea-box:focus {
-  border-color: #f59e0b;
-  outline: none;
-  background: rgba(255, 255, 255, 0.25);
+@keyframes slideUp {
+  0% {
+    transform: translateY(100rpx);
+    opacity: 0.8;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
 }
 
-.send-button.left-send {
-  margin-right: 12rpx;
-  margin-left: 0;
-  background: #f59e0b;
-  width: 70rpx;
-  height: 70rpx;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 4rpx 15rpx rgba(245, 158, 11, 0.4);
-  transition: all 0.3s;
-  padding: 0;
+.chat-input:not(.fullscreen-input) {
+  animation: slideDownInput 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
 
-.send-button.left-send:active {
-  transform: scale(0.95) rotate(-15deg);
-  box-shadow: 0 2rpx 8rpx rgba(245, 158, 11, 0.3);
+@keyframes slideDownInput {
+  0% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(100rpx);
+    opacity: 0.8;
+  }
 }
 
 .input-group {
@@ -1207,46 +1602,70 @@ export default {
   display: flex;
   flex-direction: column;
   gap: 16rpx;
+  width: 100%;
+  box-sizing: border-box;
 }
 
-.textarea-container {
-  position: relative;
+.textarea-wrapper {
+  display: flex;
+  align-items: flex-end;
   width: 100%;
+  background: rgba(255, 255, 255, 0.2);
+  padding-right: 10rpx;
+  padding-bottom: 10rpx;
+  box-sizing: border-box;
+  border-radius: 20rpx;
 }
 
-.send-button-embedded {
-  position: absolute;
-  bottom: 16rpx;
-  left: 16rpx;
+.textarea-box {
+  flex: 1;
+  padding: 16rpx 20rpx;
+  font-size: 28rpx;
+  color: #ffffff;
+  transition: all 0.3s;
+  min-height: 100rpx;
+  max-height: 180rpx;
+  margin-right: 16rpx;
+  box-sizing: border-box;
   background: transparent;
-  width: 60rpx;
-  height: 60rpx;
+  border: none;
+}
+
+.send-button {
+  background: #f59e0b;
+  width: 70rpx;
+  height: 70rpx;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
+  box-shadow: 0 4rpx 15rpx rgba(245, 158, 11, 0.4);
   transition: all 0.3s;
   padding: 0;
-  z-index: 2;
+  flex-shrink: 0;
 }
 
-.send-button-embedded:active {
-  transform: scale(1.2) rotate(-15deg);
+.send-button:active {
+  transform: scale(0.95) rotate(-15deg);
+  box-shadow: 0 2rpx 8rpx rgba(245, 158, 11, 0.3);
 }
 
-.send-button-embedded image {
-  width: 40rpx;
-  height: 40rpx;
-  filter: invert(72%) sepia(87%) saturate(1242%) hue-rotate(325deg) brightness(101%) contrast(96%);
+.send-button image {
+  width: 36rpx;
+  height: 36rpx;
+  filter: brightness(0) invert(1);
+}
+
+.input-box:focus,
+.textarea-box:focus {
+  border-color: #f59e0b;
+  outline: none;
+  background: rgba(255, 255, 255, 0.25);
 }
 
 /* 底部安全区域 */
 .safe-area-bottom {
-  height: 20rpx;
-  height: calc(20rpx + constant(safe-area-inset-bottom));
-  /* iOS 11.0-11.2 */
-  height: calc(20rpx + env(safe-area-inset-bottom));
-  /* iOS 11.2+ */
+  height: calc(100rpx + env(safe-area-inset-bottom));
 }
 
 /* 轮数选择弹窗样式 */
@@ -1301,7 +1720,7 @@ export default {
   justify-content: space-between;
   align-items: center;
   padding: 30rpx;
-  background: #7C3AED;
+  background: #7c3aed;
 }
 
 .popup-title {
@@ -1342,8 +1761,8 @@ export default {
 }
 
 .round-option.selected {
-  background: #6839E0;
-  border-color: #6839E0;
+  background: #6839e0;
+  border-color: #6839e0;
   transform: translateY(-5rpx);
   box-shadow: 0 8rpx 20rpx rgba(104, 57, 224, 0.3);
   width: auto;
@@ -1378,7 +1797,7 @@ export default {
 }
 
 .confirm-button-selectRounds {
-  background: #6839E0;
+  background: #6839e0;
   color: white;
   border-radius: 0;
   height: 100rpx;
@@ -1414,7 +1833,7 @@ export default {
 
 .popup-header {
   padding: 30rpx;
-  background: #7C3AED;
+  background: #7c3aed;
   text-align: center;
 }
 
@@ -1451,7 +1870,7 @@ export default {
 
 .confirm-button-gotoReview {
   flex: 1;
-  background: #6839E0;
+  background: #6839e0;
   color: white;
   border-radius: 12rpx;
   margin-left: 15rpx;
diff --git a/Debate_front/src/components/ReviewCom.vue b/Debate_front/src/components/ReviewCom.vue
index bfa4505..333ed31 100644
--- a/Debate_front/src/components/ReviewCom.vue
+++ b/Debate_front/src/components/ReviewCom.vue
@@ -51,6 +51,9 @@
       scroll-y
       :scroll-into-view="scrollToView"
       scroll-with-animation
+      :class="{ 'fullscreen-chat': isChatFullscreen }"
+      @transitionend="handleTransitionEnd"
+      :style="{ height: chatAreaHeight }"
     >
       <view
         v-for="(msg, index) in messages"
@@ -70,25 +73,50 @@
             </view>
           </block>
           <block v-else>
-            {{ msg.content }}
+            <text class="typewriter" v-if="msg.role === 'ai' && msg.typing">{{
+              msg.displayContent
+            }}</text>
+            <rich-text
+              v-else
+              :nodes="parseMarkdown(msg.content)"
+              class="markdown-content"
+            ></rich-text>
           </block>
         </view>
         <view class="avatar user-avatar" v-if="msg.role === 'user'">我</view>
       </view>
+      <!-- 全屏按钮 -->
+      <view class="fullscreen-toggle-button" @click="toggleFullscreen">
+        <image
+          :src="
+            isChatFullscreen
+              ? '/static/icons/fullscreen-exit-line.png'
+              : '/static/icons/fullscreen-line.png'
+          "
+          mode="aspectFit"
+        ></image>
+      </view>
     </scroll-view>
 
     <!-- 输入框与发送按钮 -->
-    <view class="chat-input">
+    <view
+      class="chat-input"
+      :class="{ 'fullscreen-input': isChatFullscreen }"
+      :style="{ bottom: inputBottom }"
+    >
       <view class="input-group">
-        <view class="textarea-container">
+        <view class="textarea-wrapper">
           <textarea
             class="textarea-box"
-            v-model="content"
+            v-model="question"
             placeholder="粘贴你的辩论记录，AI将为你分析优缺点并提供改进建议"
+            placeholder-style="color: #ffffff; font-size: 28rpx;"
             auto-height
+            @focus="onInputFocus"
+            @blur="onInputBlur"
             maxlength="50000"
           />
-          <button class="send-button-embedded" @click="sendMessage()">
+          <button class="send-button" @click="sendMessage()">
             <image
               src="/static/icons/send-plane-fill.png"
               mode="aspectFit"
@@ -126,9 +154,10 @@ import Popup from "./Popup.vue";
 import ConversationHistory from "./ConversationHistory.vue";
 import { useTokenStore } from "../stores/tokenStore";
 import { useReviewStore } from "../stores/reviewStore";
+import { marked } from "marked";
 
 export default {
-  components: { Popup,ConversationHistory },
+  components: { Popup, ConversationHistory },
   props: {
     debate: {
       type: Object,
@@ -138,12 +167,16 @@ export default {
   mounted() {
     const pinia = this.$pinia;
     const store = useDebateStore(pinia);
-    if(store.selectedDebate)this.content = store.selectedDebate;
+    if (store.selectedDebate) this.content = store.selectedDebate;
 
     this.getHistoryList();
     this.conversationId = useReviewStore().conversationId;
 
     this.messages = useReviewStore().conversation;
+
+    this.calculateChatAreaHeight();
+    this.systemInfo = uni.getSystemInfoSync();
+    this.tabBarHeight = this.systemInfo.platform === "ios" ? 100 : 80;
   },
   data() {
     return {
@@ -159,14 +192,119 @@ export default {
           role: "ai",
           content:
             "欢迎使用辩论复盘分析！请粘贴你的辩论记录，我将为你分析优缺点并提供改进建议。",
+          displayContent: "",
+          typing: false,
         },
       ],
       scrollToView: "",
       content: "",
       isCardCollapsed: false, // 控制卡片是否收缩
+      tabBarHeight: 100, // 假设 tab bar 高度为 100rpx，可根据实际调整
+      isChatFullscreen: false,
+      isTransitioning: false,
+      inputBottom: "100rpx", // 默认高度，避免与TabBar重叠
+      keyboardHeight: 0,
+      chatAreaHeight: "calc(100vh - 400rpx)",
+      systemInfo: null,
+      tabBarHeight: 100,
     };
   },
+  onLoad() {
+    uni.onKeyboardHeightChange((res) => {
+      this.keyboardHeight = res.height;
+      this.adjustLayout();
+    });
+  },
+  onUnload() {
+    uni.offKeyboardHeightChange();
+  },
   methods: {
+    calculateChatAreaHeight() {
+      // 计算聊天区域高度，留出顶部卡片和输入框的空间
+      const cardHeight = this.isCardCollapsed ? 120 : 180;
+      const inputHeight = 200;
+      const safeArea = this.systemInfo?.safeAreaInsets?.bottom || 0;
+      this.chatAreaHeight = `calc(100vh - ${
+        cardHeight + inputHeight + safeArea
+      }rpx)`;
+    },
+    adjustLayout() {
+      if (this.keyboardHeight > 0) {
+        // 键盘弹出时
+        this.inputBottom = `${this.keyboardHeight * 2 + this.tabBarHeight}rpx`;
+        this.chatAreaHeight = `calc(100vh - 300rpx - ${
+          this.keyboardHeight * 2
+        }rpx)`;
+      } else {
+        // 键盘收起时
+        this.inputBottom = `${this.tabBarHeight}rpx`;
+        this.calculateChatAreaHeight();
+      }
+      this.scrollToBottom();
+    },
+    toggleFullscreen() {
+      if (this.isTransitioning) return;
+      this.isTransitioning = true;
+      this.isChatFullscreen = !this.isChatFullscreen;
+      this.adjustLayout();
+    },
+    handleTransitionEnd() {
+      this.isTransitioning = false;
+    },
+    onInputFocus() {
+      this.scrollToBottom();
+    },
+    onInputBlur() {
+      // 延迟处理，避免在点击发送按钮时立即收起键盘
+      setTimeout(() => {
+        if (!this.isChatFullscreen) {
+          this.adjustLayout();
+        }
+      }, 200);
+    },
+    toggleFullscreen() {
+      if (this.isTransitioning) return;
+      this.isTransitioning = true;
+      this.isChatFullscreen = !this.isChatFullscreen;
+    },
+    handleTransitionEnd() {
+      this.isTransitioning = false;
+    },
+    onInputFocus() {
+      // 输入框聚焦时确保滚动到可见区域
+      this.scrollToBottom();
+    },
+    onInputBlur() {
+      // 输入框失焦时恢复默认底部距离
+      this.inputBottom = this.tabBarHeight;
+    },
+    typeMessage(index, fullText) {
+      let currentLength = 0;
+      const speed = 50;
+      const type = () => {
+        if (currentLength <= fullText.length) {
+          this.messages[index].displayContent = fullText.slice(
+            0,
+            currentLength
+          );
+          currentLength++;
+          setTimeout(type, speed);
+        } else {
+          this.messages[index].typing = false;
+          this.scrollToBottom();
+        }
+      };
+      type();
+    },
+    parseMarkdown(markdown) {
+      // 简单转换
+      let html = marked(markdown || "");
+
+      // 基础安全处理（可选）
+      html = html.replace(/<script.*?>.*?<\/script>/gi, "");
+
+      return html;
+    },
     async getHistoryList() {
       return new Promise((resolve, reject) => {
         const token = useTokenStore().token.content;
@@ -211,6 +349,8 @@ export default {
           role: "ai",
           content:
             "哈喽~ 我是辩论助手，很高兴为你服务！请告诉我你想立论的立场和题目。",
+          displayContent: "",
+          typing: false,
         },
       ];
       console.log("createNew");
@@ -238,15 +378,15 @@ export default {
           success: (res) => {
             console.log("res:", res);
             if (res.statusCode === 200 && res.data.code === 200) {
-              this.messages=[];
-              for(let item of res.data.data){
+              this.messages = [];
+              for (let item of res.data.data) {
                 this.messages.push({
-                  role:"user",
-                  content:item.userMessage
+                  role: "user",
+                  content: item.userMessage,
                 });
                 this.messages.push({
-                  role:"ai",
-                  content:item.content
+                  role: "ai",
+                  content: item.content,
                 });
               }
               useReviewStore().setConversation(this.messages);
@@ -286,6 +426,7 @@ export default {
     // 切换卡片展开/收缩状态
     toggleCard() {
       this.isCardCollapsed = !this.isCardCollapsed;
+      this.calculateChatAreaHeight();
     },
 
     // 生成随机背景圆圈样式
@@ -345,7 +486,7 @@ export default {
           method: "POST",
           header: {
             "Content-Type": "application/json",
-            Authorization: "Bearer " + token
+            Authorization: "Bearer " + token,
           },
           data: {
             conversationId: this.conversationId,
@@ -368,7 +509,11 @@ export default {
                 useReviewStore().setConversationId(this.conversationId);
               }
 
-              resolve(responseData.review);
+              // 去除 review 字段中的反引号再返回
+              const cleanedReview =
+                responseData.review?.replace(/`/g, "") || "";
+
+              resolve(cleanedReview);
             } else {
               reject("请求失败：" + (res.data.message || "未知错误"));
             }
@@ -390,6 +535,100 @@ export default {
 </script>
 
 <style scoped>
+.fullscreen-toggle-button {
+  position: absolute;
+  right: 10rpx;
+  top: 50%;
+  transform: translateY(-50%) scale(1);
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 50%;
+  cursor: pointer;
+  z-index: 1000;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+  transition: transform 0.3s ease;
+}
+/* 添加 Markdown 内容的基础样式 */
+.markdown-content {
+  width: 100%; /* 确保宽度不超出容器 */
+  overflow: hidden; /* 隐藏溢出内容 */
+  overflow-wrap: break-word;
+
+  overflow-y: auto;
+  overflow-x: auto;
+}
+
+/* 标题样式 */
+.markdown-content h1,
+.markdown-content h2,
+.markdown-content h3,
+.markdown-content h4,
+.markdown-content h5,
+.markdown-content h6 {
+  margin: 16rpx 0;
+  font-weight: bold;
+}
+
+.markdown-content h1 {
+  font-size: 36rpx;
+}
+
+.markdown-content h2 {
+  font-size: 32rpx;
+}
+
+/* 列表样式 */
+.markdown-content ul,
+.markdown-content ol {
+  padding-left: 40rpx;
+  margin: 12rpx 0;
+}
+
+.markdown-content li {
+  margin: 8rpx 0;
+}
+
+/* 代码块样式 */
+.markdown-content a {
+  word-break: break-all; /* 长链接强制换行 */
+}
+.markdown-content pre {
+  white-space: pre-wrap; /* 保留空格但换行 */
+  word-break: break-all; /* 允许任意字符换行 */
+  overflow-wrap: break-word; /* 优先在单词间换行 */
+  background: rgba(0, 0, 0, 1);
+  padding: 12rpx;
+  border-radius: 8rpx;
+}
+
+/* 引用样式 */
+.markdown-content blockquote {
+  border-left: 4rpx solid #f59e0b;
+  padding-left: 20rpx;
+  margin: 16rpx 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* 表格样式 */
+.markdown-content table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 16rpx 0;
+}
+
+.markdown-content th,
+.markdown-content td {
+  border: 1rpx solid rgba(255, 255, 255, 0.2);
+  padding: 12rpx;
+}
+
+.markdown-content th {
+  background-color: rgba(255, 255, 255, 0.1);
+}
 .review-component {
   width: 100%;
   height: 100vh;
@@ -593,12 +832,85 @@ export default {
   background: rgba(255, 255, 255, 0.1);
   border-radius: 28rpx;
   padding: 30rpx;
-  margin-bottom: 30rpx;
+  margin-bottom: -50rpx;
   overflow-y: auto;
   border: 1px solid rgba(255, 255, 255, 0.15);
   position: relative;
   z-index: 1;
-  transition: all 0.3s ease;
+  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  transform-origin: top;
+}
+
+.chat-area.fullscreen-chat {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: calc(100vh - 300rpx - env(safe-area-inset-bottom));
+  padding: 30rpx;
+  border-radius: 0;
+  z-index: 999;
+  background: linear-gradient(135deg, #4338ca 0%, #7c3aed 100%);
+  transform: scale(1);
+  animation: expand 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes expand {
+  0% {
+    transform: scale(0.95);
+    opacity: 0.8;
+    border-radius: 28rpx;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    border-radius: 0;
+  }
+}
+
+.chat-area:not(.fullscreen-chat) {
+  animation: collapse 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes collapse {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+    border-radius: 0;
+  }
+  100% {
+    transform: scale(0.95);
+    opacity: 0.8;
+    border-radius: 28rpx;
+  }
+}
+
+.fullscreen-toggle-button {
+  position: fixed;
+  right: 10rpx;
+  top: 50%;
+  transform: translateY(-50%) scale(1);
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 50%;
+  cursor: pointer;
+  z-index: 1000;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+  transition: transform 0.3s ease;
+}
+
+.fullscreen-toggle-button:active {
+  transform: translateY(-50%) scale(0.9);
+}
+
+.fullscreen-toggle-button image {
+  width: 36rpx;
+  height: 36rpx;
+  filter: brightness(0) invert(1);
 }
 
 /* 消息通用样式 */
@@ -607,6 +919,8 @@ export default {
   margin-bottom: 30rpx;
   align-items: flex-start;
   animation: fadeIn 0.5s ease-out;
+
+  overflow-x: auto;
 }
 
 @keyframes fadeIn {
@@ -661,6 +975,7 @@ export default {
   box-shadow: 0 4rpx 15rpx rgba(0, 0, 0, 0.1);
   position: relative;
   transition: all 0.3s ease; /* 添加过渡效果 */
+  overflow-wrap: break-word;
 }
 
 .from-user .bubble {
@@ -700,7 +1015,11 @@ export default {
   border-top: 16rpx solid transparent;
   transition: all 0.3s ease; /* 添加过渡效果 */
 }
-
+.typewriter {
+  display: inline-block;
+  overflow: hidden;
+  white-space: pre-wrap;
+}
 /* 加载动画 */
 .loading-animation {
   display: flex;
@@ -745,9 +1064,49 @@ export default {
   border-radius: 28rpx;
   align-items: flex-end;
   border: 1px solid rgba(255, 255, 255, 0.2);
-  position: relative;
-  z-index: 1;
-  margin-bottom: 20rpx;
+  bottom: var(--input-bottom, 100rpx);
+  z-index: 100;
+  margin-bottom: 50rpx;
+  box-sizing: border-box;
+  transition: all 0.3s ease;
+}
+
+.chat-input.fullscreen-input {
+  border-radius: 0;
+  padding: 20rpx;
+  background: rgba(67, 56, 202, 0.9);
+  animation: slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  position: fixed;
+  margin-bottom: 180rpx;
+}
+
+@keyframes slideUp {
+  0% {
+    transform: translateY(100rpx);
+    opacity: 0.8;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.chat-input:not(.fullscreen-input) {
+  animation: slideDownInput 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes slideDownInput {
+  0% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(100rpx);
+    opacity: 0.8;
+  }
 }
 
 .input-group {
@@ -755,58 +1114,61 @@ export default {
   display: flex;
   flex-direction: column;
   gap: 16rpx;
+  width: 100%;
+  box-sizing: border-box;
 }
 
-.textarea-container {
-  position: relative;
+.textarea-wrapper {
+  display: flex;
+  align-items: flex-end;
   width: 100%;
+  background: rgba(255, 255, 255, 0.2);
+  padding-right: 10rpx;
+  padding-bottom: 10rpx;
+  box-sizing: border-box;
+  border-radius: 20rpx;
 }
 
-.send-button-embedded {
-  position: absolute;
-  bottom: 16rpx;
-  left: 16rpx;
+.textarea-box {
+  flex: 1;
+  padding: 16rpx 20rpx;
+  font-size: 28rpx;
+  color: #ffffff;
+  transition: all 0.3s;
+  min-height: 100rpx;
+  max-height: 180rpx;
+  margin-right: 16rpx;
+  box-sizing: border-box;
   background: transparent;
-  width: 60rpx;
-  height: 60rpx;
+  border: none;
+}
+
+.send-button {
+  background: #f59e0b;
+  width: 70rpx;
+  height: 70rpx;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
+  box-shadow: 0 4rpx 15rpx rgba(245, 158, 11, 0.4);
   transition: all 0.3s;
   padding: 0;
-  z-index: 2;
-}
-
-.send-button-embedded:active {
-  transform: scale(1.2) rotate(-15deg);
-}
-
-.send-button-embedded image {
-  width: 40rpx;
-  height: 40rpx;
-  filter: invert(72%) sepia(87%) saturate(1242%) hue-rotate(325deg)
-    brightness(101%) contrast(96%);
+  flex-shrink: 0;
 }
 
-.textarea-box {
-  background: rgba(255, 255, 255, 0.2);
-  border-radius: 20rpx;
-  padding: 16rpx 20rpx 16rpx 90rpx; /* 增加左侧内边距为发送按钮留出空间 */
-  font-size: 28rpx;
-  color: #ffffff;
-  border: 1px solid rgba(255, 255, 255, 0.3);
-  transition: all 0.3s;
-  min-height: 120rpx;
-  max-height: 300rpx; /* 增加最大高度，适合复盘分析的长文本 */
-  width: 100%;
-  box-sizing: border-box;
+.send-button:active {
+  transform: scale(0.95) rotate(-15deg);
+  box-shadow: 0 2rpx 8rpx rgba(245, 158, 11, 0.3);
 }
 
-.textarea-box::placeholder {
-  color: #362d2de1;
+.send-button image {
+  width: 36rpx;
+  height: 36rpx;
+  filter: brightness(0) invert(1);
 }
 
+.input-box:focus,
 .textarea-box:focus {
   border-color: #f59e0b;
   outline: none;
@@ -815,8 +1177,6 @@ export default {
 
 /* 底部安全区域 */
 .safe-area-bottom {
-  height: 20rpx;
-  height: calc(20rpx + constant(safe-area-inset-bottom)); /* iOS 11.0-11.2 */
-  height: calc(20rpx + env(safe-area-inset-bottom)); /* iOS 11.2+ */
+  height: calc(100rpx + env(safe-area-inset-bottom));
 }
 </style>
diff --git a/Debate_front/src/pages/login/index.vue b/Debate_front/src/pages/login/index.vue
index 664094e..c5c970a 100644
--- a/Debate_front/src/pages/login/index.vue
+++ b/Debate_front/src/pages/login/index.vue
@@ -7,7 +7,7 @@
             <view class="bottom-content">
                 <!-- 标题移到气泡下方 -->
                 <view class="login-title">
-                    <text class="title-text">智辨云枢</text>
+                    <text class="title-text">智辩云枢</text>
                     <text class="subtitle-text">Intelligent Debate Cloud</text>
                 </view>