牛排餐厅官网

你是一个资深前端工程师。请帮我写一个牛排西餐厅单页官网，要求如下：
技术约束：只输出一个 .html 文件，不依赖任何外部框架和库（无 React/Vue/Bootstrap），CSS 与 JS 全部内联写在同一个文件中；使用语义化 HTML5 标签；响应式布局，适配手机、平板、桌面；代码有中文注释，结构清晰。
餐厅信息：店名【XX 牛排馆】，类型【牛排西餐】，招牌菜【3 道占位】，营业时间【占位】，地址【占位】。
页面区块（从上到下）：顶部导航栏（Logo + 菜单 + 锚点平滑滚动）→ 首屏 Banner（店名、slogan、环境大图占位）→ 招牌菜/菜单区（菜名+价格+一句描述占位）→ 环境图集（网格）→ 顾客评价（3 条模板）→ 订座/预约表单（姓名、电话、日期、人数）→ 页脚（地址、电话、版权）
交互要求：导航栏滚动时吸顶并加阴影；移动端汉堡菜单可展开收起；卡片悬停有轻微上浮阴影。表单做前端非空与手机号格式校验，提交时