deps: bump vitest from 3.2.4 to 4.1.5

.github/dependabot.yml

@@ -1,17 +1,42 @@
 version: 2
 updates:
-  - package-ecosystem: npm
-    directory: /
+  # npm 依赖更新配置
+  - package-ecosystem: 'npm'
+    directory: '/'
+    # 每周检查更新
     schedule:
-      interval: weekly
+      interval: 'weekly'
+      # 选择周一进行更新，便于一周内处理
+      day: 'monday'
+    # 最多同时打开 5 个 PR
     open-pull-requests-limit: 5
+    # 提交信息前缀
     commit-message:
       prefix: 'deps'
+    # 标签
     labels:
-      - dependencies
+      - 'dependencies'
+    # 忽略的依赖（如果有特殊需求）
+    ignore:
+      # 示例：忽略特定版本的依赖
+      # - dependency-name: 'some-package'
+      #   versions: ['1.x']
 
-  - package-ecosystem: github-actions
-    directory: /
+  # GitHub Actions 更新配置
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    # 每周检查更新
     schedule:
-      interval: weekly
-    open-pull-requests-limit: 3
+      interval: 'weekly'
+      day: 'monday'
+    # 最多同时打开 3 个 PR
+    open-pull-requests-limit: 3
+    # 提交信息前缀
+    commit-message:
+      prefix: 'deps'
+    # 标签
+    labels:
+      - 'dependencies'
+
+  # 安全补丁配置（自动创建 PR）
+  # 注意：Dependabot 会自动处理安全补丁，无需额外配置

.trae/documents/algorithmic-art-implementation-plan.md

