feat: 完善范式润色功能和相关组件

- 新增范式选择模态框 (ParadigmSelectorModal)
- 新增差异标注面板 (DiffAnnotationPanel)
- 新增精确差异处理工具 (preciseDiff.js)
- 更新各面板组件支持范式润色功能
- 更新范式配置文件 (paradigms.js)
- 更新依赖配置

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/AnalysisPanel.vue

@@ -2,17 +2,9 @@
   <aside class="w-[400px] flex flex-col border-r border-slate-700 bg-slate-800 shrink-0 h-screen">
     <!-- 头部 -->
     <header class="p-4 border-b border-slate-700 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> 写作范式分析
-        </h1>
-        <button 
-          @click="switchPage('writer')"
-          class="text-xs px-2 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-        >
-          返回写作
-        </button>
-      </div>
+      <h1 class="font-bold text-lg text-white flex items-center gap-2">
+        <span class="text-2xl">🎯</span> 写作范式分析
+      </h1>
       <span class="text-xs px-2 py-1 rounded bg-blue-900 text-blue-300 border border-blue-700">Pro版</span>
     </header>
 
@@ -219,159 +211,33 @@
             </div>
           </div>
 
-          <!-- 写作约束（高级） -->
-          <div>
-            <label class="block text-sm text-slate-400 mb-2">写作约束（每行一条）</label>
+          <!-- ⭐ 核心字段：完整 Prompt -->
+          <div class="border-t border-slate-700 pt-4 mt-4">
+            <label class="block text-sm text-slate-400 mb-2 flex items-center gap-2">
+              <span>✨</span> 完整 Prompt（核心字段）
+              <span class="text-xs text-slate-500 font-normal">粘贴您的完整提示词</span>
+            </label>
             <textarea 
-              v-model="editForm.constraintsInput"
-              rows="4"
-              class="w-full bg-slate-900 border border-slate-700 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition resize-none font-mono"
-              placeholder="如：&#10;开篇必须明确阐述问题&#10;结尾需总结核心要点"
+              v-model="editForm.specializedPrompt"
+              rows="12"
+              class="w-full bg-slate-900 border border-slate-700 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition resize-y font-mono leading-relaxed"
+              placeholder="在此粘贴您的完整 Prompt...
+
+示例：
+# Role
+你是一个具有较高政治敏感性的AI助手...
+
+# 任务目标
+你需要逐一分析文章中的每一条问题...
+
+# 检查步骤
+1. 检查问题表述的清晰度
+2. 深度分析思想根源
+..."
             ></textarea>
-          </div>
-
-          <!-- 维度配置（新架构） -->
-          <div class="border-t border-slate-700 pt-4 mt-4">
-            <div class="flex items-center justify-between mb-3">
-              <label class="text-sm text-slate-400 font-medium">📐 维度配置（高级）</label>
-              <button 
-                @click="toggleDimensionEditor"
-                class="text-xs text-blue-400 hover:text-blue-300"
-              >
-                {{ showDimensionEditor ? '收起' : '展开' }}
-              </button>
-            </div>
-            
-            <div v-if="showDimensionEditor" class="space-y-3">
-              <!-- 维度集选择 -->
-              <div>
-                <label class="block text-xs text-slate-500 mb-1">选择维度集模板</label>
-                <select 
-                  v-model="editForm.dimensionSetId"
-                  @change="onDimensionSetChange"
-                  class="w-full bg-slate-900 border border-slate-700 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-blue-500 outline-none"
-                >
-                  <option :value="null">不使用维度集</option>
-                  <option v-for="ds in dimensionSetOptions" :key="ds.id" :value="ds.id">
-                    {{ ds.name }} - {{ ds.description }}
-                  </option>
-                </select>
-              </div>
-
-              <!-- 维度列表编辑 -->
-              <div v-if="editForm.dimensions.length > 0">
-                <label class="block text-xs text-slate-500 mb-2">维度列表（可编辑）</label>
-                <div class="space-y-2 max-h-60 overflow-y-auto">
-                  <div 
-                    v-for="(dim, index) in editForm.dimensions" 
-                    :key="dim.id || index"
-                    class="bg-slate-900/50 rounded p-2 border border-slate-700"
-                  >
-                    <div class="flex items-center gap-2 mb-1">
-                      <input 
-                        v-model="dim.name"
-                        class="flex-1 bg-slate-800 border border-slate-600 rounded px-2 py-1 text-xs"
-                        placeholder="维度名称"
-                      />
-                      <button 
-                        @click="removeDimension(index)"
-                        class="text-red-400 hover:text-red-300 text-xs px-1"
-                      >
-                        ✕
-                      </button>
-                    </div>
-                    <input 
-                      v-model="dim.focus"
-                      class="w-full bg-slate-800 border border-slate-600 rounded px-2 py-1 text-xs text-slate-400"
-                      placeholder="关注重点（如：理想信念、宗旨意识）"
-                    />
-                  </div>
-                </div>
-                <button 
-                  @click="addDimension"
-                  class="mt-2 text-xs text-green-400 hover:text-green-300 flex items-center gap-1"
-                >
-                  <span>+</span> 添加维度
-                </button>
-              </div>
-
-              <!-- 快速添加维度 -->
-              <div v-else class="text-center py-4 text-slate-500 text-xs">
-                <p>选择一个维度集模板，或手动添加维度</p>
-                <button 
-                  @click="addDimension"
-                  class="mt-2 text-green-400 hover:text-green-300"
-                >
-                  + 添加自定义维度
-                </button>
-              </div>
-            </div>
-          </div>
-
-          <!-- 素材库配置（新增） -->
-          <div class="border-t border-slate-700 pt-4 mt-4">
-            <div class="flex items-center justify-between mb-3">
-              <label class="text-sm text-slate-400 font-medium">📚 素材库配置</label>
-              <button
-                @click="toggleReferenceEditor"
-                class="text-xs text-blue-400 hover:text-blue-300"
-              >
-                {{ showReferenceEditor ? '收起' : '展开' }}
-              </button>
-            </div>
-
-            <div v-if="showReferenceEditor" class="space-y-3">
-              <!-- 自动匹配开关 -->
-              <div class="flex items-center justify-between">
-                <span class="text-xs text-slate-500">自动匹配相关素材</span>
-                <label class="relative inline-flex items-center cursor-pointer">
-                  <input type="checkbox" v-model="editForm.autoMatchRefs" class="sr-only peer">
-                  <div class="w-9 h-5 bg-slate-600 peer-focus:ring-2 peer-focus:ring-blue-500 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-blue-600"></div>
-                </label>
-              </div>
-
-              <!-- 素材类型筛选 -->
-              <div>
-                <label class="block text-xs text-slate-500 mb-2">手动选择素材（按类型）</label>
-                <div class="flex flex-wrap gap-1 mb-2">
-                  <button
-                    v-for="type in referenceTypes"
-                    :key="type.id"
-                    @click="filterReferencesByType(type.id)"
-                    :class="['text-xs px-2 py-1 rounded transition',
-                      selectedRefType === type.id 
-                        ? 'bg-blue-600 text-white' 
-                        : 'bg-slate-700 text-slate-300 hover:bg-slate-600']"
-                  >
-                    {{ type.icon }} {{ type.name }}
-                  </button>
-                </div>
-              </div>
-
-              <!-- 素材列表 -->
-              <div class="max-h-40 overflow-y-auto space-y-1">
-                <div
-                  v-for="ref in filteredReferences"
-                  :key="ref.id"
-                  @click="toggleReference(ref.id)"
-                  :class="['p-2 rounded cursor-pointer border transition text-xs',
-                    editForm.selectedRefs.includes(ref.id)
-                      ? 'bg-blue-900/30 border-blue-500'
-                      : 'bg-slate-900/50 border-slate-700 hover:border-slate-500']"
-                >
-                  <div class="flex items-center justify-between">
-                    <span class="font-medium text-white">{{ ref.title }}</span>
-                    <span v-if="editForm.selectedRefs.includes(ref.id)" class="text-green-400">✓</span>
-                  </div>
-                  <div class="text-slate-500 text-[10px] mt-1">{{ ref.excerptCount }} 条可引用内容</div>
-                </div>
-              </div>
-
-              <!-- 已选素材摘要 -->
-              <div v-if="editForm.selectedRefs.length > 0" class="text-xs text-slate-400">
-                已选择 {{ editForm.selectedRefs.length }} 个素材
-              </div>
-            </div>
+            <p class="text-xs text-slate-500 mt-2">
+              💡 提示：这是 AI 调用时的核心指令。完整的 Prompt 应包含角色、目标、步骤和输出格式。
+            </p>
           </div>
         </div>
 
