From c3cca6127a5e137d6d7e9868fadbd73ff0af6584 Mon Sep 17 00:00:00 2001
From: zhangyan <lenovo@example.com>
Date: Thu, 25 Jun 2026 15:14:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=87=80=E8=8F=9C=E9=85=8D=E6=AF=94?=
 =?UTF-8?q?=E7=A7=A4=E9=87=8D=E6=9E=84=E4=B8=BA=E5=87=80=E8=8F=9C=E7=BB=84?=
 =?UTF-8?q?=E9=85=8D=E7=A7=A4=EF=BC=8C=E7=BA=B5=E5=90=913:4=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80+=E8=B0=83=E6=96=99=E7=BB=84=E9=85=8D=E5=8C=BA+?=
 =?UTF-8?q?=E8=B0=83=E6=96=99=E4=BD=8D=E7=BD=AE=E8=AE=BE=E7=BD=AE=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 全局命名替换：配比→组配，净菜配比秤→净菜组配秤
- 全页面纵向3:4（720×960）PAD外壳模式
- 任务列表页：仅展示餐品净菜包订单，每餐品净菜包独立组配按钮
- 组配详情页：任务卡增加餐品名称字段，拆为主辅材组配区+调料组配区
- 调料组配区：3×5网格，信息格固定显示油，调料格3种状态（待组配脉冲高亮/已组配绿色/不需要组配无高亮）
- 调料组配不走AI识别，点击格子→弹窗读秤→确认写入
- 新增调料位置设置页（04-seasoning-settings.html）
- 主辅材清单平铺2列展示不滚动

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 other-module/canteen-device/index.html        |  70 +-
 .../canteen-device/ratio-scale/00-login.html  |  10 +-
 .../ratio-scale/00-welcome.html               |  26 +-
 .../ratio-scale/01-packing-tasks.html         | 137 +--
 .../ratio-scale/02-weighing-packing.html      | 796 ++++++++++++------
 .../ratio-scale/03-verify-history.html        |  38 +-
 .../ratio-scale/04-seasoning-settings.html    | 484 +++++++++++
 .../ratio-scale/doc/CHANGELOG.md              |  26 +-
 .../canteen-device/ratio-scale/index.html     |  28 +-
 9 files changed, 1282 insertions(+), 333 deletions(-)
 create mode 100644 other-module/canteen-device/ratio-scale/04-seasoning-settings.html

diff --git a/other-module/canteen-device/index.html b/other-module/canteen-device/index.html
index b25c4be..11c4d9b 100644
--- a/other-module/canteen-device/index.html
+++ b/other-module/canteen-device/index.html
@@ -76,6 +76,43 @@
       border: 1px solid rgba(255, 255, 255, 0.06);
       transition: all 0.2s;
       cursor: pointer;
