diff --git a/miniprogram/pages/qa_exercise/qa_exercise.wxml b/miniprogram/pages/qa_exercise/qa_exercise.wxml
index 45bdc7c..da79836 100644
--- a/miniprogram/pages/qa_exercise/qa_exercise.wxml
+++ b/miniprogram/pages/qa_exercise/qa_exercise.wxml
@@ -24,253 +24,255 @@
         <view class="process-dot {{processDotClasses[index]}} {{index === currentIndex ? 'current' : ''}}"></view>
       </block>
     </view>
-    <scroll-view class="question-scroll {{questionMode === 'conversation' && conversationViewMode === 'chat' && isChatInputVisible ? 'chat-input-mode-scroll' : 'chat-mode-scroll'}}" scroll-y="true" scroll-into-view="{{scrollIntoView}}" scroll-with-animation>
-      <view class="image-card" wx:if="{{questionMode !== 'variation'}}">
-        <image wx:if="{{imageLocalUrl}}" class="image" src="{{imageLocalUrl}}" mode="aspectFill" bindtap="previewImage" bindload="onImageLoad" binderror="onImageError"></image>
-        <view class="view-full" wx:if="{{imageLocalUrl}}" bindtap="previewImage">
-          <t-icon name="zoom-in" size="32rpx" />
-          <!-- <text>View Full</text> -->
-        </view>
-      </view>
-      <view class="question-title" wx:if="{{questionMode !== 'conversation'}}">
-        <text wx:for="{{questionWords}}" wx:key="index" class="word-item" data-word="{{item}}" bindtap="handleWordClick">{{item}}</text>
-      </view>
-      <view class="question-content {{modeAnim}}" wx:if="{{questionMode === 'choice'}}">
-        <view class="choice-title">Select the correct answer ({{selectedCount}}/{{choiceRequiredCount}})</view>
-        <view class="option-list">
-          <view wx:for="{{choiceOptions}}" wx:key="index" class="option-item {{evalClasses[index]}} {{(!choiceSubmitted && !selectedFlags[index] && selectedCount >= choiceRequiredCount) ? 'disabled' : ''}} {{resultDisplayed ? 'disabled' : ''}}" data-index="{{index}}" data-word="{{item.content}}" bindtap="selectOption" bindlongpress="onOptionLongPress">
-            <view class="option-radio">
-              <view class="radio-dot {{selectedFlags[index] ? 'on' : ''}} {{(evalClasses[index] === 'opt-incorrect' && selectedFlags[index]) ? 'red' : ''}}"></view>
-            </view>
-            <text class="option-text">{{item.content}}</text>
+    <view class="question-scroll-wrapper {{questionMode === 'conversation' && conversationViewMode === 'chat' && isChatInputVisible ? 'chat-input-mode-scroll' : 'chat-mode-scroll'}}">
+      <scroll-view class="inner-scroll" scroll-y="true" scroll-into-view="{{scrollIntoView}}" scroll-with-animation>
+        <view class="image-card" wx:if="{{questionMode !== 'variation'}}">
+          <image wx:if="{{imageLocalUrl}}" class="image" src="{{imageLocalUrl}}" mode="aspectFill" bindtap="previewImage" bindload="onImageLoad" binderror="onImageError"></image>
+          <view class="view-full" wx:if="{{imageLocalUrl}}" bindtap="previewImage">
+            <t-icon name="zoom-in" size="32rpx" />
+            <!-- <text>View Full</text> -->
           </view>
         </view>
-      </view>
-      <view class="question-content {{modeAnim}}" wx:if="{{questionMode === 'cloze'}}">
-        <!-- <view class="choice-title">Select the correct word to complete the sentence:</view> -->
-        <view class="cloze-sentence">
-          <text wx:for="{{clozeSentenceTokens}}" wx:key="index" class="{{item.isBlank ? 'cloze-fill' : 'cloze-text'}}" data-word="{{item.word}}" bindtap="handleWordClick">{{item.text}}</text>
+        <view class="question-title" wx:if="{{questionMode !== 'conversation'}}">
+          <text wx:for="{{questionWords}}" wx:key="index" class="word-item" data-word="{{item}}" bindtap="handleWordClick">{{item}}</text>
         </view>
