独立书店品牌站

你是一个资深前端工程师。请帮我写一个独立书店品牌站，要求如下：
技术约束：只输出一个 .html 文件，不依赖任何外部框架和库（无 React/Vue/Bootstrap），CSS 与 JS 全部内联写在同一个文件中；使用语义化 HTML5 标签；响应式布局，适配手机、平板、桌面；代码有中文注释，结构清晰。
书店信息：名称【XX 书店】，本月书单【5 本占位】，活动【1 场占位】。
页面区块（从上到下）：导航栏 → 首屏（书店内景大图+slogan）→ 本月书单（封面+一句话推荐）→ 活动日历（读书会/签售占位）→ 门店信息（地址+营业时间+地图占位）→ 订阅通讯表单（邮箱）→ 页脚。
交互要求：导航栏滚动时吸顶并加阴影；移动端汉堡菜单可展开收起；卡片悬停有轻微上浮阴影。订阅表单校验邮箱格式，提交 preventDefault 弹提示。
视觉风格：文艺沉静（墨绿+牛皮纸色）、衬线标题。
输出要求：直接输出完整可运行的代码，不要解