@@ -401,17 +267,14 @@ import { storeToRefs } from 'pinia'
 import { useAppStore } from '../stores/app'
 import { useDatabaseStore } from '../stores/database.js'
 import DeepSeekAPI from '../api/deepseek.js'
-import { getParadigmList, getParadigmDimensions } from '../config/paradigms.js'
-import { getDimensionSetList, getDimensionSetById } from '../config/dimensionSets.js'
-import { getLogicParadigmList } from '../config/logicParadigms.js'
-import { REFERENCE_TYPES } from '../config/references.js'
+import { getParadigmList } from '../config/paradigms.js'
 
 const appStore = useAppStore()
 const { analysisText, isAnalyzing } = storeToRefs(appStore)
 
 // 数据库 Store
 const dbStore = useDatabaseStore()
-const { references: dbReferences, isInitialized: dbInitialized } = storeToRefs(dbStore)
+const { isInitialized: dbInitialized } = storeToRefs(dbStore)
 
 // 选中的范式
 const selectedParadigm = ref(null)
@@ -434,54 +297,10 @@ const editForm = reactive({
   description: '',
   tagsInput: '',
   tagClass: 'bg-blue-900/30 text-blue-300',
-  constraintsInput: '',
-  // 新架构：维度配置
-  dimensionSetId: null,
-  dimensions: [],
-  // 素材库配置
-  autoMatchRefs: true,
-  selectedRefs: []
+  // ⭐ 核心字段：完整 Prompt
+  specializedPrompt: ''
 })
 
-// 维度编辑器状态
-const showDimensionEditor = ref(false)
-
-// 素材编辑器状态
-const showReferenceEditor = ref(false)
-const selectedRefType = ref('all')
-
-// 使用数据库中的素材数据
-const allReferences = computed(() => {
-  return dbReferences.value.map(ref => ({
-    id: ref.id,
-    type: ref.type,
-    title: ref.title,
-    source: ref.source,
-    tags: ref.tags,
-    excerptCount: ref.excerpts?.length || 0
-  }))
-})
-
-const filteredReferences = computed(() => {
-  if (selectedRefType.value === 'all') {
-    return allReferences.value
-  }
-  return allReferences.value.filter(ref => ref.type === selectedRefType.value)
-})
-
-// 素材类型选项
-const referenceTypes = [
-  { id: 'all', name: '全部', icon: '📚' },
-  { id: REFERENCE_TYPES.POLICY, name: '政策文件', icon: '📄' },
-  { id: REFERENCE_TYPES.SPEECH, name: '领导讲话', icon: '🎙️' },
-  { id: REFERENCE_TYPES.CASE, name: '典型案例', icon: '📌' },
-  { id: REFERENCE_TYPES.QUOTE, name: '金句警句', icon: '✨' },
-  { id: REFERENCE_TYPES.REGULATION, name: '党规党纪', icon: '📖' }
-]
-
-// 维度集选项
-const dimensionSetOptions = getDimensionSetList()
-
 // 图标选项
 const iconOptions = ['📝', '💻', '📊', '🚀', '📚', '🏛️', '🔥', '🏢', '💡', '🎯', '📋', '✨']
 
@@ -495,6 +314,7 @@ const colorOptions = [
   { label: '青色', class: 'bg-cyan-900/30 text-cyan-300' }
 ]
 
