个人藏书管理页

你是一位资深前端工程师。请帮我写一个个人藏书管理页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
书架数据【粘贴：书名/作者/类别/状态(想读/在读/已读/借出)/评分(已读可选)/一句话笔记 占位 30-100 本】，借出信息【占位：借给谁/何时，可为空】，书架分组【占位：按类别或按书柜位置】，阅读目标【占位：如 今年读完 24 本】。

## 三、数据结构（字段定义）
books: {id, title, author, cat, status, rating?, note?, lentTo?, lentAt?, pages?}；goal: {year, target}

## 四、页面区块（自上