班级图书角借阅登记页

你是一位资深前端工程师。请帮我写一个班级图书角借阅登记页，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
班级名【占位】，图书清单【粘贴：书名/编号/类别 占位 30-80 本】，学生名单【占位：姓名列表】，借期规则【占位：默认 14 天，可续借 1 次】，图书状态初始【占位：哪些已在架/已丢失】，管理员说明【占位：轮值制度】。

## 三、数据结构（字段定义）
books: {id, title, no, cat, status(在架/借出/丢失)}；loans: {bookId, student, out, due, renewed, back?}

## 四、页面区块（自上而下）
1 总览条：藏书