+
 // 初始化范式列表
 const initParadigms = () => {
   // 先加载默认范式
@@ -538,28 +358,13 @@ const openEditModal = (paradigm) => {
   editForm.description = paradigm.description || ''
   editForm.tagsInput = (paradigm.tags || []).join(', ')
   editForm.tagClass = paradigm.tagClass || 'bg-blue-900/30 text-blue-300'
-  editForm.constraintsInput = (paradigm.systemConstraints || []).join('\n')
+  // ⭐ 核心字段：加载完整 Prompt
+  editForm.specializedPrompt = paradigm.specializedPrompt || ''
   
-  // 加载维度配置
-  editForm.dimensionSetId = paradigm.dimensionSetId || null
-  if (paradigm.dimensionSetId) {
-    const dimSet = getDimensionSetById(paradigm.dimensionSetId)
-    editForm.dimensions = dimSet ? JSON.parse(JSON.stringify(dimSet.dimensions)) : []
-  } else if (paradigm.customDimensions) {
-    editForm.dimensions = JSON.parse(JSON.stringify(paradigm.customDimensions))
-  } else {
-    editForm.dimensions = []
-  }
-  
-  // 加载素材配置
-  editForm.autoMatchRefs = paradigm.autoMatchRefs !== false // 默认为true
-  editForm.selectedRefs = paradigm.selectedRefs ? [...paradigm.selectedRefs] : []
-  
-  showDimensionEditor.value = false
-  showReferenceEditor.value = false
   showEditModal.value = true
 }
 
+
 // 关闭弹窗
 const closeEditModal = () => {
   showEditModal.value = false
@@ -573,84 +378,15 @@ const resetEditForm = () => {
   editForm.description = ''
   editForm.tagsInput = ''
   editForm.tagClass = 'bg-blue-900/30 text-blue-300'
-  editForm.constraintsInput = ''
-  editForm.dimensionSetId = null
-  editForm.dimensions = []
-  // 素材配置重置
-  editForm.autoMatchRefs = true
-  editForm.selectedRefs = []
-  showDimensionEditor.value = false
-  showReferenceEditor.value = false
+  // ⭐ 核心字段重置
+  editForm.specializedPrompt = ''
 }
 
-// 切换维度编辑器显示
-const toggleDimensionEditor = () => {
-  showDimensionEditor.value = !showDimensionEditor.value
-}
 
-// 维度集变更时更新维度列表
-const onDimensionSetChange = () => {
-  if (editForm.dimensionSetId) {
-    const dimSet = getDimensionSetById(editForm.dimensionSetId)
-    if (dimSet) {
-      // 深拷贝维度列表，允许用户编辑
-      editForm.dimensions = JSON.parse(JSON.stringify(dimSet.dimensions))
-    }
-  } else {
-    editForm.dimensions = []
-  }
-}
-
-// 添加自定义维度
-const addDimension = () => {
-  editForm.dimensions.push({
-    id: `custom-dim-${Date.now()}`,
-    name: '',
-    focus: ''
-  })
-}
-
-// 删除维度
-const removeDimension = (index) => {
-  editForm.dimensions.splice(index, 1)
-}
-
-// 切换素材编辑器显示
-const toggleReferenceEditor = () => {
-  showReferenceEditor.value = !showReferenceEditor.value
-}
-
-// 按类型筛选素材（通过修改selectedRefType触发computed重新计算）
-const filterReferencesByType = (typeId) => {
-  selectedRefType.value = typeId
-}
-
-// 切换素材选中状态
-const toggleReference = (refId) => {
-  const index = editForm.selectedRefs.indexOf(refId)
-  if (index === -1) {
-    editForm.selectedRefs.push(refId)
-  } else {
-    editForm.selectedRefs.splice(index, 1)
-  }
-}
 
 // 保存范式
 const saveParadigm = () => {
   const tags = editForm.tagsInput.split(',').map(t => t.trim()).filter(t => t)
-  const constraints = editForm.constraintsInput.split('\n').map(c => c.trim()).filter(c => c)
-  
-  // 处理维度配置
-  const dimensionConfig = {
-    dimensionSetId: editForm.dimensionSetId,
-    customDimensions: editForm.dimensions.length > 0 ? editForm.dimensions : null
-  }
-  
-  // 处理素材配置
-  const referenceConfig = {
-    autoMatchRefs: editForm.autoMatchRefs,
-    selectedRefs: editForm.selectedRefs
-  }
   
   if (isAddMode.value) {
     // 新增自定义范式
@@ -658,20 +394,12 @@ const saveParadigm = () => {
       id: `custom-${Date.now()}`,
       icon: editForm.icon,
       name: editForm.name,
-      description: editForm.description,
+      description: editForm.description || editForm.specializedPrompt.substring(0, 100) + '...',
       tags,
       tagClass: editForm.tagClass,
-      systemConstraints: constraints,
       isCustom: true,
-      // 新架构：维度配置
-      ...dimensionConfig,
-      // 素材配置
-      ...referenceConfig,
-      logicParadigms: {
-        problemSection: 'progressive-problem',
-        analysisSection: 'deep-attribution',
-        remediationSection: 'remediation'
-      }
+      // ⭐ 核心字段：完整 Prompt
+      specializedPrompt: editForm.specializedPrompt
     }
     
     paradigms.value.push(newParadigm)
@@ -692,11 +420,8 @@ const saveParadigm = () => {
         description: editForm.description,
         tags,
         tagClass: editForm.tagClass,
-        systemConstraints: constraints,
-        // 新架构：维度配置
-        ...dimensionConfig,
-        // 素材配置
-        ...referenceConfig
+        // ⭐ 核心字段：完整 Prompt
+        specializedPrompt: editForm.specializedPrompt
       }
       
       paradigms.value[index] = updatedParadigm
@@ -721,11 +446,7 @@ const saveParadigm = () => {
           description: editForm.description,
           tags,
           tagClass: editForm.tagClass,
-          systemConstraints: constraints,
-          // 新架构：维度配置
-          ...dimensionConfig,
-          // 素材配置
-          ...referenceConfig
+          specializedPrompt: editForm.specializedPrompt
         }
         localStorage.setItem('paradigmCustomizations', JSON.stringify(customizations))
       }
@@ -735,6 +456,7 @@ const saveParadigm = () => {
   closeEditModal()
 }
 
+
 // 删除自定义范式
 const deleteParadigm = (paradigm) => {
   if (!paradigm.isCustom) return

src/components/ComparePanel.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="h-screen flex flex-col bg-slate-900">
+  <div class="h-screen w-full flex flex-col bg-slate-900">
     <!-- 头部 -->
     <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">
@@ -43,16 +43,39 @@
     </div>
     
     <!-- 范式规则展开区 -->
-    <div v-if="showParadigmRules && hasParadigmRules" class="px-4 py-3 bg-indigo-950/50 border-b border-indigo-800/30 max-h-48 overflow-y-auto shrink-0">
+    <div v-if="showParadigmRules && hasParadigmRules" class="px-4 py-3 bg-indigo-950/50 border-b border-indigo-800/30 max-h-56 overflow-y-auto shrink-0">
+      <!-- 操作栏 -->
+      <div class="flex items-center justify-between mb-2 pb-2 border-b border-indigo-800/30">
+        <span class="text-xs text-indigo-300">已启用 {{ enabledRulesCount }}/{{ paradigmRulesCount }} 条规则</span>
+        <button 
+          @click="toggleAllRules"
+          class="text-xs px-2 py-0.5 rounded bg-indigo-700/50 text-indigo-200 hover:bg-indigo-600/50 transition"
+        >
+          {{ enabledRulesCount === paradigmRulesCount ? '取消全选' : '全选' }}
+        </button>
+      </div>
+      <!-- 规则列表 -->
       <div class="grid grid-cols-2 gap-2">
-        <div v-for="(rule, idx) in getFilteredRules(null)" :key="idx" 
-          :class="['text-xs px-2 py-1 rounded flex items-start gap-1',
-            rule.scope === checkMode ? 'bg-indigo-800/50 text-indigo-100' : 'bg-slate-800/50 text-slate-400'
+        <div v-for="rule in allRulesWithIdx" :key="rule.idx" 
+          @click="toggleRule(rule.idx)"
+          :class="['text-xs px-2 py-1.5 rounded flex items-start gap-2 cursor-pointer transition border',
+            enabledRuleIdxs.has(rule.idx) 
+              ? (rule.scope === checkMode ? 'bg-indigo-800/50 text-indigo-100 border-indigo-600/50' : 'bg-slate-800/50 text-slate-300 border-slate-600/50')
+              : 'bg-slate-900/50 text-slate-500 border-slate-700/30 opacity-60'
           ]">
-          <span :class="['shrink-0 px-1 rounded text-[10px]', 
-            rule.scope === 'paragraph' ? 'bg-amber-600/50 text-amber-200' : 'bg-blue-600/50 text-blue-200'
-          ]">{{ rule.scope === 'paragraph' ? '段' : '文' }}</span>
-          <span>{{ rule.text }}</span>
+          <!-- 勾选框 -->
+          <div :class="['w-4 h-4 rounded border flex items-center justify-center shrink-0 mt-0.5 transition',
+            enabledRuleIdxs.has(rule.idx) ? 'bg-indigo-600 border-indigo-500' : 'bg-slate-800 border-slate-600'
+          ]">
+            <span v-if="enabledRuleIdxs.has(rule.idx)" class="text-white text-[10px]">✓</span>
+          </div>
+          <!-- 规则标签和文本 -->
+          <div class="flex-1 min-w-0">
+            <span :class="['shrink-0 px-1 rounded text-[10px] mr-1', 
+              rule.scope === 'paragraph' ? 'bg-amber-600/50 text-amber-200' : 'bg-blue-600/50 text-blue-200'
+            ]">{{ rule.scope === 'paragraph' ? '段' : '文' }}</span>
+            <span class="break-words">{{ rule.text }}</span>
+          </div>
         </div>
       </div>
     </div>
@@ -65,7 +88,26 @@
           <h2 class="text-sm font-medium text-amber-400 flex items-center gap-2">
             📋 要求原文
           </h2>
-          <span class="text-xs text-slate-500">{{ leftParagraphs.length }} 段</span>
+          <div class="flex items-center gap-2">
+            <span class="text-xs text-slate-500">{{ leftParagraphs.length }} 段</span>
+            <!-- 保存按钮（仅当内容来自文稿库时显示） -->
+            <button
+              v-if="leftSourceType === 'document' && leftSourceDocId"
+              @click="saveLeftContent"
+              :disabled="isLeftSaving || !hasLeftContentChanged"
+              class="text-xs px-2 py-1 rounded flex items-center gap-1 transition"
+              :class="hasLeftContentChanged 
+                ? 'bg-green-600 text-white hover:bg-green-500' 
+                : 'bg-slate-700 text-slate-400 cursor-not-allowed'"
+            >
+              <span v-if="isLeftSaving" class="animate-spin">↻</span>
+              <span v-else>💾</span>
+              {{ isLeftSaving ? '保存中...' : (hasLeftContentChanged ? '保存版本' : '已保存') }}
+            </button>
+            <span v-if="leftSourceType === 'document' && leftSourceDocTitle" class="text-xs text-amber-400">
+              📄 {{ leftSourceDocTitle }}
+            </span>
+          </div>
         </div>
         <!-- 来源选择器 -->
         <div class="px-3 py-2 bg-slate-800/50 border-b border-slate-700 flex items-center gap-2">
