古诗背诵自测页

你是一位资深前端工程师。请帮我写一个古诗背诵自测页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
诗库【预置 10-20 首常见篇目占位（标题/作者/全文），可粘贴扩充】，挖空模式【占位：每句挖 1 字/全句默写/填作者标题】，年级筛选【占位：篇目标注年级】，错题本【占位：自动收集填错的字】，学生【占位：姓名】。

## 三、数据结构（字段定义）
poems: {id, title, author, grade, lines[]}；mistakes: {poemId, line, idx, wrong, times}

## 四、页面区块（自上而下）
1 篇目选择：卡片列表（标题/作者/年级标签/掌握