-        <view class="option-list">
-          <view wx:for="{{clozeOptions}}" wx:key="index" class="option-item {{evalClasses[index]}} {{resultDisplayed ? 'disabled' : ''}}" data-index="{{index}}" data-word="{{item}}" bindtap="selectClozeOption" bindlongpress="onOptionLongPress">
-            <view class="option-radio">
-              <view class="radio-dot {{selectedClozeIndex === index ? 'on' : ''}} {{(evalClasses[index] === 'opt-incorrect' && selectedClozeIndex === index) ? 'red' : ''}}"></view>
+        <view class="question-content {{modeAnim}}" wx:if="{{questionMode === 'choice'}}">
+          <view class="choice-title">Select the correct answer ({{selectedCount}}/{{choiceRequiredCount}})</view>
+          <view class="option-list">
+            <view wx:for="{{choiceOptions}}" wx:key="index" class="option-item {{evalClasses[index]}} {{(!choiceSubmitted && !selectedFlags[index] && selectedCount >= choiceRequiredCount) ? 'disabled' : ''}} {{resultDisplayed ? 'disabled' : ''}}" data-index="{{index}}" data-word="{{item.content}}" bindtap="selectOption" bindlongpress="onOptionLongPress">
+              <view class="option-radio">
+                <view class="radio-dot {{selectedFlags[index] ? 'on' : ''}} {{(evalClasses[index] === 'opt-incorrect' && selectedFlags[index]) ? 'red' : ''}}"></view>
+              </view>
+              <text class="option-text">{{item.content}}</text>
             </view>
-            <text class="option-text">{{item}}</text>
           </view>
         </view>
-      </view>
-      <view class="question-content {{modeAnim}}" wx:if="{{questionMode === 'variation'}}">
-        <view class="variation-container">
-           <view class="variation-grid">
-             <view class="variation-item" wx:for="{{variationQaList}}" wx:key="index">
-             <view class="variation-image-wrapper {{index === variationSelectedIndex ? 'selected' : ''}}" data-index="{{index}}" bindtap="selectVariationOption">
-                  <cloud-image 
-                    file-id="{{item.file_id}}" 
-                    mode="widthFix" 
-                    height="auto"
-                    radius="24rpx"
-                    bind:load="onVariationImageLoad"
-                    data-fileid="{{item.file_id}}"
-                  />
-                  <view class="view-full" wx:if="{{variationImageLoaded[item.file_id]}}" data-fileid="{{item.file_id}}" catchtap="previewVariationImage">
-                    <t-icon name="zoom-in" size="32rpx" />
+        <view class="question-content {{modeAnim}}" wx:if="{{questionMode === 'cloze'}}">
+          <!-- <view class="choice-title">Select the correct word to complete the sentence:</view> -->
+          <view class="cloze-sentence">
+            <text wx:for="{{clozeSentenceTokens}}" wx:key="index" class="{{item.isBlank ? 'cloze-fill' : 'cloze-text'}}" data-word="{{item.word}}" bindtap="handleWordClick">{{item.text}}</text>
+          </view>
+          <view class="option-list">
+            <view wx:for="{{clozeOptions}}" wx:key="index" class="option-item {{evalClasses[index]}} {{resultDisplayed ? 'disabled' : ''}}" data-index="{{index}}" data-word="{{item}}" bindtap="selectClozeOption" bindlongpress="onOptionLongPress">
+              <view class="option-radio">
+                <view class="radio-dot {{selectedClozeIndex === index ? 'on' : ''}} {{(evalClasses[index] === 'opt-incorrect' && selectedClozeIndex === index) ? 'red' : ''}}"></view>
+              </view>
+              <text class="option-text">{{item}}</text>
+            </view>
+          </view>
+        </view>
+        <view class="question-content {{modeAnim}}" wx:if="{{questionMode === 'variation'}}">
+          <view class="variation-container">
+            <view class="variation-grid">
+              <view class="variation-item" wx:for="{{variationQaList}}" wx:key="index">
+              <view class="variation-image-wrapper {{index === variationSelectedIndex ? 'selected' : ''}}" data-index="{{index}}" bindtap="selectVariationOption">
+                    <cloud-image 
+                      file-id="{{item.file_id}}" 
+                      mode="widthFix" 
+                      height="auto"
+                      radius="24rpx"
+                      bind:load="onVariationImageLoad"
+                      data-fileid="{{item.file_id}}"
+                    />
+                    <view class="view-full" wx:if="{{variationImageLoaded[item.file_id]}}" data-fileid="{{item.file_id}}" catchtap="previewVariationImage">
+                      <t-icon name="zoom-in" size="32rpx" />
+                    </view>
+                    <view wx:if="{{variationImageLoaded[item.file_id]}}" class="selection-badge {{variationResultStatus === 'incorrect' && index === variationSelectedIndex ? 'incorrect' : (index === variationSelectedIndex ? 'selected' : 'unselected')}}">
+                      <t-icon name="{{variationResultStatus === 'incorrect' && index === variationSelectedIndex ? 'close-circle' : 'check-circle'}}" size="36rpx" color="#fff" />
+                    </view>
+                    <view wx:if="{{variationResultStatus && index === variationSelectedIndex}}" class="variation-border {{variationResultStatus}}"></view>
                   </view>
