feat: add interactive word preview

docs/tasks/task_detail_2026_07_01.md

@@ -94,3 +94,17 @@
     4. 保留预览、保存、生成测试、导出模板、全屏 5 个操作按钮。
     5. 执行前端构建和浏览器轻量 DOM 检查。
 - **执行结果**: 完成任务 043-046，顶部工具栏具备基础展示和保存状态切换能力。
+
+## 会话 ID: 20260701-word-preview
+- [2026-07-01 20:39:09]
+- **执行原因**: 按任务清单继续完成 Word 预览区 047-053。
+- **执行过程**:
+    1. 将预览区改为 `v-html` 渲染 HTML 字符串。
+    2. 在渲染后为所有 `[data-block-id]` 元素添加 `doc-block` 和区域类型 class。
+    3. 使用事件委托提取点击区域的 `block_id`，并维护当前选中块。
+    4. 增加蓝色虚线 outline 和浅蓝背景作为选中高亮。
+    5. 增加 AI 生成、人工、固定、表格、未配置区域颜色映射。
+    6. 使用 absolute 伪元素显示 block_id 标签，并提供显示/隐藏开关。
+    7. 增加 70%、100%、150% 缩放控制。
+    8. 执行前端构建和浏览器 DOM/点击选中检查。
+- **执行结果**: 完成任务 047-053，Word 预览区支持渲染、选中、标签、颜色和缩放。