甘特图文本生成器

1. 在任务列表中填写每个任务的「任务名」「开始日期」「持续天数」，如果某任务需要等前一个任务完成后才能开始，可在「前置任务」下拉框选择依赖的任务。

2. 点击「+ 添加任务」增加更多行，点击任务行右侧「删除」按钮移除某个任务。

3. 页面下方会实时渲染横道图：每个任务是一行色块，色块的位置和宽度按整个项目周期的时间比例计算，色块上标注该任务的持续天数，鼠标悬停可查看实际开始/结束日期。

4. 再下方会自动生成对应的 Mermaid gantt 语法文本，点击「复制 Mermaid 文本」可一键复制，粘贴到支持 Mermaid 渲染的工具（如站内的 Mermaid 实时预览工具）中查看更精细的甘特图效果。

5. 点击「加载示例数据」可以快速查看一个包含5个有依赖关系任务的示例项目计划。

本工具用于把一份简单的任务清单快速转换成可视化甘特图和可复制的 Mermaid 甘特图代码，适合项目排期、进度沟通等场景。

核心能力：

• 支持任意数量任务的表单填写：任务名、开始日期、持续天数、可选的前置依赖任务
• 依赖关系处理：若任务设置了前置任务，且自身设定的开始日期早于前置任务的结束日期，工具会自动把开始日期顺延到前置任务结束当天，避免时间冲突
• 实时渲染 HTML/CSS 横道图：按项目整体起止日期比例计算每个任务色块的左偏移和宽度
• 同步生成标准 Mermaid gantt 语法文本，可直接复制到任何支持渲染 Mermaid 的编辑器或站内的 mermaid-live-previewer 工具中查看

本工具只负责生成横道图和 Mermaid 文本，不内置 Mermaid 渲染引擎，也不依赖任何外部渲染服务。