docs: split prototype specs and add execution guides

docs/07-页面规格/07-商品详情抽屉.md

@@ -0,0 +1,58 @@
+# C01 商品详情抽屉
+
+- 页面编码：`C01`
+- 页面层级：`组件级抽屉`
+- 页面目标：完成商品选配，并把用户送入购物车
+- 主要依赖组件：`G22`、`G23`、`G24`
+
+## 1. 抽屉结构（从上到下）
+
+1. 商品图片区
+2. 商品基础信息区
+3. 规格做法区
+4. 加料区
+5. 数量与金额区
+6. 底部主操作区
+
+## 2. 区块说明
+
+### 2.1 商品图片区
+- 展示主图，允许左右切换附图（可选）
+
+### 2.2 商品基础信息区
+- 展示：
+  - 商品名称
+  - 标签
+  - 描述
+  - 售价
+  - 划线价
+  - 月售 / 热销信息（可选）
+
+### 2.3 规格做法区
+- 使用 `G23`
+- 支持单选 / 多组单选
+- 选择后实时刷新价格和库存
+
+### 2.4 加料区
+- 使用 `G24`
+- 支持多选和附加价格
+
+### 2.5 数量与金额区
+- 使用 `G22`
+- 实时展示当前组合总价
+
+### 2.6 底部主操作区
+- 主按钮：加入购物车
+- 次按钮：立即购买（可选）
+
+## 3. 状态规则
+
+- 规格未选全时，主按钮不可用
+- 商品售罄时，显示不可售状态
+- 库存不足时，数量步进器受限
+
+## 4. 实现备注
+
+- 抽屉应保留当前点餐页上下文
+- 关闭抽屉不应导致列表位置丢失
+