From 8f3bb0901a699103c961fdc572421cbbafabd688 Mon Sep 17 00:00:00 2001
From: lenovo <lenovo@example.com>
Date: Thu, 11 Jun 2026 11:05:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E9=A4=90=E5=8F=B0?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=8719=E4=B8=AA=E6=A8=A1=E5=9D=97=E5=8D=A0?=
 =?UTF-8?q?=E4=BD=8D=E2=80=94=E2=80=94=E5=85=85=E5=80=BC=E5=B1=8F=E3=80=81?=
 =?UTF-8?q?=E7=BB=93=E7=AE=97=E8=AE=BE=E5=A4=87=E3=80=81=E5=87=80=E8=8F=9C?=
 =?UTF-8?q?=E6=9F=9C=E3=80=81=E5=87=80=E8=8F=9C=E5=8E=A8=E6=88=BF=E3=80=81?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=9C=BA=E3=80=81=E9=85=8D=E6=AF=94=E7=A7=A4?=
 =?UTF-8?q?=E3=80=81=E9=A3=9F=E5=93=81=E5=AE=89=E5=85=A8=E7=9B=91=E6=B5=8B?=
 =?UTF-8?q?=E3=80=81=E8=90=A5=E5=85=BB=E8=AF=84=E5=88=86=E3=80=81=E5=87=BA?=
 =?UTF-8?q?=E9=A4=90=E6=9C=BA=E3=80=81=E5=A4=84=E7=90=86=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E5=B1=8F=E3=80=81=E5=8E=9F=E6=96=99=E5=8D=AB=E7=94=9F=E6=A3=80?=
 =?UTF-8?q?=E6=B5=8B=E3=80=81=E5=8E=9F=E6=96=99=E6=A3=80=E6=B5=8B=E7=A7=A4?=
 =?UTF-8?q?=E3=80=81=E5=8E=9F=E6=96=99=E6=9F=9C=E3=80=81=E5=8A=A0=E5=B7=A5?=
 =?UTF-8?q?=E7=A7=A4=E3=80=81=E6=B4=97=E8=8F=9C=E7=A7=A4=E3=80=81=E6=A1=A3?=
 =?UTF-8?q?=E5=8F=A3=E8=90=A5=E5=85=BB=E7=A7=A4=E3=80=81=E6=B0=B4=E7=94=B5?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../canteen-recharge-screen/index.html        |  35 +++
 .../canteen-device/checkout-device/index.html |  35 +++
 .../clean-veg-inventory-cabinet/index.html    |  35 +++
 .../clean-veg-kitchen-cabinet/index.html      |  35 +++
 .../clean-veg-packaging-labeler/index.html    |  35 +++
 .../clean-veg-ratio-scale/index.html          |  35 +++
 .../food-safety-monitor/index.html            |  35 +++
 other-module/canteen-device/index.html        | 210 ++++++++++++++++++
 .../nutrition-score-screen/index.html         |  35 +++
 .../canteen-device/plate-dispenser/index.html |  35 +++
 .../processing-prompt-screen/index.html       |  35 +++
 .../canteen-device/ratio-scale/index.html     |  35 +++
 .../raw-veg-hygiene-inspection/index.html     |  35 +++
 .../raw-veg-inspection-scale/index.html       |  35 +++
 .../raw-veg-inventory-cabinet/index.html      |  35 +++
 .../raw-veg-processing-scale/index.html       |  35 +++
 .../raw-veg-washing-scale/index.html          |  35 +++
 .../stall-nutrition-scale/index.html          |  35 +++
 .../canteen-device/utility-meter/index.html   |  35 +++
 19 files changed, 840 insertions(+)
 create mode 100644 other-module/canteen-device/canteen-recharge-screen/index.html
 create mode 100644 other-module/canteen-device/checkout-device/index.html
 create mode 100644 other-module/canteen-device/clean-veg-inventory-cabinet/index.html
 create mode 100644 other-module/canteen-device/clean-veg-kitchen-cabinet/index.html
 create mode 100644 other-module/canteen-device/clean-veg-packaging-labeler/index.html
 create mode 100644 other-module/canteen-device/clean-veg-ratio-scale/index.html
 create mode 100644 other-module/canteen-device/food-safety-monitor/index.html
 create mode 100644 other-module/canteen-device/index.html
 create mode 100644 other-module/canteen-device/nutrition-score-screen/index.html
 create mode 100644 other-module/canteen-device/plate-dispenser/index.html
 create mode 100644 other-module/canteen-device/processing-prompt-screen/index.html
 create mode 100644 other-module/canteen-device/ratio-scale/index.html
 create mode 100644 other-module/canteen-device/raw-veg-hygiene-inspection/index.html
 create mode 100644 other-module/canteen-device/raw-veg-inspection-scale/index.html
 create mode 100644 other-module/canteen-device/raw-veg-inventory-cabinet/index.html
 create mode 100644 other-module/canteen-device/raw-veg-processing-scale/index.html
 create mode 100644 other-module/canteen-device/raw-veg-washing-scale/index.html
 create mode 100644 other-module/canteen-device/stall-nutrition-scale/index.html
 create mode 100644 other-module/canteen-device/utility-meter/index.html

