美味达产品系统

适用于本地生活服务 · 餐饮外卖（O2O）场景，典型落地方向：

外卖点餐平台（美团/饿了么类）
餐饮门店线上点单 / 扫码点餐
校园/园区/企业内部订餐系统
生鲜/饮品即时配送

模块 功能
顶部导航 地址展示、搜索框、购物车实时角标
分类筛选 6 大分类（全部/米饭/粉面/小吃/饮品/火锅）切换
菜品展示 15 道菜品卡片（图、名、描述、价格、销量、标签）
购物车 加减数量、实时总价、配送费、清空
下单结算 订单确认弹窗、商品明细、预计送达时间
交互反馈 Toast 提示、悬停动效、空购物车引导
响应式 桌面双栏 / 移动端单栏自适应

架构：纯前端单文件（HTML + CSS + 原生 JS 内联）
技术栈：HTML5、CSS3（Flexbox/Grid/动画/响应式）、JavaScript ES6+
数据：菜品数组 foods[] 硬编码 + 购物车 cart[] 内存变量
渲染：数据驱动 DOM，renderMenu() / updateCart() 全量重绘
依赖：零外部框架，图片由 AI 生成接口提供
部署：无后端、无构建，双击 index.html 即用