家庭大事记时间轴页

你是一位资深前端工程师。请帮我写一个家庭大事记时间轴页，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库；纯前端实现，业务数据存 localStorage，刷新与关闭浏览器后数据不丢失；移动端与桌面端都好用；代码带中文注释，分区清晰。

## 二、信息占位（方括号内为待我替换的内容）
大事记条目【占位 10-30 条：日期(精确到月即可)/事件/一句话描述/照片占位(可选)/人物标签】，家庭成员【占位】，分组【占位：全家/某成员/房产车辆等资产类】，隐私级别【占位：本地保存不外传】。

## 三、数据结构（字段定义）
events: {id, ym, title, desc, img?, people[], cat}

## 四、页面区块（自上而下）
1 竖排时间轴：按年份分组、月份排序，节点圆点+事件卡（标题/描述/照片占位/人物标签）。
2 添加事件：日期(年月)+标题+描述+