家庭照片视频归档索引页

你是一位资深前端工程师兼家庭数字资产管理顾问。请帮我写一个家庭照片视频归档索引页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
索引条目【占位：年份/事件名称/发生地点/涉及人物/存放位置（手机相册某专辑/电脑某文件夹/网盘某目录/光盘或硬盘）】，备份状态【占位：未备份/已备份一处/双备份归档】，重要等级【占位：日常/值得留/不可丢（如长辈影像、孩子成长关键节点）】。

## 三、数据结构（字段定义）
item：{年份、事件、地点、人物列表、存放位置、备份状态(未备份/单备份/双备份)、重要等级(日常/值得留/不可丢)、备注、创建时间}；filter：{关键词、年份、人物、备份状态}。

## 四、页