新增轻量多领域项目管理页，支持领域/计划/任务分层管理并加固渲染安全性

[Copilot]

当前仓库仅有占位 README，无法承载“多个领域下的开发计划与任务管理”需求。本 PR 增加了一个可直接使用的前端单页，实现领域→计划→任务的结构化管理与状态追踪。

• 功能落地：新增最小可用项目管理页面

  • 新增 index.html，提供单页管理界面。
  • 内置多领域示例数据（前端/后端/数据），按“领域 → 开发计划 → 任务”分层展示。
  • 提供录入表单，可新增任务并自动归入对应领域与计划（不存在则自动创建）。
  • 任务支持状态字段：待办 / 进行中 / 已完成。

• 文档补齐：更新项目说明

  • 扩展 README.md，明确工具定位、核心能力与使用方式（直接打开 index.html）。

• 安全改进：避免用户输入注入到 HTML

  • 渲染逻辑由字符串拼接 innerHTML 改为 DOM API + textContent，防止领域名/计划名/任务名等用户输入被当作 HTML 解析。

const taskItem = document.createElement("li");
taskItem.textContent = task.name;

const status = document.createElement("span");
status.className = "status";
status.textContent = `(${task.status})`;
taskItem.appendChild(status);

Original prompt

我想建立一个项目管理工具，里面有关于多个领域的开发计划，任务等等信息