-                  <view wx:if="{{variationImageLoaded[item.file_id]}}" class="selection-badge {{variationResultStatus === 'incorrect' && index === variationSelectedIndex ? 'incorrect' : (index === variationSelectedIndex ? 'selected' : 'unselected')}}">
-                    <t-icon name="{{variationResultStatus === 'incorrect' && index === variationSelectedIndex ? 'close-circle' : 'check-circle'}}" size="36rpx" color="#fff" />
-                  </view>
-                  <view wx:if="{{variationResultStatus && index === variationSelectedIndex}}" class="variation-border {{variationResultStatus}}"></view>
+                  <!-- <view class="variation-text">{{item.question}}</view> -->
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="conversation-content {{modeAnim}}" wx:if="{{questionMode === 'conversation' && conversationViewMode === 'setup'}}">
+          <view class="conversation-section">
+            <view class="conversation-label">难度选择</view>
+            <view class="conversation-tags">
+              <t-check-tag
+                wx:for="{{difficultyOptions}}"
+                wx:key="value"
+                variant="outline"
+                size="medium"
+                data-level="{{item.value}}"
+                checked="{{conversationDifficulty === item.value}}"
+                bindtap="selectConversationDifficulty"
+                content="{{ [conversationSceneLang === 'zh' ? item.label_zh : item.label_en] }}"
+              />
+            </view>
+          </view>
+          <view class="conversation-section">
+            <view class="conversation-label">场景标签</view>
+            <view class="conversation-tags" wx:if="{{conversationSetting && conversationSetting.all_possible_scenes && conversationSetting.all_possible_scenes.length}}">
+              <t-check-tag
+                wx:for="{{conversationSetting.all_possible_scenes}}"
+                wx:key="scene_en"
+                variant="outline"
+                size="medium"
+                data-scene="{{item.scene_en}}"
+                checked="{{conversationSelectedScenesMap && conversationSelectedScenesMap[item.scene_en]}}"
+                bindtap="toggleConversationScene"
+              >
+                {{conversationSceneLang === 'zh' ? item.scene_zh : item.scene_en}}
+              </t-check-tag>
+              <t-check-tag
+                wx:for="{{conversationCustomScenes}}"
+                wx:key="key"
+                variant="outline"
+                size="medium"
+                data-scene="{{item.key}}"
+                checked="{{conversationSelectedScenesMap && conversationSelectedScenesMap[item.key]}}"
+                bindtap="toggleConversationScene"
+              >
+                <view class="custom-scene-tag">
+                  <text class="custom-scene-text">{{item.text}}</text>
+                  <t-icon name="close" size="24rpx" data-key="{{item.key}}" catchtap="onConversationCustomSceneDelete" />
                 </view>