diff --git a/other-module/canteen-device/canteen-recharge-screen/index.html b/other-module/canteen-device/canteen-recharge-screen/index.html
new file mode 100644
index 0000000..62963c8
--- /dev/null
+++ b/other-module/canteen-device/canteen-recharge-screen/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">餐线充值屏</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">餐线充值屏 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/checkout-device/index.html b/other-module/canteen-device/checkout-device/index.html
new file mode 100644
index 0000000..a2620e0
--- /dev/null
+++ b/other-module/canteen-device/checkout-device/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">结算设备</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">结算设备 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/clean-veg-inventory-cabinet/index.html b/other-module/canteen-device/clean-veg-inventory-cabinet/index.html
new file mode 100644
index 0000000..e83114b
--- /dev/null
+++ b/other-module/canteen-device/clean-veg-inventory-cabinet/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">净菜库存柜</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">净菜库存柜 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/clean-veg-kitchen-cabinet/index.html b/other-module/canteen-device/clean-veg-kitchen-cabinet/index.html
new file mode 100644
index 0000000..ca76d01
--- /dev/null
+++ b/other-module/canteen-device/clean-veg-kitchen-cabinet/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">净菜厨房柜</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">净菜厨房柜 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/clean-veg-packaging-labeler/index.html b/other-module/canteen-device/clean-veg-packaging-labeler/index.html
new file mode 100644
index 0000000..1fe62cf
--- /dev/null
+++ b/other-module/canteen-device/clean-veg-packaging-labeler/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">净菜包装贴标机</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">净菜包装贴标机 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/clean-veg-ratio-scale/index.html b/other-module/canteen-device/clean-veg-ratio-scale/index.html
new file mode 100644
index 0000000..d58e9db
--- /dev/null
+++ b/other-module/canteen-device/clean-veg-ratio-scale/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">净菜配比秤</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">净菜配比秤 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/food-safety-monitor/index.html b/other-module/canteen-device/food-safety-monitor/index.html
new file mode 100644
index 0000000..9963e2e
--- /dev/null
+++ b/other-module/canteen-device/food-safety-monitor/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">食安监控设备</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">食安监控设备 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/index.html b/other-module/canteen-device/index.html
new file mode 100644
index 0000000..99f4cfb
--- /dev/null
+++ b/other-module/canteen-device/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .top-bar {
+      display: flex;
+      align-items: center;
+      height: 44px;
+      background: #1a2b4a;
+      padding: 0 20px;
+    }
+    .top-bar__title {
+      flex: 1;
+      text-align: center;
+      font-size: 15px;
+      font-weight: 600;
+      color: rgba(255, 255, 255, 0.85);
+    }
+    .main-content {
+      padding: 24px 32px;
+      height: calc(100% - 44px);
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      overflow-y: auto;
+    }
+    .section-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: rgba(255, 255, 255, 0.5);
+      padding-bottom: 8px;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+    }
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 12px;
+    }
+    .card {
+      display: block;
+      text-decoration: none;
+      background: #1a2b4a;
+      border-radius: 12px;
+      padding: 20px;
+      border: 1px solid rgba(255, 255, 255, 0.06);
+      transition: all 0.2s;
+      cursor: pointer;
+    }
+    .card:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
+      border-color: rgba(74, 144, 217, 0.3);
+    }
+    .card__icon {
+      font-size: 28px;
+      margin-bottom: 10px;
+    }
+    .card__name {
+      font-size: 14px;
+      font-weight: 600;
+      color: #fff;
+      margin-bottom: 4px;
+    }
+    .card__desc {
+      font-size: 12px;
+      color: rgba(255, 255, 255, 0.45);
+      line-height: 1.4;
+    }
+  </style>
+</head>
+<body>
+
+  <!-- 顶部导航 -->
+  <div class="top-bar">
+    <span class="top-bar__title">餐线设备</span>
+  </div>
+
+  <!-- 主内容 -->
+  <div class="main-content">
+
+    <!-- 营养秤系列 -->
+    <div class="section-title">营养秤系列</div>
+    <div class="grid">
+      <a class="card" href="canteen-nutrition-scale/index.html">
+        <div class="card__icon">🥘</div>
+        <div class="card__name">餐线营养秤</div>
+        <div class="card__desc">开餐、补餐、取餐、餐品展示、设置、采样</div>
+      </a>
+      <a class="card" href="stall-nutrition-scale/index.html">
+        <div class="card__icon">🏪</div>
+        <div class="card__name">档口营养秤</div>
+        <div class="card__desc">档口菜品营养分析与称重结算</div>
+      </a>
+      <a class="card" href="ratio-scale/index.html">
+        <div class="card__icon">⚖️</div>
+        <div class="card__name">配比秤</div>
+        <div class="card__desc">食材精准配比称重</div>
+      </a>
+    </div>
+
+    <!-- 净菜系列 -->
+    <div class="section-title">净菜系列</div>
+    <div class="grid">
+      <a class="card" href="clean-veg-packaging-labeler/index.html">
+        <div class="card__icon">🏷️</div>
+        <div class="card__name">净菜包装贴标机</div>
+        <div class="card__desc">净菜自动包装与贴标打印</div>
+      </a>
+      <a class="card" href="clean-veg-kitchen-cabinet/index.html">
+        <div class="card__icon">🗄️</div>
+        <div class="card__name">净菜厨房柜</div>
+        <div class="card__desc">净菜暂存与保鲜存储</div>
+      </a>
+      <a class="card" href="clean-veg-inventory-cabinet/index.html">
+        <div class="card__icon">📦</div>
+        <div class="card__name">净菜库存柜</div>
+        <div class="card__desc">净菜库存管理与盘点</div>
+      </a>
+      <a class="card" href="clean-veg-ratio-scale/index.html">
+        <div class="card__icon">⚖️</div>
+        <div class="card__name">净菜配比秤</div>
+        <div class="card__desc">净菜搭配称重与营养配比</div>
+      </a>
+    </div>
+
+    <!-- 毛菜系列 -->
+    <div class="section-title">毛菜系列</div>
+    <div class="grid">
+      <a class="card" href="raw-veg-processing-scale/index.html">
+        <div class="card__icon">🔪</div>
+        <div class="card__name">加工毛菜秤</div>
+        <div class="card__desc">毛菜初加工称重与记录</div>
+      </a>
+      <a class="card" href="raw-veg-hygiene-inspection/index.html">
+        <div class="card__icon">🔬</div>
+        <div class="card__name">毛菜卫检设备</div>
+        <div class="card__desc">毛菜卫生检测与质量判定</div>
+      </a>
+      <a class="card" href="raw-veg-inventory-cabinet/index.html">
+        <div class="card__icon">📦</div>
+        <div class="card__name">毛菜库存柜</div>
+        <div class="card__desc">毛菜库存管理与出入库</div>
+      </a>
+      <a class="card" href="raw-veg-washing-scale/index.html">
+        <div class="card__icon">🚿</div>
+        <div class="card__name">毛菜清洗秤</div>
+        <div class="card__desc">毛菜清洗流程与称重管理</div>
+      </a>
+      <a class="card" href="raw-veg-inspection-scale/index.html">
+        <div class="card__icon">✅</div>
+        <div class="card__name">毛菜验收秤</div>
+        <div class="card__desc">毛菜到货验收与质检</div>
+      </a>
+    </div>
+
+    <!-- 其他设备 -->
+    <div class="section-title">其他设备</div>
+    <div class="grid">
+      <a class="card" href="processing-prompt-screen/index.html">
+        <div class="card__icon">📺</div>
+        <div class="card__name">加工提示屏</div>
+        <div class="card__desc">加工流程提示与操作指引</div>
+      </a>
+      <a class="card" href="plate-dispenser/index.html">
+        <div class="card__icon">🍽️</div>
+        <div class="card__name">吐盘机</div>
+        <div class="card__desc">自动出盘与回盘管理</div>
+      </a>
+      <a class="card" href="canteen-recharge-screen/index.html">
+        <div class="card__icon">💳</div>
+        <div class="card__name">餐线充值屏</div>
+        <div class="card__desc">餐卡充值与余额查询</div>
+      </a>
+      <a class="card" href="checkout-device/index.html">
+        <div class="card__icon">🧾</div>
+        <div class="card__name">结算设备</div>
+        <div class="card__desc">智能结算与支付</div>
+      </a>
+      <a class="card" href="nutrition-score-screen/index.html">
+        <div class="card__icon">📊</div>
+        <div class="card__name">营养得分屏</div>
+        <div class="card__desc">个人营养评分与健康建议</div>
+      </a>
+      <a class="card" href="food-safety-monitor/index.html">
+        <div class="card__icon">🛡️</div>
+        <div class="card__name">食安监控设备</div>
+        <div class="card__desc">食品安全监控与预警</div>
+      </a>
+      <a class="card" href="utility-meter/index.html">
+        <div class="card__icon">⚡</div>
+        <div class="card__name">水电气计量表</div>
+        <div class="card__desc">水电气能耗计量与统计</div>
+      </a>
+    </div>
+
+  </div>
+</body>
+</html>
diff --git a/other-module/canteen-device/nutrition-score-screen/index.html b/other-module/canteen-device/nutrition-score-screen/index.html
new file mode 100644
index 0000000..6bcd857
--- /dev/null
+++ b/other-module/canteen-device/nutrition-score-screen/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">营养得分屏</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">营养得分屏 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/plate-dispenser/index.html b/other-module/canteen-device/plate-dispenser/index.html
new file mode 100644
index 0000000..08292de
--- /dev/null
+++ b/other-module/canteen-device/plate-dispenser/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">吐盘机</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">吐盘机 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/processing-prompt-screen/index.html b/other-module/canteen-device/processing-prompt-screen/index.html
new file mode 100644
index 0000000..4461ace
--- /dev/null
+++ b/other-module/canteen-device/processing-prompt-screen/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">加工提示屏</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">加工提示屏 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/ratio-scale/index.html b/other-module/canteen-device/ratio-scale/index.html
new file mode 100644
index 0000000..f0e113c
--- /dev/null
+++ b/other-module/canteen-device/ratio-scale/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">配比秤</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">配比秤 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/raw-veg-hygiene-inspection/index.html b/other-module/canteen-device/raw-veg-hygiene-inspection/index.html
new file mode 100644
index 0000000..06eeef7
--- /dev/null
+++ b/other-module/canteen-device/raw-veg-hygiene-inspection/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">毛菜卫检设备</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">毛菜卫检设备 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/raw-veg-inspection-scale/index.html b/other-module/canteen-device/raw-veg-inspection-scale/index.html
new file mode 100644
index 0000000..99c2f59
--- /dev/null
+++ b/other-module/canteen-device/raw-veg-inspection-scale/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">毛菜验收秤</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">毛菜验收秤 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/raw-veg-inventory-cabinet/index.html b/other-module/canteen-device/raw-veg-inventory-cabinet/index.html
new file mode 100644
index 0000000..bef418e
--- /dev/null
+++ b/other-module/canteen-device/raw-veg-inventory-cabinet/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">毛菜库存柜</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">毛菜库存柜 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/raw-veg-processing-scale/index.html b/other-module/canteen-device/raw-veg-processing-scale/index.html
new file mode 100644
index 0000000..f3e6e9a
--- /dev/null
+++ b/other-module/canteen-device/raw-veg-processing-scale/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">加工毛菜秤</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">加工毛菜秤 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/raw-veg-washing-scale/index.html b/other-module/canteen-device/raw-veg-washing-scale/index.html
new file mode 100644
index 0000000..d55ae0c
--- /dev/null
+++ b/other-module/canteen-device/raw-veg-washing-scale/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">毛菜清洗秤</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">毛菜清洗秤 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/stall-nutrition-scale/index.html b/other-module/canteen-device/stall-nutrition-scale/index.html
new file mode 100644
index 0000000..1e1724a
--- /dev/null
+++ b/other-module/canteen-device/stall-nutrition-scale/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">档口营养秤</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">档口营养秤 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/other-module/canteen-device/utility-meter/index.html b/other-module/canteen-device/utility-meter/index.html
new file mode 100644
index 0000000..eb8c54f
--- /dev/null
+++ b/other-module/canteen-device/utility-meter/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1280, 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;
+    }
+    .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); }
+    .main { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
+    .placeholder { text-align: center; color: rgba(255,255,255,0.3); }
+    .placeholder__icon { font-size: 48px; margin-bottom: 16px; }
+    .placeholder__text { font-size: 14px; }
+  </style>
+</head>
+<body>
+  <div class="top-bar">
+    <a class="back-btn" href="../index.html">&#x25C0; &#x8FD4;&#x56DE;</a>
+    <span class="top-bar__title">水电气计量表</span>
+  </div>
+  <div class="main">
+    <div class="placeholder">
+      <div class="placeholder__icon">&#x1F6A7;</div>
+      <div class="placeholder__text">水电气计量表 &#x9875;&#x9762;&#x5F85;&#x5F00;&#x53D1;</div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file