@@ -77,11 +119,10 @@
                 leftSourceType === 'paste' ? 'bg-amber-600 text-white' : 'text-slate-400 hover:text-white']"
             >粘贴</button>
             <button
-              v-if="activeParadigm?.defaultReference"
-              @click="loadParadigmReference"
+              @click="showParadigmSelector = true"
               :class="['text-xs px-2 py-0.5 rounded transition',
                 leftSourceType === 'paradigm' ? 'bg-amber-600 text-white' : 'text-slate-400 hover:text-white']"
-            >范式范文</button>
+            >范式库</button>
             <button
               @click="showMaterialSelector = true"
               :class="['text-xs px-2 py-0.5 rounded transition',
@@ -373,6 +414,13 @@
       @select="handleMaterialSelect"
     />
 
+    <!-- 范式选择弹窗 -->
+    <ParadigmSelectorModal
+      :visible="showParadigmSelector"
+      @close="showParadigmSelector = false"
+      @select="handleParadigmSelect"
+    />
+
     <!-- 文稿选择弹窗（左侧） -->
     <DocumentSelectorModal
       :visible="showLeftDocSelector"
@@ -712,6 +760,7 @@ import { getLogicParadigmById, buildLogicPrompt } from '../config/logicParadigms
 import { computeDiff, applySelectedChanges as applyDiffChanges, getDiffStats, splitIntoSentencesWithPosition } from '../utils/textDiff'
 import MaterialSelectorModal from './MaterialSelectorModal.vue'
 import DocumentSelectorModal from './DocumentSelectorModal.vue'
+import ParadigmSelectorModal from './ParadigmSelectorModal.vue'
 
 const appStore = useAppStore()
 const dbStore = useDatabaseStore()
@@ -723,8 +772,13 @@ const rightContent = ref('')
 
 // 左侧来源相关
 const leftSourceType = ref('paste')  // 'paste' | 'paradigm' | 'material' | 'document'
+const showParadigmSelector = ref(false)
 const showMaterialSelector = ref(false)
 const showLeftDocSelector = ref(false)
+const leftSourceDocId = ref(null)         // 来源文稿ID
+const leftSourceDocTitle = ref('')        // 来源文稿标题
+const leftOriginalContent = ref('')       // 来源文稿原始内容（用于差异比对）
+const isLeftSaving = ref(false)           // 左侧保存中状态
 
 // 右侧来源相关
 const rightSourceType = ref('paste')  // 'paste' | 'document'
@@ -773,6 +827,7 @@ const rewrittenSentences = ref([])           // 重写后句子列表
 // 范式相关
 const showParadigmRules = ref(false)
 const checkMode = ref('paragraph')  // 'paragraph' | 'document'
