feat: PLANNING体系首版（00路线图/02任务总表/03执行协议/I-03/I-04/registry42口径）+M1止血交付

.trae specs/text-diff-beautify/checklist.md

@@ -0,0 +1,12 @@
+# Checklist
+
+- [x] 对比结果容器有现代化卡片样式（阴影、圆角、渐变）
+- [x] 添加的行显示绿色左侧边框和渐变背景
+- [x] 删除的行显示红色左侧边框和渐变背景
+- [x] 未变更的行有清晰但不突兀的视觉分隔
+- [x] 行悬停时有高亮效果和平滑过渡
+- [x] 统计面板包含彩色徽章和进度条
+- [x] 移动端对比结果展示完整且布局合理
+- [x] 暗色模式下样式正常显示
+- [x] 桌面端和移动端均有空状态占位
+- [x] 所有过渡动画流畅自然

.trae specs/text-diff-beautify/spec.md

@@ -0,0 +1,71 @@
+# 文本对比美化样式 Spec
+
+## Why
+当前文本对比结果区域采用深色终端风格，虽然功能完整，但视觉样式较为单调，缺乏层次感和现代感。需要对其美化以提升用户体验，使其与整体工具页面的设计风格保持一致。
+
+## What Changes
+- 为文本对比结果区域添加现代化渐变背景和卡片阴影
+- 优化添加/删除/未变更三种状态的视觉层次（图标、背景、边框）
+- 增强统计面板的可视化效果（进度条、动画数字）
+- 为对比行添加悬停高亮和过渡动画
+- 优化移动端触控体验
+- 添加空状态和加载状态的精美占位
+
+## Impact
+- Affected specs: 无
+- Affected code:
+  - `chunyu_project_react/src/pages/TextDiff/TextDiff.css`
+  - `chunyu_project_react/src/pages/TextDiff/TextDiff.tsx`
+  - `chunyu_project_react/src/pages/TextDiff/TextDiffMobile.css`
+  - `chunyu_project_react/src/pages/TextDiff/TextDiffMobile.tsx`
+
+## ADDED Requirements
+
+### Requirement: 对比结果区域美化
+系统 SHALL 为文本对比结果区域提供现代化的卡片式设计，包含圆角、阴影和渐变背景。
+
+#### Scenario: 桌面端展示对比结果
+- **WHEN** 用户点击对比按钮完成文本对比
+- **THEN** 结果区域应以卡片形式呈现，带有微妙的阴影和圆角边框
+- **AND** 背景应使用柔和的渐变而非纯深色
+
+### Requirement: 状态可视化增强
+系统 SHALL 使用图标和颜色区分添加/删除/未变更状态，提供清晰的视觉层次。
+
+#### Scenario: 不同状态的视觉区分
+- **WHEN** 对比结果显示添加的行
+- **THEN** 行左侧应显示绿色(+)图标，背景为浅绿色渐变
+- **AND** 删除的行应显示红色(-)图标，背景为浅红色渐变
+- **AND** 未变更的行应保持中性色调，带有轻微的背景分隔
+
+### Requirement: 统计面板增强
+系统 SHALL 以增强的可视化方式展示统计数据。
+
+#### Scenario: 对比统计展示
+- **WHEN** 对比完成显示统计信息
+- **THEN** 统计面板应包含带颜色的计数徽章和迷你进度条
+- **AND** 进度条显示各类别占总行数的比例
+
+### Requirement: 交互动画
+系统 SHALL 为对比行提供悬停和平滑过渡动画效果。
+
+#### Scenario: 用户悬停对比行
+- **WHEN** 用户将鼠标悬停在对比结果行上
+- **THEN** 该行应有轻微的高亮效果
+- **AND** 颜色过渡应平滑自然
+
+### Requirement: 移动端适配
+系统 SHALL 在移动端提供优化的对比结果展示。
+
+#### Scenario: 移动端查看对比结果
+- **WHEN** 用户在移动设备上查看文本对比结果
+- **THEN** 对比行应有足够的触摸空间
+- **AND** 统计信息应合理布局不溢出
+
+## MODIFIED Requirements
+
+无
+
+## REMOVED Requirements
+
+无

.trae specs/text-diff-beautify/tasks.md

@@ -0,0 +1,33 @@
+# Tasks
+
+- [x] Task 1: 美化对比结果容器样式
+  - [x] 1.1 更新 TextDiff.css 中 `.diff-result-container` 的样式（渐变背景、阴影、圆角）
+  - [x] 1.2 添加暗色模式下的容器样式适配
+  - [x] 1.3 更新移动端 TextDiffMobile.css 中 `.tdm-diff-container` 的样式
+
+- [x] Task 2: 增强对比行视觉层次
+  - [x] 2.1 为 `.diff-added` 添加左侧边框和渐变背景
+  - [x] 2.2 为 `.diff-removed` 添加左侧边框和渐变背景
+  - [x] 2.3 为 `.diff-unchanged` 优化分隔效果
+  - [x] 2.4 添加行悬停高亮效果
+
+- [x] Task 3: 添加状态图标和动画
+  - [x] 3.1 在 TextDiff.tsx 中为对比行添加状态图标组件
+  - [x] 3.2 在 TextDiffMobile.tsx 中为对比行添加状态图标组件
+  - [x] 3.3 添加 CSS 过渡动画（背景色、变换）
+
+- [x] Task 4: 增强统计面板
+  - [x] 4.1 在 TextDiff.tsx 中添加进度条可视化组件
+  - [x] 4.2 更新统计徽章样式使其更突出
+  - [x] 4.3 移动端同步更新
+
+- [x] Task 5: 添加空状态占位
+  - [x] 5.1 设计并添加空对比结果状态的占位内容
+  - [x] 5.2 移动端同步更新
+
+# Task Dependencies
+
+- Task 2 依赖 Task 1
+- Task 3 依赖 Task 2
+- Task 4 独立
+- Task 5 独立