毕业同学录留言墙 H5

你是一位资深前端工程师。请帮我写一个毕业同学录留言墙 H5 页面，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库，移动端优先（以 375px 宽度为基准设计，向上适配），语义化 HTML5，中文注释，首屏加载要快（不引外部字体，用系统字体栈）。

## 二、信息占位（方括号内为待我替换的内容）
学校班级【XX 学校 XX 届 X 班 占位】，毕业年份【占位】，班级相册【6 张占位照片】，留言示例【5 条占位】，班主任寄语【占位】，分享文案【占位】。

## 三、页面区块（自上而下）
1 首屏（黑板/教室视觉：标题'我们毕业了' + 班级名 + 毕业年份 + 向下滚动箭头）
2 班级相册（6 张照片墙：错落排列 + 点击放大浏览，支持左右切换）
3 班主任寄语（卡片：头像占位 + 寄语文字 + 签名占位）
4 同学录名单（网格：头像占位 + 姓名 + 一句话签名，悬停/点击显示留言