-                <!-- <view class="variation-text">{{item.question}}</view> -->
-             </view>
-           </view>
-        </view>
-      </view>
-      <view class="conversation-content {{modeAnim}}" wx:if="{{questionMode === 'conversation' && conversationViewMode === 'setup'}}">
-        <view class="conversation-section">
-          <view class="conversation-label">难度选择</view>
-          <view class="conversation-tags">
-            <t-check-tag
-              wx:for="{{difficultyOptions}}"
-              wx:key="value"
-              variant="outline"
-              size="medium"
-              data-level="{{item.value}}"
-              checked="{{conversationDifficulty === item.value}}"
-              bindtap="selectConversationDifficulty"
-              content="{{ [conversationSceneLang === 'zh' ? item.label_zh : item.label_en] }}"
-            />
-          </view>
-        </view>
-        <view class="conversation-section">
-          <view class="conversation-label">场景标签</view>
-          <view class="conversation-tags" wx:if="{{conversationSetting && conversationSetting.all_possible_scenes && conversationSetting.all_possible_scenes.length}}">
-            <t-check-tag
-              wx:for="{{conversationSetting.all_possible_scenes}}"
-              wx:key="scene_en"
-              variant="outline"
-              size="medium"
-              data-scene="{{item.scene_en}}"
-              checked="{{conversationSelectedScenesMap && conversationSelectedScenesMap[item.scene_en]}}"
-              bindtap="toggleConversationScene"
-            >
-              {{conversationSceneLang === 'zh' ? item.scene_zh : item.scene_en}}
-            </t-check-tag>
-            <t-check-tag
-              wx:for="{{conversationCustomScenes}}"
-              wx:key="key"
-              variant="outline"
-              size="medium"
-              data-scene="{{item.key}}"
-              checked="{{conversationSelectedScenesMap && conversationSelectedScenesMap[item.key]}}"
-              bindtap="toggleConversationScene"
-            >
-              <view class="custom-scene-tag">
-                <text class="custom-scene-text">{{item.text}}</text>
-                <t-icon name="close" size="24rpx" data-key="{{item.key}}" catchtap="onConversationCustomSceneDelete" />
+              </t-check-tag>
+              <view wx:if="{{conversationCustomSceneEditing}}" class="conversation-custom-scene-input-wrapper">
+                <input
+                  class="conversation-custom-scene-input {{conversationCustomSceneOverLimit ? 'conversation-custom-scene-input-error' : ''}}"
+                  value="{{conversationCustomSceneText}}"
+                  placeholder="自定义场景"
+                  maxlength="60"
+                  focus="{{true}}"
+                  bindinput="onConversationCustomSceneInput"
+                  bindblur="onConversationCustomSceneBlur"
+                />
               </view>