+      position: relative;
+    }
+    /* 卡片右上角研发状态标签 */
+    .card__status {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      font-size: 10px;
+      line-height: 1;
+      padding: 3px 7px;
+      border-radius: 9px;
+      font-weight: 600;
+      letter-spacing: 0.3px;
+    }
+    /* 已设计 - 绿色 */
+    .card__status--done {
+      background: rgba(34, 197, 94, 0.18);
+      color: #4ade80;
+      border: 1px solid rgba(34, 197, 94, 0.35);
+    }
+    /* 待硬件选型 - 橙色 */
+    .card__status--hw {
+      background: rgba(234, 88, 12, 0.18);
+      color: #fb923c;
+      border: 1px solid rgba(234, 88, 12, 0.35);
+    }
+    /* 待产品设计 - 蓝色 */
+    .card__status--design {
+      background: rgba(37, 99, 235, 0.18);
+      color: #60a5fa;
+      border: 1px solid rgba(37, 99, 235, 0.35);
+    }
+    /* 无需设计 - 灰色 */
+    .card__status--none {
+      background: rgba(255, 255, 255, 0.08);
+      color: rgba(255, 255, 255, 0.4);
+      border: 1px solid rgba(255, 255, 255, 0.12);
     }
     .card:hover {
       transform: translateY(-2px);
@@ -115,44 +152,52 @@
     <div class="section-title">卫生供应</div>
     <div class="grid">
       <a class="card" href="raw-veg-hygiene-inspection/index.html">
+        <span class="card__status card__status--hw">待硬件选型</span>
         <div class="card__icon">&#x1F52C;</div>
         <div class="card__name">毛菜卫检设备</div>
         <div class="card__desc">毛菜卫生检测与质量判定</div>
       </a>
       <a class="card" href="raw-veg-inspection-scale/index.html">
+        <span class="card__status card__status--done">已设计</span>
         <div class="card__icon">&#x2705;</div>
         <div class="card__name">毛菜验收秤</div>
         <div class="card__desc">毛菜到货验收与质检</div>
       </a>
       <a class="card" href="raw-veg-inventory-cabinet/index.html">
+        <span class="card__status card__status--none">无需设计</span>
         <div class="card__icon">&#x1F4E6;</div>
         <div class="card__name">毛菜库存柜</div>
         <div class="card__desc">毛菜库存管理与出入库</div>
       </a>
       <a class="card" href="raw-veg-processing-scale/index.html">
+        <span class="card__status card__status--done">已设计</span>
         <div class="card__icon">&#x1F52A;</div>
         <div class="card__name">加工毛菜秤</div>
         <div class="card__desc">毛菜清洗：AI识别、称重、清洗操作</div>
       </a>
       <a class="card" href="clean-veg-ratio-scale/index.html">
+        <span class="card__status card__status--done">已设计</span>
         <div class="card__icon">&#x2696;&#xFE0F;</div>
         <div class="card__name">净菜加工秤</div>
         <div class="card__desc">净菜加工：任务驱动，含尺寸/形状/刀工要求</div>
       </a>
-      <a class="card" href="clean-veg-packaging-labeler/index.html">
-        <div class="card__icon">&#x1F3F7;&#xFE0F;</div>
-        <div class="card__name">净菜包装贴标机</div>
-        <div class="card__desc">净菜自动包装与贴标打印</div>
-      </a>
       <a class="card" href="clean-veg-inventory-cabinet/index.html">
+        <span class="card__status card__status--none">无需设计</span>
         <div class="card__icon">&#x1F4E6;</div>
         <div class="card__name">净菜库存柜</div>
         <div class="card__desc">净菜库存管理与盘点</div>
       </a>
       <a class="card" href="ratio-scale/index.html">
+        <span class="card__status card__status--done">已设计</span>
         <div class="card__icon">&#x1F4E6;</div>
-        <div class="card__name">净菜配比秤</div>
-        <div class="card__desc">任务驱动打包：净菜包/餐品组合两种模式，三层任务结构</div>
+        <div class="card__name">净菜组配秤</div>
+        <div class="card__desc">餐品净菜包独立组配，主辅材+调料双区称重</div>
+      </a>
+      <a class="card" href="clean-veg-packaging-labeler/index.html">
+        <span class="card__status card__status--done">已设计</span>
+        <div class="card__icon">&#x1F3F7;&#xFE0F;</div>
+        <div class="card__name">净菜贴标秤</div>
+        <div class="card__desc">接收配比完成订单，核对实物、贴标塑封</div>
       </a>
     </div>
 
@@ -160,21 +205,25 @@
     <div class="section-title">健康生产</div>
     <div class="grid">
       <a class="card" href="food-safety-monitor/index.html">
+        <span class="card__status card__status--hw">待硬件选型</span>
         <div class="card__icon">&#x1F6E1;&#xFE0F;</div>
         <div class="card__name">食安监控设备</div>
         <div class="card__desc">食品安全监控与预警</div>
       </a>
       <a class="card" href="utility-meter/index.html">
+        <span class="card__status card__status--none">无需设计</span>
         <div class="card__icon">&#x26A1;</div>
         <div class="card__name">水电气计量表</div>
         <div class="card__desc">水电气能耗计量与统计</div>
       </a>
       <a class="card" href="clean-veg-kitchen-cabinet/index.html">
+        <span class="card__status card__status--none">无需设计</span>
         <div class="card__icon">&#x1F5C4;&#xFE0F;</div>
         <div class="card__name">净菜厨房柜</div>
         <div class="card__desc">净菜暂存与保鲜存储</div>
       </a>
       <a class="card" href="processing-prompt-screen/index.html">
+        <span class="card__status card__status--none">无需设计</span>
         <div class="card__icon">&#x1F4FA;</div>
         <div class="card__name">加工提示屏</div>
         <div class="card__desc">加工流程提示与操作指引</div>
@@ -185,36 +234,43 @@
     <div class="section-title">营养用餐</div>
     <div class="grid">
       <a class="card" href="nutrition-detection/index.html">
+        <span class="card__status card__status--hw">待硬件选型</span>
         <div class="card__icon">&#x1F50D;</div>
         <div class="card__name">营养检测设备</div>
         <div class="card__desc">营养成分检测与分析</div>
       </a>
       <a class="card" href="plate-dispenser/index.html">
+        <span class="card__status card__status--none">无需设计</span>
         <div class="card__icon">&#x1F37D;&#xFE0F;</div>
         <div class="card__name">吐盘机</div>
         <div class="card__desc">自动出盘与回盘管理</div>
       </a>
       <a class="card" href="canteen-recharge-screen/index.html">
+        <span class="card__status card__status--design">待产品设计</span>
         <div class="card__icon">&#x1F4B3;</div>
         <div class="card__name">餐线充值屏</div>
         <div class="card__desc">餐卡充值与余额查询</div>
       </a>
       <a class="card" href="canteen-nutrition-scale/index.html">
+        <span class="card__status card__status--done">已设计</span>
         <div class="card__icon">&#x1F958;</div>
         <div class="card__name">餐线营养秤</div>
         <div class="card__desc">开餐、补餐、取餐、餐品展示、设置、采样</div>
       </a>
       <a class="card" href="stall-nutrition-scale/index.html">
+        <span class="card__status card__status--done">已设计</span>
         <div class="card__icon">&#x1F3EA;</div>
         <div class="card__name">档口营养秤</div>
         <div class="card__desc">档口菜品营养分析与称重结算</div>
       </a>
       <a class="card" href="checkout-device/index.html">
+        <span class="card__status card__status--none">无需设计</span>
         <div class="card__icon">&#x1F9FE;</div>
         <div class="card__name">结算设备</div>
         <div class="card__desc">智能结算与支付</div>
       </a>
       <a class="card" href="nutrition-score-screen/index.html">
+        <span class="card__status card__status--none">无需设计</span>
         <div class="card__icon">&#x1F4CA;</div>
         <div class="card__name">营养得分屏</div>
         <div class="card__desc">个人营养评分与健康建议</div>
diff --git a/other-module/canteen-device/ratio-scale/00-login.html b/other-module/canteen-device/ratio-scale/00-login.html
index cee9c0e..5773f15 100644
--- a/other-module/canteen-device/ratio-scale/00-login.html
+++ b/other-module/canteen-device/ratio-scale/00-login.html
@@ -2,21 +2,21 @@
 <html lang="zh-CN">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=1280, initial-scale=1.0">
-  <title>净菜配比秤 - 登录 | 蚁熊智能餐养平台</title>
+  <meta name="viewport" content="width=720, initial-scale=1.0">
+  <title>净菜组配秤 - 登录 | 蚁熊智能餐养平台</title>
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
     body {
       font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif;
       background: #05080f; color: #fff;
-      min-height: 100vh; min-width: 1280px;
+      min-height: 100vh; min-width: 720px;
       display: flex; align-items: center; justify-content: center;
       padding: 20px;
     }
 
     /* PAD 设备外壳 */
     .device-frame {
-      width: 1280px; height: 720px;
+      width: 720px; height: 960px;
       background: #0e1326;
       border-radius: 24px;
       box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04);
@@ -143,7 +143,7 @@
 
   <div class="device-frame">
     <div class="top-bar">
-      <span class="top-bar__title">净菜配比秤 - 员工登录</span>
+      <span class="top-bar__title">净菜组配秤 - 员工登录</span>
     </div>
 
     <div class="login-main">
diff --git a/other-module/canteen-device/ratio-scale/00-welcome.html b/other-module/canteen-device/ratio-scale/00-welcome.html
index a035b0d..9536433 100644
--- a/other-module/canteen-device/ratio-scale/00-welcome.html
+++ b/other-module/canteen-device/ratio-scale/00-welcome.html
@@ -2,21 +2,21 @@
 <html lang="zh-CN">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=1280, initial-scale=1.0">
-  <title>净菜配比秤 - 功能菜单 | 蚁熊智能餐养平台</title>
+  <meta name="viewport" content="width=720, initial-scale=1.0">
+  <title>净菜组配秤 - 功能菜单 | 蚁熊智能餐养平台</title>
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
     body {
       font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif;
       background: #05080f; color: #fff;
-      min-height: 100vh; min-width: 1280px;
+      min-height: 100vh; min-width: 720px;
       display: flex; align-items: center; justify-content: center;
       padding: 20px;
     }
 
     /* PAD 设备外壳 */
     .device-frame {
-      width: 1280px; height: 720px;
+      width: 720px; height: 960px;
       background: #0e1326;
       border-radius: 24px;
       box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04);
@@ -121,7 +121,7 @@
 
   <div class="device-frame">
     <div class="top-bar">
-      <span class="top-bar__title">净菜配比秤 - 功能菜单</span>
+      <span class="top-bar__title">净菜组配秤 - 功能菜单</span>
       <span class="top-bar__user" id="topUser">--</span>
       <button class="logout-btn" onclick="handleLogout()">退出登录</button>
     </div>
@@ -136,8 +136,8 @@
         <a class="menu-btn" id="btnTasks" onclick="handleMenu('01-packing-tasks.html')">
           <div class="menu-btn__icon menu-btn__icon--blue">&#x1F4CB;</div>
           <div class="menu-btn__info">
-            <div class="menu-btn__title">配比任务</div>
-            <div class="menu-btn__desc">查看系统分配的配比任务清单</div>
+            <div class="menu-btn__title">组配任务</div>
+            <div class="menu-btn__desc">查看系统分配的组配任务清单</div>
           </div>
           <span class="menu-btn__badge" id="taskBadge">0</span>
           <div class="menu-btn__arrow">&#x203A;</div>
@@ -145,8 +145,16 @@
         <a class="menu-btn" onclick="handleMenu('03-verify-history.html')">
           <div class="menu-btn__icon menu-btn__icon--green">&#x1F4DD;</div>
           <div class="menu-btn__info">
-            <div class="menu-btn__title">配比记录</div>
-            <div class="menu-btn__desc">历史配比记录查看与筛选</div>
+            <div class="menu-btn__title">组配记录</div>
+            <div class="menu-btn__desc">历史组配记录查看与筛选</div>
+          </div>
+          <div class="menu-btn__arrow">&#x203A;</div>
+        </a>
+        <a class="menu-btn" onclick="handleMenu('04-seasoning-settings.html')">
+          <div class="menu-btn__icon menu-btn__icon--blue">&#x1F9C2;</div>
+          <div class="menu-btn__info">
+            <div class="menu-btn__title">调料位置设置</div>
+            <div class="menu-btn__desc">配置调料秤各位置放置的调料</div>
           </div>
           <div class="menu-btn__arrow">&#x203A;</div>
         </a>
diff --git a/other-module/canteen-device/ratio-scale/01-packing-tasks.html b/other-module/canteen-device/ratio-scale/01-packing-tasks.html
index a65ff89..b1d1c06 100644
--- a/other-module/canteen-device/ratio-scale/01-packing-tasks.html
+++ b/other-module/canteen-device/ratio-scale/01-packing-tasks.html
@@ -2,20 +2,20 @@
 <html lang="zh-CN">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=1280, initial-scale=1.0">
-  <title>净菜配比秤 - 配比任务 | 蚁熊智能餐养平台</title>
+  <meta name="viewport" content="width=720, initial-scale=1.0">
+  <title>净菜组配秤 - 组配任务 | 蚁熊智能餐养平台</title>
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
     body {
       font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif;
       background: #05080f; color: #fff;
-      min-height: 100vh; min-width: 1280px;
+      min-height: 100vh; min-width: 720px;
       display: flex; align-items: center; justify-content: center;
       padding: 20px;
     }
     /* PAD 设备外壳 */
     .device-frame {
-      width: 1280px; height: 720px;
+      width: 720px; height: 960px;
       background: #0e1326;
       border-radius: 24px;
       box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04);
@@ -61,17 +61,19 @@
 
     /* 表格头（7列） */
     .item-table__head {
-      display: grid; grid-template-columns: 1fr 0.65fr 0.6fr 0.5fr 0.65fr 0.6fr 50px; gap: 8px;
+      display: grid; grid-template-columns: 1fr 0.6fr 0.5fr 0.65fr 0.6fr 50px 72px; gap: 8px;
       padding: 6px 16px; background: rgba(0,0,0,0.2); font-size: 11px; color: rgba(255,255,255,0.4); font-weight: 500;
     }
     .item-table__body { display: flex; flex-direction: column; }
 
     /* 餐品净菜包主行 */
     .item-parent-row {
-      display: grid; grid-template-columns: 1fr 0.65fr 0.6fr 0.5fr 0.65fr 0.6fr 50px; gap: 8px;
+      display: grid; grid-template-columns: 1fr 0.6fr 0.5fr 0.65fr 0.6fr 50px 72px; gap: 8px;
       padding: 10px 16px; border-top: 1px solid rgba(255,255,255,0.04); align-items: center;
       background: rgba(74,144,217,0.06);
+      margin-bottom: 4px; border-radius: 6px;
     }
+    .item-parent-row:last-child { margin-bottom: 0; }
     .parent-name { display: flex; align-items: center; gap: 8px; }
     .parent-icon {
       width: 32px; height: 32px; border-radius: 6px;
@@ -88,7 +90,7 @@
 
     /* 食材子行 */
     .item-child-row {
-      display: grid; grid-template-columns: 1fr 0.65fr 0.6fr 0.5fr 0.65fr 0.6fr 50px; gap: 8px;
+      display: grid; grid-template-columns: 1fr 0.6fr 0.5fr 0.65fr 0.6fr 50px 72px; gap: 8px;
       padding: 8px 16px 8px 48px; border-top: 1px solid rgba(255,255,255,0.03);
       align-items: center; transition: background 0.2s;
     }
@@ -135,14 +137,14 @@
   <div class="device-frame">
     <div class="top-bar">
       <a class="back-btn" id="backBtn" href="javascript:void(0)">&#x25C0; 返回</a>
-      <span class="top-bar__title">配比任务</span>
+      <span class="top-bar__title">组配任务</span>
       <span class="top-bar__user" id="topUser">--</span>
     </div>
 
     <div class="main-content">
       <!-- Tab 切换 -->
       <div class="tabs">
-        <div class="tab active" data-filter="pending" onclick="switchTab('pending', this)">待配比 <span class="tab__count" id="pendingCount">0</span></div>
+        <div class="tab active" data-filter="pending" onclick="switchTab('pending', this)">待组配 <span class="tab__count" id="pendingCount">0</span></div>
         <div class="tab" data-filter="done" onclick="switchTab('done', this)">已完成 <span class="tab__count" id="doneCount">0</span></div>
       </div>
 
@@ -169,7 +171,7 @@
     /* 当前 Tab 筛选 */
     var currentFilter = 'pending';
 
-    /* 模拟数据：净菜包=食材名，餐品净菜包=菜名 */
+    /* 模拟数据：仅展示餐品净菜包订单 */
     var mockData = [
       {
         orderNo: 'PO-20260616-001',
@@ -177,14 +179,14 @@
         expectedArrival: '2026-06-17 11:30',
         taskNo: 'T-001',
         mealPacks: [
-          { type: '净菜包', packName: '土豆丝', packSize: 3, packSpec: '500g', notes: '', ingredients: [
-            { name: '土豆丝', icon: '&#x1F954;', iconClass: 'child-icon--potato', weightPerPack: 500, weighed: 750 }
-          ]},
-          { type: '净菜包', packName: '胡萝卜丝', packSize: 3, packSpec: '500g', notes: '', ingredients: [
-            { name: '胡萝卜丝', icon: '&#x1F955;', iconClass: 'child-icon--carrot', weightPerPack: 500, weighed: 750 }
-          ]},
-          { type: '净菜包', packName: '黄瓜片', packSize: 3, packSpec: '500g', notes: '', ingredients: [
-            { name: '黄瓜片', icon: '&#x1F952;', iconClass: 'child-icon--cucumber', weightPerPack: 500, weighed: 0 }
+          { type: '餐品净菜包', packName: '宫保鸡丁套餐', packSize: 3, packSpec: '大份800g', ingredients: [
+            { name: '土豆丝', icon: '&#x1F954;', weightPerPack: 300, weighed: 0 },
+            { name: '胡萝卜丝', icon: '&#x1F955;', weightPerPack: 250, weighed: 0 },
+            { name: '黄瓜片', icon: '&#x1F952;', weightPerPack: 250, weighed: 0 }
+          ], seasonings: [
+            { name: '盐', cellIdx: 2, weightPerPack: 5, weighed: 0 },
+            { name: '白糖', cellIdx: 3, weightPerPack: 10, weighed: 0 },
+            { name: '酱油', cellIdx: 5, weightPerPack: 15, weighed: 0 }
           ]}
         ]
       },
@@ -194,11 +196,19 @@
         expectedArrival: '2026-06-17 12:00',
         taskNo: 'T-002',
         mealPacks: [
-          { type: '净菜包', packName: '白菜丝', packSize: 2, packSpec: '1000g', notes: '', ingredients: [
-            { name: '白菜丝', icon: '&#x1F96C;', iconClass: 'child-icon--cabbage', weightPerPack: 1000, weighed: 0 }
+          { type: '餐品净菜包', packName: '鱼香肉丝套餐', packSize: 2, packSpec: '大份800g', ingredients: [
+            { name: '白菜丝', icon: '&#x1F96C;', weightPerPack: 400, weighed: 0 },
+            { name: '胡萝卜丝', icon: '&#x1F955;', weightPerPack: 400, weighed: 0 }
+          ], seasonings: [
+            { name: '醋', cellIdx: 2, weightPerPack: 8, weighed: 0 },
+            { name: '料酒', cellIdx: 4, weightPerPack: 12, weighed: 0 }
           ]},
-          { type: '餐品净菜包', packName: '鱼香肉丝套餐', packSize: 2, packSpec: '大份800g', notes: '', ingredients: [
-            { name: '鱼香肉丝', icon: '&#x1F958;', iconClass: 'child-icon--tomato', weightPerPack: 500, weighed: 0 }
+          { type: '餐品净菜包', packName: '番茄炒蛋套餐', packSize: 2, packSpec: '标准500g', ingredients: [
+            { name: '番茄块', icon: '&#x1F345;', weightPerPack: 300, weighed: 0 },
+            { name: '鸡蛋液', icon: '&#x1F95A;', weightPerPack: 200, weighed: 0 }
+          ], seasonings: [
+            { name: '盐', cellIdx: 2, weightPerPack: 4, weighed: 0 },
+            { name: '白糖', cellIdx: 3, weightPerPack: 6, weighed: 0 }
           ]}
         ]
       },
@@ -208,8 +218,11 @@
         expectedArrival: '2026-06-17 14:30',
         taskNo: 'T-003',
         mealPacks: [
-          { type: '餐品净菜包', packName: '番茄炒蛋套餐', packSize: 4, packSpec: '真空包装', notes: '', ingredients: [
-            { name: '番茄炒蛋', icon: '&#x1F958;', iconClass: 'child-icon--tomato', weightPerPack: 500, weighed: 2000 }
+          { type: '餐品净菜包', packName: '番茄炒蛋套餐', packSize: 4, packSpec: '真空包装', ingredients: [
+            { name: '番茄炒蛋', icon: '&#x1F958;', weightPerPack: 500, weighed: 2000 }
+          ], seasonings: [
+            { name: '盐', cellIdx: 2, weightPerPack: 5, weighed: 20 },
+            { name: '白糖', cellIdx: 3, weightPerPack: 8, weighed: 32 }
           ]}
         ]
       },
@@ -219,27 +232,37 @@
         expectedArrival: '2026-06-17 16:00',
         taskNo: 'T-004',
         mealPacks: [
-          { type: '餐品净菜包', packName: '凉拌黄瓜套餐', packSize: 5, packSpec: '盒装', notes: '', ingredients: [
-            { name: '凉拌黄瓜', icon: '&#x1F958;', iconClass: 'child-icon--cucumber', weightPerPack: 500, weighed: 2500 }
+          { type: '餐品净菜包', packName: '凉拌黄瓜套餐', packSize: 5, packSpec: '盒装', ingredients: [
+            { name: '凉拌黄瓜', icon: '&#x1F958;', weightPerPack: 500, weighed: 2500 }
+          ], seasonings: [
+            { name: '醋', cellIdx: 2, weightPerPack: 6, weighed: 30 },
+            { name: '酱油', cellIdx: 3, weightPerPack: 10, weighed: 50 }
           ]}
         ]
       }
     ];
 
-    /* 获取餐品净菜包状态 */
+    /* 获取餐品净菜包状态：主辅材+调料全部完成才算完成 */
     function getPackStatus(pack) {
-      var allDone = pack.ingredients.every(function(ing) {
+      var ingDone = pack.ingredients.every(function(ing) {
         return ing.weighed >= ing.weightPerPack * pack.packSize;
       });
-      if (allDone) return { text: '已完成', cls: 'status-badge--done' };
-      return { text: '待配比', cls: 'status-badge--pending' };
+      var seaDone = !pack.seasonings || pack.seasonings.every(function(sea) {
+        return sea.weighed >= sea.weightPerPack * pack.packSize;
+      });
+      if (ingDone && seaDone) return { text: '已完成', cls: 'status-badge--done' };
+      return { text: '待组配', cls: 'status-badge--pending' };
     }
 
-    /* 判断餐品净菜包是否有待配比项 */
+    /* 判断餐品净菜包是否有待组配项（主辅材或调料） */
     function hasPendingPack(pack) {
-      return pack.ingredients.some(function(ing) {
+      var ingPending = pack.ingredients.some(function(ing) {
         return ing.weighed < ing.weightPerPack * pack.packSize;
       });
+      var seaPending = pack.seasonings && pack.seasonings.some(function(sea) {
+        return sea.weighed < sea.weightPerPack * pack.packSize;
+      });
+      return ingPending || seaPending;
     }
 
     /* 渲染任务列表 */
@@ -259,7 +282,7 @@
         var taskCard = document.createElement('div');
         taskCard.className = 'task-card';
 
-        /* 合并行：订单号 + 任务号 + 期望到货 + 状态 + 去配比 */
+        /* 合并行：订单号 + 任务号 + 期望到货 + 状态 */
         var header = document.createElement('div');
         header.className = 'task-card__header';
         var orderTypeLabel = order.orderType === 'internal' ? '内供订单' : '外售订单';
@@ -268,16 +291,13 @@
           '<span class="task-card__order-info"><span class="task-card__order-info__label">订单号:</span><span class="task-card__order-info__value">' + order.orderNo + '</span></span>' +
           '<span class="order-type-tag ' + orderTypeCls + '">' + orderTypeLabel + '</span>' +
           '<span class="task-card__arrival">&#x23F0; ' + (orderAllDone ? '任务完成时间' : '任务截止时间') + '：<span class="task-card__arrival__time">' + order.expectedArrival + '</span></span>' +
-          '<span class="task-card__status"><span class="status-badge ' + (orderAllDone ? 'status-badge--done' : 'status-badge--pending') + '">' + (orderAllDone ? '已完成' : '待配比') + '</span></span>' +
-          (orderAllDone
-            ? ''
-            : '<button class="task-card__pack-btn" onclick="handleWeigh(\'' + order.taskNo + '\',\'' + order.orderNo + '\')">去配比</button>');
+          '<span class="task-card__status"><span class="status-badge ' + (orderAllDone ? 'status-badge--done' : 'status-badge--pending') + '">' + (orderAllDone ? '已完成' : '待组配') + '</span></span>';
         taskCard.appendChild(header);
 
-        /* 表格头（7列） */
+        /* 表格头（7列：名称/包装规格/打包份数/所需总重/已称/状态/操作） */
         var tableHead = document.createElement('div');
         tableHead.className = 'item-table__head';
-        tableHead.innerHTML = '<div>名称</div><div style="text-align:center">净菜/餐品</div><div style="text-align:center">包装规格</div><div style="text-align:center">打包份数</div><div style="text-align:right">所需总重</div><div style="text-align:right">已称</div><div style="text-align:center">状态</div>';
+        tableHead.innerHTML = '<div>餐品净菜包名称</div><div style="text-align:center">包装规格</div><div style="text-align:center">打包份数</div><div style="text-align:right">所需总重</div><div style="text-align:right">已称</div><div style="text-align:center">状态</div><div style="text-align:center">操作</div>';
         taskCard.appendChild(tableHead);
 
         /* 表格体 */
@@ -286,27 +306,36 @@
 
         packs.forEach(function(pack) {
           var packStatus = getPackStatus(pack);
-          var totalNeed = 0;
-          var totalWeighed = 0;
+          /* 主辅材合计 */
+          var ingNeed = 0, ingWeighed = 0;
           pack.ingredients.forEach(function(ing) {
-            totalNeed += ing.weightPerPack * pack.packSize;
-            totalWeighed += ing.weighed;
+            ingNeed += ing.weightPerPack * pack.packSize;
+            ingWeighed += ing.weighed;
           });
-          totalNeed = Math.round(totalNeed * 100) / 100;
-          totalWeighed = Math.round(totalWeighed * 100) / 100;
+          /* 调料合计 */
+          var seaNeed = 0, seaWeighed = 0;
+          if (pack.seasonings) {
+            pack.seasonings.forEach(function(sea) {
+              seaNeed += sea.weightPerPack * pack.packSize;
+              seaWeighed += sea.weighed;
+            });
+          }
+          var totalNeed = Math.round((ingNeed + seaNeed) * 100) / 100;
+          var totalWeighed = Math.round((ingWeighed + seaWeighed) * 100) / 100;
           var weightClass = totalWeighed >= totalNeed ? 'parent-weight--done' : '';
+          var packDone = !hasPendingPack(pack);
 
-          /* 主行：餐品净菜包 */
+          /* 主行：餐品净菜包 + 独立组配按钮 */
           var parentRow = document.createElement('div');
           parentRow.className = 'item-parent-row';
           parentRow.innerHTML =
             '<div class="parent-name"><div class="parent-icon">&#x1F4E6;</div><span class="parent-name__text">' + pack.packName + '</span></div>' +
-            '<div style="text-align:center;font-size:12px;color:' + (pack.type === '餐品净菜包' ? '#faad16' : '#4a90d9') + '">' + pack.type + '</div>' +
             '<div style="text-align:center;font-size:12px;color:rgba(255,255,255,0.55)">' + (pack.packSpec || '—') + '</div>' +
             '<div style="text-align:center"><span class="pack-size-tag">' + pack.packSize + '</span></div>' +
             '<div class="parent-weight ' + weightClass + '">需 ' + totalNeed + ' 克</div>' +
             '<div class="parent-weight ' + weightClass + '">已 ' + totalWeighed + ' 克</div>' +
-            '<div style="text-align:center"><span class="status-tag ' + (packStatus.text === '已完成' ? 'status-tag--done' : 'status-tag--wait') + '">' + packStatus.text + '</span></div>';
+            '<div style="text-align:center"><span class="status-tag ' + (packStatus.text === '已完成' ? 'status-tag--done' : 'status-tag--wait') + '">' + packStatus.text + '</span></div>' +
+            '<div style="text-align:center">' + (packDone ? '' : '<button class="task-card__pack-btn" onclick="handlePackWeigh(\'' + order.taskNo + '\',\'' + order.orderNo + '\',\'' + encodeURIComponent(pack.packName) + '\')">组配</button>') + '</div>';
           tableBody.appendChild(parentRow);
 
         });
@@ -327,8 +356,8 @@
       el.classList.add('active');
 
       document.querySelectorAll('.task-card').forEach(function(card) {
-        var packBtn = card.querySelector('.task-card__pack-btn');
-        var hasPending = packBtn && !packBtn.disabled;
+        var packBtns = card.querySelectorAll('.task-card__pack-btn');
+        var hasPending = packBtns.length > 0;
         if (filter === 'pending') {
           card.style.display = hasPending ? 'block' : 'none';
         } else {
@@ -337,9 +366,9 @@
       });
     }
 
-    /* 去配比 */
-    function handleWeigh(taskNo, orderNo) {
-      var target = '02-weighing-packing.html?task=' + taskNo + '&order=' + encodeURIComponent(orderNo);
+    /* 进入餐品净菜包组配详情 */
+    function handlePackWeigh(taskNo, orderNo, packName) {
+      var target = '02-weighing-packing.html?task=' + taskNo + '&order=' + encodeURIComponent(orderNo) + '&pack=' + packName;
       if (userName) target += '&user=' + encodeURIComponent(userName);
       window.location.href = target;
     }
@@ -357,7 +386,7 @@
 
     /* 初始化 */
     renderTaskList();
-    /* 初始过滤：待配比 Tab 默认不显示已完成订单 */
+    /* 初始过滤：待组配 Tab 默认不显示已完成订单 */
     switchTab('pending', document.querySelector('.tab[data-filter="pending"]'));
 
     /* 返回按钮 */
diff --git a/other-module/canteen-device/ratio-scale/02-weighing-packing.html b/other-module/canteen-device/ratio-scale/02-weighing-packing.html
index 6b10dc5..1768e85 100644
--- a/other-module/canteen-device/ratio-scale/02-weighing-packing.html
+++ b/other-module/canteen-device/ratio-scale/02-weighing-packing.html
@@ -2,19 +2,33 @@
 <html lang="zh-CN">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=1280, initial-scale=1.0">
-  <title>净菜配比秤 - 配比任务 | 蚁熊智能餐养平台</title>
+  <meta name="viewport" content="width=720, initial-scale=1.0">
+  <title>净菜组配秤 - 组配任务 | 蚁熊智能餐养平台</title>
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
     body {
       font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif;
-      background: #0e1326; color: #fff; width: 1280px; height: 720px; overflow: hidden;
-      user-select: none;
+      background: #05080f; color: #fff;
+      min-height: 100vh; min-width: 720px;
+      display: flex; align-items: center; justify-content: center;
+      padding: 20px; user-select: none;
+    }
+
+    /* PAD 设备外壳 */
+    .device-frame {
+      width: 720px; height: 960px;
+      background: #0e1326;
+      border-radius: 24px;
+      box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04);
+      overflow: hidden;
+      position: relative;
+      display: flex; flex-direction: column;
     }
 
     /* ---- 顶部导航栏 ---- */
     .top-bar {
-      display: flex; align-items: center; height: 52px; background: #1a2b4a; padding: 0 20px;
+      display: flex; align-items: center; height: 44px; background: #1a2b4a; padding: 0 16px;
+      flex-shrink: 0;
     }
     .back-btn {
       font-size: 14px; cursor: pointer; color: rgba(255,255,255,0.7); text-decoration: none;
@@ -35,23 +49,23 @@
       display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff;
     }
 
-    /* ===== 两列布局 ===== */
-    .main-layout { display: flex; height: calc(100% - 52px); }
+    /* ===== 纵向上下布局 ===== */
+    .main-layout { display: flex; flex-direction: column; height: calc(100% - 44px); }
 
-    /* 左列：识别 + 候选 */
+    /* 上区：识别 + 候选 */
     .col-left {
-      width: 440px; flex-shrink: 0; padding: 12px 12px 12px 20px;
-      display: flex; flex-direction: column; gap: 10px; overflow-y: auto;
+      flex-shrink: 0; padding: 8px 16px; height: 300px;
+      display: flex; flex-direction: row; gap: 10px;
     }
-    .col-left::-webkit-scrollbar { width: 3px; }
-    .col-left::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 2px; }
+    .col-left__camera-col { width: 240px; flex-shrink: 0; display: flex; flex-direction: column; gap: 6px; }
+    .col-left__cand-col { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
     .col-label {
       font-size: 12px; color: rgba(255,255,255,0.4); font-weight: 500; letter-spacing: 1px;
     }
 
     /* 摄像头识别画面 */
     .camera-frame {
-      width: 100%; height: 220px; flex-shrink: 0; background: #0D1117; border-radius: 12px;
+      width: 100%; height: 160px; flex-shrink: 0; background: #0D1117; border-radius: 12px;
       border: 1px solid rgba(255,255,255,0.08); display: flex; align-items: center;
       justify-content: center; position: relative; overflow: hidden;
     }
@@ -120,7 +134,8 @@
     }
 
     /* 候选食材区 */
-    .candidate-section { flex-shrink: 0; flex: 1; display: flex; flex-direction: column; min-height: 0; }
+    .candidate-section { flex: 1; display: flex; flex-direction: column; min-height: 0; overflow-y: auto; scrollbar-width: none; }
+    .candidate-section::-webkit-scrollbar { display: none; }
     .candidate-header {
       display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;
     }
@@ -172,10 +187,10 @@
       font-size: 10px; color: rgba(255,255,255,0.2); text-align: center; padding-top: 4px;
     }
 
-    /* 右列：任务信息 + 清单 */
+    /* 下区：任务信息 + 清单 + 调料 + 按钮 */
     .col-right {
-      flex: 1; min-width: 0; padding: 12px 20px 12px 12px;
-      display: flex; flex-direction: column; gap: 10px; overflow: hidden;
+      flex: 1; min-height: 0; padding: 8px 16px;
+      display: flex; flex-direction: column; gap: 8px; overflow: hidden;
     }
 
     /* 任务信息卡片 */
@@ -184,7 +199,7 @@
       border: 1px solid rgba(255,255,255,0.06);
     }
     .task-card__row {
-      display: flex; align-items: center; gap: 20px;
+      display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
     }
     .task-card__item { display: flex; flex-direction: column; gap: 2px; }
     .task-card__item-label { font-size: 10px; color: rgba(255,255,255,0.35); }
@@ -201,50 +216,29 @@
     /* 净菜清单卡片 */
     .item-list {
       background: transparent; border-radius: 0; border: none;
-      overflow: hidden; flex: 1; min-height: 0; display: flex; flex-direction: column;
+      flex-shrink: 0; display: flex; flex-direction: column;
     }
     .item-list__head {
       display: none;
     }
     .item-list__body {
-      flex: 1; overflow-y: auto; min-height: 0; display: flex; flex-direction: column; gap: 8px;
+      display: grid; grid-template-columns: 1fr 1fr; gap: 6px; flex-shrink: 0;
     }
-    .item-list__body::-webkit-scrollbar { width: 3px; }
-    .item-list__body::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 2px; }
     .item-row {
       background: #1a2b4a; border-radius: 10px; border: 1px solid rgba(255,255,255,0.06);
-      padding: 12px 14px; font-size: 13px; transition: all 0.15s;
+      padding: 8px 12px; font-size: 12px; transition: all 0.15s;
     }
-    .item-row.current { border-color: rgba(74,144,217,0.4); background: rgba(74,144,217,0.08); }
-    /* 卡片头部：名称 + 状态 + 操作 */
-    .item-card__header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
-    .item-row__name { font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 6px; flex: 1; }
-    .item-row__name-icon { font-size: 18px; }
-    .item-row__status { font-size: 11px; flex-shrink: 0; }
-    .item-row__action { flex-shrink: 0; }
-    .item-row__clear-btn {
-      padding: 3px 10px; border: 1px solid rgba(255,77,79,0.3); background: rgba(255,77,79,0.08);
-      color: rgba(255,77,79,0.7); border-radius: 4px; font-size: 11px; cursor: pointer;
-      transition: all 0.2s; white-space: nowrap;
-    }
-    .item-row__clear-btn:hover { background: rgba(255,77,79,0.2); border-color: #ff4d4f; color: #ff4d4f; }
-    .item-row__clear-btn:active { transform: scale(0.95); }
-    .item-row__clear-btn:disabled { opacity: 0.25; cursor: not-allowed; }
-    /* 卡片元信息行 */
-    .item-card__meta {
-      display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
-      font-size: 11px; color: rgba(255,255,255,0.4); margin-bottom: 6px;
-    }
-    .item-card__meta-item { display: flex; align-items: center; gap: 3px; }
-    .item-card__meta-label { color: rgba(255,255,255,0.3); }
-    .item-card__meta-value { color: rgba(255,255,255,0.55); }
-    .item-card__meta-value--meal { color: #faad16; }
-    /* 卡片数据行：用量/份数/需/已 */
+    /* 卡片头部：名称 + 状态 */
+    .item-card__header { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
+    .item-row__name { font-weight: 600; font-size: 13px; display: flex; align-items: center; gap: 4px; flex: 1; }
+    .item-row__name-icon { font-size: 16px; }
+    .item-row__status { font-size: 10px; flex-shrink: 0; }
+    /* 卡片数据行 */
     .item-card__data {
-      display: flex; align-items: center; gap: 16px;
-      font-size: 12px; color: rgba(255,255,255,0.5);
+      display: flex; align-items: center; gap: 10px;
+      font-size: 11px; color: rgba(255,255,255,0.5); flex-wrap: wrap;
     }
-    .item-card__data-item { display: flex; align-items: center; gap: 4px; }
+    .item-card__data-item { display: flex; align-items: center; gap: 3px; }
     .item-card__data-label { color: rgba(255,255,255,0.35); }
     .item-card__data-value { color: rgba(255,255,255,0.7); font-weight: 500; }
     .item-card__data-value--done { color: #52c41a; }
@@ -283,7 +277,7 @@
       cursor: not-allowed; box-shadow: none;
     }
 
-    /* 配比确认弹窗（与净菜加工确认弹窗一致） */
+    /* 组配确认弹窗（与净菜加工确认弹窗一致） */
     .modal-overlay {
       position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 1000;
       display: none; align-items: center; justify-content: center;
@@ -334,79 +328,173 @@
     .toast.show { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
     .toast--error { background: rgba(255,77,79,0.92); }
     .toast--success { background: rgba(82,196,26,0.92); }
+
+    /* ===== 区域分隔标题 ===== */
+    .section-divider {
+      display: flex; align-items: center; gap: 8px; margin: 4px 0 6px;
+      font-size: 12px; color: rgba(255,255,255,0.5); font-weight: 600; letter-spacing: 1px;
+    }
+    .section-divider__icon { font-size: 14px; }
+    .section-divider__line { flex: 1; height: 1px; background: rgba(255,255,255,0.08); }
+
+    /* ===== 调料组配网格 ===== */
+    .seasoning-section { flex-shrink: 0; display: flex; flex-direction: column; gap: 6px; }
+    .seasoning-grid {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      grid-template-rows: repeat(3, 100px);
+      gap: 5px;
+    }
+    /* 信息格：第一列+第二列的第1、2行合并（4格→1格） */
+    .seasoning-cell {
+      background: #1a2b4a; border: 1px solid rgba(255,255,255,0.06);
+      border-radius: 8px; padding: 4px 6px;
+      display: flex; flex-direction: column; justify-content: center;
+      font-size: 10px; color: rgba(255,255,255,0.5);
+      transition: all 0.2s; position: relative;
+    }
+    .seasoning-cell--info {
+      grid-column: 1 / span 2; grid-row: 1 / span 2;
+      background: rgba(250,173,21,0.08); border: 2px solid rgba(250,173,21,0.3);
+      padding: 8px 10px; gap: 4px;
+    }
+    .seasoning-cell--info .sea-name {
+      font-size: 18px; font-weight: 700; color: #faad14; line-height: 1.2;
+      display: flex; align-items: center; gap: 4px; margin-bottom: 6px;
+    }
+    .seasoning-cell--info .sea-name-icon { font-size: 22px; }
+    .seasoning-cell--info .sea-fields {
+      display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px;
+    }
+    .seasoning-cell--info .sea-field {
+      display: flex; align-items: center; gap: 4px; font-size: 14px;
+    }
+    .seasoning-cell--info .sea-field__label { color: rgba(255,255,255,0.35); }
+    .seasoning-cell--info .sea-field__value { color: rgba(255,255,255,0.75); font-weight: 500; }
+    .seasoning-cell--info .sea-field__value--done { color: #52c41a; }
+    .seasoning-cell--info .sea-slot__status {
+      position: absolute; top: 6px; right: 8px;
+      font-size: 11px; font-weight: 600; padding: 2px 6px; border-radius: 4px;
+    }
+    .seasoning-cell--info .sea-slot__status--wait { background: rgba(250,173,21,0.15); color: #faad14; }
+    .seasoning-cell--info .sea-slot__status--done { background: rgba(82,196,26,0.15); color: #52c41a; }
+    /* 信息格待组配也加脉冲 */
+    .seasoning-cell--info.seasoning-cell--pending {
+      border: 2px solid #4a90d9; background: rgba(74,144,217,0.15);
+      box-shadow: 0 0 0 2px rgba(74,144,217,0.3), 0 0 12px rgba(74,144,217,0.4);
+      animation: seaPulse 1.4s ease-in-out infinite;
+    }
+    /* 调料格 */
+    .seasoning-cell--slot { cursor: pointer; }
+    .seasoning-cell--slot:hover { border-color: rgba(74,144,217,0.3); background: rgba(74,144,217,0.06); }
+    .seasoning-cell--occupied { border-color: rgba(255,255,255,0.12); }
+    /* 待组配：蓝色脉冲动态效果 */
+    .seasoning-cell--pending {
+      border: 2px solid #4a90d9; background: rgba(74,144,217,0.15);
+      box-shadow: 0 0 0 2px rgba(74,144,217,0.3), 0 0 12px rgba(74,144,217,0.4);
+      animation: seaPulse 1.4s ease-in-out infinite;
+    }
+    /* 已组配：绿色，取消高亮 */
+    .seasoning-cell--done {
+      border: 1px solid rgba(82,196,26,0.4); background: rgba(82,196,26,0.08);
+      animation: none;
+    }
+    .seasoning-cell--done .sea-slot__name { color: #52c41a; }
+    .seasoning-cell--done .sea-slot__status { color: #52c41a; }
+    @keyframes seaPulse {
+      0%,100% { box-shadow: 0 0 0 2px rgba(74,144,217,0.3), 0 0 12px rgba(74,144,217,0.4); }
+      50% { box-shadow: 0 0 0 4px rgba(74,144,217,0.6), 0 0 20px rgba(74,144,217,0.7); }
+    }
+    .sea-slot__name {
+      font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.85);
+      line-height: 1.2; display: flex; align-items: center; gap: 4px;
+      margin-bottom: 4px;
+    }
+    .sea-slot__name-icon { font-size: 16px; }
+    .sea-slot__fields {
+      display: grid; grid-template-columns: 1fr 1fr; gap: 2px 8px;
+    }
+    .sea-slot__field {
+      display: flex; gap: 3px; font-size: 11px; line-height: 1.4;
+    }
+    .sea-slot__field-label { color: rgba(255,255,255,0.35); }
+    .sea-slot__field-value { color: rgba(255,255,255,0.65); font-weight: 500; }
+    .sea-slot__field-value--done { color: #52c41a; }
+    .sea-slot__status {
+      position: absolute; top: 3px; right: 4px;
+      font-size: 9px; font-weight: 600; padding: 1px 5px; border-radius: 3px;
+    }
+    .sea-slot__status--wait { background: rgba(250,173,21,0.15); color: #faad14; }
+    .sea-slot__status--done { background: rgba(82,196,26,0.15); color: #52c41a; }
+    .sea-slot__empty { font-size: 11px; color: rgba(255,255,255,0.2); text-align: center; }
+    .sea-slot__pos { position: absolute; top: 3px; left: 4px; font-size: 9px; color: rgba(255,255,255,0.2); }
   </style>
 </head>
 <body>
+ <div class="device-frame">
   <!-- 顶部导航栏 -->
   <div class="top-bar">
     <a class="back-btn" id="backBtn" href="javascript:void(0)">&#x25C0; 返回</a>
-    <span class="page-title">配比任务</span>
+    <span class="page-title">组配任务</span>
     <span class="top-bar__spacer"></span>
     <div class="user-info">
       <div class="avatar" id="userAvatar">--</div>
       <span id="topUser">--</span>
-      <span class="top-bar__logout" onclick="handleLogout()" style="margin-left:12px;font-size:12px;color:rgba(255,255,255,0.4);cursor:pointer;transition:color 0.2s" onmouseover="this.style.color='#ff4d4f'" onmouseout="this.style.color='rgba(255,255,255,0.4)'">退出登录</span>
+      <span class="top-bar__logout" onclick="handleLogout()" style="margin-left:8px;font-size:11px;color:rgba(255,255,255,0.4);cursor:pointer;transition:color 0.2s" onmouseover="this.style.color='#ff4d4f'" onmouseout="this.style.color='rgba(255,255,255,0.4)'">退出</span>
     </div>
   </div>
 
-  <!-- 两列布局 -->
+  <!-- 纵向上下布局 -->
   <div class="main-layout">
-    <!-- 左列：识别 + 候选 -->
+    <!-- 上区：识别 + 候选 -->
     <div class="col-left">
-      <div class="col-label">&#x1F4F7; 食材识别</div>
-
-      <!-- 摄像头识别画面 -->
-      <div class="camera-frame" id="cameraFrame">
-        <span class="camera-frame__text">食材识别区域</span>
-        <div class="corner corner--tl"></div>
-        <div class="corner corner--tr"></div>
-        <div class="corner corner--bl"></div>
-        <div class="corner corner--br"></div>
-        <div class="scale-weight" id="scaleWeight">
-          <span class="scale-weight__label">当前秤重</span>
-          <span class="scale-weight__value" id="scaleWeightValue">0.00</span>
-          <span class="scale-weight__unit">克</span>
+      <div class="col-left__camera-col">
+        <div class="col-label">&#x1F4F7; 食材识别</div>
+        <div class="camera-frame" id="cameraFrame">
+          <span class="camera-frame__text">食材识别区域</span>
+          <div class="corner corner--tl"></div>
+          <div class="corner corner--tr"></div>
+          <div class="corner corner--bl"></div>
+          <div class="corner corner--br"></div>
+          <div class="scale-weight" id="scaleWeight">
+            <span class="scale-weight__label">当前秤重</span>
+            <span class="scale-weight__value" id="scaleWeightValue">0.00</span>
+            <span class="scale-weight__unit">克</span>
+          </div>
+          <div class="camera-overlay" id="cameraOverlay" onclick="triggerRecognition()">
+            <div class="camera-overlay__icon">&#x1F4F7;</div>
+            <div class="camera-overlay__text">点击继续识别</div>
+          </div>
         </div>
-        <div class="camera-overlay" id="cameraOverlay" onclick="triggerRecognition()">
-          <div class="camera-overlay__icon">&#x1F4F7;</div>
-          <div class="camera-overlay__text">点击继续识别</div>
+        <div class="recognize-status" id="recognizeStatus">
+          <span class="status-dot status-dot--ready" id="statusDot"></span>
+          <span id="statusText">就绪，等待食材放置</span>
         </div>
+        <button class="reidentify-btn" onclick="handleReidentify()">&#x1F504; 重新识别</button>
       </div>
-
-      <!-- 识别状态 -->
-      <div class="recognize-status" id="recognizeStatus">
-        <span class="status-dot status-dot--ready" id="statusDot"></span>
-        <span id="statusText">就绪，等待食材放置</span>
-      </div>
-
-      <!-- 重新识别按钮 -->
-      <button class="reidentify-btn" onclick="handleReidentify()">&#x1F504; 重新识别</button>
-
-      <!-- 搜索框 -->
-      <div class="food-search">
-        <div class="food-search__wrap">
-          <span class="food-search__icon">&#x1F50D;</span>
-          <input type="text" class="food-search__input" id="foodSearchInput"
-            placeholder="搜索食材名称，回车确认..." onkeydown="handleFoodSearchKey(event)">
+      <div class="col-left__cand-col">
+        <div class="food-search">
+          <div class="food-search__wrap">
+            <span class="food-search__icon">&#x1F50D;</span>
+            <input type="text" class="food-search__input" id="foodSearchInput"
+              placeholder="搜索食材名称，回车确认..." onkeydown="handleFoodSearchKey(event)">
+          </div>
         </div>
-      </div>
-
-      <!-- 候选食材 -->
-      <div class="candidate-section" id="candidateSection">
-        <div class="candidate-header">
-          <span class="candidate-title" id="candidateTitle">智能识别候选</span>
-        </div>
-        <div class="candidate-list" id="candidateList"></div>
-        <div class="candidate-empty" id="candidateEmpty">
-          <div class="candidate-empty__icon">&#x1F4F7;</div>
-          <div class="candidate-empty__text">等待食材放置后自动识别</div>
+        <div class="candidate-section" id="candidateSection">
+          <div class="candidate-header">
+            <span class="candidate-title" id="candidateTitle">智能识别候选</span>
+          </div>
+          <div class="candidate-list" id="candidateList"></div>
+          <div class="candidate-empty" id="candidateEmpty">
+            <div class="candidate-empty__icon">&#x1F4F7;</div>
+            <div class="candidate-empty__text">等待食材放置后自动识别</div>
+          </div>
         </div>
+        <div class="scene-note">场景监控后台静默录制中</div>
       </div>
-
-      <div class="scene-note">场景监控后台静默录制中</div>
     </div>
 
-    <!-- 右列：任务信息 + 清单 -->
+    <!-- 下区：任务信息 + 清单 + 调料 + 按钮 -->
     <div class="col-right">
       <!-- 任务信息卡片 -->
       <div class="task-card">
@@ -420,52 +508,57 @@
             <div class="task-card__item-value" id="taskOrderType">--</div>
           </div>
           <div class="task-card__item">
-            <div class="task-card__item-label">打包份数</div>
+            <div class="task-card__item-label">餐品名称</div>
+            <div class="task-card__item-value task-card__item-value--purple" id="taskPackName">--</div>
+          </div>
+          <div class="task-card__item">
+            <div class="task-card__item-label">组配份数</div>
             <div class="task-card__item-value task-card__item-value--green" id="taskTotalPacks">--</div>
           </div>
           <div class="task-card__item">
-            <div class="task-card__item-label">订单状态</div>
+            <div class="task-card__item-label">餐品组配状态</div>
             <div class="task-card__item-value" id="taskStatus">--</div>
           </div>
-          <div class="task-card__item">
-            <div class="task-card__item-label">当前规格</div>
-            <div class="task-card__item-value"><span class="task-card__spec-tag">30mm*30mm*3mm · 圆片 · 平刀</span></div>
-          </div>
         </div>
       </div>
 
-      <!-- 净菜清单表格 -->
+      <!-- 主辅材组配区 -->
+      <div class="section-divider">
+        <span class="section-divider__icon">&#x1F95C;</span>主辅材组配
+        <span class="section-divider__line"></span>
+      </div>
       <div class="item-list">
-        <div class="item-list__head">
-          <span>净菜名称</span>
-          <span style="text-align:center">餐品净菜包名称</span>
-          <span style="text-align:center">包装规格</span>
-          <span style="text-align:center">每份用量(克)</span>
-          <span style="text-align:center">打包份数</span>
-          <span style="text-align:right">所需总重(克)</span>
-          <span style="text-align:right">已称(克)</span>
-          <span style="text-align:center">状态</span>
-          <span style="text-align:center">操作</span>
-        </div>
         <div class="item-list__body" id="itemListBody">
           <!-- 动态渲染 -->
         </div>
       </div>
 
+      <!-- 调料组配区 -->
+      <div class="seasoning-section">
+        <div class="section-divider">
+          <span class="section-divider__icon">&#x1F9C2;</span>调料组配
+          <span class="section-divider__line"></span>
+        </div>
+        <div class="seasoning-grid" id="seasoningGrid">
+          <!-- 动态渲染 -->
+        </div>
+      </div>
+
       <!-- 下一步按钮 -->
       <div class="next-btn-wrap">
-        <button class="next-btn" id="btnNext" onclick="handlePackDone()">配比完成</button>
+        <button class="next-btn" id="btnNext" onclick="handlePackDone()">组配完成</button>
       </div>
     </div>
   </div>
+ </div>
 
   <!-- Toast 提示 -->
   <div class="toast" id="toast"></div>
 
-  <!-- 配比确认弹窗 -->
+  <!-- 组配确认弹窗 -->
   <div class="modal-overlay" id="modalOverlay">
     <div class="modal">
-      <div class="modal__title">配比确认</div>
+      <div class="modal__title">组配确认</div>
       <div class="modal__food">
         <span class="modal__food-icon" id="modalIcon"></span>
         <span id="modalFoodName">--</span>
@@ -495,6 +588,7 @@
     /* ---- 读取参数 ---- */
     var userName = getUrlParam('user') || '刘九';
     var taskNo = getUrlParam('task') || 'T-001';
+    var packName = getUrlParam('pack') ? decodeURIComponent(getUrlParam('pack')) : '';
 
     /* 用户信息 */
     document.getElementById('topUser').textContent = userName;
@@ -506,19 +600,18 @@
         orderNo: 'PO-20260616-001',
         orderType: 'internal',
         mealPacks: [
-          { type: '净菜包', packName: '土豆丝', packSize: 3, packSpec: '500g', ingredients: [
-            { name: '土豆丝', icon: '&#x1F954;', weightPerPack: 500, weighed: 750 }
-          ]},
-          { type: '净菜包', packName: '胡萝卜丝', packSize: 3, packSpec: '500g', ingredients: [
-            { name: '胡萝卜丝', icon: '&#x1F955;', weightPerPack: 500, weighed: 750 }
-          ]},
-          { type: '净菜包', packName: '黄瓜片', packSize: 3, packSpec: '500g', ingredients: [
-            { name: '黄瓜片', icon: '&#x1F952;', weightPerPack: 500, weighed: 0 }
-          ]},
-          { type: '餐品净菜包', packName: '宫保鸡丁套餐', packSize: 2, packSpec: '大份800g', ingredients: [
+          { type: '餐品净菜包', packName: '宫保鸡丁套餐', packSize: 3, packSpec: '大份800g', ingredients: [
             { name: '土豆丝', icon: '&#x1F954;', weightPerPack: 300, weighed: 0 },
             { name: '胡萝卜丝', icon: '&#x1F955;', weightPerPack: 250, weighed: 0 },
             { name: '黄瓜片', icon: '&#x1F952;', weightPerPack: 250, weighed: 0 }
+          ], seasonings: [
+            { name: '油', icon: '&#x1F6E2;', cellIdx: 0, weightPerPack: 50, weighed: 0 },
+            { name: '盐', icon: '&#x1F9C2;', cellIdx: 1, weightPerPack: 5, weighed: 0 },
+            { name: '白糖', icon: '&#x1F36C;', cellIdx: 2, weightPerPack: 10, weighed: 0 },
+            { name: '酱油', icon: '&#x1F372;', cellIdx: 3, weightPerPack: 15, weighed: 0 },
+            { name: '醋', icon: '&#x1F379;', cellIdx: 4, weightPerPack: 8, weighed: 0 },
+            { name: '料酒', icon: '&#x1F377;', cellIdx: 5, weightPerPack: 12, weighed: 0 },
+            { name: '味精', icon: '&#x2755;', cellIdx: 6, weightPerPack: 2, weighed: 0 }
           ]}
         ]
       },
@@ -526,17 +619,82 @@
         orderNo: 'PO-20260616-002',
         orderType: 'external',
         mealPacks: [
-          { type: '净菜包', packName: '白菜丝', packSize: 2, packSpec: '1000g', ingredients: [
-            { name: '白菜丝', icon: '&#x1F96C;', weightPerPack: 1000, weighed: 0 }
-          ]},
           { type: '餐品净菜包', packName: '鱼香肉丝套餐', packSize: 2, packSpec: '大份800g', ingredients: [
             { name: '白菜丝', icon: '&#x1F96C;', weightPerPack: 400, weighed: 0 },
             { name: '胡萝卜丝', icon: '&#x1F955;', weightPerPack: 400, weighed: 0 }
+          ], seasonings: [
+            { name: '油', icon: '&#x1F6E2;', cellIdx: 0, weightPerPack: 40, weighed: 0 },
+            { name: '盐', icon: '&#x1F9C2;', cellIdx: 1, weightPerPack: 4, weighed: 0 },
+            { name: '醋', icon: '&#x1F379;', cellIdx: 2, weightPerPack: 10, weighed: 0 },
+            { name: '酱油', icon: '&#x1F372;', cellIdx: 3, weightPerPack: 12, weighed: 0 },
+            { name: '白糖', icon: '&#x1F36C;', cellIdx: 4, weightPerPack: 8, weighed: 0 },
+            { name: '料酒', icon: '&#x1F377;', cellIdx: 5, weightPerPack: 10, weighed: 0 },
+            { name: '豆瓣酱', icon: '&#x1F361;', cellIdx: 6, weightPerPack: 15, weighed: 0 }
+          ]}
+        ]
+      },
+      'T-003': {
+        orderNo: 'PO-20260616-003',
+        orderType: 'internal',
+        mealPacks: [
+          { type: '餐品净菜包', packName: '番茄炒蛋套餐', packSize: 4, packSpec: '真空包装', ingredients: [
+            { name: '番茄炒蛋', icon: '&#x1F958;', weightPerPack: 500, weighed: 2000 }
+          ], seasonings: [
+            { name: '油', icon: '&#x1F6E2;', cellIdx: 0, weightPerPack: 30, weighed: 120 },
+            { name: '盐', icon: '&#x1F9C2;', cellIdx: 2, weightPerPack: 5, weighed: 20 },
+            { name: '白糖', icon: '&#x1F36C;', cellIdx: 3, weightPerPack: 8, weighed: 32 }
+          ]}
+        ]
+      },
+      'T-004': {
+        orderNo: 'PO-20260616-004',
+        orderType: 'external',
+        mealPacks: [
+          { type: '餐品净菜包', packName: '凉拌黄瓜套餐', packSize: 5, packSpec: '盒装', ingredients: [
+            { name: '凉拌黄瓜', icon: '&#x1F958;', weightPerPack: 500, weighed: 2500 }
+          ], seasonings: [
+            { name: '油', icon: '&#x1F6E2;', cellIdx: 0, weightPerPack: 20, weighed: 100 },
+            { name: '醋', icon: '&#x1F379;', cellIdx: 2, weightPerPack: 6, weighed: 30 },
+            { name: '酱油', icon: '&#x1F372;', cellIdx: 3, weightPerPack: 10, weighed: 50 }
           ]}
         ]
       }
     };
 
+    /* 调料名称→图标映射（与 04 设置页一致） */
+    var SEASONING_ICONS = {
+      '油': '&#x1F6E2;', '盐': '&#x1F9C2;', '白糖': '&#x1F36C;', '酱油': '&#x1F969;',
+      '醋': '&#x1F969;', '味精': '&#x2755;', '鸡精': '&#x1F9C2;', '料酒': '&#x1F377;',
+      '胡椒粉': '&#x1F9C2;', '豆瓣酱': '&#x1F361;', '甜面酱': '&#x1F96C;', '蚝油': '&#x1F36F;',
+      '花椒': '&#x1F33F;', '八角': '&#x1F33F;', '桂皮': '&#x1F33F;', '干辣椒': '&#x1F336;',
+      '蒜蓉': '&#x1F9C4;', '姜末': '&#x1F95C;'
+    };
+
+    /* 从 localStorage 加载调料位置配置 */
+    var SEASONING_CONFIG_KEY = 'seasoning_position_config_v2';
+    function loadSeasoningConfig() {
+      var raw = localStorage.getItem(SEASONING_CONFIG_KEY);
+      if (raw) {
+        try { return JSON.parse(raw); } catch(e) {}
+      }
+      /* 默认配置（与 04 设置页一致，扩展 7-11 位） */
+      return {
+        0: { name: '油', weight: 1000 },
+        1: { name: '盐', weight: 500 },
+        2: { name: '白糖', weight: 500 },
+        3: { name: '酱油', weight: 1000 },
+        4: { name: '醋', weight: 500 },
+        5: { name: '味精', weight: 250 },
+        6: { name: '料酒', weight: 500 },
+        7: { name: '豆瓣酱', weight: 500 },
+        8: { name: '蚝油', weight: 500 },
+        9: { name: '花椒', weight: 200 },
+        10: { name: '干辣椒', weight: 200 },
+        11: { name: '蒜蓉', weight: 300 }
+      };
+    }
+    var seasoningConfig = loadSeasoningConfig();
+
     var aiResults = {
       'potato': { name: '土豆丝', icon: '&#x1F954;', confidence: 97 },
       'carrot': { name: '胡萝卜丝', icon: '&#x1F955;', confidence: 96 },
@@ -550,73 +708,98 @@
 
     /* ---- 状态变量 ---- */
     var state = 'idle'; // idle | detecting
-    var allIngredients = []; // 扁平化：所有包的食材 [{name, icon, weightPerPack, packName, packType, packSize, weighed}]
-    var currentIngIdx = 0;
+    var currentPack = null; // 当前选中的餐品净菜包数据
+    var allIngredients = []; // 主辅材扁平化列表
+    var allSeasonings = []; // 调料列表
+    var currentIngIdx = 0; // 当前主辅材索引
+    var currentSeaIdx = 0; // 当前调料索引
 
     /* ---- 初始化 ---- */
     function init() {
       var task = taskData[taskNo];
       if (!task) { showToast('任务不存在', 2000, 'error'); return; }
 
-      /* 扁平化：将所有包的食材展开到统一列表 */
-      allIngredients = [];
-      task.mealPacks.forEach(function(pack) {
-        pack.ingredients.forEach(function(ing) {
-          allIngredients.push({
-            name: ing.name,
-            icon: ing.icon,
-            weightPerPack: ing.weightPerPack,
-            weighed: ing.weighed,
-            packName: pack.packName,
-            packType: pack.type,
-            packSize: pack.packSize,
-            packSpec: pack.packSpec || ''
-          });
-        });
-      });
-
-      /* 找到第一个待称重的食材 */
-      for (var i = 0; i < allIngredients.length; i++) {
-        var ing = allIngredients[i];
-        var need = ing.weightPerPack * ing.packSize;
-        if (ing.weighed < need) {
-          currentIngIdx = i;
+      /* 按 packName 筛选对应餐品净菜包 */
+      currentPack = null;
+      for (var i = 0; i < task.mealPacks.length; i++) {
+        if (task.mealPacks[i].packName === packName) {
+          currentPack = task.mealPacks[i];
           break;
         }
       }
+      if (!currentPack) { currentPack = task.mealPacks[0]; packName = currentPack.packName; }
+
+      /* 扁平化主辅材 */
+      allIngredients = currentPack.ingredients.map(function(ing) {
+        return {
+          name: ing.name,
+          icon: ing.icon,
+          weightPerPack: ing.weightPerPack,
+          weighed: ing.weighed,
+          packSize: currentPack.packSize
+        };
+      });
+
+      /* 调料列表 */
+      allSeasonings = (currentPack.seasonings || []).map(function(sea) {
+        return {
+          name: sea.name,
+          cellIdx: sea.cellIdx,
+          weightPerPack: sea.weightPerPack,
+          weighed: sea.weighed,
+          packSize: currentPack.packSize
+        };
+      });
+
+      /* 找到第一个待称重的主辅材 */
+      currentIngIdx = 0;
+      for (var j = 0; j < allIngredients.length; j++) {
+        var need = allIngredients[j].weightPerPack * allIngredients[j].packSize;
+        if (allIngredients[j].weighed < need) { currentIngIdx = j; break; }
+      }
+      /* 找到第一个待称重的调料 */
+      currentSeaIdx = -1;
+      for (var k = 0; k < allSeasonings.length; k++) {
+        var seaNeed = allSeasonings[k].weightPerPack * allSeasonings[k].packSize;
+        if (allSeasonings[k].weighed < seaNeed) { currentSeaIdx = k; break; }
+      }
 
       /* 设置页面信息 */
       document.getElementById('taskOrder').textContent = task.orderNo;
-      /* 订单类型标签 */
       var orderTypeEl = document.getElementById('taskOrderType');
       var orderTypeLabel = task.orderType === 'internal' ? '内供订单' : '外售订单';
       var orderTypeCls = task.orderType === 'internal' ? 'order-type-tag--internal' : 'order-type-tag--external';
       orderTypeEl.innerHTML = '<span class="order-type-tag ' + orderTypeCls + '">' + orderTypeLabel + '</span>';
-      /* 打包份数：每个食材项对应其所属包的 packSize，累加所有食材 */
-      var totalPacks = 0;
-      task.mealPacks.forEach(function(pack) {
-        pack.ingredients.forEach(function() { totalPacks += pack.packSize; });
-      });
-      document.getElementById('taskTotalPacks').textContent = totalPacks;
-      /* 订单状态：全部食材已完成 → 已完成，否则 → 待配比 */
-      var allDone = allIngredients.every(function(ing) {
+      document.getElementById('taskPackName').textContent = currentPack.packName + ' · ' + (currentPack.packSpec || '—');
+      document.getElementById('taskTotalPacks').textContent = currentPack.packSize;
+
+      /* 订单状态：主辅材+调料全部完成才算完成 */
+      var ingAllDone = allIngredients.every(function(ing) {
         return ing.weighed >= ing.weightPerPack * ing.packSize;
       });
+      var seaAllDone = allSeasonings.every(function(sea) {
+        return sea.weighed >= sea.weightPerPack * sea.packSize;
+      });
+      var allDone = ingAllDone && seaAllDone;
       var statusEl = document.getElementById('taskStatus');
-      statusEl.textContent = allDone ? '已完成' : '待配比';
+      statusEl.textContent = allDone ? '已组配' : '待组配';
       statusEl.className = 'task-card__item-value' + (allDone ? ' task-card__item-value--green' : ' task-card__item-value--yellow');
 
       renderItemlist();
+      renderSeasoningGrid();
 
-      /* 初始化秤体重量显示为当前食材已有重量 */
-      var initIng = allIngredients[currentIngIdx];
-      document.getElementById('scaleWeightValue').textContent = initIng.weighed.toFixed(2);
+      /* 初始化秤体重量显示 */
+      var initWeight = 0;
+      if (currentIngIdx < allIngredients.length) {
+        initWeight = allIngredients[currentIngIdx].weighed;
+      }
+      document.getElementById('scaleWeightValue').textContent = initWeight.toFixed(2);
 
       /* 显示相机覆盖层，等待用户手动点击识别 */
       document.getElementById('cameraOverlay').classList.add('show');
     }
 
-    /* ---- 渲染食材清单（卡片形式） ---- */
+    /* ---- 渲染主辅材清单（卡片形式，不显示餐品净菜包名称） ---- */
     function renderItemlist() {
       var body = document.getElementById('itemListBody');
       body.innerHTML = '';
@@ -624,47 +807,166 @@
       allIngredients.forEach(function(ing, idx) {
         var need = Math.round(ing.weightPerPack * ing.packSize * 100) / 100;
         var isDone = ing.weighed >= need;
-        var isCurrent = (idx === currentIngIdx);
 
         var row = document.createElement('div');
-        row.className = 'item-row' + (isCurrent ? ' current' : '');
+        row.className = 'item-row';
 
         var actualClass = 'item-card__data-value--zero';
         if (isDone) actualClass = 'item-card__data-value--done';
         else if (ing.weighed > 0) actualClass = 'item-card__data-value--progress';
 
         var statusTag = isDone
-          ? '<span class="status-tag status-tag--done">已完成</span>'
-          : '<span class="status-tag status-tag--wait">待称重</span>';
-
-        /* 餐品净菜包名称：净菜包不显示此行 */
-        var packNameDisplay = ing.packType === '餐品净菜包' ? ing.packName : '—';
-        var packSpecDisplay = ing.packSpec || '—';
+          ? '<span class="status-tag status-tag--done">已组配</span>'
+          : '<span class="status-tag status-tag--wait">待组配</span>';
 
         row.innerHTML =
-          /* 卡片头部：名称 + 状态 + 清空按钮 */
           '<div class="item-card__header">' +
             '<div class="item-row__name"><span class="item-row__name-icon">' + ing.icon + '</span>' + ing.name + '</div>' +
             '<div class="item-row__status">' + statusTag + '</div>' +
-            '<div class="item-row__action">' + (ing.weighed > 0 ? '<button class="item-row__clear-btn" onclick="clearWeight(' + idx + ')">清空</button>' : '') + '</div>' +
           '</div>' +
-          /* 元信息行：餐品净菜包名 + 包装规格 */
-          '<div class="item-card__meta">' +
-            '<div class="item-card__meta-item"><span class="item-card__meta-label">餐品净菜包:</span><span class="item-card__meta-value' + (ing.packType === '餐品净菜包' ? ' item-card__meta-value--meal' : '') + '">' + packNameDisplay + '</span></div>' +
-            '<div class="item-card__meta-item"><span class="item-card__meta-label">包装规格:</span><span class="item-card__meta-value">' + packSpecDisplay + '</span></div>' +
-          '</div>' +
-          /* 数据行：每份用量 / 份数 / 所需总重 / 已称 */
           '<div class="item-card__data">' +
-            '<div class="item-card__data-item"><span class="item-card__data-label">每份用量:</span><span class="item-card__data-value">' + ing.weightPerPack + 'g</span></div>' +
-            '<div class="item-card__data-item"><span class="item-card__data-label">份数:</span><span class="item-card__data-value">' + ing.packSize + '</span></div>' +
-            '<div class="item-card__data-item"><span class="item-card__data-label">需:</span><span class="item-card__data-value">' + need + 'g</span></div>' +
-            '<div class="item-card__data-item"><span class="item-card__data-label">已称:</span><span class="item-card__data-value ' + actualClass + '">' + ing.weighed + 'g</span></div>' +
+            '<div class="item-card__data-item"><span class="item-card__data-label">每份</span><span class="item-card__data-value">' + ing.weightPerPack + 'g</span></div>' +
+            '<div class="item-card__data-item"><span class="item-card__data-label">份数</span><span class="item-card__data-value">' + ing.packSize + '</span></div>' +
+            '<div class="item-card__data-item"><span class="item-card__data-label">应称</span><span class="item-card__data-value">' + need + 'g</span></div>' +
+            '<div class="item-card__data-item"><span class="item-card__data-label">已称</span><span class="item-card__data-value ' + actualClass + '">' + ing.weighed + 'g</span></div>' +
           '</div>';
 
         body.appendChild(row);
       });
     }
 
+    /* ---- 渲染调料组配网格（3行×5列=15格，左上4格合并为信息格固定显示油，11格为调料位） ---- */
+    function renderSeasoningGrid() {
+      var grid = document.getElementById('seasoningGrid');
+      grid.innerHTML = '';
+
+      /* 信息格（合并格）：固定显示"油"的完整字段（油始终参与组配） */
+      var oilSea = allSeasonings.find(function(s) { return s.cellIdx === 0; });
+      var infoCell = document.createElement('div');
+      infoCell.className = 'seasoning-cell seasoning-cell--info';
+      if (oilSea) {
+        var oilNeed = Math.round(oilSea.weightPerPack * oilSea.packSize * 100) / 100;
+        var oilDone = oilSea.weighed >= oilNeed;
+        /* 待组配→脉冲高亮，已组配→绿色 */
+        if (oilDone) {
+          infoCell.classList.add('seasoning-cell--done');
+        } else {
+          infoCell.classList.add('seasoning-cell--pending');
+        }
+        var oilStatusCls = oilDone ? 'sea-slot__status--done' : 'sea-slot__status--wait';
+        var oilStatusText = oilDone ? '已组配' : '待组配';
+        var oilActualCls = oilDone ? 'sea-field__value--done' : '';
+        infoCell.innerHTML =
+          '<span class="sea-slot__status ' + oilStatusCls + '">' + oilStatusText + '</span>' +
+          '<div class="sea-name"><span class="sea-name-icon">' + (oilSea.icon || '&#x1F6E2;') + '</span>' + oilSea.name + '</div>' +
+          '<div class="sea-fields">' +
+            '<div class="sea-field"><span class="sea-field__label">每份用量</span><span class="sea-field__value">' + oilSea.weightPerPack + 'g</span></div>' +
+            '<div class="sea-field"><span class="sea-field__label">份数</span><span class="sea-field__value">' + oilSea.packSize + '</span></div>' +
+            '<div class="sea-field"><span class="sea-field__label">应称</span><span class="sea-field__value">' + oilNeed + 'g</span></div>' +
+            '<div class="sea-field"><span class="sea-field__label">已称</span><span class="sea-field__value ' + oilActualCls + '">' + oilSea.weighed + 'g</span></div>' +
+          '</div>';
+      } else {
+        infoCell.innerHTML = '<div class="sea-name" style="color:#52c41a">全部完成</div>';
+      }
+      /* 信息格也可点击称重 */
+      if (oilSea) {
+        var oilIdx = allSeasonings.indexOf(oilSea);
+        infoCell.style.cursor = 'pointer';
+        infoCell.onclick = function() { openSeasoningModal(oilIdx); };
+      }
+      grid.appendChild(infoCell);
+
+      /* 构建当前餐品需要的调料 cellIdx 集合 */
+      var neededSeaMap = {};
+      allSeasonings.forEach(function(sea) { if (sea.cellIdx > 0) neededSeaMap[sea.cellIdx] = sea; });
+
+      /* 11 个调料位置格（cellIdx 1-11） */
+      for (var pos = 1; pos <= 11; pos++) {
+        var cell = document.createElement('div');
+        cell.className = 'seasoning-cell seasoning-cell--slot';
+
+        /* 先从位置配置获取该格放置的调料 */
+        var cfg = seasoningConfig[pos];
+        var neededSea = neededSeaMap[pos];
+
+        if (neededSea) {
+          /* 状态1/2：该格调料在本餐品组配清单中 — 待组配或已组配 */
+          var seaNeed2 = Math.round(neededSea.weightPerPack * neededSea.packSize * 100) / 100;
+          var seaDone2 = neededSea.weighed >= seaNeed2;
+
+          cell.classList.add('seasoning-cell--occupied');
+          if (seaDone2) {
+            /* 已组配：绿色，取消高亮 */
+            cell.classList.add('seasoning-cell--done');
+          } else {
+            /* 待组配：脉冲高亮 */
+            cell.classList.add('seasoning-cell--pending');
+          }
+
+          var actualCls2 = seaDone2 ? 'sea-slot__field-value--done' : '';
+          var statusCls = seaDone2 ? 'sea-slot__status--done' : 'sea-slot__status--wait';
+          var statusText = seaDone2 ? '已组配' : '待组配';
+
+          cell.innerHTML =
+            '<span class="sea-slot__pos">' + pos + '</span>' +
+            '<span class="sea-slot__status ' + statusCls + '">' + statusText + '</span>' +
+            '<div class="sea-slot__name"><span class="sea-slot__name-icon">' + (neededSea.icon || '&#x1F9C2;') + '</span>' + neededSea.name + '</div>' +
+            '<div class="sea-slot__fields">' +
+              '<div class="sea-slot__field"><span class="sea-slot__field-label">每份</span><span class="sea-slot__field-value">' + neededSea.weightPerPack + 'g</span></div>' +
+              '<div class="sea-slot__field"><span class="sea-slot__field-label">份数</span><span class="sea-slot__field-value">' + neededSea.packSize + '</span></div>' +
+              '<div class="sea-slot__field"><span class="sea-slot__field-label">应称</span><span class="sea-slot__field-value">' + seaNeed2 + 'g</span></div>' +
+              '<div class="sea-slot__field"><span class="sea-slot__field-label">已称</span><span class="sea-slot__field-value ' + actualCls2 + '">' + neededSea.weighed + 'g</span></div>' +
+            '</div>';
+
+          cell.onclick = (function(idx) { return function() { openSeasoningModal(idx); }; })(findSeasoningIdxByPos(pos));
+        } else if (cfg && cfg.name) {
+          /* 状态3：该格放置了调料但本餐品不需要组配 — 字段一致，数据用--占位 */
+          cell.classList.add('seasoning-cell--occupied');
+          var cfgIcon = SEASONING_ICONS[cfg.name] || '&#x1F9C2;';
+          cell.innerHTML =
+            '<span class="sea-slot__pos">' + pos + '</span>' +
+            '<div class="sea-slot__name"><span class="sea-slot__name-icon">' + cfgIcon + '</span>' + cfg.name + '</div>' +
+            '<div class="sea-slot__fields">' +
+              '<div class="sea-slot__field"><span class="sea-slot__field-label">每份</span><span class="sea-slot__field-value">--</span></div>' +
+              '<div class="sea-slot__field"><span class="sea-slot__field-label">份数</span><span class="sea-slot__field-value">--</span></div>' +
+              '<div class="sea-slot__field"><span class="sea-slot__field-label">应称</span><span class="sea-slot__field-value">--</span></div>' +
+              '<div class="sea-slot__field"><span class="sea-slot__field-label">已称</span><span class="sea-slot__field-value">--</span></div>' +
+            '</div>';
+        } else {
+          cell.innerHTML = '<span class="sea-slot__pos">' + pos + '</span><div class="sea-slot__empty">空位</div>';
+        }
+        grid.appendChild(cell);
+      }
+    }
+
+    /* 根据 cellIdx 查找 allSeasonings 中的索引 */
+    function findSeasoningIdxByPos(pos) {
+      for (var i = 0; i < allSeasonings.length; i++) {
+        if (allSeasonings[i].cellIdx === pos) return i;
+      }
+      return -1;
+    }
+
+    /* ---- 调料组配确认弹窗（不走 AI 识别，直接弹窗读秤） ---- */
+    function openSeasoningModal(idx) {
+      if (idx < 0 || idx >= allSeasonings.length) return;
+      var sea = allSeasonings[idx];
+      var seaNeed = Math.round(sea.weightPerPack * sea.packSize * 100) / 100;
+      if (sea.weighed >= seaNeed) {
+        showToast(sea.name + ' 已组配', 1500, 'success');
+        return;
+      }
+      /* 设为当前调料 */
+      currentSeaIdx = idx;
+      renderSeasoningGrid();
+      /* 填入弹窗 */
+      document.getElementById('modalIcon').innerHTML = sea.icon || '&#x1F9C2;';
+      document.getElementById('modalFoodName').textContent = sea.name;
+      document.getElementById('modalWeight').textContent = parseFloat(document.getElementById('scaleWeightValue').textContent).toFixed(1);
+      document.getElementById('modalOverlay').classList.add('show');
+      pendingCandidate = { name: sea.name, icon: sea.icon || '&#x1F9C2;', confidence: 100, isSeasoning: true, idx: idx };
+    }
+
     /* ---- 触发识别（点击相机覆盖层） ---- */
     function triggerRecognition() {
       if (state === 'detecting') return;
@@ -734,7 +1036,7 @@
       event.target.value = '';
     }
 
-    /* ---- 配比确认弹窗 ---- */
+    /* ---- 组配确认弹窗 ---- */
     var pendingCandidate = null; // 待确认的识别结果
 
     function openRatioModal(result) {
@@ -759,34 +1061,41 @@
     function confirmPack() {
       if (!pendingCandidate) return;
       document.getElementById('modalOverlay').classList.remove('show');
-
-      /* 将弹窗中显示的称重结果写入当前食材 */
-      var ing = allIngredients[currentIngIdx];
       var modalWeight = parseFloat(document.getElementById('modalWeight').textContent) || 0;
+
+      /* 调料组配：不走 AI 识别 */
+      if (pendingCandidate.isSeasoning) {
+        var sea = allSeasonings[pendingCandidate.idx];
+        sea.weighed = modalWeight;
+        showToast('调料称重完成: ' + sea.name + ' ' + modalWeight.toFixed(2) + '克', 2000, 'success');
+        pendingCandidate = null;
+        renderSeasoningGrid();
+        updateOverallStatus();
+        /* 自动跳到下一个待称调料 */
+        currentSeaIdx = -1;
+        for (var s = 0; s < allSeasonings.length; s++) {
+          if (allSeasonings[s].weighed < allSeasonings[s].weightPerPack * allSeasonings[s].packSize) {
+            currentSeaIdx = s; break;
+          }
+        }
+        renderSeasoningGrid();
+        document.getElementById('scaleWeightValue').textContent = '0.00';
+        if (currentSeaIdx < 0) showToast('所有调料已称重完成', 2000, 'success');
+        return;
+      }
+
+      /* 主辅材组配：AI 识别后确认 */
+      var ing = allIngredients[currentIngIdx];
       ing.weighed = modalWeight;
-
-      /* 更新秤体重量 */
       document.getElementById('scaleWeightValue').textContent = ing.weighed.toFixed(2);
-
-      /* 更新识别状态 */
       document.getElementById('statusDot').className = 'status-dot status-dot--done';
-      document.getElementById('statusText').textContent = '配比确认: ' + pendingCandidate.name + ' — 置信度 ' + pendingCandidate.confidence + '%';
-
+      document.getElementById('statusText').textContent = '组配确认: ' + pendingCandidate.name + ' — 置信度 ' + pendingCandidate.confidence + '%';
       showToast('称重完成: ' + pendingCandidate.name + ' ' + modalWeight.toFixed(2) + '克', 2000, 'success');
       pendingCandidate = null;
-
-      /* 刷新清单 */
       renderItemlist();
+      updateOverallStatus();
 
-      /* 同步更新订单状态 */
-      var allDoneNow = allIngredients.every(function(ing) {
-        return ing.weighed >= ing.weightPerPack * ing.packSize;
-      });
-      var taskStatusEl = document.getElementById('taskStatus');
-      taskStatusEl.textContent = allDoneNow ? '已完成' : '待配比';
-      taskStatusEl.className = 'task-card__item-value' + (allDoneNow ? ' task-card__item-value--green' : ' task-card__item-value--yellow');
-
-      /* 延迟回到就绪态 */
+      /* 延迟回到就绪态，自动跳转下一个待称主辅材 */
       setTimeout(function() {
         state = 'idle';
         document.getElementById('statusDot').className = 'status-dot status-dot--ready';
@@ -795,41 +1104,58 @@
         document.getElementById('candidateEmpty').classList.remove('hide');
         document.getElementById('candidateTitle').textContent = '智能识别候选';
 
-        /* 自动跳转到下一个待称重食材 */
         var found = false;
         for (var i = 0; i < allIngredients.length; i++) {
-          var ing = allIngredients[i];
-          var need = ing.weightPerPack * ing.packSize;
-          if (ing.weighed < need) {
-            currentIngIdx = i;
-            found = true;
-            break;
+          if (allIngredients[i].weighed < allIngredients[i].weightPerPack * allIngredients[i].packSize) {
+            currentIngIdx = i; found = true; break;
           }
         }
         renderItemlist();
-
         if (found) {
-          var nextIng = allIngredients[currentIngIdx];
-          document.getElementById('scaleWeightValue').textContent = nextIng.weighed.toFixed(2);
+          document.getElementById('scaleWeightValue').textContent = allIngredients[currentIngIdx].weighed.toFixed(2);
           document.getElementById('cameraOverlay').classList.add('show');
         } else {
           document.getElementById('scaleWeightValue').textContent = '0.00';
-          showToast('所有食材已称重完成', 2500, 'success');
+          /* 主辅材全完成，提示进行调料组配 */
+          if (currentSeaIdx >= 0) {
+            showToast('主辅材已组配，请点击高亮调料格进行调料组配', 3000, 'success');
+          } else {
+            showToast('所有食材已称重完成', 2500, 'success');
+          }
         }
       }, 2500);
     }
 
-    /* ---- 配比完成 ---- */
-    function handlePackDone() {
-      var allDone = allIngredients.every(function(ing) {
-        var need = ing.weightPerPack * ing.packSize;
-        return ing.weighed >= need;
+    /* 更新订单整体状态 */
+    function updateOverallStatus() {
+      var ingDone = allIngredients.every(function(ing) {
+        return ing.weighed >= ing.weightPerPack * ing.packSize;
       });
-      if (!allDone) {
-        showToast('还有食材未完成称重', 2500, 'error');
+      var seaDone = allSeasonings.every(function(sea) {
+        return sea.weighed >= sea.weightPerPack * sea.packSize;
+      });
+      var allDoneNow = ingDone && seaDone;
+      var taskStatusEl = document.getElementById('taskStatus');
+      taskStatusEl.textContent = allDoneNow ? '已组配' : '待组配';
+      taskStatusEl.className = 'task-card__item-value' + (allDoneNow ? ' task-card__item-value--green' : ' task-card__item-value--yellow');
+    }
+
+    /* ---- 组配完成 ---- */
+    function handlePackDone() {
+      var ingDone = allIngredients.every(function(ing) {
+        return ing.weighed >= ing.weightPerPack * ing.packSize;
+      });
+      var seaDone = allSeasonings.every(function(sea) {
+        return sea.weighed >= sea.weightPerPack * sea.packSize;
+      });
+      if (!ingDone || !seaDone) {
+        var msg = [];
+        if (!ingDone) msg.push('主辅材');
+        if (!seaDone) msg.push('调料');
+        showToast(msg.join('和') + '未完成称重', 2500, 'error');
         return;
       }
-      showToast('配比完成', 1500, 'success');
+      showToast('组配完成', 1500, 'success');
       setTimeout(function() {
         window.location.href = '01-packing-tasks.html' + (userName ? '?user=' + encodeURIComponent(userName) : '');
       }, 1000);
diff --git a/other-module/canteen-device/ratio-scale/03-verify-history.html b/other-module/canteen-device/ratio-scale/03-verify-history.html
index 5288392..fb8eb68 100644
--- a/other-module/canteen-device/ratio-scale/03-verify-history.html
+++ b/other-module/canteen-device/ratio-scale/03-verify-history.html
@@ -2,13 +2,25 @@
 <html lang="zh-CN">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=1280, initial-scale=1.0">
-  <title>净菜配比秤 - 配比记录 | 蚁熊智能餐养平台</title>
+  <meta name="viewport" content="width=720, initial-scale=1.0">
+  <title>净菜组配秤 - 组配记录 | 蚁熊智能餐养平台</title>
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
     body {
       font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif;
-      background: #0e1326; color: #fff; width: 1280px; height: 720px; overflow: hidden;
+      background: #05080f; color: #fff;
+      min-height: 100vh; min-width: 720px;
+      display: flex; align-items: center; justify-content: center;
+      padding: 20px;
+    }
+    /* PAD 设备外壳 */
+    .device-frame {
+      width: 720px; height: 960px;
+      background: #0e1326;
+      border-radius: 24px;
+      box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04);
+      overflow: hidden;
+      position: relative;
       display: flex; flex-direction: column;
     }
 
@@ -272,9 +284,10 @@
 </head>
 <body>
 
+ <div class="device-frame">
   <div class="top-bar">
     <a class="back-btn" id="backBtn" href="javascript:void(0)">&#x25C0; 返回</a>
-    <span class="page-title">配比记录</span>
+    <span class="page-title">组配记录</span>
     <span class="top-bar__user" id="topUser">--</span>
     <button class="logout-btn" onclick="handleLogout()">退出</button>
   </div>
@@ -313,11 +326,11 @@
   <div class="stats-row">
     <div class="stat-chip">
       <div class="stat-chip__icon stat-chip__icon--blue">&#x1F4CB;</div>
-      <div><div class="stat-chip__value" id="statTotal">5</div><div class="stat-chip__label" id="statTotalLabel">今日配比订单数</div></div>
+      <div><div class="stat-chip__value" id="statTotal">5</div><div class="stat-chip__label" id="statTotalLabel">今日组配订单数</div></div>
     </div>
     <div class="stat-chip">
       <div class="stat-chip__icon stat-chip__icon--green">&#x2696;&#xFE0F;</div>
-      <div><div class="stat-chip__value" id="statWeight">0</div><div class="stat-chip__label">配比总重量(g)</div></div>
+      <div><div class="stat-chip__value" id="statWeight">0</div><div class="stat-chip__label">组配总重量(g)</div></div>
     </div>
     <div class="stat-chip">
       <div class="stat-chip__icon stat-chip__icon--orange">&#x1F96C;</div>
@@ -336,10 +349,11 @@
     </div>
     <div class="empty-state" id="emptyState">
       <div class="empty-state__icon">&#x1F4ED;</div>
-      <div>暂无配比记录</div>
+      <div>暂无组配记录</div>
     </div>
     <div class="table-footer" id="tableFooter">共 0 条记录</div>
   </div>
+ </div>
 
   <script>
     /* 退出登录 */
@@ -363,7 +377,7 @@
     var TODAY = '2026-06-16';
     var WEEKDAYS = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
 
-    // 配比记录数据（按订单组织，对齐配比任务页字段结构）
+    // 组配记录数据（按订单组织，对齐组配任务页字段结构）
     var RECORDS = [
       {
         orderNo: 'PO-20260616-001', orderType: 'internal', completeTime: '2026-06-16 10:20',
@@ -524,10 +538,10 @@
         var monday = getMonday();
         var mondayStr = dateStr(monday);
         records = RECORDS.filter(function(r) { return r.completeTime.substring(0, 10) >= mondayStr; });
-        totalLabel = '本周配比订单数';
+        totalLabel = '本周组配订单数';
       } else {
         records = RECORDS.filter(function(r) { return r.completeTime.substring(0, 10) === selectedDate; });
-        totalLabel = (selectedDate === TODAY) ? '今日配比订单数' : (selectedDate.substring(5).replace('-', '/') + ' 配比订单数');
+        totalLabel = (selectedDate === TODAY) ? '今日组配订单数' : (selectedDate.substring(5).replace('-', '/') + ' 组配订单数');
       }
 
       var total = records.length;
@@ -603,7 +617,7 @@
         return ing.weighed >= ing.weightPerPack * pack.packSize;
       });
       if (allDone) return { text: '已完成', cls: 'status-badge--done' };
-      return { text: '待配比', cls: 'status-badge--pending' };
+      return { text: '待组配', cls: 'status-badge--pending' };
     }
 
     // 渲染卡片列表
@@ -624,7 +638,7 @@
 
       records.forEach(function(order) {
         var packs = order.mealPacks;
-        var orderAllDone = packs.every(function(p) { return !getPackStatus(p).text !== '待配比'; });
+        var orderAllDone = packs.every(function(p) { return !getPackStatus(p).text !== '待组配'; });
 
         var taskCard = document.createElement('div');
         taskCard.className = 'task-card';
diff --git a/other-module/canteen-device/ratio-scale/04-seasoning-settings.html b/other-module/canteen-device/ratio-scale/04-seasoning-settings.html
new file mode 100644
index 0000000..c684629
--- /dev/null
+++ b/other-module/canteen-device/ratio-scale/04-seasoning-settings.html
@@ -0,0 +1,484 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=720, initial-scale=1.0">
+  <title>净菜组配秤 - 调料位置设置 | 蚁熊智能餐养平台</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif;
+      background: #05080f; color: #fff;
+      min-height: 100vh; min-width: 720px;
+      display: flex; align-items: center; justify-content: center;
+      padding: 20px;
+    }
+    /* PAD 设备外壳 */
+    .device-frame {
+      width: 720px; height: 960px;
+      background: #0e1326;
+      border-radius: 24px;
+      box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04);
+      overflow: hidden;
+      position: relative;
+      display: flex; flex-direction: column;
+    }
+    /* 顶部栏 */
+    .top-bar { display: flex; align-items: center; height: 44px; background: #1a2b4a; padding: 0 20px; }
+    .back-btn { font-size: 14px; cursor: pointer; color: rgba(255,255,255,0.7); text-decoration: none; transition: color 0.2s; }
+    .back-btn:hover { color: #fff; }
+    .top-bar__title { flex: 1; text-align: center; font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.85); }
+    .top-bar__user { font-size: 12px; color: rgba(255,255,255,0.5); }
+
+    /* 主内容 */
+    .main-content { flex: 1; padding: 20px 40px; display: flex; flex-direction: column; gap: 16px; overflow: hidden; }
+
+    /* 说明栏 */
+    .info-bar {
+      display: flex; align-items: center; gap: 12px;
+      background: rgba(74,144,217,0.08); border: 1px solid rgba(74,144,217,0.2);
+      border-radius: 10px; padding: 10px 16px; font-size: 12px; color: rgba(255,255,255,0.6);
+    }
+    .info-bar__icon { font-size: 16px; }
+    .info-bar__text { flex: 1; line-height: 1.5; }
+    .info-bar__save-btn {
+      padding: 6px 16px; border-radius: 6px; border: none; cursor: pointer;
+      background: #4a90d9; color: #fff; font-size: 13px; font-weight: 600;
+      transition: all 0.2s; flex-shrink: 0;
+    }
+    .info-bar__save-btn:hover { background: #5ba0e9; }
+    .info-bar__save-btn:active { transform: scale(0.97); }
+    .info-bar__reset-btn {
+      padding: 6px 14px; border-radius: 6px; cursor: pointer;
+      background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.6);
+      border: 1px solid rgba(255,255,255,0.12); font-size: 13px; transition: all 0.2s; flex-shrink: 0;
+    }
+    .info-bar__reset-btn:hover { background: rgba(255,255,255,0.1); color: #fff; }
+
+    /* 调料秤网格 */
+    .grid-container {
+      flex: 1; display: flex; align-items: center; justify-content: center;
+    }
+    .seasoning-grid {
+      width: 640px;
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      grid-template-rows: repeat(3, 120px);
+      gap: 8px;
+    }
+    /* 信息格（第一列+第二列的第1、2行4格合并） */
+    .seasoning-cell {
+      background: #1a2b4a; border: 1px solid rgba(255,255,255,0.08);
+      border-radius: 10px; padding: 8px 10px;
+      display: flex; flex-direction: column; justify-content: center;
+      transition: all 0.2s; position: relative; overflow: hidden;
+    }
+    .seasoning-cell--info {
+      grid-column: 1 / span 2; grid-row: 1 / span 2;
+      background: rgba(250,173,21,0.08); border-color: rgba(250,173,21,0.25);
+      align-items: center; justify-content: center; text-align: center; gap: 8px;
+    }
+    .seasoning-cell--info .info__icon { font-size: 36px; }
+    .seasoning-cell--info .info__title { font-size: 18px; font-weight: 700; color: #faad14; }
+    .seasoning-cell--info .info__weight { font-size: 13px; color: rgba(255,255,255,0.6); }
+    .seasoning-cell--info .info__label { font-size: 11px; color: rgba(255,255,255,0.4); }
+    .seasoning-cell--info .info__edit-hint { font-size: 10px; color: rgba(255,255,255,0.25); margin-top: 4px; }
+
+    /* 调料格 */
+    .seasoning-cell--slot { cursor: pointer; }
+    .seasoning-cell--slot:hover {
+      border-color: rgba(74,144,217,0.4); background: rgba(74,144,217,0.06);
+      transform: translateY(-1px);
+    }
+    .seasoning-cell--occupied { border-color: rgba(255,255,255,0.15); }
+    .sea-slot__pos {
+      position: absolute; top: 4px; right: 6px;
+      font-size: 11px; color: rgba(255,255,255,0.25); font-weight: 600;
+    }
+    .sea-slot__name {
+      font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.85);
+      text-align: center; margin-top: 4px;
+    }
+    .sea-slot__spec {
+      font-size: 11px; color: rgba(255,255,255,0.4); text-align: center; margin-top: 2px;
+    }
+    .sea-slot__weight-tag {
+      display: inline-block; font-size: 10px; padding: 1px 6px; border-radius: 3px;
+      background: rgba(250,173,21,0.12); color: #faad14; margin-top: 2px;
+    }
+    .sea-slot__empty {
+      font-size: 12px; color: rgba(255,255,255,0.2); text-align: center;
+    }
+    .sea-slot__icon { font-size: 22px; text-align: center; }
+
+    /* 下拉选择浮层 */
+    .select-overlay {
+      position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 100;
+      display: none; align-items: center; justify-content: center;
+    }
+    .select-overlay.show { display: flex; }
+    .select-panel {
+      background: #1a2b4a; border-radius: 14px; border: 1px solid rgba(255,255,255,0.08);
+      padding: 20px 24px; width: 420px; display: flex; flex-direction: column; gap: 14px;
+    }
+    .select-panel__title {
+      font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.85);
+      display: flex; align-items: center; gap: 8px;
+    }
+    .select-panel__pos-tag {
+      font-size: 11px; padding: 2px 8px; border-radius: 4px;
+      background: rgba(74,144,217,0.15); color: #4a90d9; font-weight: 600;
+    }
+    .select-panel__select-wrap { position: relative; }
+    .select-panel__select {
+      width: 100%; padding: 10px 14px; background: #121832;
+      border: 1px solid rgba(255,255,255,0.1); border-radius: 8px;
+      color: #fff; font-size: 14px; outline: none; transition: border-color 0.2s;
+      appearance: none; -webkit-appearance: none; cursor: pointer;
+      font-family: inherit;
+    }
+    .select-panel__select:focus { border-color: #4a90d9; }
+    .select-panel__select-arrow {
+      position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
+      font-size: 12px; color: rgba(255,255,255,0.4); pointer-events: none;
+    }
+    /* 重量输入行 */
+    .select-panel__weight-row { display: flex; align-items: center; gap: 10px; }
+    .select-panel__weight-label { font-size: 13px; color: rgba(255,255,255,0.6); flex-shrink: 0; }
+    .select-panel__weight-input {
+      flex: 1; padding: 10px 14px; background: #121832;
+      border: 1px solid rgba(255,255,255,0.1); border-radius: 8px;
+      color: #fff; font-size: 14px; outline: none; transition: border-color 0.2s;
+      font-family: inherit; -moz-appearance: textfield;
+    }
+    .select-panel__weight-input:focus { border-color: #faad14; }
+    .select-panel__weight-input::-webkit-outer-spin-button,
+    .select-panel__weight-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
+    .select-panel__weight-unit { font-size: 13px; color: rgba(255,255,255,0.4); }
+    .select-panel__actions { display: flex; gap: 10px; }
+    .select-panel__btn {
+      flex: 1; padding: 10px 0; border-radius: 8px; font-size: 13px; font-weight: 600;
+      cursor: pointer; transition: all 0.2s; border: none; font-family: inherit;
+    }
+    .select-panel__btn--clear {
+      background: rgba(255,77,79,0.08); color: rgba(255,77,79,0.7);
+      border: 1px solid rgba(255,77,79,0.2);
+    }
+    .select-panel__btn--clear:hover { background: rgba(255,77,79,0.18); color: #ff4d4f; }
+    .select-panel__btn--cancel {
+      background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.6);
+    }
+    .select-panel__btn--cancel:hover { background: rgba(255,255,255,0.12); color: #fff; }
+    .select-panel__btn--confirm {
+      background: #4a90d9; color: #fff;
+    }
+    .select-panel__btn--confirm:hover { background: #5ba0e9; }
+
+    /* Toast */
+    .toast {
+      position: fixed; top: 60px; left: 50%; transform: translateX(-50%) translateY(-20px);
+      background: rgba(0,0,0,0.85); color: #fff; padding: 12px 28px; border-radius: 8px;
+      font-size: 13px; z-index: 1000; opacity: 0; visibility: hidden;
+      transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
+      white-space: nowrap; pointer-events: none;
+    }
+    .toast.show { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
+    .toast--success { background: rgba(82,196,26,0.92); }
+    .toast--error { background: rgba(255,77,79,0.92); }
+  </style>
+</head>
+<body>
+  <div class="device-frame">
+    <div class="top-bar">
+      <a class="back-btn" id="backBtn" href="javascript:void(0)">&#x25C0; 返回</a>
+      <span class="top-bar__title">调料位置设置</span>
+      <span class="top-bar__user" id="topUser">--</span>
+    </div>
+
+    <div class="main-content">
+      <!-- 说明栏 -->
+      <div class="info-bar">
+        <span class="info-bar__icon">&#x1F4A1;</span>
+        <span class="info-bar__text">点击格子配置调料名称和放置重量。左上信息格固定为「油」，可修改放置重量。配置完成后点击「保存」生效。</span>
+        <button class="info-bar__reset-btn" onclick="resetConfig()">重置</button>
+        <button class="info-bar__save-btn" onclick="saveConfig()">保存</button>
+      </div>
+
+      <!-- 调料秤网格 -->
+      <div class="grid-container">
+        <div class="seasoning-grid" id="seasoningGrid">
+          <!-- 动态渲染 -->
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 下拉选择浮层 -->
+  <div class="select-overlay" id="selectOverlay">
+    <div class="select-panel">
+      <div class="select-panel__title">
+        选择调料
+        <span class="select-panel__pos-tag" id="posTag">位置 --</span>
+      </div>
+      <div class="select-panel__select-wrap">
+        <select class="select-panel__select" id="seasoningSelect">
+          <option value="">-- 请选择调料 --</option>
+        </select>
+        <span class="select-panel__select-arrow">&#x25BC;</span>
+      </div>
+      <div class="select-panel__weight-row">
+        <span class="select-panel__weight-label">放置重量:</span>
+        <input type="number" class="select-panel__weight-input" id="seasoningWeight" min="0" step="0.1" placeholder="0">
+        <span class="select-panel__weight-unit">克</span>
+      </div>
+      <div class="select-panel__actions">
+        <button class="select-panel__btn select-panel__btn--clear" onclick="clearSlot()">清空</button>
+        <button class="select-panel__btn select-panel__btn--cancel" onclick="closeSelect()">取消</button>
+        <button class="select-panel__btn select-panel__btn--confirm" onclick="confirmSelect()">确认</button>
+      </div>
+    </div>
+  </div>
+
+  <div class="toast" id="toast"></div>
+
+  <script>
+    /* 获取 URL 参数 */
+    function getUrlParam(name) {
+      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
+      var r = window.location.search.substr(1).match(reg);
+      if (r !== null) return decodeURIComponent(r[2]);
+      return null;
+    }
+    var userName = getUrlParam('user');
+    if (userName) document.getElementById('topUser').textContent = '操作员: ' + userName;
+
+    /* 调料候选清单 */
+    var SEASONING_OPTIONS = [
+      { name: '油', icon: '&#x1F6E2;' },
+      { name: '盐', icon: '&#x1F9C2;' },
+      { name: '白糖', icon: '&#x1F9C2;' },
+      { name: '酱油', icon: '&#x1F969;' },
+      { name: '醋', icon: '&#x1F969;' },
+      { name: '味精', icon: '&#x1F9C2;' },
+      { name: '鸡精', icon: '&#x1F9C2;' },
+      { name: '料酒', icon: '&#x1F377;' },
+      { name: '胡椒粉', icon: '&#x1F9C2;' },
+      { name: '豆瓣酱', icon: '&#x1F96C;' },
+      { name: '甜面酱', icon: '&#x1F96C;' },
+      { name: '蚝油', icon: '&#x1F36F;' },
+      { name: '花椒', icon: '&#x1F33F;' },
+      { name: '八角', icon: '&#x1F33F;' },
+      { name: '桂皮', icon: '&#x1F33F;' },
+      { name: '干辣椒', icon: '&#x1F336;' },
+      { name: '蒜蓉', icon: '&#x1F9C4;' },
+      { name: '姜末', icon: '&#x1F95C;' }
+    ];
+
+    /* 存储键名 */
+    var STORAGE_KEY = 'seasoning_position_config_v2';
+
+    /* 当前编辑的位置（0=信息格油，1-11=调料格） */
+    var editingPos = -1;
+
+    /* 加载配置（兼容旧格式 {pos:'name'} → 新格式 {pos:{name,weight}}） */
+    function loadConfig() {
+      var raw = localStorage.getItem(STORAGE_KEY);
+      if (raw) {
+        try { return JSON.parse(raw); } catch(e) {}
+      }
+      /* 默认配置 */
+      return {
+        0: { name: '油', weight: 1000 },
+        1: { name: '盐', weight: 500 },
+        2: { name: '白糖', weight: 500 },
+        3: { name: '酱油', weight: 1000 },
+        4: { name: '醋', weight: 500 },
+        5: { name: '味精', weight: 250 },
+        6: { name: '料酒', weight: 500 }
+      };
+    }
+
+    /* 保存配置 */
+    function saveConfigData(config) {
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(config));
+    }
+
+    var config = loadConfig();
+
+    /* 渲染网格 */
+    function renderGrid() {
+      var grid = document.getElementById('seasoningGrid');
+      grid.innerHTML = '';
+
+      /* 信息格：固定显示"油" */
+      var infoCell = document.createElement('div');
+      infoCell.className = 'seasoning-cell seasoning-cell--info';
+      var oilCfg = config[0] || { name: '油', weight: 0 };
+      infoCell.innerHTML =
+        '<div class="info__icon">&#x1F6E2;</div>' +
+        '<div class="info__title">油</div>' +
+        '<div class="info__weight"><span class="info__label">放置重量:</span> ' + oilCfg.weight + 'g</div>' +
+        '<div class="info__edit-hint">点击修改重量</div>';
+      infoCell.style.cursor = 'pointer';
+      infoCell.onclick = function() { openSelect(0); };
+      grid.appendChild(infoCell);
+
+      /* 11 个调料位置 */
+      for (var pos = 1; pos <= 11; pos++) {
+        var cell = document.createElement('div');
+        cell.className = 'seasoning-cell seasoning-cell--slot';
+        var cfg = config[pos];
+        if (cfg && cfg.name) {
+          cell.classList.add('seasoning-cell--occupied');
+          var opt = SEASONING_OPTIONS.find(function(o) { return o.name === cfg.name; });
+          var icon = opt ? opt.icon : '&#x1F9C2;';
+          cell.innerHTML =
+            '<span class="sea-slot__pos">' + pos + '</span>' +
+            '<div class="sea-slot__icon">' + icon + '</div>' +
+            '<div class="sea-slot__name">' + cfg.name + '</div>' +
+            '<div class="sea-slot__weight-tag">' + (cfg.weight || 0) + 'g</div>';
+        } else {
+          cell.innerHTML =
+            '<span class="sea-slot__pos">' + pos + '</span>' +
+            '<div class="sea-slot__empty">点击配置</div>';
+        }
+        cell.onclick = (function(p) { return function() { openSelect(p); }; })(pos);
+        grid.appendChild(cell);
+      }
+    }
+
+    /* 打开下拉选择 */
+    function openSelect(pos) {
+      editingPos = pos;
+      document.getElementById('posTag').textContent = pos === 0 ? '信息格 (油)' : '位置 ' + pos;
+      /* 信息格时调整标题和按钮 */
+      var clearBtn = document.querySelector('.select-panel__btn--clear');
+      if (pos === 0) {
+        document.querySelector('.select-panel__title').firstChild.textContent = '修改油量 ';
+        clearBtn.textContent = '重置';
+      } else {
+        document.querySelector('.select-panel__title').firstChild.textContent = '选择调料 ';
+        clearBtn.textContent = '清空';
+      }
+
+      /* 填充下拉选项 */
+      var select = document.getElementById('seasoningSelect');
+      select.innerHTML = '<option value="">-- 请选择调料 --</option>';
+      SEASONING_OPTIONS.forEach(function(o) {
+        var opt = document.createElement('option');
+        opt.value = o.name;
+        opt.textContent = o.name;
+        if (config[pos] && config[pos].name === o.name) opt.selected = true;
+        select.appendChild(opt);
+      });
+
+      /* 信息格固定为油，禁用下拉 */
+      if (pos === 0) {
+        select.value = '油';
+        select.disabled = true;
+        select.style.opacity = '0.6';
+      } else {
+        select.disabled = false;
+        select.style.opacity = '1';
+      }
+
+      /* 填充重量 */
+      var weightInput = document.getElementById('seasoningWeight');
+      weightInput.value = (config[pos] && config[pos].weight) ? config[pos].weight : '';
+
+      document.getElementById('selectOverlay').classList.add('show');
+    }
+
+    /* 确认选择 */
+    function confirmSelect() {
+      var select = document.getElementById('seasoningSelect');
+      var name = select.value;
+      var weight = parseFloat(document.getElementById('seasoningWeight').value) || 0;
+
+      if (editingPos === 0) {
+        /* 信息格只改重量 */
+        config[0] = { name: '油', weight: weight };
+        renderGrid();
+        closeSelect();
+        showToast('油的放置重量已更新为 ' + weight + 'g', 1500, 'success');
+        return;
+      }
+
+      if (!name) {
+        showToast('请选择调料', 1500, 'error');
+        return;
+      }
+      config[editingPos] = { name: name, weight: weight };
+      renderGrid();
+      closeSelect();
+      showToast('位置 ' + editingPos + ' 已配置为 ' + name + ' (' + weight + 'g)', 1500, 'success');
+    }
+
+    /* 清空位置 */
+    function clearSlot() {
+      if (editingPos === 0) {
+        /* 信息格恢复默认重量 */
+        config[0] = { name: '油', weight: 1000 };
+        renderGrid();
+        closeSelect();
+        showToast('油重量已重置为 1000g', 1500, 'success');
+        return;
+      }
+      delete config[editingPos];
+      renderGrid();
+      closeSelect();
+      showToast('位置 ' + editingPos + ' 已清空', 1500, 'success');
+    }
+
+    /* 关闭选择 */
+    function closeSelect() {
+      editingPos = -1;
+      document.getElementById('selectOverlay').classList.remove('show');
+    }
+
+    /* 保存配置 */
+    function saveConfig() {
+      saveConfigData(config);
+      showToast('调料位置配置已保存', 2000, 'success');
+    }
+
+    /* 重置配置 */
+    function resetConfig() {
+      if (!confirm('确定重置所有调料位置配置？')) return;
+      config = {};
+      saveConfigData(config);
+      renderGrid();
+      showToast('配置已重置', 1500, 'success');
+    }
+
+    /* Toast */
+    function showToast(msg, duration, type) {
+      var el = document.getElementById('toast');
+      el.textContent = msg;
+      el.className = 'toast';
+      if (type === 'error') el.classList.add('toast--error');
+      if (type === 'success') el.classList.add('toast--success');
+      el.classList.add('show');
+      clearTimeout(el._timer);
+      el._timer = setTimeout(function() { el.classList.remove('show'); }, duration || 2000);
+    }
+
+    /* 返回按钮 */
+    (function() {
+      var backBtn = document.getElementById('backBtn');
+      if (backBtn) {
+        var params = new URLSearchParams(window.location.search);
+        var referer = params.get('referer');
+        if (referer) {
+          backBtn.href = referer;
+        } else {
+          backBtn.href = '00-welcome.html' + (userName ? '?user=' + encodeURIComponent(userName) : '');
+        }
+      }
+    })();
+
+    /* 初始化 */
+    renderGrid();
+  </script>
+</body>
+</html>
diff --git a/other-module/canteen-device/ratio-scale/doc/CHANGELOG.md b/other-module/canteen-device/ratio-scale/doc/CHANGELOG.md
index 1cfa5d3..4784479 100644
--- a/other-module/canteen-device/ratio-scale/doc/CHANGELOG.md
+++ b/other-module/canteen-device/ratio-scale/doc/CHANGELOG.md
@@ -1,4 +1,28 @@
-# 净菜配比秤 CHANGELOG
+# 净菜组配秤 CHANGELOG
+
+## [2.0.0] - 2026-06-25
+
+### 屏幕比例改造
+- **全页面纵向 3:4**：所有 7 个页面从横向 1280×720（16:9）改为纵向 720×960（3:4），viewport 同步更新
+- **02 组配详情页布局重构**：从横向两列（左识别+右清单）改为纵向上下（上区识别+候选左右排列，下区任务+清单+调料+按钮）；body 统一为 PAD 外壳模式
+- **03 组配记录页**：统一为 PAD 外壳模式（深色画布+居中 device-frame）
+
+### 重构
+- **全局命名**：硬件名称由「净菜配比秤」改为「净菜组配秤」，所有「配比」文案统一改为「组配」（组配任务/组配记录/去组配/组配完成/组配确认/待组配）
+- **任务列表页（01）**：移除「净菜包」订单，仅展示「餐品净菜包」订单；移除订单级「去组配」按钮，改为每个餐品净菜包主行独立「组配」按钮；表头精简（去掉「净菜/餐品」列，新增「操作」列）
+- **组配详情页（02）**：任务信息卡新增「餐品名称」字段；移除清单中「餐品净菜包」名称元信息行；清单拆为「主辅材组配」+「调料组配」两区
+- **调料组配区（02）**：3行×5列=15格网格，左上角第一列+第二列的第1、2行4格合并为信息格（固定显示「油」的完整字段：名称/每份用量/份数/应称/已称），其余11格为调料位置格，每个调料格字段与主辅材一致（名称/每份用量/份数/应称/已称）
+- **调料多高亮状态（02）**：active（当前要称，蓝色脉冲）、next（下一个要称，淡蓝虚线）、done（已完成，绿色），称重确认后自动从 active 切换为 done
+- **调料组配交互（02）**：不走 AI 识别，点击高亮调料格 → 弹出组配确认弹窗 → 读取秤值 → 确认写入，信息格（油）也可点击称重
+- **状态判断（02）**：主辅材+调料全部完成才算该餐品净菜包组配完成
+
+### 新增
+- **调料位置设置页（04-seasoning-settings.html）**：3×5 网格可视化配置调料秤 11 个位置各自放置的调料，点击格子 → 下拉选择调料名称（17种常用调料候选），支持清空/重置/保存（localStorage 持久化）
+- **功能菜单（00-welcome.html）**：新增「调料位置设置」入口
+- **导航页（index.html）**：新增「调料位置设置」卡片入口
+- **canteen-device/index.html**：卡片名称改为「净菜组配秤」，描述更新为「餐品净菜包独立组配，主辅材+调料双区称重」
+
+---
 
 ## [1.3.2] - 2026-06-17
 
diff --git a/other-module/canteen-device/ratio-scale/index.html b/other-module/canteen-device/ratio-scale/index.html
index 09694fc..7648f64 100644
--- a/other-module/canteen-device/ratio-scale/index.html
+++ b/other-module/canteen-device/ratio-scale/index.html
@@ -2,20 +2,20 @@
 <html lang="zh-CN">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=1280, initial-scale=1.0">
-  <title>净菜配比秤 - 蚁熊智能餐养平台</title>
+  <meta name="viewport" content="width=720, initial-scale=1.0">
+  <title>净菜组配秤 - 蚁熊智能餐养平台</title>
   <style>
     * { margin: 0; padding: 0; box-sizing: border-box; }
     body {
       font-family: -apple-system, "Microsoft YaHei", "PingFang SC", sans-serif;
       background: #05080f; color: #fff;
-      min-height: 100vh; min-width: 1280px;
+      min-height: 100vh; min-width: 720px;
       display: flex; align-items: center; justify-content: center;
       padding: 20px;
     }
     /* PAD 设备外壳 */
     .device-frame {
-      width: 1280px; height: 720px;
+      width: 720px; height: 960px;
       background: #0e1326;
       border-radius: 24px;
       box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04);
@@ -41,7 +41,7 @@
   <div class="device-frame">
     <div class="top-bar">
       <a class="back-link" href="../index.html">&#x25C0; 返回</a>
-      <span class="top-bar__title">净菜配比秤</span>
+      <span class="top-bar__title">净菜组配秤</span>
     </div>
     <div class="main-content">
       <a class="card" href="00-login.html">
@@ -56,23 +56,31 @@
         <span class="card__icon">&#x1F4CB;</span>
         <div class="card__info">
           <div class="card__title">功能菜单</div>
-          <div class="card__desc">配比任务入口</div>
+          <div class="card__desc">组配任务入口</div>
         </div>
         <span class="card__arrow">&#x203A;</span>
       </a>
       <a class="card" href="01-packing-tasks.html">
         <span class="card__icon">&#x1F4E6;</span>
         <div class="card__info">
-          <div class="card__title">配比任务</div>
-          <div class="card__desc">三层任务结构：订单→任务→净菜项，点击去称重直接进入配比页</div>
+          <div class="card__title">组配任务</div>
+          <div class="card__desc">餐品净菜包独立组配，主辅材+调料双区</div>
         </div>
         <span class="card__arrow">&#x203A;</span>
       </a>
       <a class="card" href="03-verify-history.html">
         <span class="card__icon">&#x1F4DD;</span>
         <div class="card__info">
-          <div class="card__title">配比记录</div>
-          <div class="card__desc">历史配比记录查看与筛选</div>
+          <div class="card__title">组配记录</div>
+          <div class="card__desc">历史组配记录查看与筛选</div>
+        </div>
+        <span class="card__arrow">&#x203A;</span>
+      </a>
+      <a class="card" href="04-seasoning-settings.html">
+        <span class="card__icon">&#x1F9C2;</span>
+        <div class="card__info">
+          <div class="card__title">调料位置设置</div>
+          <div class="card__desc">配置调料秤各位置放置的调料</div>
         </div>
         <span class="card__arrow">&#x203A;</span>
       </a>