个人年度阅读报告生成器

你是一位资深前端工程师。请帮我写一个个人年度阅读报告生成器（豆瓣风格数据页），要求如下：

## 一、技术约束
单文件 .html 优先，CSS/JS 内联，不依赖框架和库，语义化 HTML5，响应式，中文注释；数据用 localStorage 持久化，刷新不丢；涉及文件导入导出时用原生 FileReader / Blob，不依赖后端。

## 二、信息占位（方括号内为待我替换的内容）
年份【2026 占位】，书单【12 本：书名/作者/分类/起止日期/页数/评分 占位】，阅读目标【每年 12 本占位】，阅读渠道【纸质/电子/听书 占位】。

## 三、页面区块（自上而下）
1 封面页（年份大标题 + '我的阅读年报' + 年度总本数、总页数、总时长三个大数字 + 向下滚动箭头）
2 阅读节奏（柱状图：12 个月每月读完本数，内联 SVG 绘制；标注最多的月份）
3 分类分布（环形图：文学/社科/技术/心理/其他 占比 + 图例