-            </t-check-tag>
-            <view wx:if="{{conversationCustomSceneEditing}}" class="conversation-custom-scene-input-wrapper">
-              <input
-                class="conversation-custom-scene-input {{conversationCustomSceneOverLimit ? 'conversation-custom-scene-input-error' : ''}}"
-                value="{{conversationCustomSceneText}}"
-                placeholder="自定义场景"
-                maxlength="60"
-                focus="{{true}}"
-                bindinput="onConversationCustomSceneInput"
-                bindblur="onConversationCustomSceneBlur"
+              <t-check-tag
+                wx:if="{{!conversationCustomSceneEditing}}"
+                variant="outline"
+                size="medium"
+                bindtap="onConversationCustomSceneAdd"
+              >
+                +
+              </t-check-tag>
+            </view>
+          </view>
+          <view class="conversation-section">
+            <view class="conversation-label">事件标签</view>
+            <view class="conversation-tags" wx:if="{{conversationSetting && conversationSetting.all_possible_events && conversationSetting.all_possible_events.length}}">
+              <t-check-tag
+                wx:for="{{conversationSetting.all_possible_events}}"
+                wx:key="event_en"
+                variant="outline"
+                size="medium"
+                data-event="{{item.event_en}}"
+                checked="{{conversationSelectedEventsMap && conversationSelectedEventsMap[item.event_en]}}"
+                bindtap="toggleConversationEvent"
+              >
+                {{conversationSceneLang === 'zh' ? item.event_zh : item.event_en}}
+              </t-check-tag>
+              <t-check-tag
+                wx:for="{{conversationCustomEvents}}"
+                wx:key="key"
+                variant="outline"
+                size="medium"
+                data-event="{{item.key}}"
+                checked="{{conversationSelectedEventsMap && conversationSelectedEventsMap[item.key]}}"
+                bindtap="toggleConversationEvent"
+              >
+                <view class="custom-scene-tag">
+                  <text class="custom-scene-text">{{item.text}}</text>
+                  <t-icon name="close" size="24rpx" data-key="{{item.key}}" catchtap="onConversationCustomEventDelete" />
+                </view>
+              </t-check-tag>
+              <view wx:if="{{conversationCustomEventEditing}}" class="conversation-custom-scene-input-wrapper">
+                <input
+                  class="conversation-custom-scene-input {{conversationCustomEventOverLimit ? 'conversation-custom-scene-input-error' : ''}}"
+                  value="{{conversationCustomEventText}}"
+                  placeholder="自定义事件"
+                  maxlength="60"
+                  focus="{{true}}"
+                  bindinput="onConversationCustomEventInput"
+                  bindblur="onConversationCustomEventBlur"
+                />
+              </view>
+              <t-check-tag
+                wx:if="{{!conversationCustomEventEditing}}"
+                variant="outline"
+                size="medium"
+                bindtap="onConversationCustomEventAdd"
+              >
+                +
+              </t-check-tag>
+            </view>
+          </view>
+          <view class="conversation-section" wx:if="{{conversationSuggestedRoles && conversationSuggestedRoles.length}}">
+            <view class="conversation-label">角色扮演</view>
+            <view class="conversation-tags">
+              <block wx:for="{{conversationSuggestedRoles}}" wx:key="key" wx:for-index="idx">
+                <view style="display: flex; align-items: center;">
+                  <t-check-tag
+                    checked="{{selectedRole && selectedRole.roleIndex === idx && selectedRole.roleSide === 1}}"
+                    bind:change="onRoleSelect"
+                    data-index="{{idx}}"
+                    data-side="{{1}}"
+                    variant="outline"
+                    size="medium"
+                  >{{conversationSceneLang === 'zh' ? item.role1_zh : item.role1_en}}</t-check-tag>
+                  <t-check-tag
+                    checked="{{selectedRole && selectedRole.roleIndex === idx && selectedRole.roleSide === 2}}"
+                    bind:change="onRoleSelect"
+                    data-index="{{idx}}"
+                    data-side="{{2}}"
+                    variant="outline"
+                    size="medium"
+                  >{{conversationSceneLang === 'zh' ? item.role2_zh : item.role2_en}}</t-check-tag>
+                </view>
+              </block>
+            </view>
+          </view>
+
+          <view class="conversation-section">
+            <view class="conversation-label-row">
+              <text class="conversation-label">额外说明</text>
+              <text class="conversation-count">{{(conversationExtraNote && conversationExtraNote.length) || 0}}/200</text>
+            </view>
+            <view class="conversation-note-card">
+              <textarea
+                class="conversation-note-input"
+                placeholder="例如：描述一下图片中的人物关系或具体发生的事件，这将帮助 AI 更好地生成对话内容..."
+                maxlength="200"
+                value="{{conversationExtraNote}}"
+                bindinput="onConversationNoteInput"
               />
             </view>
-            <t-check-tag
-              wx:if="{{!conversationCustomSceneEditing}}"
-              variant="outline"
-              size="medium"
-              bindtap="onConversationCustomSceneAdd"
-            >
-              +
-            </t-check-tag>
+          </view>
+          <view class="conversation-start-row">
+            <button class="conversation-start-btn" bindtap="onStartConversationTap">
+              开始对话
+              <t-icon name="chat" size="32rpx" style="margin-left: 12rpx;" />
+            </button>
           </view>
         </view>
-        <view class="conversation-section">
-          <view class="conversation-label">事件标签</view>
-          <view class="conversation-tags" wx:if="{{conversationSetting && conversationSetting.all_possible_events && conversationSetting.all_possible_events.length}}">
-            <t-check-tag
-              wx:for="{{conversationSetting.all_possible_events}}"
-              wx:key="event_en"
-              variant="outline"
-              size="medium"
-              data-event="{{item.event_en}}"
-              checked="{{conversationSelectedEventsMap && conversationSelectedEventsMap[item.event_en]}}"
-              bindtap="toggleConversationEvent"
+
+        <view class="conversation-content {{modeAnim}}" wx:if="{{questionMode === 'conversation' && conversationViewMode === 'chat'}}">
+          <block wx:if="{{conversationMessages && conversationMessages.length}}">
+            <view class="conversation-block {{item.role === 'user' ? 'user' : 'default'}}" wx:for="{{conversationMessages}}" wx:key="index"
             >
