diff --git a/Docs/40_ui-design/wristband_ui_gallery.html b/Docs/40_ui-design/wristband_ui_gallery.html
index c08d494..4b10ad3 100644
--- a/Docs/40_ui-design/wristband_ui_gallery.html
+++ b/Docs/40_ui-design/wristband_ui_gallery.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
-    <title>Wristband AMOLED UI Gallery</title>
+    <title>手环 AMOLED 屏幕无障碍大字版 UI 效果图画册 (A11y V3.0)</title>
     <style>
         body {
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
@@ -149,298 +149,311 @@
 </head>
 <body>
     <div class="container">
-        <h1>手环 AMOLED 屏幕 UI 效果图画册 (V2.1)</h1>
-        <div class="subtitle">所有 10 类显示界面在手环硬件上的 1:1 视觉仿真效果及按键映射说明</div>
+        <h1>手环 AMOLED 无障碍大字版 UI 效果图画册 (A11y V3.0)</h1>
+        <div class="subtitle">针对特殊人群优化的大字体、大图标单页集中展示界面效果及按键交互说明</div>
         
         <div class="grid">
             <!-- 1. Normal Clock -->
             <div class="card">
-                <div class="card-title">1. 待机时钟界面</div>
-                <div class="card-desc">常规待机状态，顶部仅显示电量，界面宽裕</div>
+                <div class="card-title">1. 待机时钟界面 (DESARME)</div>
+                <div class="card-desc">撤防待机：超大数字时钟，状态栏左侧显示大解锁图标 🔓</div>
                 <div class="watch-device">
                     <div class="screen-bezel">
                         <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
   <rect width="120" height="240" fill="#000000"/>
   
-  <!-- Status Bar (Right: Battery Icon) -->
-  <rect x="82" y="27" width="20" height="10" rx="2" fill="none" stroke="#64748B" stroke-width="1.2"/>
-  <rect x="84" y="29" width="13" height="6" rx="1" fill="#10B981"/>
-  <rect x="103" y="30" width="1.5" height="4" rx="0.5" fill="#64748B"/>
-  <text x="76" y="36" fill="#64748B" font-family="system-ui, sans-serif" font-size="9" text-anchor="end">85%</text>
-
-  <!-- Time -->
-  <text x="60" y="115" fill="#00E5FF" font-family="system-ui, sans-serif" font-size="24" font-weight="bold" text-anchor="middle">10:35</text>
+  <!-- Status Bar (Left: Big Unlock, Right: Battery 16x32px text + battery icon) -->
+  <!-- 🔓 Unlock Icon (32x32px) -->
+  <g transform="translate(10, 15)">
+    <rect x="0" y="8" width="20" height="15" rx="3" fill="none" stroke="#10B981" stroke-width="2"/>
+    <path d="M 5 8 L 5 4 C 5 2, 12 2, 15 4 L 15 10" fill="none" stroke="#10B981" stroke-width="2" stroke-linecap="round"/>
+  </g>
+  <!-- Battery info (16x32px style scaled for SVG) -->
+  <text x="96" y="32" fill="#94A3B8" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" text-anchor="end">85%</text>
+  <rect x="99" y="21" width="16" height="10" rx="1.5" fill="none" stroke="#94A3B8" stroke-width="1.2"/>
+  <rect x="101" y="23" width="10" height="6" rx="0.5" fill="#10B981"/>
   
-  <!-- Date -->
-  <text x="60" y="165" fill="#64748B" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">THU 07-02</text>
+  <!-- Central Big Time (32x64px equivalent in SVG) -->
+  <text x="60" y="115" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="34" font-weight="bold" text-anchor="middle">10:35</text>
+  
+  <!-- Bottom Large Date (16x32px equivalent) -->
+  <text x="60" y="195" fill="#94A3B8" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">VEN. 07-10</text>
 </svg>
                     </div>
                 </div>
                 <div class="card-ops">
                     <b>按键操作：</b>
-                    长按 ▲ 键 3 秒进入配对菜单；双击 ▲+▼ 组合键切换布防；长按 SOS 键 5 秒触发【本机求救】。
+                    长按 ■ 确认键 3 秒进入主选择菜单；短按或长按 SOS 键均直接触发【本地主动报警】。
                 </div>
             </div>
 
             <!-- 2. Armed Clock -->
             <div class="card">
-                <div class="card-title">2. 系统布防时钟</div>
-                <div class="card-desc">布防锁定 🔒 移至正下方，完美避免电池重叠</div>
+                <div class="card-title">2. 系统布防时钟 (ARME)</div>
+                <div class="card-desc">布防待机状态，状态栏左侧显示大红色锁图标 🔒</div>
                 <div class="watch-device">
                     <div class="screen-bezel">
                         <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
   <rect width="120" height="240" fill="#000000"/>
   
-  <!-- Status Bar (Right: Battery Icon) -->
-  <rect x="82" y="27" width="20" height="10" rx="2" fill="none" stroke="#64748B" stroke-width="1.2"/>
-  <rect x="84" y="29" width="13" height="6" rx="1" fill="#10B981"/>
-  <rect x="103" y="30" width="1.5" height="4" rx="0.5" fill="#64748B"/>
-  <text x="76" y="36" fill="#64748B" font-family="system-ui, sans-serif" font-size="9" text-anchor="end">85%+</text>
-
-  <!-- Time -->
-  <text x="60" y="115" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="24" font-weight="bold" text-anchor="middle">10:35</text>
-  
-  <!-- Date -->
-  <text x="60" y="165" fill="#64748B" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">THU 07-02</text>
-
-  <!-- Armed Status at the very bottom (Y=205) -->
-  <g transform="translate(39, 192)">
-    <rect x="0" y="0" width="12" height="12" rx="2" fill="none" stroke="#EF4444" stroke-width="1.2"/>
-    <circle cx="6" cy="4" r="2.5" fill="none" stroke="#EF4444" stroke-width="1.2"/>
-    <rect x="5" y="6" width="2" height="3" fill="#EF4444"/>
-    <text x="18" y="10" fill="#EF4444" font-family="system-ui, sans-serif" font-size="9" font-weight="bold" text-anchor="start">ARME</text>
+  <!-- Status Bar (Left: Big Lock 32x32px, Right: Battery with + charging indicator) -->
+  <!-- 🔒 Lock Icon -->
+  <g transform="translate(10, 15)">
+    <rect x="0" y="8" width="20" height="15" rx="3" fill="none" stroke="#EF4444" stroke-width="2"/>
+    <path d="M 5 8 L 5 3 C 5 1, 15 1, 15 3 L 15 8" fill="none" stroke="#EF4444" stroke-width="2" stroke-linecap="round"/>
   </g>
+  <text x="96" y="32" fill="#94A3B8" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" text-anchor="end">85%+</text>
+  <rect x="99" y="21" width="16" height="10" rx="1.5" fill="none" stroke="#94A3B8" stroke-width="1.2"/>
+  <rect x="101" y="23" width="10" height="6" rx="0.5" fill="#10B981"/>
+  
+  <!-- Central Big Time -->
+  <text x="60" y="115" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="34" font-weight="bold" text-anchor="middle">10:35</text>
+  
+  <!-- Bottom Large Date -->
+  <text x="60" y="195" fill="#94A3B8" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">VEN. 07-10</text>
 </svg>
                     </div>
                 </div>
                 <div class="card-ops">
                     <b>按键操作：</b>
-                    双击 ▲+▼ 组合键本地切换为撤防状态；长按 SOS 键 5 秒触发【本机求救】。
+                    长按 ■ 确认键 3 秒进入主菜单；短按或长按 SOS 键直接触发【本地主动报警】。
                 </div>
             </div>
 
-            <!-- 3. Disarmed Clock -->
+            <!-- 3. Main Menu - Date/Time -->
             <div class="card">
-                <div class="card-title">3. 系统撤防时钟</div>
-                <div class="card-desc">撤防解锁 🔓 移至正下方，界面均衡清爽</div>
+                <div class="card-title">3. 主菜单: 时间修改</div>
+                <div class="card-desc">无障碍单页集中展示：大图标配合超大功能项文字</div>
                 <div class="watch-device">
                     <div class="screen-bezel">
                         <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
   <rect width="120" height="240" fill="#000000"/>
+  <text x="60" y="35" fill="#94A3B8" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">- MENU -</text>
   
-  <!-- Status Bar (Right: Battery Icon) -->
-  <rect x="82" y="27" width="20" height="10" rx="2" fill="none" stroke="#64748B" stroke-width="1.2"/>
-  <rect x="84" y="29" width="13" height="6" rx="1" fill="#10B981"/>
-  <rect x="103" y="30" width="1.5" height="4" rx="0.5" fill="#64748B"/>
-  <text x="76" y="36" fill="#64748B" font-family="system-ui, sans-serif" font-size="9" text-anchor="end">85%</text>
-
-  <!-- Time -->
-  <text x="60" y="115" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="24" font-weight="bold" text-anchor="middle">10:35</text>
-  
-  <!-- Date -->
-  <text x="60" y="165" fill="#64748B" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">THU 07-02</text>
-
-  <!-- Disarmed Status at the very bottom (Y=205) -->
-  <g transform="translate(27, 192)">
-    <rect x="0" y="3" width="12" height="9" rx="1.5" fill="none" stroke="#10B981" stroke-width="1.2"/>
-    <path d="M 3 3 L 3 1.5 C 3 0.7, 6 0.7, 8 1.5 L 8 4" fill="none" stroke="#10B981" stroke-width="1.2"/>
-    <text x="18" y="10" fill="#10B981" font-family="system-ui, sans-serif" font-size="9" font-weight="bold" text-anchor="start">DESARME</text>
-  </g>
-</svg>
-                    </div>
-                </div>
-                <div class="card-ops">
-                    <b>按键操作：</b>
-                    双击 ▲+▼ 组合键本地切换为布防状态；长按 SOS 键 5 秒触发【本机求救】。
-                </div>
-            </div>
-
-            <!-- 4. Pairing Menu -->
-            <div class="card">
-                <div class="card-title">4. 主选择菜单</div>
-                <div class="card-desc">选择要对码配对的传感器类型</div>
-                <div class="watch-device">
-                    <div class="screen-bezel">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
-  <rect width="120" height="240" fill="#000000"/>
-  <text x="60" y="35" fill="#FFB74D" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" text-anchor="middle">- MENU -</text>
-  <text x="60" y="80" fill="#64748B" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">1. DATE/HEURE</text>
-  
-  <!-- Highlight selection APPAIRAGE -->
-  <rect x="10" y="102" width="100" height="24" rx="4" fill="none" stroke="#00E5FF" stroke-width="1.2"/>
-  <text x="60" y="118" fill="#00E5FF" font-family="system-ui, sans-serif" font-size="10" font-weight="bold" text-anchor="middle">> 2. APPAIRAGE &lt;</text>
-  
-  <text x="60" y="155" fill="#64748B" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">3. ARM/DISARM</text>
-  <text x="60" y="190" fill="#64748B" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">4. LIAISON IPC</text>
-</svg>
-                    </div>
-                </div>
-                <div class="card-ops">
-                    <b>按键操作：</b>
-                    单击 ▲ 向上移动，单击 ▼ 向下移动；短按 SOS 确认选中进入搜索状态；长按 ▼ 3 秒退出。
-                </div>
-            </div>
-
-            <!-- 5. Pairing Search -->
-            <div class="card">
-                <div class="card-title">5. 配对对码搜索</div>
-                <div class="card-desc">雷达波纹 📡 扫射等待射频对码信号</div>
-                <div class="watch-device">
-                    <div class="screen-bezel">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
-  <rect width="120" height="240" fill="#000000"/>
-  <g transform="translate(0, 10)">
-    <path d="M 60 70 L 67.5 90 M 52 75 A 10 10 0 0 1 68 75 M 48 70 A 15 15 0 0 1 72 70 M 44 65 A 20 20 0 0 1 76 65" stroke="#00E5FF" stroke-width="2" fill="none" stroke-linecap="round"/>
-    <circle cx="60" cy="92" r="2" fill="#00E5FF"/>
-  </g>
-  <text x="60" y="145" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" text-anchor="middle">SEARCHING...</text>
-  <text x="60" y="170" fill="#00E5FF" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle">TRIGGER SENSOR</text>
-</svg>
-                    </div>
-                </div>
-                <div class="card-ops">
-                    <b>按键操作：</b>
-                    等待传感器触发。捕获成功且类型匹配时，系统将<b>自动跳转至对码确认页面</b>。长按 ▼ 3 秒退出。
-                </div>
-            </div>
-
-            <!-- 6. Pairing Confirm -->
-            <div class="card">
-                <div class="card-title">6. 对码成功与命名微调</div>
-                <div class="card-desc">展示传感器类型，按 ▲/▼ 键手动增减后缀序号并确认</div>
-                <div class="watch-device">
-                    <div class="screen-bezel">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
-  <rect width="120" height="240" fill="#000000"/>
-  <text x="60" y="45" fill="#10B981" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" text-anchor="middle">v RECU</text>
-  
-  <!-- 门磁图标 -->
-  <g transform="translate(47, 70)">
-    <rect x="0" y="2" width="16" height="28" rx="2" fill="none" stroke="#FFFFFF" stroke-width="1.8"/>
-    <rect x="20" y="6" width="6" height="20" rx="1" fill="none" stroke="#10B981" stroke-width="1.8"/>
-    <circle cx="4" cy="16" r="1.5" fill="#FFFFFF"/>
+  <!-- ⏰ 48x48px Clock Icon -->
+  <g transform="translate(36, 65)">
+    <circle cx="24" cy="24" r="20" stroke="#00E5FF" stroke-width="3" fill="none"/>
+    <path d="M 24 10 L 24 24 L 34 24" stroke="#00E5FF" stroke-width="3" stroke-linecap="round" fill="none"/>
+    <path d="M 8 6 L 16 2 M 40 6 L 32 2" stroke="#00E5FF" stroke-width="3.5" stroke-linecap="round"/>
   </g>
   
-  <text x="60" y="140" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" text-anchor="middle">PORTE</text>
-  
-  <!-- 序号选框 [  01  ] -->
-  <rect x="30" y="160" width="60" height="22" rx="4" fill="none" stroke="#00E5FF" stroke-width="1.5"/>
-  <text x="60" y="176" fill="#00E5FF" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" text-anchor="middle">01</text>
-  
-  <text x="60" y="215" fill="#64748B" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle">ADDR: 0x37A86</text>
+  <text x="60" y="165" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">1. DATE/HEURE</text>
+  <text x="60" y="210" fill="#64748B" font-family="system-ui, sans-serif" font-size="14" text-anchor="middle">^   v</text>
 </svg>
                     </div>
                 </div>
                 <div class="card-ops">
                     <b>按键操作：</b>
-                    短按 ▲ 自增，▼ 自减序号（01~99）；短按 CONFIRM 键或 SOS 键保存退出。
+                    按 ▲/▼ 键如同幻灯片般切换选项；短按 ■ 确认键进入；长按 ■ 3秒返回时钟。
                 </div>
             </div>
 
-            <!-- 7. Pair Saved -->
+            <!-- 4. Main Menu - Pairing -->
             <div class="card">
-                <div class="card-title">7. 对码保存成功</div>
-                <div class="card-desc">高保真圆形对勾绿色成功徽章 (✓)</div>
+                <div class="card-title">4. 主菜单: 传感器配对</div>
+                <div class="card-desc">无障碍单页集中展示：大雷达对码图标与对码文本</div>
                 <div class="watch-device">
                     <div class="screen-bezel">
                         <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
   <rect width="120" height="240" fill="#000000"/>
+  <text x="60" y="35" fill="#94A3B8" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">- MENU -</text>
   
-  <!-- Symmetrical Circular Success Badge -->
-  <circle cx="60" cy="90" r="24" stroke="#10B981" stroke-width="2.5" fill="none"/>
-  <path d="M 48 90 L 56 98 L 72 82" stroke="#10B981" stroke-width="3.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
-  
-  <text x="60" y="145" fill="#10B981" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" text-anchor="middle">PAIR SUCCESS</text>
-  <text x="60" y="175" fill="#64748B" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">ADDR: 0x37A86</text>
-</svg>
-                    </div>
-                </div>
-                <div class="card-ops">
-                    <b>按键操作：</b>
-                    纯状态提示，自动显示 2 秒后回退到待机，无需任何按键操作。
-                </div>
-            </div>
-
-            <!-- 8. Pair Fail -->
-            <div class="card">
-                <div class="card-title">8. 对码匹配失败</div>
-                <div class="card-desc">高保真圆形红叉失败徽章 (❌)</div>
-                <div class="watch-device">
-                    <div class="screen-bezel">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
-  <rect width="120" height="240" fill="#000000"/>
-  
-  <!-- Symmetrical Circular Fail Badge -->
-  <circle cx="60" cy="90" r="24" stroke="#EF4444" stroke-width="2.5" fill="none"/>
-  <path d="M 50 80 L 70 100 M 70 80 L 50 100" stroke="#EF4444" stroke-width="3.5" fill="none" stroke-linecap="round"/>
-  
-  <text x="60" y="155" fill="#EF4444" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" text-anchor="middle">PAIR FAILED</text>
-  <text x="60" y="180" fill="#64748B" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle">TYPE MISMATCH</text>
-</svg>
-                    </div>
-                </div>
-                <div class="card-ops">
-                    <b>按键操作：</b>
-                    自动显示 5 秒后回退到配对菜单，或短按任意键立即回退到配对菜单。
-                </div>
-            </div>
-
-            <!-- 9. Alarm Received -->
-            <div class="card">
-                <div class="card-title">9. 收到传感器警报</div>
-                <div class="card-desc">门磁/烟感等传感器触发的警报画面</div>
-                <div class="watch-device">
-                    <div class="screen-bezel">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
-  <rect width="120" height="240" fill="#000000"/>
-  <rect x="4" y="4" width="112" height="232" rx="20" stroke="#EF4444" stroke-width="2.5" fill="none" stroke-dasharray="6 4"/>
-  <g transform="translate(0, 10)">
-    <rect x="52" y="55" width="16" height="30" rx="1" fill="none" stroke="#EF4444" stroke-width="2.5"/>
-    <circle cx="64" cy="70" r="1.5" fill="#EF4444"/>
-  </g>
-  <text x="60" y="130" fill="#EF4444" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" text-anchor="middle">FRONT DOOR</text>
-  <text x="60" y="165" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">ZONE 0 | ALARM</text>
-</svg>
-                    </div>
-                </div>
-                <div class="card-ops">
-                    <b>按键操作：</b>
-                    短按手环任意键（▲/▼/SOS）均可手动清除警报、消音并返回时钟待机。
-                </div>
-            </div>
-
-            <!-- 10. Emitted SOS -->
-            <div class="card">
-                <div class="card-title">10. 本机紧急求救 SOS</div>
-                <div class="card-desc">高保真闪光警报灯图标，字形避开边缘</div>
-                <div class="watch-device">
-                    <div class="screen-bezel">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
-  <rect width="120" height="240" fill="#000000"/>
-  <rect x="4" y="4" width="112" height="232" rx="20" stroke="#EF4444" stroke-width="2.5" fill="none"/>
-  <rect x="8" y="8" width="104" height="224" rx="17" stroke="#FFFFFF" stroke-width="1" fill="none"/>
-  
-  <!-- High-Fidelity Siren Icon -->
-  <g transform="translate(0, -3)">
-    <!-- Light Beams -->
-    <path d="M 60 48 L 60 54 M 45 52 L 50 57 M 75 52 L 70 57 M 40 65 L 46 67 M 80 65 L 74 67" stroke="#EF4444" stroke-width="2" stroke-linecap="round"/>
-    <!-- Siren Glass Dome -->
-    <path d="M 46 82 C 46 64, 74 64, 74 82 Z" fill="#EF4444" stroke="#EF4444" stroke-width="1.5"/>
-    <!-- Bulb inside -->
-    <circle cx="60" cy="77" r="4.5" fill="#FFFFFF"/>
-    <!-- Metallic Base -->
-    <rect x="42" y="82" width="36" height="6" rx="1.5" fill="#64748B"/>
+  <!-- 📡 48x48px Radar Icon -->
+  <g transform="translate(36, 65)">
+    <path d="M 24 38 A 12 12 0 0 1 36 28 M 24 38 A 18 18 0 0 1 42 22 M 24 38 A 24 24 0 0 1 48 16" stroke="#00E5FF" stroke-width="3" fill="none" stroke-linecap="round"/>
+    <circle cx="24" cy="38" r="4" fill="#00E5FF"/>
+    <line x1="24" y1="38" x2="6" y2="44" stroke="#00E5FF" stroke-width="2.5"/>
   </g>
   
-  <!-- Centered SOS Alarm Texts safely inside circular active area -->
-  <text x="60" y="138" fill="#EF4444" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" text-anchor="middle">🆘 EMIT SOS</text>
-  <text x="60" y="165" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">BAND TRIGGERED</text>
+  <text x="60" y="165" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">2. APPAIRAGE</text>
+  <text x="60" y="210" fill="#64748B" font-family="system-ui, sans-serif" font-size="14" text-anchor="middle">^   v</text>
 </svg>
                     </div>
                 </div>
                 <div class="card-ops">
                     <b>按键操作：</b>
-                    长按 SOS 键 5 秒解除报警；或接收到主机的远程撤防指令自动解除。
+                    按 ▲/▼ 键滚动菜单；短按 ■ 确认键确认选中进入对码搜索界面。
+                </div>
+            </div>
+
+            <!-- 5. Single Value Time Edit -->
+            <div class="card">
+                <div class="card-title">5. 设定时间: 修改小时</div>
+                <div class="card-desc">每次仅微调一项：32x64px 超大数字显示，免眼花</div>
+                <div class="watch-device">
+                    <div class="screen-bezel">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
+  <rect width="120" height="240" fill="#000000"/>
+  <text x="60" y="35" fill="#94A3B8" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">REGLAGE HEURE</text>
+  
+  <!-- Up Arrow -->
+  <path d="M 60 65 L 50 78 L 70 78 Z" fill="#00E5FF"/>
+  
+  <!-- Huge 32x64px hour value -->
+  <text x="60" y="140" fill="#00E5FF" font-family="system-ui, sans-serif" font-size="52" font-weight="bold" text-anchor="middle">10</text>
+  
+  <!-- Down Arrow -->
+  <path d="M 60 170 L 50 157 L 70 157 Z" fill="#00E5FF"/>
+  
+  <text x="60" y="215" fill="#64748B" font-family="system-ui, sans-serif" font-size="12" text-anchor="middle">CONFIRM POUR SUIVANT</text>
+</svg>
+                    </div>
+                </div>
+                <div class="card-ops">
+                    <b>按键操作：</b>
+                    按 ▲ 增加数值，▼ 减少数值；短按 ■ 键保存并进入修改下一位；长按 ■ 3秒放弃退出。
+                </div>
+            </div>
+
+            <!-- 6. Pairing Search -->
+            <div class="card">
+                <div class="card-title">6. 雷达对码搜索</div>
+                <div class="card-desc">64x64px 超大雷达闪烁动画，等待射频包</div>
+                <div class="watch-device">
+                    <div class="screen-bezel">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
+  <rect width="120" height="240" fill="#000000"/>
+  <text x="60" y="35" fill="#94A3B8" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">APPAIRAGE</text>
+  
+  <!-- 64x64px Big Radar -->
+  <g transform="translate(28, 65)">
+    <path d="M 32 50 C 32 30, 48 10, 60 10 M 32 50 C 32 35, 42 20, 52 20 M 32 50 C 32 40, 36 30, 44 30" stroke="#00E5FF" stroke-width="3" fill="none" stroke-linecap="round"/>
+    <circle cx="32" cy="50" r="5" fill="#00E5FF"/>
+    <line x1="32" y1="50" x2="8" y2="58" stroke="#00E5FF" stroke-width="3"/>
+  </g>
+  
+  <text x="60" y="165" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">SEARCHING...</text>
+  <text x="60" y="200" fill="#00E5FF" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" text-anchor="middle">DECLENCH. SENS</text>
+</svg>
+                    </div>
+                </div>
+                <div class="card-ops">
+                    <b>按键操作：</b>
+                    触发物理传感器。捕获数据后手环将<b>自动以数据码识别类型并跳转确认页</b>。长按 ▼ 2 秒退出。
+                </div>
+            </div>
+
+            <!-- 7. Pairing Confirm -->
+            <div class="card">
+                <div class="card-title">7. 识别类型与微调序号</div>
+                <div class="card-desc">自动显示传感器类型及大图标，只需微调超大序号</div>
+                <div class="watch-device">
+                    <div class="screen-bezel">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
+  <rect width="120" height="240" fill="#000000"/>
+  <text x="60" y="32" fill="#10B981" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">v RECU</text>
+  
+  <!-- 48x48px Big Door Icon -->
+  <g transform="translate(36, 45)">
+    <rect x="2" y="2" width="24" height="42" rx="3" fill="none" stroke="#FFFFFF" stroke-width="2.5"/>
+    <rect x="30" y="8" width="10" height="30" rx="1.5" fill="none" stroke="#10B981" stroke-width="2.5"/>
+    <circle cx="8" cy="24" r="2.5" fill="#FFFFFF"/>
+  </g>
+  
+  <!-- Only-read sensor type name (16x32px equivalent) -->
+  <text x="60" y="130" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">PORTE</text>
+  
+  <!-- 32x64px Suffix Edit Box [ 01 ] -->
+  <rect x="15" y="152" width="90" height="44" rx="6" fill="none" stroke="#00E5FF" stroke-width="2"/>
+  <text x="60" y="186" fill="#00E5FF" font-family="system-ui, sans-serif" font-size="34" font-weight="bold" text-anchor="middle">01</text>
+  
+  <text x="60" y="225" fill="#64748B" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle">CONFIRM POUR ENREG.</text>
+</svg>
+                    </div>
+                </div>
+                <div class="card-ops">
+                    <b>按键操作：</b>
+                    按 ▲ 键自增，▼ 键自减微调序号（01~99）；短按 ■ 确认键保存；长按 ■ 3秒放弃。
+                </div>
+            </div>
+
+            <!-- 8. Alarm Received -->
+            <div class="card">
+                <div class="card-title">8. 收到防区报警 (PORTE)</div>
+                <div class="card-desc">全屏闪烁粗边框 + 64x64px 报警大图标</div>
+                <div class="watch-device">
+                    <div class="screen-bezel">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
+  <rect width="120" height="240" fill="#000000"/>
+  <!-- 4px Flashing Red Border -->
+  <rect x="4" y="4" width="112" height="232" rx="20" stroke="#EF4444" stroke-width="4.5" fill="none"/>
+  
+  <!-- 64x64px Huge Door Icon -->
+  <g transform="translate(28, 40)">
+    <rect x="2" y="2" width="32" height="58" rx="4" fill="none" stroke="#EF4444" stroke-width="3.5"/>
+    <rect x="42" y="12" width="14" height="42" rx="2" fill="none" stroke="#EF4444" stroke-width="3"/>
+    <circle cx="10" cy="32" r="3.5" fill="#EF4444"/>
+  </g>
+  
+  <!-- 16x32px text warnings -->
+  <text x="60" y="145" fill="#EF4444" font-family="system-ui, sans-serif" font-size="16" font-weight="bold" text-anchor="middle">PORTE 01</text>
+  <text x="60" y="185" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="16" font-weight="bold" text-anchor="middle">INTRUSION!</text>
+</svg>
+                    </div>
+                </div>
+                <div class="card-ops">
+                    <b>按键操作：</b>
+                    高分贝马达与声光报警启动。短按手环侧边或上部任意键均可瞬间解除报警复位。
+                </div>
+            </div>
+
+            <!-- 9. Emitted SOS -->
+            <div class="card">
+                <div class="card-title">9. 本机主动求救 SOS</div>
+                <div class="watch-device">
+                    <div class="screen-bezel">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
+  <rect width="120" height="240" fill="#000000"/>
+  <rect x="4" y="4" width="112" height="232" rx="20" stroke="#EF4444" stroke-width="4.5" fill="none"/>
+  
+  <!-- Huge 64x64px Rotating Siren Icon -->
+  <g transform="translate(28, 30)">
+    <!-- Rays -->
+    <path d="M 32 10 L 32 18 M 14 16 L 22 22 M 50 16 L 42 22 M 6 32 L 15 34 M 58 32 L 49 34" stroke="#EF4444" stroke-width="3" stroke-linecap="round"/>
+    <!-- Dome -->
+    <path d="M 12 52 C 12 28, 52 28, 52 52 Z" fill="#EF4444" stroke="#EF4444" stroke-width="2"/>
+    <circle cx="32" cy="45" r="7" fill="#FFFFFF"/>
+    <!-- Base -->
+    <rect x="6" y="52" width="52" height="8" rx="2" fill="#64748B"/>
+  </g>
+  
+  <text x="60" y="145" fill="#EF4444" font-family="system-ui, sans-serif" font-size="18" font-weight="bold" text-anchor="middle">SOS EMIS</text>
+  <text x="60" y="185" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">APPEL EN COURS</text>
+</svg>
+                    </div>
+                </div>
+                <div class="card-ops">
+                    <b>按键操作：</b>
+                    短按或长按任意键均可停止发射并消除紧急求救。
+                </div>
+            </div>
+
+            <!-- 10. IPC Binding -->
+            <div class="card">
+                <div class="card-title">10. IPC 绑定发送页</div>
+                <div class="card-desc">48x48px 摄像头图标，大字发送指示</div>
+                <div class="watch-device">
+                    <div class="screen-bezel">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="240" viewBox="0 0 120 240">
+  <rect width="120" height="240" fill="#000000"/>
+  
+  <!-- 48x48px Camera Icon -->
+  <g transform="translate(36, 40)">
+    <rect x="2" y="10" width="32" height="26" rx="4" fill="none" stroke="#00E5FF" stroke-width="3"/>
+    <circle cx="18" cy="23" r="6" stroke="#00E5FF" stroke-width="2.5" fill="none"/>
+    <path d="M 34 16 L 44 10 L 44 36 L 34 30 Z" fill="#00E5FF"/>
+  </g>
+  
+  <text x="60" y="130" fill="#FFFFFF" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">LIAISON</text>
+  <text x="60" y="165" fill="#00E5FF" font-family="system-ui, sans-serif" font-size="15" font-weight="bold" text-anchor="middle">EN COURS</text>
+  
+  <text x="60" y="215" fill="#64748B" font-family="system-ui, sans-serif" font-size="9" text-anchor="middle">ID: 0x3F882</text>
+</svg>
+                    </div>
+                </div>
+                <div class="card-ops">
+                    <b>按键操作：</b>
+                    连发对码信号。长按 ■ 键 3 秒 或 长按 ▼ 键 2 秒可立刻退出返回时钟。
                 </div>
             </div>
         </div>