+const enabledRuleIdxs = ref(new Set())  // 已启用的规则索引集合
 
 const hasParadigmRules = computed(() => {
   const p = activeParadigm.value
@@ -783,46 +838,88 @@ const activeParadigmName = computed(() => {
   return activeParadigm.value?.name || ''
 })
 
-// 提取范式规则列表（根据 scope 过滤）
+// 提取范式规则列表（根据 scope 过滤，添加索引用于勾选）
 const getFilteredRules = (scope) => {
   const paradigm = activeParadigm.value
   if (!paradigm) return []
   
   const rules = []
+  let idx = 0
   
   if (paradigm.expertGuidelines) {
     paradigm.expertGuidelines
       .filter(g => !scope || g.scope === scope || !g.scope)  // 无 scope 的规则默认都包含
       .forEach(g => {
-        rules.push({ text: `【${g.title}】${g.description}`, scope: g.scope || 'both' })
+        rules.push({ 
+          idx: idx++, 
+          text: `【${g.title}】${g.description}`, 
+          scope: g.scope || 'both' 
+        })
       })
   }
   
   // systemConstraints 默认为全文级
   if (paradigm.systemConstraints && (scope === 'document' || !scope)) {
     paradigm.systemConstraints.forEach(c => {
-      rules.push({ text: c, scope: 'document' })
+      rules.push({ idx: idx++, text: c, scope: 'document' })
     })
   }
   
   return rules
 }
 
+// 获取所有规则（带索引）
+const allRulesWithIdx = computed(() => getFilteredRules(null))
+
+// 初始化规则勾选状态（默认全部勾选）
+const initializeRuleSelection = () => {
+  const rules = allRulesWithIdx.value
+  enabledRuleIdxs.value = new Set(rules.map(r => r.idx))
+}
+
+// 切换单个规则的勾选状态
+const toggleRule = (idx) => {
+  if (enabledRuleIdxs.value.has(idx)) {
+    enabledRuleIdxs.value.delete(idx)
+  } else {
+    enabledRuleIdxs.value.add(idx)
+  }
+  enabledRuleIdxs.value = new Set(enabledRuleIdxs.value) // 触发响应式更新
+}
+
+// 全选/取消全选规则
+const toggleAllRules = () => {
+  const allRules = allRulesWithIdx.value
+  if (enabledRuleIdxs.value.size === allRules.length) {
+    enabledRuleIdxs.value = new Set()
+  } else {
+    enabledRuleIdxs.value = new Set(allRules.map(r => r.idx))
+  }
+}
+
+// 监听范式变化，重新初始化勾选状态
+watch(() => activeParadigm.value, () => {
+  initializeRuleSelection()
+}, { immediate: true })
+
 // 当前模式下的规则列表
 const paradigmRulesList = computed(() => getFilteredRules(null).map(r => r.text))
 const paragraphRules = computed(() => getFilteredRules('paragraph'))
 const documentRules = computed(() => getFilteredRules('document'))
 
 const paradigmRulesCount = computed(() => paradigmRulesList.value.length)
-const currentScopeRulesCount = computed(() => 
-  checkMode.value === 'paragraph' ? paragraphRules.value.length : documentRules.value.length
-)
+const enabledRulesCount = computed(() => enabledRuleIdxs.value.size)
+const currentScopeRulesCount = computed(() => {
+  const rules = checkMode.value === 'paragraph' ? paragraphRules.value : documentRules.value
+  return rules.filter(r => enabledRuleIdxs.value.has(r.idx)).length
+})
 
-// 获取范式规则文本（根据当前检查模式过滤）
+// 获取范式规则文本（根据当前检查模式过滤，只包含勾选的规则）
 const getParadigmRulesText = () => {
   const rules = checkMode.value === 'paragraph' ? paragraphRules.value : documentRules.value
-  if (rules.length === 0) return ''
-  return rules.map(r => r.text).join('\n')
+  const enabledRules = rules.filter(r => enabledRuleIdxs.value.has(r.idx))
+  if (enabledRules.length === 0) return ''
+  return enabledRules.map(r => r.text).join('\n')
 }
 
 // 解析段落
@@ -851,6 +948,12 @@ const hasContentChanged = computed(() => {
   return rightContent.value !== rightOriginalContent.value
 })
 
+// 左侧内容是否已修改（与原始内容对比）
+const hasLeftContentChanged = computed(() => {
+  if (leftSourceType.value !== 'document' || !leftSourceDocId.value) return false
+  return leftContent.value !== leftOriginalContent.value
+})
+
 // 选择段落（多选切换）
 const selectLeftParagraph = (idx) => {
   const i = selectedLeftIdxs.value.indexOf(idx)
@@ -897,12 +1000,21 @@ const goBack = () => {
   appStore.switchPage('writer')
 }
 
-// 加载范式默认参考范文
-const loadParadigmReference = () => {
-  if (activeParadigm.value?.defaultReference) {
-    leftContent.value = activeParadigm.value.defaultReference.content
-    leftSourceType.value = 'paradigm'
+// 加载范式范文或规则
+const handleParadigmSelect = (p) => {
+  appStore.activeParadigm = p
+  leftSourceType.value = 'paradigm'
+  
+  // 填充内容：优先使用系统约束作为要求原文，如果没有则用范文内容
+  if (p.systemConstraints && p.systemConstraints.length > 0) {
+    leftContent.value = p.systemConstraints.join('\n\n')
+  } else if (p.defaultReference?.content) {
+    leftContent.value = p.defaultReference.content
+  } else {
+    leftContent.value = p.description || ''
   }
+  
+  showParadigmSelector.value = false
 }
 
 // 处理素材选择
@@ -918,6 +1030,9 @@ const handleMaterialSelect = (material) => {
 const handleLeftDocSelect = (doc) => {
   leftContent.value = doc.content || ''
   leftSourceType.value = 'document'
+  leftSourceDocId.value = doc.id            // 保存文稿ID
+  leftSourceDocTitle.value = doc.title      // 保存文稿标题
+  leftOriginalContent.value = doc.content || ''  // 保存原始内容用于差异比对
   showLeftDocSelector.value = false
 }
 
@@ -974,6 +1089,49 @@ const saveRightContent = async () => {
   }
 }
 
+// 保存左侧内容到文稿
+const saveLeftContent = async () => {
+  if (leftSourceType.value !== 'document' || !leftSourceDocId.value) {
+    alert('当前内容不是来自文稿库，无需保存')
+    return
+  }
+  
+  if (!hasLeftContentChanged.value) {
+    alert('内容未修改，无需保存')
+    return
+  }
+  
+  isLeftSaving.value = true
+  
+  try {
+    // 计算差异用于生成版本说明
+    const changes = computeDiff(leftOriginalContent.value, leftContent.value)
+    const stats = getDiffStats(changes)
+    
+    // 生成简短的变更说明
+    let changeNote = `修改了 ${stats.modified} 处`
+    if (stats.added > 0) changeNote += `，新增了 ${stats.added} 处`
+    if (stats.removed > 0) changeNote += `，删除了 ${stats.removed} 处`
+    
+    // 保存新版本
+    const versionNumber = saveDocumentVersion(leftSourceDocId.value, leftContent.value, changeNote)
+    
+    // 同时更新文稿主内容
+    updateDocument(leftSourceDocId.value, { content: leftContent.value })
+    
+    // 更新原始内容为当前内容（标记为已保存）
+    leftOriginalContent.value = leftContent.value
+    
+    console.log(`左侧文稿保存成功，版本号: ${versionNumber}，${changeNote}`)
+    alert(`保存成功！新版本: v${versionNumber}\n${changeNote}`)
+  } catch (error) {
+    console.error('保存失败:', error)
+    alert('保存失败，请重试')
+  } finally {
+    isLeftSaving.value = false
+  }
+}
+
 // 切换段落类型下拉菜单
 const toggleTypeDropdown = (idx) => {
   showTypeDropdown.value = showTypeDropdown.value === idx ? null : idx

src/components/DiffAnnotationPanel.vue

@@ -0,0 +1,439 @@
+<template>
+  <div class="h-screen w-full flex flex-col bg-slate-950">
+    <!-- 顶部工具栏 -->
+    <header class="h-14 border-b border-slate-800 flex items-center justify-between px-6 bg-slate-950 shrink-0">
+      <div class="flex items-center gap-4">
+        <h1 class="text-lg font-bold text-white flex items-center gap-2">
+          📊 文稿差异标注
+        </h1>
+        <button 
+          @click="goBack"
+          class="text-xs px-3 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
+        >
+          ← 返回写作
+        </button>
+      </div>
+      <div class="flex items-center gap-4">
+        <!-- 图例说明 -->
+        <div class="text-xs text-slate-500 flex items-center gap-3">
+          <span class="flex items-center gap-1"><span class="w-3 h-3 rounded bg-amber-500/50"></span> 修改</span>
+          <span class="flex items-center gap-1"><span class="w-3 h-3 rounded bg-green-500/50"></span> 新增</span>
+          <span class="flex items-center gap-1"><span class="w-3 h-3 rounded bg-red-500/50"></span> 删除</span>
+        </div>
+        <!-- 差异统计 -->
+        <div v-if="diffStats.total > 0" class="text-xs text-slate-400 flex items-center gap-3 border-l border-slate-700 pl-4">
+          <span class="text-amber-400">{{ diffStats.modified }} 处修改</span>
+          <span class="text-green-400">{{ diffStats.added }} 处新增</span>
+          <span class="text-red-400">{{ diffStats.removed }} 处删除</span>
+        </div>
+        <!-- 导出按钮 -->
+        <button 
+          @click="exportToWord"
+          :disabled="!leftContent || !rightContent"
+          class="text-sm px-4 py-2 rounded bg-blue-600 text-white hover:bg-blue-500 disabled:opacity-50 disabled:cursor-not-allowed transition flex items-center gap-2"
+        >
+          📥 导出 Word
+        </button>
+      </div>
+    </header>
+
+    <!-- 主内容区：左右对比 -->
+    <div class="flex-1 flex w-full overflow-hidden">
+      <!-- 左侧：原文 -->
+      <div class="flex-1 flex flex-col border-r border-slate-700 min-w-0">
+        <div class="p-3 bg-slate-800 border-b border-slate-700 flex items-center justify-between shrink-0">
+          <h2 class="text-sm font-medium text-amber-400 flex items-center gap-2">
+            📄 原文
+          </h2>
+          <div class="flex items-center gap-2">
+            <span class="text-xs text-slate-500">来源：</span>
+            <div class="flex bg-slate-900 rounded p-0.5 border border-slate-700">
+              <button
+                @click="leftSourceType = 'paste'"
+                :class="['text-xs px-2 py-0.5 rounded transition',
+                  leftSourceType === 'paste' ? 'bg-amber-600 text-white' : 'text-slate-400 hover:text-white']"
+              >粘贴</button>
+              <button
+                @click="showLeftDocSelector = true"
+                :class="['text-xs px-2 py-0.5 rounded transition',
+                  leftSourceType === 'document' ? 'bg-amber-600 text-white' : 'text-slate-400 hover:text-white']"
+              >文稿库</button>
+            </div>
+          </div>
+        </div>
+        
+        <!-- 差异高亮显示区 -->
+        <div class="flex-1 overflow-y-auto p-4 bg-slate-900/50 min-h-0" :style="{ minHeight: `calc(100% - ${inputHeight}px - 60px)` }">
+          <div v-if="diffSegments.length > 0" class="text-sm leading-relaxed whitespace-pre-wrap">
+            <template v-for="(segment, idx) in diffSegments" :key="'left-' + idx">
+              <span 
+                v-if="segment.type === 'unchanged'"
+                class="text-slate-300"
+              >{{ segment.original }}</span>
+              <span 
+                v-else-if="segment.type === 'modified'"
+                class="bg-amber-500/30 text-amber-200 px-0.5 rounded"
+              >{{ segment.original }}</span>
+              <span 
+                v-else-if="segment.type === 'removed'"
+                class="bg-red-500/30 text-red-200 px-0.5 rounded line-through"
+              >{{ segment.original }}</span>
+            </template>
+          </div>
+          <div v-else class="h-full flex flex-col items-center justify-center text-slate-500">
+            <span class="text-5xl block mb-3 opacity-30">📝</span>
+            <p class="text-sm">在下方输入原文内容</p>
+            <p class="text-xs text-slate-600 mt-1">或从文稿库选择</p>
+          </div>
+        </div>
+        
+        <!-- 可拖动分割线 -->
+        <div 
+          class="h-2 bg-slate-700 cursor-ns-resize hover:bg-slate-600 flex items-center justify-center transition shrink-0"
+          @mousedown="startResize"
+        >
+          <div class="w-12 h-1 bg-slate-500 rounded"></div>
+        </div>
+        
+        <!-- 输入区 -->
+        <div class="p-3 border-t border-slate-700 bg-slate-800 shrink-0" :style="{ height: inputHeight + 'px' }">
+          <textarea 
+            v-model="leftContent"
+            class="w-full h-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-sm text-slate-200 focus:ring-2 focus:ring-amber-500 focus:border-transparent outline-none resize-none"
+            placeholder="粘贴或输入原文内容..."
+          ></textarea>
+        </div>
+      </div>
+
+      <!-- 右侧：修改文 -->
+      <div class="flex-1 flex flex-col min-w-0">
+        <div class="p-3 bg-slate-800 border-b border-slate-700 flex items-center justify-between shrink-0">
+          <h2 class="text-sm font-medium text-blue-400 flex items-center gap-2">
+            ✏️ 修改文
+          </h2>
+          <div class="flex items-center gap-2">
+            <span class="text-xs text-slate-500">来源：</span>
+            <div class="flex bg-slate-900 rounded p-0.5 border border-slate-700">
+              <button
+                @click="rightSourceType = 'paste'"
+                :class="['text-xs px-2 py-0.5 rounded transition',
+                  rightSourceType === 'paste' ? 'bg-blue-600 text-white' : 'text-slate-400 hover:text-white']"
+              >粘贴</button>
+              <button
+                @click="showRightDocSelector = true"
+                :class="['text-xs px-2 py-0.5 rounded transition',
+                  rightSourceType === 'document' ? 'bg-blue-600 text-white' : 'text-slate-400 hover:text-white']"
+              >文稿库</button>
+            </div>
+          </div>
+        </div>
+        
+        <!-- 差异高亮显示区 -->
+        <div class="flex-1 overflow-y-auto p-4 bg-slate-900/50 min-h-0" :style="{ minHeight: `calc(100% - ${inputHeight}px - 60px)` }">
+          <div v-if="diffSegments.length > 0" class="text-sm leading-relaxed whitespace-pre-wrap">
+            <template v-for="(segment, idx) in diffSegments" :key="'right-' + idx">
+              <span 
+                v-if="segment.type === 'unchanged'"
+                class="text-slate-300"
+              >{{ segment.rewritten }}</span>
+              <span 
+                v-else-if="segment.type === 'modified'"
+                class="bg-amber-500/30 text-amber-200 px-0.5 rounded"
+              >{{ segment.rewritten }}</span>
+              <span 
+                v-else-if="segment.type === 'added'"
+                class="bg-green-500/30 text-green-200 px-0.5 rounded"
+              >{{ segment.rewritten }}</span>
+            </template>
+          </div>
+          <div v-else class="h-full flex flex-col items-center justify-center text-slate-500">
+            <span class="text-5xl block mb-3 opacity-30">✏️</span>
+            <p class="text-sm">在下方输入修改后的内容</p>
+            <p class="text-xs text-slate-600 mt-1">或从文稿库选择</p>
+          </div>
+        </div>
+        
+        <!-- 可拖动分割线 -->
+        <div 
+          class="h-2 bg-slate-700 cursor-ns-resize hover:bg-slate-600 flex items-center justify-center transition shrink-0"
+          @mousedown="startResize"
+        >
+          <div class="w-12 h-1 bg-slate-500 rounded"></div>
+        </div>
+        
+        <!-- 输入区 -->
+        <div class="p-3 border-t border-slate-700 bg-slate-800 shrink-0" :style="{ height: inputHeight + 'px' }">
+          <textarea 
+            v-model="rightContent"
+            class="w-full h-full bg-slate-900 border border-slate-700 rounded-lg p-3 text-sm text-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none resize-none"
+            placeholder="粘贴或输入修改后的内容..."
+          ></textarea>
+        </div>
+      </div>
+    </div>
+
+    <!-- 文稿选择弹窗 - 左侧 -->
+    <DocumentSelectorModal 
+      :visible="showLeftDocSelector"
+      @close="showLeftDocSelector = false"
+      @select="handleLeftDocSelect"
+    />
+    
+    <!-- 文稿选择弹窗 - 右侧 -->
+    <DocumentSelectorModal 
+      :visible="showRightDocSelector"
+      @close="showRightDocSelector = false"
+      @select="handleRightDocSelect"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
+import { useAppStore } from '../stores/app'
+import { computePreciseDiff, getPreciseDiffStats } from '../utils/preciseDiff.js'
+import { Document, Packer, Paragraph, TextRun } from 'docx'
+import { saveAs } from 'file-saver'
+import DocumentSelectorModal from './DocumentSelectorModal.vue'
+
+const appStore = useAppStore()
+
+// 内容
+const leftContent = ref('')
+const rightContent = ref('')
+
+// 来源类型
+const leftSourceType = ref('paste')
+const rightSourceType = ref('paste')
+
+// 文稿选择器
+const showLeftDocSelector = ref(false)
+const showRightDocSelector = ref(false)
+
+// 差异计算
+const diffSegments = ref([])
+
+// 可拖动分割线状态
+const inputHeight = ref(160)
+const isResizing = ref(false)
+const startY = ref(0)
+const startHeight = ref(0)
+
+// 监听内容变化，实时计算差异（使用精确算法）
+watch([leftContent, rightContent], () => {
+  if (leftContent.value && rightContent.value) {
+    diffSegments.value = computePreciseDiff(leftContent.value, rightContent.value)
+  } else {
+    diffSegments.value = []
+  }
+}, { immediate: true })
+
+// 差异统计
+const diffStats = computed(() => {
+  return getPreciseDiffStats(diffSegments.value)
+})
+
+// 处理左侧文稿选择
+const handleLeftDocSelect = (doc) => {
+  leftContent.value = doc.content || ''
+  leftSourceType.value = 'document'
+  showLeftDocSelector.value = false
+}
+
+// 处理右侧文稿选择
+const handleRightDocSelect = (doc) => {
+  rightContent.value = doc.content || ''
+  rightSourceType.value = 'document'
+  showRightDocSelector.value = false
+}
+
+// 分割线拖动处理
+const startResize = (e) => {
+  isResizing.value = true
+  startY.value = e.clientY
+  startHeight.value = inputHeight.value
+  document.addEventListener('mousemove', doResize)
+  document.addEventListener('mouseup', stopResize)
+  document.body.style.cursor = 'ns-resize'
+  document.body.style.userSelect = 'none'
+}
+
+const doResize = (e) => {
+  if (!isResizing.value) return
+  const delta = startY.value - e.clientY
+  const newHeight = Math.max(80, Math.min(400, startHeight.value + delta))
+  inputHeight.value = newHeight
+}
+
+const stopResize = () => {
+  isResizing.value = false
+  document.removeEventListener('mousemove', doResize)
+  document.removeEventListener('mouseup', stopResize)
+  document.body.style.cursor = ''
+  document.body.style.userSelect = ''
+}
+
+// 清理事件监听
+onUnmounted(() => {
+  document.removeEventListener('mousemove', doResize)
+  document.removeEventListener('mouseup', stopResize)
+})
+
+// 返回写作页面
+const goBack = () => {
+  appStore.setCurrentPage('writer')
+}
+
+// 导出 Word 文档
+const exportToWord = async () => {
+  if (!leftContent.value || !rightContent.value) {
+    alert('请先填写原文和修改文内容')
+    return
+  }
+
+  try {
+    // 创建文档段落
+    const children = []
+    
+    // 标题
+    children.push(
+      new Paragraph({
+        children: [
+          new TextRun({
+            text: '文稿差异对比报告',
+            bold: true,
+            size: 32
+          })
+        ],
+        spacing: { after: 400 }
+      })
+    )
+
+    // 统计信息
+    children.push(
+      new Paragraph({
+        children: [
+          new TextRun({
+            text: `差异统计：修改 ${diffStats.value.modified} 处，新增 ${diffStats.value.added} 处，删除 ${diffStats.value.removed} 处`,
+            size: 20,
+            color: '666666'
+          })
+        ],
+        spacing: { after: 400 }
+      })
+    )
+
+    // 分隔线
+    children.push(
+      new Paragraph({
+        children: [new TextRun({ text: '─'.repeat(50) })],
+        spacing: { after: 200 }
+      })
+    )
+
+    // 原文标题
+    children.push(
+      new Paragraph({
+        children: [
+          new TextRun({
+            text: '【原文】',
+            bold: true,
+            size: 24
+          })
+        ],
+        spacing: { after: 200 }
+      })
+    )
+
+    // 原文内容（带高亮）
+    const leftRuns = []
+    for (const segment of diffSegments.value) {
+      if (segment.type === 'unchanged' && segment.original) {
+        leftRuns.push(new TextRun({ text: segment.original, size: 22 }))
+      } else if (segment.type === 'modified' && segment.original) {
+        leftRuns.push(new TextRun({ 
+          text: segment.original, 
+          size: 22,
+          color: 'D97706',  // 橙色
+          highlight: 'yellow'
+        }))
+      } else if (segment.type === 'removed' && segment.original) {
+        leftRuns.push(new TextRun({ 
+          text: segment.original, 
+          size: 22,
+          color: 'DC2626',  // 红色
+          strike: true,
+          highlight: 'red'
+        }))
+      }
+    }
+    if (leftRuns.length > 0) {
+      children.push(new Paragraph({ children: leftRuns, spacing: { after: 400 } }))
+    }
+
+    // 分隔线
+    children.push(
+      new Paragraph({
+        children: [new TextRun({ text: '─'.repeat(50) })],
+        spacing: { after: 200 }
+      })
+    )
+
+    // 修改文标题
+    children.push(
+      new Paragraph({
+        children: [
+          new TextRun({
+            text: '【修改文】',
+            bold: true,
+            size: 24
+          })
+        ],
+        spacing: { after: 200 }
+      })
+    )
+
+    // 修改文内容（带高亮）
+    const rightRuns = []
+    for (const segment of diffSegments.value) {
+      if (segment.type === 'unchanged' && segment.rewritten) {
+        rightRuns.push(new TextRun({ text: segment.rewritten, size: 22 }))
+      } else if (segment.type === 'modified' && segment.rewritten) {
+        rightRuns.push(new TextRun({ 
+          text: segment.rewritten, 
+          size: 22,
+          color: 'D97706',  // 橙色
+          highlight: 'yellow'
+        }))
+      } else if (segment.type === 'added' && segment.rewritten) {
+        rightRuns.push(new TextRun({ 
+          text: segment.rewritten, 
+          size: 22,
+          color: '16A34A',  // 绿色
+          highlight: 'green'
+        }))
+      }
+    }
+    if (rightRuns.length > 0) {
+      children.push(new Paragraph({ children: rightRuns, spacing: { after: 400 } }))
+    }
+
+    // 创建文档
+    const doc = new Document({
+      sections: [{
+        children: children
+      }]
+    })
+
+    // 生成并下载
+    const blob = await Packer.toBlob(doc)
+    const timestamp = new Date().toISOString().slice(0, 10)
+    saveAs(blob, `文稿差异对比_${timestamp}.docx`)
+    
+    alert('导出成功！')
+  } catch (error) {
+    console.error('导出失败:', error)
+    alert('导出失败，请重试')
+  }
+}
+</script>

src/components/DocumentsPanel.vue

@@ -2,17 +2,9 @@
   <aside class="w-[400px] h-screen flex flex-col border-r border-slate-700 bg-slate-800 shrink-0">
     <!-- 头部 -->
     <header class="p-4 border-b border-slate-700 flex items-center justify-between">
-      <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> 文稿管理
-        </h1>
-        <button 
-          @click="switchPage('writer')"
-          class="text-xs px-2 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-        >
-          返回写作
-        </button>
-      </div>
+      <h1 class="font-bold text-lg text-white flex items-center gap-2">
+        <span class="text-2xl">📂</span> 文稿管理
+      </h1>
       <span class="text-xs px-2 py-1 rounded bg-blue-900 text-blue-300 border border-blue-700">Pro版</span>
     </header>
 
@@ -197,6 +189,11 @@ const selectDocument = (doc) => {
   // 通知父组件
   const selectedDoc = selectedDocId.value ? doc : null
   emit('document-selected', selectedDoc)
+  
+  // 同步更新 store 以便右侧编辑区同步显示
+  if (selectedDoc) {
+    appStore.currentDocument = selectedDoc
+  }
 }
 
 // 切换版本面板

src/components/MainContent.vue

@@ -2,7 +2,7 @@
   <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">
+      <div class="max-w-5xl mx-auto">
         <div class="flex justify-between items-center mb-4">
           <h3 class="text-lg font-bold text-yellow-500">🔧 构建的 Prompt 结构预览</h3>
           <button @click="showPromptDebug = false" class="text-sm text-slate-400 hover:text-white">关闭预览</button>
@@ -51,7 +51,7 @@
 
     <!-- 主内容区 -->
     <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 class="max-w-5xl 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">

src/components/MaterialsPanel.vue

@@ -2,17 +2,9 @@
   <aside class="w-[400px] h-screen flex flex-col border-r border-slate-700 bg-slate-800 shrink-0">
     <!-- 头部 -->
     <header class="p-4 border-b border-slate-700 flex items-center justify-between">
-      <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> 素材库
-        </h1>
-        <button 
-          @click="switchPage('writer')"
-          class="text-xs px-2 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-        >
-          返回写作
-        </button>
-      </div>
+      <h1 class="font-bold text-lg text-white flex items-center gap-2">
+        <span class="text-2xl">📚</span> 素材库
+      </h1>
       <span class="text-xs px-2 py-1 rounded bg-blue-900 text-blue-300 border border-blue-700">Pro版</span>
     </header>
 

src/components/ParadigmSelectorModal.vue

@@ -0,0 +1,168 @@
+<template>
+  <div v-if="visible" class="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+    <div class="bg-slate-800 rounded-lg w-[600px] max-h-[80vh] overflow-hidden border border-slate-600 flex flex-col shadow-2xl">
+      <!-- 头部 -->
+      <div class="p-4 border-b border-slate-700 flex items-center justify-between shrink-0">
+        <h3 class="text-lg font-bold text-white flex items-center gap-2">
+          <span>📚</span> 选择写作范式
+        </h3>
+        <button @click="$emit('close')" class="text-slate-400 hover:text-white transition">✕</button>
+      </div>
+
+      <!-- 搜索/过滤 -->
+      <div class="px-4 py-3 border-b border-slate-700 bg-slate-800/50 shrink-0">
+        <input 
+          v-model="searchQuery"
+          type="text"
+          placeholder="搜索范式名称或描述..."
+          class="w-full bg-slate-900 border border-slate-700 rounded-lg px-3 py-2 text-sm text-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none transition"
+        />
+      </div>
+
+      <!-- 范式列表 -->
+      <div class="flex-1 overflow-y-auto p-4 space-y-3 min-h-0 bg-slate-900/20">
+        <div v-if="filteredParadigms.length === 0" class="text-center text-slate-500 py-12">
+          <span class="text-4xl block mb-2">🔍</span>
+          <p class="text-sm">未找到相关范式</p>
+        </div>
+        
+        <div 
+          v-for="paradigm in filteredParadigms" 
+          :key="paradigm.id"
+          @click="selectParadigm(paradigm)"
+          :class="['p-4 rounded-xl border cursor-pointer transition-all duration-300 group',
+            selectedId === paradigm.id 
+              ? 'bg-blue-600/10 border-blue-500 shadow-[0_0_15px_rgba(59,130,246,0.1)]' 
+              : 'bg-slate-800 border-slate-700 hover:border-slate-500 hover:bg-slate-750'
+          ]"
+        >
+          <div class="flex items-start gap-4">
+            <!-- 图标区 -->
+            <div :class="['w-12 h-12 rounded-xl flex items-center justify-center text-2xl shrink-0 transition-transform group-hover:scale-110', 
+              selectedId === paradigm.id ? 'bg-blue-600' : 'bg-slate-700']">
+              {{ paradigm.icon }}
+            </div>
+
+            <!-- 内容区 -->
+            <div class="flex-1 min-w-0">
+              <div class="flex items-center justify-between mb-1">
+                <h4 class="font-bold text-white text-base truncate">{{ paradigm.name }}</h4>
+                <div class="flex gap-1">
+                  <span v-if="paradigm.isNew" class="text-[10px] px-1.5 py-0.5 rounded bg-orange-500 text-white font-bold animate-pulse">NEW</span>
+                  <span v-if="paradigm.isCustom" class="text-[10px] px-1.5 py-0.5 rounded bg-purple-500 text-white font-bold">自定义</span>
+                </div>
+              </div>
+              <p class="text-xs text-slate-400 line-clamp-2 leading-relaxed mb-3">{{ paradigm.description }}</p>
+              
+              <!-- 标签列表 -->
+              <div class="flex flex-wrap gap-1.5">
+                <span 
+                  v-for="tag in paradigm.tags" 
+                  :key="tag"
+                  :class="['text-[10px] px-2 py-0.5 rounded-full border border-slate-700/50', 
+                    selectedId === paradigm.id ? 'bg-blue-900/40 text-blue-200' : 'bg-slate-700 text-slate-300']"
+                >
+                  {{ tag }}
+                </span>
+              </div>
+            </div>
+
+            <!-- 勾选指示 -->
+            <div class="w-6 h-6 rounded-full border-2 flex items-center justify-center shrink-0 mt-1 transition-colors"
+              :class="selectedId === paradigm.id ? 'border-blue-500 bg-blue-600' : 'border-slate-600'">
+              <span v-if="selectedId === paradigm.id" class="text-white text-xs">✓</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 底部操作 -->
+      <div class="p-4 border-t border-slate-700 bg-slate-800 flex gap-3 shrink-0">
+        <button 
+          @click="$emit('close')"
+          class="flex-1 py-2.5 rounded-lg bg-slate-700 text-slate-300 hover:bg-slate-600 transition font-medium"
+        >
+          取消
+        </button>
+        <button 
+          @click="confirmSelect"
+          :disabled="!selectedId"
+          class="flex-1 py-2.5 rounded-lg bg-blue-600 text-white hover:bg-blue-500 transition font-medium disabled:opacity-50 disabled:cursor-not-allowed shadow-lg shadow-blue-900/20"
+        >
+          确认作为对比要求
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+import { getParadigmList } from '../config/paradigms.js'
+
+const props = defineProps({
+  visible: Boolean
+})
+
+const emit = defineEmits(['close', 'select'])
+
+// 状态
+const paradigms = ref([])
+const selectedId = ref(null)
+const searchQuery = ref('')
+
+// 加载范式列表（集成默认与自定义）
+const loadParadigms = () => {
+  const defaultList = getParadigmList()
+  
+  // 从本地存储加载自定义范式
+  const savedCustomParadigms = localStorage.getItem('customParadigms')
+  const customList = savedCustomParadigms ? JSON.parse(savedCustomParadigms) : []
+  
+  // 合并并处理
+  paradigms.value = [...defaultList, ...customList]
+}
+
+// 筛选后的列表
+const filteredParadigms = computed(() => {
+  if (!searchQuery.value.trim()) return paradigms.value
+  
+  const query = searchQuery.value.toLowerCase()
+  return paradigms.value.filter(p => 
+    p.name.toLowerCase().includes(query) || 
+    p.description.toLowerCase().includes(query) ||
+    (p.tags && p.tags.some(tag => tag.toLowerCase().includes(query)))
+  )
+})
+
+// 选择
+const selectParadigm = (p) => {
+  selectedId.value = p.id
+}
+
+// 确认
+const confirmSelect = () => {
+  const p = paradigms.value.find(item => item.id === selectedId.value)
+  if (p) {
+    emit('select', p)
+  }
+}
+
+// 监听显示状态
+watch(() => props.visible, (val) => {
+  if (val) {
+    searchQuery.value = ''
+    selectedId.value = null
+    loadParadigms()
+  }
+})
+</script>
+
+<style scoped>
+.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+</style>