-              {{conversationSceneLang === 'zh' ? item.event_zh : item.event_en}}
-            </t-check-tag>
-            <t-check-tag
-              wx:for="{{conversationCustomEvents}}"
-              wx:key="key"
-              variant="outline"
-              size="medium"
-              data-event="{{item.key}}"
-              checked="{{conversationSelectedEventsMap && conversationSelectedEventsMap[item.key]}}"
-              bindtap="toggleConversationEvent"
-            >
-              <view class="custom-scene-tag">
-                <text class="custom-scene-text">{{item.text}}</text>
-                <t-icon name="close" size="24rpx" data-key="{{item.key}}" catchtap="onConversationCustomEventDelete" />
-              </view>
-            </t-check-tag>
-            <view wx:if="{{conversationCustomEventEditing}}" class="conversation-custom-scene-input-wrapper">
-              <input
-                class="conversation-custom-scene-input {{conversationCustomEventOverLimit ? 'conversation-custom-scene-input-error' : ''}}"
-                value="{{conversationCustomEventText}}"
-                placeholder="自定义事件"
-                maxlength="60"
-                focus="{{true}}"
-                bindinput="onConversationCustomEventInput"
-                bindblur="onConversationCustomEventBlur"
+              <t-chat-message
+                role="{{item.role}}"
+                placement="{{item.role === 'user' ? 'right' : 'left'}}"
+                content="{{item.content}}"
               />
             </view>
-            <t-check-tag
-              wx:if="{{!conversationCustomEventEditing}}"
-              variant="outline"
-              size="medium"
-              bindtap="onConversationCustomEventAdd"
-            >
-              +
-            </t-check-tag>
-          </view>
-        </view>
-        <view class="conversation-section" wx:if="{{conversationSuggestedRoles && conversationSuggestedRoles.length}}">
-          <view class="conversation-label">角色扮演</view>
-          <view class="conversation-tags">
-            <block wx:for="{{conversationSuggestedRoles}}" wx:key="key" wx:for-index="idx">
-              <view style="display: flex; align-items: center;">
-                <t-check-tag
-                  checked="{{selectedRole && selectedRole.roleIndex === idx && selectedRole.roleSide === 1}}"
-                  bind:change="onRoleSelect"
-                  data-index="{{idx}}"
-                  data-side="{{1}}"
-                  variant="outline"
-                  size="medium"
-                >{{conversationSceneLang === 'zh' ? item.role1_zh : item.role1_en}}</t-check-tag>
-                <t-check-tag
-                  checked="{{selectedRole && selectedRole.roleIndex === idx && selectedRole.roleSide === 2}}"
-                  bind:change="onRoleSelect"
-                  data-index="{{idx}}"
-                  data-side="{{2}}"
-                  variant="outline"
-                  size="medium"
-                >{{conversationSceneLang === 'zh' ? item.role2_zh : item.role2_en}}</t-check-tag>
-              </view>
-            </block>
+          </block>
+          <view class="conversation-block" wx:if="{{replyLoading}}">
+            <t-chat-loading animation="dots" />
           </view>
+          <view id="bottom-anchor" style="height: 1rpx;"></view>
         </view>
 
-        <view class="conversation-section">
-          <view class="conversation-label-row">
-            <text class="conversation-label">额外说明</text>
-            <text class="conversation-count">{{(conversationExtraNote && conversationExtraNote.length) || 0}}/200</text>
-          </view>
-          <view class="conversation-note-card">
-            <textarea
-              class="conversation-note-input"
-              placeholder="例如：描述一下图片中的人物关系或具体发生的事件，这将帮助 AI 更好地生成对话内容..."
-              maxlength="200"
-              value="{{conversationExtraNote}}"
-              bindinput="onConversationNoteInput"
-            />
-          </view>
+        <view class="submit-row" wx:if="{{questionMode !== 'conversation'}}">
+          <button class="submit-btn" bindtap="onSubmitTap" disabled="{{submitDisabled}}" wx:if="{{retryDisabled}}">提交</button>
+          <button class="submit-btn" bindtap="onRetryTap" disabled="{{retryDisabled}}" wx:else>重试</button>
         </view>
