refactor: 将范式润色和对照检查改为左中右布局

- App.vue: compare 和 rewrite 页面纳入持久化布局
- ArticleRewritePanel: 移除返回按钮，适配 flex-1 布局
- ComparePanel: 移除返回按钮，适配 flex-1 布局
- MainContent: 对这两个页面不渲染（它们有自己的内部布局）

src/App.vue

@@ -1,18 +1,12 @@
 <template>
   <div class="flex h-screen w-full bg-slate-950 overflow-hidden">
     <!-- 全局导航侧边栏 -->
-    <GlobalSidebar v-if="currentPage !== 'compare' && currentPage !== 'diffAnnotation' && currentPage !== 'rewrite'" />
+    <GlobalSidebar v-if="currentPage !== 'diffAnnotation'" />
 
     <!-- 主体区域 -->
     <main class="flex-1 flex overflow-hidden relative">
-      <!-- 对照检查页面（全屏独占） -->
-      <ComparePanel v-if="currentPage === 'compare'" />
-      
       <!-- 差异标注页面（全屏独占） -->
-      <DiffAnnotationPanel v-else-if="currentPage === 'diffAnnotation'" />
-      
-      <!-- 范式润色页面（全屏独占） -->
-      <ArticleRewritePanel v-else-if="currentPage === 'rewrite'" />
+      <DiffAnnotationPanel v-if="currentPage === 'diffAnnotation'" />
       
       <!-- 持久化布局面板 -->
       <template v-else>
@@ -20,6 +14,8 @@
         <WriterPanel v-if="currentPage === 'writer'" />
         <AnalysisPanel v-else-if="currentPage === 'analysis'" />
         <ParadigmWriterPanel v-else-if="currentPage === 'paradigmWriter'" />
+        <ComparePanel v-else-if="currentPage === 'compare'" />
+        <ArticleRewritePanel v-else-if="currentPage === 'rewrite'" />
         <DocumentsPanel 
           v-else-if="currentPage === 'documents'" 
           @toggle-version-panel="toggleVersionPanel"
@@ -28,8 +24,8 @@
         <MaterialsPanel v-else-if="currentPage === 'materials'" />
         <SettingsPanel v-else-if="currentPage === 'settings'" />
         
-        <!-- 右侧核心内容区 -->
-        <MainContent />
+        <!-- 右侧核心内容区（compare 和 rewrite 页面使用自己的内部布局） -->
+        <MainContent v-if="currentPage !== 'compare' && currentPage !== 'rewrite'" />
         
         <!-- 侧滑浮层面板 (仅文稿页) -->
         <DocumentVersionPanel 

src/components/ArticleRewritePanel.vue

@@ -1,19 +1,13 @@
 <template>
-  <div class="h-screen w-full flex flex-col bg-slate-900">
+  <div class="flex-1 flex flex-col bg-slate-900 h-full overflow-hidden">
     <!-- 头部 -->
-    <header class="p-4 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
-      <div class="flex items-center gap-4">
-        <h1 class="font-bold text-lg text-white flex items-center gap-2">
-          <span class="text-2xl">🎨</span> 范式润色
+    <header class="p-3 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
+      <div class="flex items-center gap-3">
+        <h1 class="font-bold text-white flex items-center gap-2">
+          <span class="text-xl">🎨</span> 范式润色
         </h1>
         <span class="text-xs text-slate-500">基于范式规则检查并重写文章句子</span>
       </div>
-      <button 
-        @click="goBack"
-        class="text-xs px-3 py-1.5 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-      >
-        ← 返回写作
-      </button>
     </header>
 
     <!-- 范式选择条 -->

src/components/ComparePanel.vue

@@ -1,19 +1,13 @@
 <template>
-  <div class="h-screen w-full flex flex-col bg-slate-900">
+  <div class="flex-1 flex flex-col bg-slate-900 h-full overflow-hidden">
     <!-- 头部 -->
-    <header class="p-4 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
-      <div class="flex items-center gap-4">
-        <h1 class="font-bold text-lg text-white flex items-center gap-2">
-          <span class="text-2xl">🔍</span> 对照检查
+    <header class="p-3 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
+      <div class="flex items-center gap-3">
+        <h1 class="font-bold text-white flex items-center gap-2">
+          <span class="text-xl">🔍</span> 对照检查
         </h1>
         <span class="text-xs text-slate-500">选中左右两侧对应段落进行检查</span>
       </div>
-      <button 
-        @click="goBack"
-        class="text-xs px-3 py-1.5 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-      >
-        ← 返回写作
-      </button>
     </header>
 
     <!-- 范式上下文提示条 -->