@@ -0,0 +1,342 @@
+# 算法艺术与设计融合实施计划
+
+**计划日期**: 2026-04-25  
+**目标**: 依据真实物理世界动效与光效分析，融合算法艺术、画布设计和Web艺术构建工具，更新文档设计并制定详细实施路线
+
+---
+
+## 1. 项目现状分析
+
+### 1.1 已实现的功能
+
+- **算法艺术实现**:
+  - 流体动力学模拟 (FluidHarmonics) - 基于Perlin噪声的粒子系统
+  - 粒子共振系统 (ParticleResonance) - 基于吸引力/排斥力的粒子系统
+  - 算法哲学文档 - 流体谐波、粒子共振、生成和谐
+
+- **现有动效和光效**:
+  - 物理化弹簧动画系统
+  - 动态光影效果
+  - 增强的玻璃态效果
+  - 流体背景效果
+  - 优化的交互反馈
+
+- **品牌形象**:
+  - 品牌内核：专注于"思维架构与知识工程"
+  - 设计风格：现代、简约、专业
+  - 色彩系统：`--qi-brand-emerald` / `--qi-brand-amber` / `--qi-brand-mint`
+  - 设计趋势：Bento 网格布局、玻璃态设计、微动画和交互效果
+
+- **文档现状**:
+  - 现有文档：CHANGELOG.md、README.md、PROJECT-ROADMAP.md、CONTENT-CALENDAR.md
+  - 文档风格：简洁、专业、信息密度高
+  - 需要改进：视觉吸引力、品牌一致性、交互体验
+
+### 1.2 技术栈
+
+- **前端框架**: Astro 6 (SSG, Islands Architecture)
+- **样式**: Tailwind CSS
+- **动效**: 原生JavaScript, p5.js
+- **部署**: GitHub Pages
+- **搜索**: Pagefind
+- **PWA**: @vite-pwa/astro
+
+---
+
+## 2. 算法艺术与设计融合实施路线
+
+### 2.1 第一阶段: 算法艺术增强 (1-2周)
+
+**1. 生成式艺术实现**
+
+- 实现基于数学模式的生成式艺术算法
+- 集成品牌色彩系统
+- 创建生成式艺术哲学文档
+
+**2. 算法艺术优化**
+
+- 优化流体动力学模拟性能
+- 优化粒子共振系统性能
+- 实现响应式算法参数
+
+**3. 集成到项目**
+
+- 将生成式艺术元素集成到博客文章
+- 将算法艺术元素集成到页面背景
+- 实现算法艺术与用户交互的响应
+
+### 2.2 第二阶段: 画布设计应用 (1-2周)
+
+**1. 品牌视觉元素创建**
+
+- 基于品牌色彩创建画布设计元素
+- 设计文档封面模板
+- 创建数据可视化图表设计
+
+**2. 文档设计更新**
+
+- 为所有文档创建统一的视觉风格
+- 添加品牌视觉元素到文档
+- 优化文档布局和可读性
+
+**3. 数据可视化实现**
+
+- 创建项目统计数据可视化
+- 创建性能指标图表
+- 集成到相关文档
+
+### 2.3 第三阶段: Web艺术构建 (2-3周)
+
+**1. 交互式文档开发**
+
+- 基于React + Tailwind CSS + shadcn/ui创建交互式项目路线图
+- 开发技术文档交互式页面
+- 开发内容日历交互式页面
+
+**2. 动效展示页面**
+
+- 创建动效和光效的专用展示页面
+- 集成p5.js算法艺术
+- 提供参数调整界面
+
+**3. 品牌风格指南**
+
+- 开发交互式品牌风格指南
+- 集成设计令牌系统
+- 提供设计资源下载
+
+### 2.4 第四阶段: 整合与优化 (1-2周)
+
+**1. 文档更新**
+
+- 更新CHANGELOG.md
+- 更新README.md
+- 更新PROJECT-ROADMAP.md
+- 更新CONTENT-CALENDAR.md
+
+**2. 性能优化**
+
+- 优化算法艺术性能
+- 优化Web艺术构建性能
+- 确保响应式设计
+
+**3. 兼容性测试**
+
+- 测试不同浏览器兼容性
+- 测试不同设备兼容性
+- 测试可访问性
+
+**4. 部署与发布**
+
+- 构建生产版本
+- 部署到GitHub Pages
+- 发布更新
+
+---
+
+## 3. 详细任务清单
+
+### 3.1 算法艺术任务
+
+| 任务                   | 状态   | 优先级 | 描述                              |
+| ---------------------- | ------ | ------ | --------------------------------- |
+| 创建生成式艺术算法     | 待开始 | 高     | 实现基于数学模式的生成式艺术算法  |
+| 创建生成式艺术哲学文档 | 待开始 | 高     | 为生成式艺术创建算法哲学文档      |
+| 优化流体动力学模拟     | 待开始 | 中     | 优化FluidHarmonics性能和参数      |
+| 优化粒子共振系统       | 待开始 | 中     | 优化ParticleResonance性能和参数   |
+| 实现响应式算法参数     | 待开始 | 中     | 根据屏幕尺寸自动调整算法参数      |
+| 集成生成式艺术到博客   | 待开始 | 高     | 将生成式艺术元素集成到博客文章    |
+| 集成算法艺术到页面背景 | 待开始 | 高     | 将算法艺术元素集成到页面背景      |
+| 实现算法艺术交互响应   | 待开始 | 中     | 实现鼠标/触摸交互对算法艺术的影响 |
+
+### 3.2 画布设计任务
+
+| 任务                   | 状态   | 优先级 | 描述                             |
+| ---------------------- | ------ | ------ | -------------------------------- |
+| 创建品牌视觉元素       | 待开始 | 高     | 基于品牌色彩创建画布设计元素     |
+| 设计文档封面模板       | 待开始 | 高     | 为所有文档创建统一的封面模板     |
+| 创建数据可视化图表设计 | 待开始 | 中     | 设计符合品牌风格的数据可视化图表 |
+| 更新文档视觉风格       | 待开始 | 高     | 为所有文档添加统一的视觉风格     |
+| 集成品牌元素到文档     | 待开始 | 高     | 将品牌视觉元素添加到文档中       |
+| 优化文档布局           | 待开始 | 中     | 改善文档的布局和可读性           |
+| 创建项目统计可视化     | 待开始 | 中     | 创建项目统计数据的可视化图表     |
+| 创建性能指标图表       | 待开始 | 中     | 创建性能指标的可视化图表         |
+
+### 3.3 Web艺术构建任务
+
+| 任务                   | 状态   | 优先级 | 描述                                       |
+| ---------------------- | ------ | ------ | ------------------------------------------ |
+| 初始化Web艺术构建项目  | 待开始 | 高     | 初始化React + Tailwind CSS + shadcn/ui项目 |
+| 开发交互式项目路线图   | 待开始 | 高     | 创建交互式项目路线图页面                   |
+| 开发技术文档交互式页面 | 待开始 | 中     | 创建技术文档的交互式页面                   |
+| 开发内容日历交互式页面 | 待开始 | 中     | 创建内容日历的交互式页面                   |
+| 开发动效展示页面       | 待开始 | 高     | 创建动效和光效的专用展示页面               |
+| 集成p5.js到Web艺术     | 待开始 | 高     | 将p5.js算法艺术集成到Web艺术项目           |
+| 开发品牌风格指南       | 待开始 | 高     | 创建交互式品牌风格指南                     |
+| 集成设计令牌系统       | 待开始 | 中     | 将设计令牌系统集成到品牌风格指南           |
+
+### 3.4 整合与优化任务
+
+| 任务                    | 状态   | 优先级 | 描述                               |
+| ----------------------- | ------ | ------ | ---------------------------------- |
+| 更新CHANGELOG.md        | 待开始 | 高     | 更新变更日志，记录算法艺术集成     |
+| 更新README.md           | 待开始 | 高     | 更新项目说明，添加算法艺术相关信息 |
+| 更新PROJECT-ROADMAP.md  | 待开始 | 高     | 更新项目路线图，添加算法艺术阶段   |
+| 更新CONTENT-CALENDAR.md | 待开始 | 中     | 更新内容日历，添加算法艺术相关内容 |
+| 优化算法艺术性能        | 待开始 | 高     | 确保算法艺术不影响页面性能         |
+| 优化Web艺术构建性能     | 待开始 | 中     | 确保Web艺术构建项目性能良好        |
+| 测试浏览器兼容性        | 待开始 | 中     | 测试在不同浏览器中的表现           |
+| 测试设备兼容性          | 待开始 | 中     | 测试在不同设备上的表现             |
+| 测试可访问性            | 待开始 | 中     | 确保符合可访问性标准               |
+| 构建生产版本            | 待开始 | 高     | 构建优化的生产版本                 |
+| 部署到GitHub Pages      | 待开始 | 高     | 部署更新到GitHub Pages             |
+
+---
+
+## 4. 目标
+
+### 4.1 视觉目标
+
+- **品牌一致性**: 确保所有算法艺术和设计元素符合品牌形象
+- **视觉吸引力**: 提升网站的视觉吸引力和现代感
+- **专业度**: 确保所有设计元素专业、精致
+- **创新性**: 展示算法艺术和生成式设计的创新性
+
+### 4.2 功能目标
+
+- **交互体验**: 提升用户交互体验和参与度
+- **性能优化**: 确保动效和视觉元素不影响性能
+- **可访问性**: 确保所有视觉元素符合可访问性标准
+- **响应式设计**: 确保在所有设备上的良好表现
+
+### 4.3 文档目标
+
+- **视觉提升**: 提升文档的视觉吸引力
+- **信息组织**: 改善文档的信息组织和可读性
+- **品牌一致性**: 确保文档设计与品牌形象一致
+- **交互性**: 为文档添加适当的交互元素
+
+### 4.4 技术目标
+
+- **技术集成**: 成功集成算法艺术、画布设计和Web艺术构建
+- **代码质量**: 确保代码结构清晰、可维护
+- **性能优化**: 确保技术实现高效、流畅
+- **兼容性**: 确保技术实现兼容现代浏览器
+
+---
+
+## 5. 实施规范
+
+### 5.1 代码规范
+
+- **文件命名**: 使用kebab-case命名法
+- **代码风格**: 遵循项目现有的代码风格
+- **模块化**: 采用模块化设计，确保代码可维护性
+- **性能优化**: 优先考虑性能，避免不必要的计算
+
+### 5.2 设计规范
+
+- **色彩系统**: 严格使用品牌色彩系统
+- **排版**: 保持一致的排版风格
+- **视觉层次**: 建立清晰的视觉层次
+- **动效原则**: 动效应为用户体验服务，避免过度使用
+
+### 5.3 文档规范
+
+- **结构一致性**: 保持所有文档的结构一致
+- **视觉一致性**: 确保所有文档的视觉风格一致
+- **信息准确性**: 确保文档信息准确、及时
+- **可读性**: 确保文档易于阅读和理解
+
+---
+
+## 6. 风险与应对
+
+### 6.1 技术风险
+
+**1. 性能问题**
+
+- **风险**: 算法艺术可能导致性能问题
+- **应对**: 优化算法，使用requestAnimationFrame，实现性能检测和降级方案
+
+**2. 兼容性问题**
+
+- **风险**: 某些浏览器可能不支持p5.js或现代Web技术
+- **应对**: 提供降级方案，使用特性检测
+
+**3. 集成挑战**
+
+- **风险**: 将算法艺术集成到现有项目可能面临挑战
+- **应对**: 模块化设计，逐步集成，充分测试
+
+### 6.2 设计风险
+
+**1. 品牌一致性**
+
+- **风险**: 算法艺术可能与品牌形象不一致
+- **应对**: 基于品牌色彩和风格创建算法艺术，确保视觉一致性
+
+**2. 视觉过载**
+
+- **风险**: 过多的动效和视觉元素可能导致视觉过载
+- **应对**: 适度使用动效，注重平衡和留白
+
+**3. 可访问性**
+
+- **风险**: 动效和视觉元素可能影响可访问性
+- **应对**: 尊重prefers-reduced-motion，确保足够的对比度，提供替代内容
+
+### 6.3 项目管理风险
+
+**1. 时间管理**
+
+- **风险**: 项目可能超出时间预算
+- **应对**: 分阶段实施，设定明确的里程碑，优先处理核心功能
+
+**2. 资源管理**
+
+- **风险**: 可能需要额外的资源或工具
+- **应对**: 提前规划资源需求，确保必要的工具和库可用
+
+**3. 质量控制**
+
+- **风险**: 项目质量可能不符合预期
+- **应对**: 建立质量标准，定期测试和审查，确保每个阶段都达到质量要求
+
+---
+
+## 7. 预期成果
+
+### 7.1 视觉成果
+
+- **算法艺术元素**: 流体效果、粒子系统、生成式艺术
+- **品牌视觉元素**: 符合品牌形象的视觉设计
+- **文档设计**: 视觉吸引力强的文档封面和布局
+- **数据可视化**: 专业的数据可视化图表
+
+### 7.2 功能成果
+
+- **交互式文档**: 提升用户体验的交互式文档
+- **动效展示页面**: 展示动效和光效的专用页面
+- **品牌风格指南**: 交互式品牌风格指南
+- **性能优化**: 高效、流畅的视觉效果
+
+### 7.3 技术成果
+
+- **技术集成**: 成功集成算法艺术、画布设计和Web艺术构建
+- **代码质量**: 结构清晰、可维护的代码
+- **兼容性**: 兼容现代浏览器的实现
+- **可访问性**: 符合可访问性标准的实现
+
+### 7.4 业务成果
+
+- **品牌提升**: 提升品牌形象和专业度
+- **用户体验**: 提升用户体验和参与度
+- **差异化**: 与竞争对手形成差异化优势
+- **技术创新**: 展示技术创新能力
+
+---
+
+**计划制定日期**: 2026-04-25  
+**预期开始日期**: 2026-04-26  
+**预期完成日期**: 2026-05-31