-        <view class="conversation-start-row">
-          <button class="conversation-start-btn" bindtap="onStartConversationTap">
-            开始对话
-            <t-icon name="chat" size="32rpx" style="margin-left: 12rpx;" />
-          </button>
-        </view>
-      </view>
-
-      <view class="conversation-content {{modeAnim}}" wx:if="{{questionMode === 'conversation' && conversationViewMode === 'chat'}}">
-        <block wx:if="{{conversationMessages && conversationMessages.length}}">
-          <view class="conversation-block {{item.role === 'user' ? 'user' : 'default'}}" wx:for="{{conversationMessages}}" wx:key="index"
-          >
-            <t-chat-message
-              role="{{item.role}}"
-              placement="{{item.role === 'user' ? 'right' : 'left'}}"
-              content="{{item.content}}"
-            />
-          </view>
-        </block>
-        <view class="conversation-block" wx:if="{{replyLoading}}">
-           <t-chat-loading animation="dots" />
-        </view>
-        <view id="bottom-anchor" style="height: 1rpx;"></view>
-      </view>
-
-    <view class="submit-row" wx:if="{{questionMode !== 'conversation'}}">
-      <button class="submit-btn" bindtap="onSubmitTap" disabled="{{submitDisabled}}" wx:if="{{retryDisabled}}">提交</button>
-      <button class="submit-btn" bindtap="onRetryTap" disabled="{{retryDisabled}}" wx:else>重试</button>
+      </scroll-view>
     </view>
-    </scroll-view>
   </view>
 
   <view class="bottom-bar {{contentVisible ? 'show' : ''}}" wx:if="{{questionMode !== 'conversation'}}">
@@ -280,12 +282,7 @@
     <t-icon name="fact-check" class="bottom-btn {{resultDisplayed ? '' : 'disabled'}}" size="48rpx" bind:tap="onScoreTap" />
     <t-icon name="{{nextButtonIcon || 'chevron-right'}}" class="bottom-btn {{(qaList && (currentIndex >= qaList.length - 1)) ? 'disabled' : ''}}" size="48rpx" bind:tap="onNextTap" />
   </view>
-
-  <t-drawer
-    visible="{{visible}}"
-    placement="right"
-    bind:overlay-click="overlayClick"
-  >
+    <t-drawer visible="{{historyVisible}}" placement="left" bind:visible-change="onHistoryDrawerClose" close-btn="{{true}}">
     <scroll-view scroll-y class="history-drawer-scroll" bindscrolltolower="onHistoryScrollBottom">
       <view class="history-list">
         <t-cell 
diff --git a/miniprogram/pages/qa_exercise/qa_exercise.wxss b/miniprogram/pages/qa_exercise/qa_exercise.wxss
index cd9d0b2..64ad8a8 100644
--- a/miniprogram/pages/qa_exercise/qa_exercise.wxss
+++ b/miniprogram/pages/qa_exercise/qa_exercise.wxss
@@ -24,13 +24,20 @@
 @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 12rpx, 0) } to { opacity: 1; transform: translate3d(0, 0, 0) } }
 @keyframes fadeOutDown { from { opacity: 1; transform: translate3d(0, 0, 0) } to { opacity: 0; transform: translate3d(0, 12rpx, 0) } }
 
-.question-scroll {
+.question-scroll-wrapper {
   flex: 1;
   height: 0;
+  min-height: 0;
+  display: block;
+  overflow: hidden;
   /* padding-bottom: calc(110rpx + env(safe-area-inset-bottom)); */
   /* transition: padding-bottom 0.3s ease; */
   transition: margin-bottom 0.3s ease;
 }
+.inner-scroll {
+  height: 100%;
+  width: 100%;
+}
 .chat-mode-scroll {
   /* padding-bottom: calc(110rpx + env(safe-area-inset-bottom)); */
   margin-bottom: calc(110rpx + env(safe-area-inset-bottom));