永远售罄的餐厅

做一个手机聊天界面，模拟一个餐厅点餐小程序的客服对话。无论你想点什么菜，客服都会告诉你"刚好卖完了"，最后只剩白米饭可以点。请输出完整的单文件 HTML。

做一个单文件 HTML 聊天对话页面，模拟一个永远什么都卖完了的餐厅点餐系统。 **界面设计：** - 整体采用手机竖屏比例（约 390×844 或类似移动端尺寸），居中显示在页面上 - 视觉风格模仿外卖/点餐小程序的聊天客服界面：温暖的配色（橙色/暖黄为主色调）、圆润的 UI 元素、餐饮相关的装饰 - 顶部导航栏显示店铺名称"好好吃餐厅 🍽️"，可加营业状态（如"营业中"用绿色圆点标记） - 底部固定输入框+发送按钮，中间是消息气泡区域 - 客服消息气泡用浅暖色，用户消息用对比色，气泡旁带头像 - 餐厅客服应能发送**富媒体消息**：菜单卡片（带菜名、价格、图片占位）、推荐列表等 **功能逻辑：** 1. 页面加载后，客服自动发送欢迎语和菜单推荐： - "欢迎光临好好吃餐厅！🎉 今日推荐：" - 随后发送一个菜单卡片消息（包含 3-4 道推荐菜，带菜名、价格、简短描述和 emoji 图标） 2. 用户发送任何消息后： - 显示"正在查询库存..."的等待动画 - 经过 1~2 秒后，客服回复该菜品已售罄，并推荐其他（同样卖完的）菜品 3. 售罄回复从预设列表随机抽取，至少 20 条，例如： - "不好意思，红烧肉刚刚被前一位客人点走最后一份了 😢" - "宫保鸡丁今天的鸡丁请假了，明天再来吧～" - "糖醋排骨卖完了，主要是排骨自己跑了 🐷" - "麻婆豆腐还在，但是豆腐没了，只剩麻婆" - "鱼香肉丝的鱼说它不香了，所以下架了" - "这道菜被隔壁桌预定了……虽然隔壁桌并不存在" - "抱歉，我们的厨师刚好去吃别家了" - "这个……其实我们从来没有过这道菜" - "您要的菜正在从农场运来，预计到达时间：不确定" - "今日已售罄，建议您明天一开门就来排队（也不一定有）" - ……请补充更多有创意的售罄借口 4. 在用户被拒绝 3-5 次后，客服最终推荐："不过我们还有白米饭！要来一碗吗？只要 2 元 😊" - 如果用户继续发消息，客服会热情推销白米饭的各种"豪华版本"：加蛋 3 元、加酱油 2.5 元等 5. 每次回复后自动滚动到底部 **细节要求：** - 客服头像用 👨‍🍳 或 🍽️ 占位 - 用户头像用 😋 或类似 emoji - 菜单卡片应有视觉设计感：圆角卡片、菜品 emoji/图标、价格标签、"已售罄"的灰色遮罩或删除线 - 消息出现时有滑入动画 - 菜品推荐可用按钮式快捷回复（如"换一个""就要这个""算了"），点击触发对应对话 请输出完整的 HTML。