src/components/SettingsPanel.vue

@@ -2,17 +2,9 @@
   <aside class="w-[400px] h-screen flex flex-col border-r border-slate-700 bg-slate-800 shrink-0">
     <!-- 头部 -->
     <header class="p-4 border-b border-slate-700 flex items-center justify-between">
-      <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> 设置
-        </h1>
-        <button 
-          @click="switchPage('writer')"
-          class="text-xs px-2 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-        >
-          返回写作
-        </button>
-      </div>
+      <h1 class="font-bold text-lg text-white flex items-center gap-2">
+        <span class="text-2xl">⚙️</span> 设置中心
+      </h1>
       <span class="text-xs px-2 py-1 rounded bg-blue-900 text-blue-300 border border-blue-700">Pro版</span>
     </header>
 

src/components/WriterPanel.vue

@@ -2,41 +2,9 @@
   <aside class="w-[400px] h-screen flex flex-col border-r border-slate-700 bg-slate-800 shrink-0">
     <!-- 头部 -->
     <header class="p-4 border-b border-slate-700 flex items-center justify-between">
-      <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> AI 写作工坊
-        </h1>
-        <button 
-          @click="switchPage('analysis')"
-          class="text-xs px-2 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-        >
-          写作范式
-        </button>
-        <button 
-          @click="switchPage('documents')"
-          class="text-xs px-2 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-        >
-          📂 文稿
-        </button>
-        <button 
-          @click="switchPage('materials')"
-          class="text-xs px-2 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-        >
-          📚 素材
-        </button>
-        <button 
-          @click="switchPage('compare')"
-          class="text-xs px-2 py-1 rounded bg-amber-900/50 text-amber-300 border border-amber-700/50 hover:bg-amber-800/50 transition"
-        >
-          🔍 对照检查
-        </button>
-        <button 
-          @click="switchPage('settings')"
-          class="text-xs px-2 py-1 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-        >
-          ⚙️
-        </button>
-      </div>
+      <h1 class="font-bold text-lg text-white flex items-center gap-2">
+        <span class="text-2xl">✍️</span> AI 写作工坊
+      </h1>
       <span class="text-xs px-2 py-1 rounded bg-blue-900 text-blue-300 border border-blue-700">Pro版</span>
     </header>