From bed660ea0a5b00d347fccdd3c5646e655c05122f Mon Sep 17 00:00:00 2001
From: empty <let5sne.mac@gmail.com>
Date: Thu, 8 Jan 2026 10:19:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=8F=B3=E4=BE=A7?=
 =?UTF-8?q?=E8=8C=83=E5=BC=8F=E5=88=86=E6=9E=90=E7=BB=93=E6=9E=9C=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=BA=95=E9=83=A8=E5=86=85=E5=AE=B9=E8=A2=AB=E6=88=AA?=
 =?UTF-8?q?=E6=96=AD=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- main添加h-screen min-h-0确保正确高度
- header添加shrink-0防止压缩
- 内容区添加min-h-0和pb-8确保滚动正常
---
 src/components/MainContent.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/MainContent.vue b/src/components/MainContent.vue
index cfaec5b..4a874da 100644
--- a/src/components/MainContent.vue
+++ b/src/components/MainContent.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="flex-1 flex flex-col bg-slate-950 relative">
+  <main class="flex-1 flex flex-col bg-slate-950 relative h-screen min-h-0">
     <!-- Prompt调试面板 -->
     <div v-if="showPromptDebug && currentPage === 'writer'" class="absolute inset-0 bg-slate-950/95 z-20 p-8 overflow-auto backdrop-blur-sm">
       <div class="max-w-3xl mx-auto">
@@ -15,7 +15,7 @@
     </div>
 
     <!-- 顶部工具栏 -->
-    <header class="h-14 border-b border-slate-800 flex items-center justify-between px-6 bg-slate-950">
+    <header class="h-14 border-b border-slate-800 flex items-center justify-between px-6 bg-slate-950 shrink-0">
       <span class="text-sm font-medium text-slate-400">
         {{ currentPage === 'writer' ? '输出预览' : '范式分析结果' }}
       </span>
@@ -35,8 +35,8 @@
     </header>
 
     <!-- 主内容区 -->
-    <div class="flex-1 overflow-y-auto p-8 md:p-12">
-      <div class="max-w-3xl mx-auto min-h-[500px]">
+    <div class="flex-1 overflow-y-auto p-8 md:p-12 min-h-0">
+      <div class="max-w-3xl mx-auto pb-8">
         <!-- 写作页面内容 -->
         <div v-if="currentPage === 'writer'">
           <div v-if="!generatedContent && !isGenerating" class="h-full flex flex-col items-center justify-center text-slate-700 mt-20">