家庭照片墙

你是一位资深前端与视觉设计师。请帮我写一个家庭照片墙，要求如下：

## 一、技术约束
只输出一个 .html 文件，不依赖任何外部框架和库（无 React/Vue/Bootstrap/Tailwind CDN），CSS 与 JS 全部内联写在同一个文件中；使用语义化 HTML5 标签；响应式布局，断点 375/768/1200 三档；代码带中文注释，分区注释清晰；图片用占位（CSS 渐变色块 + 文字标注尺寸，不要用外链图片）。

## 二、信息占位（方括号内为待我替换的内容）
照片【8-12 张占位：用渐变色块占位并标注照片主题（如 2026 春节全家福），实际使用时替换 img 地址】，家庭成员【2-6 人占位：称呼 + 生日】，相册分组【占位：如 2025 春节/日常/旅行】，页面标题【占位：如 我们的家】。

## 三、数据结构（字段定义）
photos: {id, src, desc, date, group, or