{
"rootFrame":{"id":"page","name":"App Screens","width":375,"height":812,"layout":"vertical","gap":24,"fill":[{"type":"solid","color":"#FFFCF6"}]},"styleGuideName":"warm-food-mobile-light","sharedContext":{"sourceFacts":["外卖 App 两屏可交互：首页(地址栏+分类九宫格+限时横幅+商家列表五条)、商家详情(头图+菜品分类横滑+菜品列表六条+购物车条)","交互：商家行 onTap 进详情","动效：限时横幅倒计时数字滚动，商家卡 inView 交错 fade-up，加入购物车按钮 pressed 态缩放"],"exampleEntities":[{"id":"store-1","name":"老王家常菜","imageSubject":"家常菜馆门头与招牌热菜","attributes":{"rating":"4.8","deliveryTime":"30分钟","fee":"免配送费","cuisine":"川菜·家常菜"},"usedBy":["home-store-list","detail-dish-list"]},{"id":"store-2","name":"张记麻辣烫","imageSubject":"麻辣烫门店与锅底食材","attributes":{"rating":"4.7","deliveryTime":"25分钟","fee":"¥2配送费","cuisine":"麻辣烫"},"usedBy":["home-store-list"]},{"id":"store-3","name":"广味烧腊饭","imageSubject":"烧腊饭与脆皮烧鸭","attributes":{"rating":"4.9","deliveryTime":"35分钟","fee":"¥3配送费","cuisine":"烧腊饭"},"usedBy":["home-store-list"]},{"id":"store-4","name":"米仓日式咖喱","imageSubject":"日式咖喱饭套餐","attributes":{"rating":"4.6","deliveryTime":"28分钟","fee":"免配送费","cuisine":"日式咖喱"},"usedBy":["home-store-list"]},{"id":"store-5","name":"甜心烘焙屋","imageSubject":"蛋糕甜点与面包","attributes":{"rating":"4.8","deliveryTime":"40分钟","fee":"¥4配送费","cuisine":"甜品蛋糕"},"usedBy":["home-store-list"]},{"id":"dish-set","name":"本店招牌菜合集","imageSubject":"宫保鸡丁、麻婆豆腐、酸辣土豆丝等热菜","usedBy":["detail-hero","detail-dish-list"]}]},"subtasks":[{"id":"home-header","label":"首页·地址栏与搜索","screen":"首页","region":{"width":375,"height":120},"elements":"ARCHETYPE: image-led — protagonist 地址栏定位信息，首屏 8% 顶部，紧凑贴顶，imagery 无照片仅品牌与定位。顶部地址栏：定位图标 + 收货地址「阳光小区 3 号楼 2 单元 502」+ 下拉箭头，右侧消息铃铛（红点）。下方搜索框：「搜索「麻辣烫」试试」占位 + 搜索图标。共享暖橙主色 #F97316，收货地址为唯一定位事实来源"},{"id":"home-category-grid","label":"首页·分类九宫格","screen":"首页","region":{"width":375,"height":200},"elements":"quiet section: secondary visual weight。3×3 九宫格分类入口，统一圆形浅色底图标 + 14px 标签：美食、甜品蛋糕、商超便利、果蔬生鲜、汉堡披萨、麻辣烫、日料寿司、饮品奶茶、全部分类。图标使用同一插画风格家族，主色统一暖橙系点缀。onTap 无目标跳转仅按压反馈"},{"id":"home-banner","label":"首页·限时横幅","screen":"首页","region":{"width":375,"height":110},"elements":"全宽限时特惠横幅：暖橙渐变底（#F97316→#FB923C，渐变只在此处与头图遮罩使用），左侧文案「限时秒杀 · 爆款菜 5 折起」+ 副文案「每天 11:00 开抢」，右侧倒计时组件：时/分/秒三个白色圆角数字块，数字滚动动效（tick 翻牌滚动），块间冒号分隔"},{"id":"home-store-list","label":"首页·商家列表","screen":"首页","region":{"width":375,"height":640},"elements":"商家列表标题「附近商家」+ 筛选 chip 行（综合排序 / 距离 / 评分）。5 条商家行卡片，交错 inView fade-up 动效（stagger 80ms）：左侧 88px 圆角门头图，右侧店名、评分（星+数字）、月售、起送/配送费、配送时长，菜品标签。使用 store-1 至 store-5 五个实体，评分/时长/配送费如实来自实体数据，不虚构额外数值。整行 onTap → 进入「商家详情」页"},{"id":"detail-header","label":"商家详情·头图","screen":"商家详情","region":{"width":375,"height":260},"elements":"头图区：满宽菜品实拍图（dish-set 实体，暖色调热菜），顶部左返回按钮（onTap 返回首页）+ 右收藏心形按钮，底部深色渐变遮罩上叠商家信息卡：店名「老王家常菜」、评分 4.8 · 30分钟送达 · 免配送费、公告「新客立减 3 元」。头图信息与列表 store-1 数据一致，不新增数值"},{"id":"detail-category-tabs","label":"商家详情·菜品分类横滑","screen":"商家详情","region":{"width":375,"height":56},"elements":"横向滚动菜品分类 tab 条，吸顶：招牌推荐（选中态橙色下划线）、热菜、凉菜、主食、饮品、优惠套餐。横向可滑动，onTap 切换选中态"},{"id":"detail-dish-list","label":"商家详情·菜品列表","screen":"商家详情","region":{"width":375,"height":380},"elements":"quiet section: secondary visual weight; retain active states。6 条菜品行：左侧 80px 圆角菜品图（dish-set 实体菜式），右侧菜名、月售与好评率文案、价格（¥ 加粗橙色），行尾圆形「+」加入购物车按钮（pressed 态缩放 0.9 动效）。分类小标题「招牌推荐」置顶"},{"id":"detail-cart-bar","label":"商家详情·购物车条","screen":"商家详情","region":{"width":375,"height":96},"elements":"底部固定购物车条：左侧购物车图标（橙色徽标数量 2）、中间合计「¥46」+「另需配送费 ¥0」、右侧「去结算」橙色按钮（圆角，pressed 态缩放）。数量与合计在详情页内自洽一致"}]}