家族树简版页

你是一位资深前端工程师。请帮我写一个家族树简版页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
成员数据【占位：称呼/姓名/生卒年(可选)/辈分层级/配偶关系——由我按'爷爷-父-我-子女'结构粘贴】，显示范围【占位：四代以内】，备注【占位：籍贯/祖居地一句话】，隐私级别【占位：仅本地保存，生者信息从简】。

## 三、数据结构（字段定义）
persons: {id, name, title, birth?, spouseId?, parentId?}

## 四、页面区块（自上而下）
1 树形画布：分层展示——最上层祖辈、依次往下，配偶并排连线，子女垂直挂线；节点卡片（称呼+姓名+生年）。
2 节点