diff --git a/other-module/emergency-screen/xian-center/cv-monitor.html b/other-module/emergency-screen/xian-center/cv-monitor.html
index 158955d..c1db83a 100644
--- a/other-module/emergency-screen/xian-center/cv-monitor.html
+++ b/other-module/emergency-screen/xian-center/cv-monitor.html
@@ -106,7 +106,7 @@
     }
     .header__title-text{font-size:22px;font-weight:700;letter-spacing:1.5px;
       background:linear-gradient(90deg,#fff,#8CB8D9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
-    .header__left{position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:2;}
+    .header__left{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:2;}
     .header__clock{font-size:14px;color:var(--text-sub);font-variant-numeric:tabular-nums;letter-spacing:0.5px;}
     .header__right{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:2;}
     .header__btn{height:28px;padding:0 14px;border-radius:14px;font-size:11px;cursor:pointer;transition:all .2s;
@@ -455,12 +455,12 @@
   <div class="header__deco header__deco--right"></div>
   <div class="header__left">
     <div class="header__clock" id="clock">--</div>
+    <a class="header__btn header__btn--main" href="index-v3.html">返回主屏</a>
   </div>
   <div class="header__title">
     <span class="header__title-text">西安应急中心 · 心血管监测副屏</span>
   </div>
   <div class="header__right">
-    <a class="header__btn header__btn--main" href="index-v3.html">返回主屏</a>
     <div class="header__runtime">
       <span>系统累计运行</span>
       <span class="header__runtime-num" id="runDays">0</span>
diff --git a/other-module/emergency-screen/xian-center/help-monitor.html b/other-module/emergency-screen/xian-center/help-monitor.html
new file mode 100644
index 0000000..c6d4cdb
--- /dev/null
+++ b/other-module/emergency-screen/xian-center/help-monitor.html
@@ -0,0 +1,1380 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>应急求助副屏 | 西安应急中心</title>
+  <style>
+    /* ========== 全局重置与基础（沿用主屏） ========== */
+    *{box-sizing:border-box;margin:0;padding:0;}
+    html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
+    body{background:linear-gradient(135deg,#0a1628 0%,#0f2847 100%);color:#E0F0FF;font-size:13px;position:relative;}
+
+    /* 背景粒子 */
+    body::before{
+      content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
+      background-image:
+        radial-gradient(1.5px 1.5px at 10% 12%, rgba(24,144,255,0.35), transparent),
+        radial-gradient(1px 1px at 22% 28%, rgba(255,255,255,0.25), transparent),
+        radial-gradient(1.5px 1.5px at 35% 18%, rgba(24,144,255,0.3), transparent),
+        radial-gradient(1px 1px at 48% 35%, rgba(255,255,255,0.2), transparent),
+        radial-gradient(2px 2px at 55% 15%, rgba(24,144,255,0.4), transparent),
+        radial-gradient(1px 1px at 62% 40%, rgba(255,255,255,0.22), transparent),
+        radial-gradient(1.5px 1.5px at 72% 22%, rgba(24,144,255,0.3), transparent),
+        radial-gradient(1px 1px at 80% 32%, rgba(255,255,255,0.2), transparent),
+        radial-gradient(2px 2px at 88% 14%, rgba(24,144,255,0.35), transparent),
+        radial-gradient(1px 1px at 15% 58%, rgba(255,255,255,0.2), transparent),
+        radial-gradient(1.5px 1.5px at 30% 62%, rgba(24,144,255,0.25), transparent),
+        radial-gradient(1px 1px at 42% 72%, rgba(255,255,255,0.18), transparent),
+        radial-gradient(2px 2px at 58% 68%, rgba(24,144,255,0.3), transparent),
+        radial-gradient(1px 1px at 68% 78%, rgba(255,255,255,0.2), transparent),
+        radial-gradient(1.5px 1.5px at 78% 65%, rgba(24,144,255,0.28), transparent),
+        radial-gradient(1px 1px at 85% 75%, rgba(255,255,255,0.18), transparent),
+        radial-gradient(1.5px 1.5px at 20% 85%, rgba(24,144,255,0.22), transparent),
+        radial-gradient(1px 1px at 50% 88%, rgba(255,255,255,0.2), transparent),
+        radial-gradient(2px 2px at 70% 90%, rgba(24,144,255,0.25), transparent),
+        radial-gradient(1px 1px at 90% 52%, rgba(255,255,255,0.2), transparent);
+      animation:bgParticles 20s linear infinite;
+    }
+    @keyframes bgParticles{
+      0%{opacity:0.6;transform:translateY(0);}50%{opacity:1;}
+      100%{opacity:0.6;transform:translateY(-20px);}
+    }
+
+    /* ========== 设计令牌 ========== */
+    :root{
+      --primary:#1890FF;--primary-light:#E6F7FF;
+      --success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
+      --text-main:#E0F0FF;--text-sub:#8CB8D9;--text-dim:#4A6B8A;
+      --border-glow:rgba(24,144,255,0.25);
+      --panel-bg:rgba(10,30,60,0.55);--panel-border:rgba(24,144,255,0.15);
+      --map-bg:#071224;
+      --cyan:#00e5ff;
+    }
+
+    /* ========== 顶部标题栏 ========== */
+    .header{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:center;
+      background:linear-gradient(90deg,rgba(10,30,60,0.9) 0%,rgba(15,40,80,0.95) 50%,rgba(10,30,60,0.9) 100%);
+      border-bottom:1px solid var(--panel-border);position:relative;z-index:10;overflow:hidden;}
+    .header::before{
+      content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
+      background-image:
+        linear-gradient(rgba(24,144,255,0.06) 1px,transparent 1px),
+        linear-gradient(90deg,rgba(24,144,255,0.06) 1px,transparent 1px);
+      background-size:32px 32px;
+      -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
+      mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
+    }
+    .header::after{
+      content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.7;
+      background:
+        linear-gradient(90deg,var(--cyan),var(--cyan)) left top/16px 1px no-repeat,
+        linear-gradient(180deg,var(--cyan),var(--cyan)) left top/1px 16px no-repeat,
+        linear-gradient(90deg,var(--cyan),var(--cyan)) right top/16px 1px no-repeat,
+        linear-gradient(180deg,var(--cyan),var(--cyan)) right top/1px 16px no-repeat,
+        linear-gradient(90deg,var(--cyan),var(--cyan)) left bottom/16px 1px no-repeat,
+        linear-gradient(0deg,var(--cyan),var(--cyan)) left bottom/1px 16px no-repeat,
+        linear-gradient(90deg,var(--cyan),var(--cyan)) right bottom/16px 1px no-repeat,
+        linear-gradient(0deg,var(--cyan),var(--cyan)) right bottom/1px 16px no-repeat;
+    }
+    .header__scan-line{position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:3;
+      background:linear-gradient(90deg,transparent,rgba(24,144,255,0.5),transparent);
+      animation:scanLine 4s ease-in-out infinite;pointer-events:none;}
+    .header__scan-line::after{content:'';position:absolute;left:0;top:0;width:100%;height:1px;
+      background:linear-gradient(90deg,transparent,rgba(0,229,255,0.35),transparent);
+      animation:scanLineReverse 6s ease-in-out infinite;}
+    @keyframes scanLineReverse{
+      0%{transform:translateX(100%);opacity:0;}20%{opacity:0.8;}80%{opacity:0.8;}
+      100%{transform:translateX(-100%);opacity:0;}
+    }
+    @keyframes scanLine{
+      0%{transform:translateX(-100%);opacity:0;}20%{opacity:1;}80%{opacity:1;}
+      100%{transform:translateX(100%);opacity:0;}
+    }
+    .header__title{display:flex;align-items:center;gap:12px;position:relative;z-index:2;}
+    .header__title::before,.header__title::after{
+      content:'';width:120px;height:14px;flex-shrink:0;background-repeat:no-repeat;background-position:center;
+    }
+    .header__title::before{
+      margin-right:6px;
+      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'><line x1='4' y1='7' x2='110' y2='7' stroke='%231890FF' stroke-width='1' opacity='0.7'/><rect x='0' y='5' width='4' height='4' fill='%2300e5ff'/><polygon points='110,7 114,3 118,7 114,11' fill='%2300e5ff'/></svg>");
+    }
+    .header__title::after{
+      margin-left:6px;
+      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'><line x1='10' y1='7' x2='116' y2='7' stroke='%231890FF' stroke-width='1' opacity='0.7'/><rect x='116' y='5' width='4' height='4' fill='%2300e5ff'/><polygon points='2,7 6,3 10,7 6,11' fill='%2300e5ff'/></svg>");
+    }
+    .header__title-text{font-size:22px;font-weight:700;letter-spacing:1.5px;
+      background:linear-gradient(90deg,#fff,#8CB8D9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
+    .header__left{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:2;}
+    .header__clock{font-size:14px;color:var(--text-sub);font-variant-numeric:tabular-nums;letter-spacing:0.5px;}
+    .header__right{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:2;}
+    .header__btn{height:28px;padding:0 14px;border-radius:14px;font-size:11px;cursor:pointer;transition:all .2s;
+      border:1px solid;font-weight:500;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;}
+    .header__btn--alarm{background:rgba(255,77,79,0.15);color:var(--danger);border-color:rgba(255,77,79,0.3);}
+    .header__btn--alarm:hover{background:rgba(255,77,79,0.25);box-shadow:0 0 10px rgba(255,77,79,0.2);}
+    .header__btn--main{background:rgba(24,144,255,0.15);color:var(--primary);border-color:rgba(24,144,255,0.3);}
+    .header__btn--main:hover{background:rgba(24,144,255,0.25);box-shadow:0 0 10px rgba(24,144,255,0.2);}
+    /* 时间段 Tab */
+    .header__tabs{display:flex;align-items:center;gap:2px;padding:3px;background:rgba(10,22,48,0.6);
+      border:1px solid var(--panel-border);border-radius:16px;}
+    .header__tab{height:22px;padding:0 12px;border-radius:13px;font-size:11px;cursor:pointer;transition:all .2s;
+      border:none;background:transparent;color:var(--text-sub);white-space:nowrap;letter-spacing:0.3px;
+      display:inline-flex;align-items:center;font-family:inherit;}
+    .header__tab:hover{color:var(--text-main);}
+    .header__tab--active{background:rgba(24,144,255,0.22);color:#fff;box-shadow:0 0 8px rgba(24,144,255,0.3);}
+    .header__runtime{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-sub);}
+    .header__runtime-num{font-size:18px;font-weight:700;color:var(--primary);text-shadow:0 0 8px rgba(24,144,255,0.4);}
+    .header__deco{position:absolute;top:6px;width:88px;height:10px;pointer-events:none;z-index:1;
+      background-repeat:no-repeat;background-position:center;background-size:100% 100%;}
+    .header__deco--left{left:32px;
+      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 10'><g stroke='%2300e5ff' stroke-width='1' opacity='0.55'><line x1='0' y1='9' x2='12' y2='1'/><line x1='14' y1='9' x2='26' y2='1'/><line x1='28' y1='9' x2='40' y2='1'/></g><polygon points='44,10 60,10 66,4 50,4' fill='%231890FF' opacity='0.5'/><rect x='70' y='3' width='3' height='3' fill='%2300e5ff'/><line x1='76' y1='5' x2='86' y2='5' stroke='%2300e5ff' stroke-width='1' opacity='0.6'/></svg>");
+    }
+    .header__deco--right{right:32px;
+      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 10'><line x1='2' y1='5' x2='12' y2='5' stroke='%2300e5ff' stroke-width='1' opacity='0.6'/><rect x='15' y='3' width='3' height='3' fill='%2300e5ff'/><polygon points='22,10 38,10 44,4 28,4' fill='%231890FF' opacity='0.5'/><g stroke='%2300e5ff' stroke-width='1' opacity='0.55'><line x1='48' y1='9' x2='60' y2='1'/><line x1='62' y1='9' x2='74' y2='1'/><line x1='76' y1='9' x2='88' y2='1'/></g></svg>");
+    }
+
+    /* ========== 主布局 ========== */
+    .main{display:flex;height:calc(100vh - 64px);gap:12px;padding:8px 12px 12px;}
+    .side{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;}
+    .side--left{width:320px;}
+    .side--right{width:340px;}
+    .center{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;gap:12px;}
+
+    /* ========== 顶部统计卡片 ========== */
+    .top-stats{display:flex;gap:10px;flex-shrink:0;}
+    .top-stat-card{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;
+      padding:12px 14px;min-height:70px;text-align:center;
+      background:linear-gradient(135deg,rgba(24,144,255,0.10),rgba(10,30,60,0.55));
+      border:1px solid var(--panel-border);border-radius:8px;position:relative;overflow:hidden;
+      transition:all .2s;}
+    .top-stat-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
+      background:var(--primary);box-shadow:0 0 8px rgba(24,144,255,0.5);}
+    .top-stat-card:hover{border-color:rgba(24,144,255,0.4);box-shadow:0 0 14px rgba(24,144,255,0.15);transform:translateY(-1px);}
+    .top-stat-card__body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;line-height:1.1;}
+    .top-stat-card__num{font-size:22px;font-weight:700;color:#fff;line-height:1;
+      text-shadow:0 0 8px rgba(255,255,255,0.2);font-variant-numeric:tabular-nums;letter-spacing:0.5px;}
+    .top-stat-card__num unit{font-size:12px;font-weight:400;color:var(--text-sub);margin-left:3px;}
+    .top-stat-card__label{font-size:11px;color:var(--text-sub);white-space:nowrap;
+      display:flex;align-items:center;gap:4px;justify-content:center;}
+    .top-stat-card--primary::before{background:var(--primary);box-shadow:0 0 8px rgba(24,144,255,0.5);}
+    .top-stat-card--warning::before{background:var(--warning);box-shadow:0 0 8px rgba(250,173,20,0.5);}
+    .top-stat-card--warning .top-stat-card__num{color:var(--warning);text-shadow:0 0 8px rgba(250,173,20,0.35);}
+    .top-stat-card--success::before{background:var(--success);box-shadow:0 0 8px rgba(82,196,26,0.5);}
+    .top-stat-card--success .top-stat-card__num{color:var(--success);text-shadow:0 0 8px rgba(82,196,26,0.35);}
+    .top-stat-card--danger::before{background:var(--danger);box-shadow:0 0 8px rgba(255,77,79,0.5);}
+    .top-stat-card--danger .top-stat-card__num{color:var(--danger);text-shadow:0 0 8px rgba(255,77,79,0.35);}
+    .top-stat-card__trend{font-size:10px;padding:1px 5px;border-radius:8px;font-weight:500;line-height:1.2;}
+    .top-stat-card__trend--up{background:rgba(255,77,79,0.14);color:var(--danger);}
+    .top-stat-card__trend--down{background:rgba(82,196,26,0.14);color:var(--success);}
+
+    /* ========== 通用面板 ========== */
+    .panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;
+      backdrop-filter:blur(6px);display:flex;flex-direction:column;overflow:hidden;position:relative;
+      animation:panelGlow 3s ease-in-out infinite;}
+    @keyframes panelGlow{
+      0%,100%{box-shadow:0 0 8px rgba(24,144,255,0.06);}
+      50%{box-shadow:0 0 16px rgba(24,144,255,0.12);}
+    }
+    .panel::before{content:'';position:absolute;top:0;left:0;width:12px;height:12px;z-index:5;
+      border-top:1.5px solid rgba(24,144,255,0.35);border-left:1.5px solid rgba(24,144,255,0.35);
+      border-radius:10px 0 0 0;pointer-events:none;}
+    .panel::after{content:'';position:absolute;bottom:0;right:0;width:12px;height:12px;z-index:5;
+      border-bottom:1.5px solid rgba(24,144,255,0.35);border-right:1.5px solid rgba(24,144,255,0.35);
+      border-radius:0 0 10px 0;pointer-events:none;}
+    .panel__header::before{content:'';position:absolute;top:0;right:0;width:12px;height:12px;z-index:5;
+      border-top:1.5px solid rgba(24,144,255,0.25);border-right:1.5px solid rgba(24,144,255,0.25);
+      border-radius:0 10px 0 0;pointer-events:none;}
+    .panel__header{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;position:relative;
+      background:linear-gradient(90deg,rgba(24,144,255,0.12),transparent);border-bottom:1px solid var(--panel-border);}
+    .panel__header-diamond{width:8px;height:8px;background:var(--primary);transform:rotate(45deg);
+      box-shadow:0 0 6px rgba(24,144,255,0.6);flex-shrink:0;}
+    .panel__header-title{font-size:14px;font-weight:600;color:var(--text-main);letter-spacing:0.5px;}
+    .panel__header-link{font-size:10px;color:var(--primary);cursor:pointer;margin-left:auto;flex-shrink:0;transition:all .2s;}
+    .panel__header-link:hover{color:#40a9ff;text-decoration:underline;}
+    .panel__header-select{height:26px;padding:0 24px 0 10px;margin-left:auto;font-size:11px;
+      background:rgba(10,20,44,0.8);border:1px solid var(--panel-border);border-radius:13px;
+      color:var(--text-sub);outline:none;cursor:pointer;appearance:none;
+      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%234A6B8A'/%3E%3C/svg%3E");
+      background-repeat:no-repeat;background-position:right 8px center;transition:all .2s;}
+    .panel__header-select:hover{border-color:rgba(24,144,255,0.4);color:var(--text-main);}
+    .panel__header-select:focus{border-color:var(--primary);}
+    .panel__header-select option{background:#0f2847;color:var(--text-main);}
+    .panel__body{flex:1;padding:12px;overflow-y:auto;}
+    .panel__body::-webkit-scrollbar{width:4px;}
+    .panel__body::-webkit-scrollbar-thumb{background:rgba(24,144,255,0.3);border-radius:2px;}
+
+    /* ========== 左侧 4 块环形图（沿用 cv-ring 样式） ========== */
+    .panel--cv-ring .panel__body{padding:6px 10px 8px;overflow:hidden;}
+    .cv-ring{display:flex;align-items:center;gap:8px;min-width:0;height:100%;}
+    .cv-ring__chart{width:110px;height:110px;position:relative;flex-shrink:0;}
+    .cv-ring__chart svg{width:100%;height:100%;display:block;overflow:visible;}
+    .cv-ring__segment{transition:opacity .18s,filter .18s;cursor:pointer;}
+    .cv-ring__segment:hover{opacity:1;filter:drop-shadow(0 0 6px currentColor);}
+    .cv-ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
+      justify-content:center;text-align:center;pointer-events:none;}
+    .cv-ring__label{font-size:10px;color:var(--text-sub);font-weight:600;}
+    .cv-ring__num{font-size:18px;font-weight:700;color:#fff;line-height:1.15;margin-top:2px;
+      text-shadow:0 0 8px rgba(24,144,255,0.42);font-variant-numeric:tabular-nums;}
+    .cv-ring__unit{font-size:9px;color:var(--text-dim);margin-top:1px;}
+    .cv-ring__summary{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
+    .cv-ring__title{font-size:12px;font-weight:700;color:#fff;line-height:1.25;}
+    .cv-ring__range{font-size:10px;color:var(--text-sub);line-height:1.35;}
+    .cv-ring__range b{color:var(--cyan);font-weight:700;}
+    .cv-ring__legend{display:flex;flex-direction:column;gap:3px;}
+    .cv-ring__legend-item{display:grid;grid-template-columns:8px minmax(36px,1fr) auto;align-items:center;gap:5px;
+      font-size:10px;color:var(--text-sub);min-width:0;}
+    .cv-ring__legend-dot{width:8px;height:8px;border-radius:2px;box-shadow:0 0 6px currentColor;}
+    .cv-ring__legend-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+    .cv-ring__legend-value{font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums;white-space:nowrap;}
+
+    /* ========== 求助趋势柱图 ========== */
+    .help-trend{display:flex;flex-direction:column;gap:6px;}
+    .help-trend__summary{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--text-sub);}
+    .help-trend__summary b{color:#fff;font-size:13px;}
+    .help-trend__plot{height:100px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;
+      padding:6px 0 0;border-bottom:1px solid rgba(24,144,255,0.16);position:relative;}
+    .help-trend__day{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;}
+    .help-trend__bars{height:74px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;width:100%;max-width:24px;}
+    .help-trend__seg{width:100%;border-radius:3px 3px 0 0;min-height:0;}
+    .help-trend__seg--video{background:#1890FF;color:#1890FF;box-shadow:0 0 6px currentColor;}
+    .help-trend__seg--call{background:#00e5ff;color:#00e5ff;box-shadow:0 0 6px currentColor;}
+    .help-trend__seg--ambulance{background:#FF4D4F;color:#FF4D4F;box-shadow:0 0 6px currentColor;}
+    .help-trend__total{font-size:11px;color:#fff;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;}
+    .help-trend__label{font-size:10px;color:var(--text-dim);line-height:1;white-space:nowrap;}
+    .help-trend__legend{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:var(--text-sub);}
+    .help-trend__legend span{display:flex;align-items:center;gap:5px;}
+    .help-trend__dot{width:8px;height:8px;border-radius:2px;box-shadow:0 0 7px currentColor;}
+    /* 求助趋势悬浮 tip */
+    .help-trend-tip{position:fixed;z-index:200;min-width:132px;padding:8px 10px;
+      background:rgba(10,22,48,0.96);border:1px solid rgba(24,144,255,0.4);border-radius:8px;
+      box-shadow:0 0 16px rgba(24,144,255,0.25);font-size:11px;color:var(--text-main);
+      pointer-events:none;backdrop-filter:blur(6px);}
+    .help-trend-tip__head{font-size:12px;font-weight:700;color:#fff;margin-bottom:5px;
+      padding-bottom:4px;border-bottom:1px solid rgba(24,144,255,0.2);}
+    .help-trend-tip__row{display:flex;align-items:center;gap:6px;line-height:1.6;color:var(--text-sub);}
+    .help-trend-tip__row i{width:8px;height:8px;border-radius:2px;box-shadow:0 0 6px currentColor;flex-shrink:0;}
+    .help-trend-tip__row b{color:#fff;font-weight:700;margin:0 2px;font-variant-numeric:tabular-nums;}
+
+    /* ========== 求助时段分布（横向条，沿用 wearable-stat-chart） ========== */
+    .wearable-stat-chart{padding:6px 4px 4px;}
+    .wearable-stat-chart__bars{display:flex;flex-direction:column;gap:6px;}
+    .wearable-stat-chart__col{display:flex;align-items:center;gap:8px;height:18px;}
+    .wearable-stat-chart__label{width:50px;font-size:10px;color:var(--text-sub);text-align:right;flex-shrink:0;white-space:nowrap;}
+    .wearable-stat-chart__bar-wrap{flex:1;height:100%;display:flex;align-items:center;}
+    .wearable-stat-chart__bar{height:10px;border-radius:2px 5px 5px 2px;transition:width .6s ease;min-width:4px;position:relative;box-shadow:0 0 6px currentColor;}
+    .wearable-stat-chart__bar::after{content:'';position:absolute;top:0;left:0;bottom:0;width:20px;background:linear-gradient(90deg,rgba(255,255,255,0.3),transparent);border-radius:2px 0 0 5px;}
+    .wearable-stat-chart__bar-value{font-size:10px;color:#fff;font-weight:600;text-shadow:0 0 6px rgba(0,0,0,0.4);white-space:nowrap;min-width:20px;text-align:left;line-height:1;}
+    .wearable-stat-chart__bar-unit{font-size:10px;color:var(--text-sub);font-weight:400;margin-left:1px;}
+
+    /* ========== 应急求助事件列表（沿用 alarm-list 样式） ========== */
+    .alarm-list{height:100%;overflow:hidden;position:relative;}
+    .alarm-list__track{animation:alarmScroll 24s linear infinite;}
+    .alarm-list__track:hover{animation-play-state:paused;}
+    @keyframes alarmScroll{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
+    .alarm-item{padding:10px 12px;border-bottom:1px solid rgba(24,144,255,0.06);cursor:pointer;transition:background .2s;}
+    .alarm-item:hover{background:rgba(24,144,255,0.06);}
+    .alarm-item__header{display:flex;align-items:center;gap:8px;margin-bottom:4px;}
+    .alarm-item__type-tag{font-size:10px;padding:1px 8px;border-radius:4px;font-weight:600;flex-shrink:0;}
+    .alarm-item__type-tag--video{background:rgba(24,144,255,0.15);color:var(--primary);border:1px solid rgba(24,144,255,0.25);}
+    .alarm-item__type-tag--call{background:rgba(0,229,255,0.12);color:var(--cyan);border:1px solid rgba(0,229,255,0.25);}
+    .alarm-item__type-tag--ambulance{background:rgba(255,77,79,0.15);color:var(--danger);border:1px solid rgba(255,77,79,0.25);}
+    .alarm-item__time{font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums;}
+    .alarm-item__status{font-size:10px;font-weight:500;margin-left:auto;flex-shrink:0;}
+    .alarm-item__status--pending{color:var(--warning);}
+    .alarm-item__status--doing{color:var(--primary);}
+    .alarm-item__status--done{color:var(--text-dim);}
+    .alarm-item__desc{font-size:11px;color:var(--text-sub);}
+
+    /* ========== 中央地图 ========== */
+    .map-wrap{flex:1;border-radius:10px;position:relative;overflow:hidden;
+      background:radial-gradient(circle at 50% 48%,rgba(24,144,255,0.20),transparent 58%),var(--map-bg);
+      border:1px solid rgba(0,229,255,0.20);min-height:0;}
+    .map-bg{position:absolute;inset:0;z-index:0;
+      background-image:
+        linear-gradient(rgba(0,229,255,0.10) 1px,transparent 1px),
+        linear-gradient(90deg,rgba(0,229,255,0.10) 1px,transparent 1px),
+        linear-gradient(rgba(24,144,255,0.18) 2px,transparent 2px),
+        linear-gradient(90deg,rgba(24,144,255,0.18) 2px,transparent 2px);
+      background-size:36px 36px,36px 36px,180px 180px,180px 180px;
+      background-position:center;}
+    .map-bg::before{content:'';position:absolute;inset:0;pointer-events:none;
+      background:
+        linear-gradient(90deg,transparent 0%,rgba(0,229,255,0.18) 50%,transparent 100%) center 32%/100% 1px no-repeat,
+        linear-gradient(0deg,transparent 0%,rgba(0,229,255,0.16) 50%,transparent 100%) 50% center/1px 100% no-repeat,
+        radial-gradient(circle at 33% 40%,rgba(24,144,255,0.24),transparent 18%),
+        radial-gradient(circle at 66% 46%,rgba(0,229,255,0.18),transparent 18%),
+        radial-gradient(circle at 50% 78%,rgba(24,144,255,0.20),transparent 16%);
+      opacity:.9;}
+    .map-bg::after{content:'';position:absolute;inset:10px;pointer-events:none;border-radius:8px;
+      border:1px solid rgba(0,229,255,0.16);box-shadow:inset 0 0 42px rgba(0,229,255,0.10);}
+    .map-markers{position:absolute;inset:0;z-index:6;}
+    .map-marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:6;transition:all .2s;}
+    .map-marker:hover{transform:translate(-50%,-50%) scale(1.25);z-index:10;}
+    .map-marker__pin{width:20px;height:20px;}
+    .map-marker__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
+      width:30px;height:30px;border-radius:50%;animation:pulse 2s ease-out infinite;}
+    @keyframes pulse{0%{transform:translate(-50%,-50%) scale(0.5);opacity:1;}100%{transform:translate(-50%,-50%) scale(2);opacity:0;}}
+    .map-legend{position:absolute;left:12px;bottom:12px;z-index:8;display:flex;align-items:center;gap:14px;
+      padding:6px 12px;background:rgba(10,22,48,0.7);border:1px solid var(--panel-border);border-radius:18px;
+      backdrop-filter:blur(8px);font-size:11px;color:var(--text-sub);}
+    .map-legend__item{display:flex;align-items:center;gap:5px;}
+    .map-legend__dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor;}
+    .map-legend__dot--normal{background:#52C41A;color:#52C41A;}
+    .map-legend__dot--warn{background:#FAAD14;color:#FAAD14;}
+    .map-legend__dot--danger{background:#FF4D4F;color:#FF4D4F;}
+    .map-title-pill{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:8;
+      padding:5px 14px;background:rgba(10,22,48,0.78);border:1px solid var(--panel-border);border-radius:18px;
+      backdrop-filter:blur(8px);font-size:12px;color:var(--text-main);font-weight:600;letter-spacing:0.5px;
+      display:flex;align-items:center;gap:6px;}
+    .map-title-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);}
+
+    /* ========== 地图缩放交互（点击求助图标放大居中 + 信息弹窗） ========== */
+    .map-stage{position:absolute;inset:0;z-index:1;transform-origin:center center;
+      transition:transform .55s cubic-bezier(.22,.61,.36,1);}
+    .map-marker.is-active{z-index:12;}
+    .map-marker.is-active .map-marker__pin{filter:drop-shadow(0 0 5px rgba(255,255,255,0.95)) drop-shadow(0 0 10px rgba(0,229,255,0.55));}
+    /* 求助图标信息弹窗（浮于地图之上，不随缩放变化；由 JS 按地图正中图标自适应定位） */
+    .help-marker-popup{position:absolute;left:0;top:0;z-index:20;width:272px;padding:12px 14px 13px;
+      background:rgba(10,22,48,0.96);border:1px solid rgba(24,144,255,0.4);border-radius:10px;
+      box-shadow:0 0 22px rgba(24,144,255,0.3);backdrop-filter:blur(8px);
+      font-size:12px;color:var(--text-main);opacity:1;transition:opacity .2s ease;
+      animation:helpPopIn .26s ease;}
+    @keyframes helpPopIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
+    .help-marker-popup__arrow{position:absolute;left:50%;bottom:-7px;width:13px;height:13px;
+      transform:translateX(-50%) rotate(45deg);background:rgba(10,22,48,0.96);
+      border-right:1px solid rgba(24,144,255,0.4);border-bottom:1px solid rgba(24,144,255,0.4);}
+    .help-marker-popup__close{position:absolute;top:6px;right:8px;font-size:16px;line-height:1;
+      color:var(--text-dim);cursor:pointer;transition:color .2s;}
+    .help-marker-popup__close:hover{color:var(--text-main);}
+    .help-marker-popup__title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;
+      font-size:13px;font-weight:700;color:#fff;margin-bottom:8px;padding-right:16px;}
+    .help-marker-popup__status{font-size:10px;font-weight:600;padding:1px 7px;border-radius:4px;margin-left:auto;}
+    .help-marker-popup__status--pending{color:var(--warning);background:rgba(250,173,20,0.15);border:1px solid rgba(250,173,20,0.3);}
+    .help-marker-popup__status--doing{color:var(--primary);background:rgba(24,144,255,0.15);border:1px solid rgba(24,144,255,0.3);}
+    .help-marker-popup__status--done{color:var(--success);background:rgba(82,196,26,0.15);border:1px solid rgba(82,196,26,0.3);}
+    .help-marker-popup__row{display:flex;align-items:flex-start;gap:8px;line-height:1.7;font-size:11px;}
+    .help-marker-popup__k{flex-shrink:0;width:64px;color:var(--text-dim);}
+    .help-marker-popup__v{flex:1;min-width:0;color:var(--text-main);word-break:break-all;}
+
+    /* ========== 各单位求助情况卡片（横向滚动，沿用 watch-stat） ========== */
+    .watch-stat-panel{flex-shrink:0;}
+    .watch-stat-cards{position:relative;overflow:hidden;padding:8px 0;}
+    .watch-stat-cards::before,.watch-stat-cards::after{content:'';position:absolute;top:0;bottom:0;width:36px;z-index:5;pointer-events:none;}
+    .watch-stat-cards::before{left:0;background:linear-gradient(90deg,rgba(7,18,36,0.95),transparent);}
+    .watch-stat-cards::after{right:0;background:linear-gradient(90deg,transparent,rgba(7,18,36,0.95));}
+    .watch-stat-track{display:flex;gap:10px;padding:0 12px;width:max-content;animation:watchScroll 60s linear infinite;}
+    .watch-stat-track:hover{animation-play-state:paused;}
+    @keyframes watchScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
+    .watch-stat-card{position:relative;padding:10px 14px;border-radius:8px;flex-shrink:0;width:180px;
+      background:linear-gradient(135deg,rgba(24,144,255,0.08),rgba(10,30,60,0.5));
+      border:1px solid var(--panel-border);overflow:hidden;transition:all .2s;cursor:default;}
+    .watch-stat-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);
+      box-shadow:0 0 8px rgba(24,144,255,0.5);}
+    .watch-stat-card:hover{border-color:rgba(24,144,255,0.45);box-shadow:0 0 14px rgba(24,144,255,0.18);transform:translateY(-1px);}
+    .watch-stat-card__head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;}
+    .watch-stat-card__unit{font-size:12px;font-weight:600;color:#fff;letter-spacing:0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;}
+    .watch-stat-card__rate{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;
+      text-shadow:0 0 8px rgba(24,144,255,0.35);}
+    .watch-stat-card__bar{height:5px;border-radius:3px;background:rgba(74,107,138,0.22);overflow:hidden;margin-bottom:7px;}
+    .watch-stat-card__bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary),#00e5ff);
+      box-shadow:0 0 6px rgba(24,144,255,0.55);transition:width .3s;}
+    .watch-stat-card__chips{display:flex;justify-content:space-between;gap:4px;}
+    .watch-stat-card__chip{display:flex;flex-direction:column;align-items:center;gap:1px;flex:1;min-width:0;}
+    .watch-stat-card__chip-num{font-size:12px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:1;}
+    .watch-stat-card__chip-label{font-size:9px;color:var(--text-dim);white-space:nowrap;}
+    .watch-stat-card__chip--pending .watch-stat-card__chip-num{color:var(--warning);}
+    .watch-stat-card__chip--done .watch-stat-card__chip-num{color:var(--success);}
+    .watch-stat-card--total{background:linear-gradient(135deg,rgba(0,229,255,0.12),rgba(10,30,60,0.6));
+      border-color:rgba(0,229,255,0.35);box-shadow:0 0 12px rgba(0,229,255,0.18);}
+    .watch-stat-card--total::before{background:var(--cyan);box-shadow:0 0 10px rgba(0,229,255,0.6);}
+    .watch-stat-card--total .watch-stat-card__rate{color:var(--cyan);text-shadow:0 0 10px rgba(0,229,255,0.5);}
+    .watch-stat-card--total .watch-stat-card__bar-fill{background:linear-gradient(90deg,#00e5ff,#1890FF);}
+
+    /* ========== 应急求助记录弹窗（沿用主屏） ========== */
+    .alarm-record-overlay{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,0.35);
+      display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);}
+    .alarm-record-modal{position:relative;width:1020px;max-height:85vh;
+      background:linear-gradient(135deg,rgba(10,25,55,0.98),rgba(15,40,75,0.98));
+      border:1px solid var(--panel-border);border-radius:12px;
+      box-shadow:0 0 50px rgba(24,144,255,0.18);display:flex;flex-direction:column;overflow:hidden;}
+    .alarm-record-modal::before{content:'';position:absolute;top:0;left:0;width:14px;height:14px;
+      border-top:1.5px solid rgba(24,144,255,0.4);border-left:1.5px solid rgba(24,144,255,0.4);border-radius:12px 0 0 0;z-index:2;pointer-events:none;}
+    .alarm-record-modal::after{content:'';position:absolute;bottom:0;right:0;width:14px;height:14px;
+      border-bottom:1.5px solid rgba(24,144,255,0.4);border-right:1.5px solid rgba(24,144,255,0.4);border-radius:0 0 12px 0;z-index:2;pointer-events:none;}
+    .alarm-record-modal__header{height:48px;padding:0 18px;display:flex;align-items:center;gap:10px;flex-shrink:0;
+      background:linear-gradient(90deg,rgba(24,144,255,0.12),transparent);border-bottom:1px solid var(--panel-border);}
+    .alarm-record-modal__header-icon{width:28px;height:28px;border-radius:6px;background:rgba(250,173,20,0.15);
+      display:flex;align-items:center;justify-content:center;color:var(--warning);flex-shrink:0;}
+    .alarm-record-modal__title{font-size:15px;font-weight:600;color:var(--text-main);}
+    .alarm-record-modal__total{font-size:12px;color:var(--primary);margin-left:8px;}
+    .alarm-record-modal__close{font-size:20px;color:var(--text-dim);cursor:pointer;margin-left:auto;line-height:1;transition:all .2s;}
+    .alarm-record-modal__close:hover{color:var(--text-main);}
+    .alarm-record-filters{display:flex;align-items:flex-end;gap:10px;padding:12px 18px;flex-shrink:0;
+      border-bottom:1px solid rgba(24,144,255,0.08);flex-wrap:wrap;}
+    .alarm-record-filter{display:flex;flex-direction:column;gap:3px;}
+    .alarm-record-filter__label{font-size:10px;color:var(--text-dim);letter-spacing:0.5px;}
+    .alarm-record-filter__input,.alarm-record-filter__select{height:30px;padding:0 10px;
+      background:rgba(10,20,44,0.8);border:1px solid var(--panel-border);border-radius:6px;
+      font-size:12px;color:var(--text-main);outline:none;transition:border-color .2s;min-width:0;}
+    .alarm-record-filter__select{padding-right:28px;cursor:pointer;appearance:none;
+      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234A6B8A'/%3E%3C/svg%3E");
+      background-repeat:no-repeat;background-position:right 10px center;}
+    .alarm-record-filter__input:focus,.alarm-record-filter__select:focus{border-color:var(--primary);}
+    .alarm-record-filter__input::placeholder{color:var(--text-dim);}
+    .alarm-record-filter__input--date{width:130px;}
+    .alarm-record-filter__input--text{width:110px;}
+    .alarm-record-filter__select--type{width:120px;}
+    .alarm-record-filter__btn{height:30px;padding:0 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;
+      border:1px solid var(--panel-border);background:rgba(24,144,255,0.08);color:var(--text-sub);white-space:nowrap;}
+    .alarm-record-filter__btn:hover{background:rgba(24,144,255,0.15);color:var(--text-main);border-color:rgba(24,144,255,0.3);}
+    .alarm-record-filter__btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);}
+    .alarm-record-filter__btn--primary:hover{background:#40a9ff;}
+    .alarm-record-table-wrap{flex:1;overflow:auto;padding:0;}
+    .alarm-record-table-wrap::-webkit-scrollbar{width:4px;height:4px;}
+    .alarm-record-table-wrap::-webkit-scrollbar-thumb{background:rgba(24,144,255,0.3);border-radius:2px;}
+    .alarm-record-table{width:100%;border-collapse:collapse;font-size:12px;}
+    .alarm-record-table thead{position:sticky;top:0;z-index:3;}
+    .alarm-record-table th{background:rgba(10,22,48,0.98);color:var(--text-sub);font-weight:500;font-size:11px;
+      padding:10px 8px;text-align:left;border-bottom:1px solid rgba(24,144,255,0.2);white-space:nowrap;
+      letter-spacing:0.3px;}
+    .alarm-record-table td{padding:9px 8px;border-bottom:1px solid rgba(24,144,255,0.06);
+      color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+    .alarm-record-table tbody tr{transition:background .15s;}
+    .alarm-record-table tbody tr:hover{background:rgba(24,144,255,0.05);}
+    .alarm-record-table tbody tr:nth-child(even){background:rgba(24,144,255,0.02);}
+    .alarm-record-table tbody tr:nth-child(even):hover{background:rgba(24,144,255,0.06);}
+    .alarm-record-table__empty{padding:40px 0;text-align:center;color:var(--text-dim);font-size:13px;}
+    .alarm-record-pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;
+      border-top:1px solid rgba(24,144,255,0.12);flex-shrink:0;background:rgba(10,22,48,0.5);}
+    .alarm-record-pagination__info{font-size:11px;color:var(--text-dim);}
+    .alarm-record-pagination__pages{display:flex;align-items:center;gap:4px;}
+    .alarm-record-pagination__btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;
+      justify-content:center;cursor:pointer;font-size:12px;color:var(--text-sub);transition:all .2s;
+      border:1px solid var(--panel-border);background:rgba(24,144,255,0.05);}
+    .alarm-record-pagination__btn:hover{background:rgba(24,144,255,0.15);color:var(--text-main);border-color:rgba(24,144,255,0.35);}
+    .alarm-record-pagination__btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
+    .alarm-record-pagination__btn--arrow{font-size:14px;font-weight:700;}
+    .alarm-record-pagination__ellipsis{width:28px;text-align:center;color:var(--text-dim);font-size:12px;}
+    .alarm-record-pagination__size{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);}
+    .alarm-record-pagination__size select{height:26px;padding:0 24px 0 8px;font-size:11px;
+      background:rgba(10,20,44,0.8);border:1px solid var(--panel-border);border-radius:5px;
+      color:var(--text-main);outline:none;cursor:pointer;appearance:none;
+      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234A6B8A'/%3E%3C/svg%3E");
+      background-repeat:no-repeat;background-position:right 6px center;}
+  </style>
+</head>
+<body>
+
+<!-- 顶部标题栏 -->
+<header class="header">
+  <div class="header__deco header__deco--left"></div>
+  <div class="header__deco header__deco--right"></div>
+  <div class="header__left">
+    <div class="header__clock" id="clock">--</div>
+    <a class="header__btn header__btn--main" href="index-v3.html">返回主屏</a>
+  </div>
+  <div class="header__title">
+    <span class="header__title-text">西安应急中心 · 应急求助副屏</span>
+  </div>
+  <div class="header__right">
+    <!-- [交互] 时间段切换：今日 / 近一周 / 近一月 / 近一年 -->
+    <div class="header__tabs" id="helpPeriodTabs">
+      <button type="button" class="header__tab header__tab--active" data-period="today" onclick="switchHelpPeriod('today',this)">今日</button>
+      <button type="button" class="header__tab" data-period="week" onclick="switchHelpPeriod('week',this)">近一周</button>
+      <button type="button" class="header__tab" data-period="month" onclick="switchHelpPeriod('month',this)">近一月</button>
+      <button type="button" class="header__tab" data-period="year" onclick="switchHelpPeriod('year',this)">近一年</button>
+    </div>
+    <div class="header__runtime">
+      <span>系统累计运行</span>
+      <span class="header__runtime-num" id="runDays">0</span>
+      <span>天</span>
+    </div>
+  </div>
+  <div class="header__scan-line"></div>
+</header>
+
+<!-- 主内容区 -->
+<div class="main">
+  <!-- 左侧 4 块：求助类型 / 处理状态 / 年龄段 / 性别 分布 -->
+  <aside class="side side--left">
+    <!-- 求助类型分布 -->
+    <div class="panel panel--cv-ring" style="flex:1;min-height:0;">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">求助类型分布</span>
+      </div>
+      <div class="panel__body" id="typeRing"></div>
+    </div>
+    <!-- 处理状态分布 -->
+    <div class="panel panel--cv-ring" style="flex:1;min-height:0;">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">处理状态分布</span>
+      </div>
+      <div class="panel__body" id="statusRing"></div>
+    </div>
+    <!-- 年龄段分布 -->
+    <div class="panel panel--cv-ring" style="flex:1;min-height:0;">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">年龄段分布</span>
+      </div>
+      <div class="panel__body" id="ageRing"></div>
+    </div>
+    <!-- 性别分布 -->
+    <div class="panel panel--cv-ring" style="flex:1;min-height:0;">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">性别分布</span>
+      </div>
+      <div class="panel__body" id="genderRing"></div>
+    </div>
+  </aside>
+
+  <!-- 中央：KPI + 求助位置地图 + 各单位求助情况 -->
+  <div class="center">
+    <!-- 顶部 KPI 行（近一周概览，沿用主屏应急求助模块口径） -->
+    <div class="top-stats">
+      <div class="top-stat-card top-stat-card--primary">
+        <div class="top-stat-card__body">
+          <div class="top-stat-card__num">3,562<unit>单</unit></div>
+          <div class="top-stat-card__label">累计求助工单</div>
+        </div>
+      </div>
+      <div class="top-stat-card top-stat-card--danger">
+        <div class="top-stat-card__body">
+          <div class="top-stat-card__num">12<unit>单</unit></div>
+          <div class="top-stat-card__label">待处理工单</div>
+        </div>
+      </div>
+      <div class="top-stat-card top-stat-card--primary">
+        <div class="top-stat-card__body">
+          <div class="top-stat-card__num">96<unit>次</unit></div>
+          <div class="top-stat-card__label">应急视频次数</div>
+        </div>
+      </div>
+      <div class="top-stat-card top-stat-card--primary">
+        <div class="top-stat-card__body">
+          <div class="top-stat-card__num">128<unit>次</unit></div>
+          <div class="top-stat-card__label">应急电话次数</div>
+        </div>
+      </div>
+      <div class="top-stat-card top-stat-card--primary">
+        <div class="top-stat-card__body">
+          <div class="top-stat-card__num">23<unit>次</unit></div>
+          <div class="top-stat-card__label">拨打120次数</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 地图：应急求助位置分布（按处理状态着色） -->
+    <div class="map-wrap" id="helpMapWrap">
+      <!-- map-stage 承载底图与标记，点击图标时整体缩放居中到该图标 -->
+      <div class="map-stage" id="helpMapStage">
+        <div class="map-bg"></div>
+        <!-- 标记点由 JS 渲染（红=待处理 / 黄=处理中 / 绿=已完成） -->
+        <div class="map-markers" id="helpMapMarkers"></div>
+      </div>
+      <div class="map-title-pill"><span class="dot"></span>应急求助位置分布</div>
+      <!-- 图例 -->
+      <div class="map-legend">
+        <div class="map-legend__item"><span class="map-legend__dot map-legend__dot--danger"></span>待处理</div>
+        <div class="map-legend__item"><span class="map-legend__dot map-legend__dot--warn"></span>处理中</div>
+        <div class="map-legend__item"><span class="map-legend__dot map-legend__dot--normal"></span>已完成</div>
+      </div>
+    </div>
+
+    <!-- 各单位求助情况统计 -->
+    <div class="panel watch-stat-panel">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">各单位求助情况统计</span>
+      </div>
+      <div class="panel__body" style="padding:0;overflow:hidden;max-height:200px;">
+        <div class="watch-stat-cards">
+          <div class="watch-stat-track" id="unitStatTrack"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 右侧 3 块：求助趋势 / 求助时段分布 / 应急求助事件 -->
+  <aside class="side side--right">
+    <!-- 求助趋势柱图 -->
+    <div class="panel" style="flex-shrink:0;">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">求助趋势</span>
+      </div>
+      <div class="panel__body" style="padding:8px 10px;overflow:hidden;" id="trendChart"></div>
+    </div>
+
+    <!-- 求助时段分布 -->
+    <div class="panel" style="flex-shrink:0;">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">求助时段分布</span>
+      </div>
+      <div class="panel__body" style="padding:8px 10px;overflow:hidden;" id="hourChart"></div>
+    </div>
+
+    <!-- 应急求助事件（自动滚动列表） -->
+    <div class="panel" style="flex:1;min-height:0;">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">应急求助事件</span>
+        <!-- [交互] 点击查看更多，打开应急求助记录弹窗 -->
+        <span class="panel__header-link" onclick="openHelpRecordModal();event.stopPropagation();">查看更多</span>
+      </div>
+      <div class="panel__body" style="overflow:hidden;padding:0;">
+        <div class="alarm-list">
+          <div class="alarm-list__track" id="helpEventTrack">
+            <!-- [内容] 求助事件列表，自动上下滚动，由 JS 渲染 -->
+          </div>
+        </div>
+      </div>
+    </div>
+  </aside>
+</div>
+
+<!-- [弹窗] 应急求助记录列表 -->
+<div class="alarm-record-overlay" id="helpRecordOverlay" style="display:none;" onclick="closeHelpRecordModal()">
+  <div class="alarm-record-modal" onclick="event.stopPropagation();">
+    <div class="alarm-record-modal__header">
+      <div class="alarm-record-modal__header-icon">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
+      </div>
+      <span class="alarm-record-modal__title">应急求助记录</span>
+      <span class="alarm-record-modal__total" id="helpRecordTotal">共 0 条记录</span>
+      <span class="alarm-record-modal__close" onclick="closeHelpRecordModal()">&times;</span>
+    </div>
+    <!-- 筛选条件 -->
+    <div class="alarm-record-filters">
+      <div class="alarm-record-filter">
+        <span class="alarm-record-filter__label">求助类型</span>
+        <select class="alarm-record-filter__select alarm-record-filter__select--type" id="filterHelpType">
+          <option value="">全部类型</option>
+          <option value="拨打120">拨打120</option>
+          <option value="应急视频">应急视频</option>
+          <option value="应急电话">应急电话</option>
+        </select>
+      </div>
+      <div class="alarm-record-filter">
+        <span class="alarm-record-filter__label">处理状态</span>
+        <select class="alarm-record-filter__select alarm-record-filter__select--type" id="filterHelpStatus">
+          <option value="">全部状态</option>
+          <option value="待处理">待处理</option>
+          <option value="处理中">处理中</option>
+          <option value="已完成">已完成</option>
+        </select>
+      </div>
+      <div class="alarm-record-filter">
+        <span class="alarm-record-filter__label">开始日期</span>
+        <input type="date" class="alarm-record-filter__input alarm-record-filter__input--date" id="filterHelpDateFrom">
+      </div>
+      <div class="alarm-record-filter">
+        <span class="alarm-record-filter__label">结束日期</span>
+        <input type="date" class="alarm-record-filter__input alarm-record-filter__input--date" id="filterHelpDateTo">
+      </div>
+      <div class="alarm-record-filter">
+        <span class="alarm-record-filter__label">姓名</span>
+        <input type="text" class="alarm-record-filter__input alarm-record-filter__input--text" id="filterHelpName" placeholder="请输入姓名">
+      </div>
+      <div class="alarm-record-filter">
+        <span class="alarm-record-filter__label">员工编号</span>
+        <input type="text" class="alarm-record-filter__input alarm-record-filter__input--text" id="filterHelpEmpId" placeholder="请输入编号">
+      </div>
+      <button class="alarm-record-filter__btn alarm-record-filter__btn--primary" onclick="applyHelpRecordFilter()">查询</button>
+      <button class="alarm-record-filter__btn" onclick="resetHelpRecordFilter()">重置</button>
+    </div>
+    <!-- 表格 -->
+    <div class="alarm-record-table-wrap">
+      <table class="alarm-record-table">
+        <thead>
+          <tr>
+            <th style="width:70px;">姓名</th>
+            <th style="width:110px;">员工编号</th>
+            <th style="width:45px;">性别</th>
+            <th style="width:45px;">年龄</th>
+            <th style="width:100px;">单位</th>
+            <th style="width:90px;">部门</th>
+            <th style="width:85px;">求助类型</th>
+            <th style="width:75px;">处理状态</th>
+            <th style="width:140px;">求助时间</th>
+            <th style="width:180px;">详细地址</th>
+          </tr>
+        </thead>
+        <tbody id="helpRecordTbody"></tbody>
+      </table>
+    </div>
+    <!-- 分页 -->
+    <div class="alarm-record-pagination">
+      <div class="alarm-record-pagination__info" id="helpRecordPageInfo">显示第 1-10 条，共 0 条</div>
+      <div class="alarm-record-pagination__pages" id="helpRecordPageNumbers"></div>
+      <div class="alarm-record-pagination__size">
+        <span>每页</span>
+        <select id="helpRecordPageSize" onchange="changeHelpRecordPageSize()">
+          <option value="10">10</option>
+          <option value="20">20</option>
+          <option value="50">50</option>
+        </select>
+        <span>条</span>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+/* ========== 实时时钟 & 累计运行天数 ========== */
+function updateClock(){
+  var now=new Date();
+  var pad=function(n){return n<10?'0'+n:n;};
+  var str=now.getFullYear()+'-'+pad(now.getMonth()+1)+'-'+pad(now.getDate())+' '+pad(now.getHours())+':'+pad(now.getMinutes())+':'+pad(now.getSeconds());
+  document.getElementById('clock').textContent=str;
+}
+function updateRunDays(){
+  var start=new Date('2024-01-01T00:00:00').getTime();
+  var days=Math.floor((new Date().getTime()-start)/(1000*60*60*24));
+  document.getElementById('runDays').textContent=days;
+}
+setInterval(function(){updateClock();updateRunDays();},1000);
+updateClock();
+updateRunDays();
+
+/* ========== 时间段切换（今日 / 近一周 / 近一月 / 近一年） ========== */
+var currentHelpPeriod='today';
+function switchHelpPeriod(period,el){
+  currentHelpPeriod=period||'today';
+  /* [交互] 根据 period 切换选中态，后续可按时间段异步刷新各统计图表数据 */
+  var tabs=document.getElementById('helpPeriodTabs');
+  if(!tabs) return;
+  tabs.querySelectorAll('.header__tab').forEach(function(t){t.classList.remove('header__tab--active');});
+  var target=el||tabs.querySelector('.header__tab[data-period="'+currentHelpPeriod+'"]');
+  if(target) target.classList.add('header__tab--active');
+  /* 求助趋势按时间段切换粒度：今日24时 / 近一周7日 / 近一月30日 / 近一年12月 */
+  renderTrendChart(currentHelpPeriod);
+}
+
+/* ========== 应急求助记录数据（沿用主屏 HELP_RECORD_DATA） ========== */
+var HELP_RECORD_DATA = [
+  {name:'张建国',empId:'CY-2021-0837',gender:'男',age:52,unit:'采油一厂',dept:'生产区',helpType:'拨打120',content:'员工摔倒后意识模糊，现场人员拨打120请求急救',status:'待处理',helpTime:'2026-06-23 14:52:10',address:'采油一厂生产基地B区3号井组作业平台'},
+  {name:'周丽华',empId:'BH-2019-0521',gender:'女',age:33,unit:'宝石花医院',dept:'护理部',helpType:'应急视频',content:'员工通过应急视频发起求助，请求医疗援助',status:'待处理',helpTime:'2026-06-23 14:48:35',address:'宝石花医院护理部大楼3层302室'},
+  {name:'孙志强',empId:'GL-2019-0215',gender:'男',age:47,unit:'高陵医院',dept:'后勤',helpType:'应急电话',content:'员工拨打应急电话，自述胸闷气短、头晕乏力',status:'待处理',helpTime:'2026-06-23 14:40:22',address:'高陵医院后勤服务楼1层102室'},
+  {name:'吴永强',empId:'QY-2018-0193',gender:'男',age:55,unit:'庆阳医院',dept:'急诊科',helpType:'拨打120',content:'突发胸痛伴有出汗，疑似急性心梗，现场拨打120',status:'待处理',helpTime:'2026-06-23 14:32:08',address:'庆阳医院急诊科一楼抢救室'},
+  {name:'李明辉',empId:'CY-2019-0512',gender:'男',age:38,unit:'采油二厂',dept:'设备区',helpType:'应急电话',content:'员工在作业中感到心悸不适，电话求助健康咨询',status:'处理中',helpTime:'2026-06-23 14:25:18',address:'采油二厂设备区2号楼208室'},
+  {name:'刘雪梅',empId:'CY-2020-0442',gender:'女',age:36,unit:'采油二厂',dept:'行政楼',helpType:'拨打120',content:'员工办公室晕倒，同事拨打120请求救护车',status:'处理中',helpTime:'2026-06-23 12:50:41',address:'采油二厂行政楼5层503室'},
+  {name:'王芳',empId:'GS-2020-0128',gender:'女',age:45,unit:'公司机关',dept:'办公楼',helpType:'应急视频',content:'通过应急视频咨询用药问题，自述降压药服用后头晕',status:'已完成',helpTime:'2026-06-23 14:08:45',address:'公司机关办公楼8层801室'},
+  {name:'赵刚',empId:'CY-2022-0305',gender:'男',age:29,unit:'采油三厂',dept:'调度室',helpType:'应急电话',content:'员工夜间值班时突发胃痛，通过应急电话咨询',status:'已完成',helpTime:'2026-06-23 13:42:30',address:'采油三厂调度中心大楼2层201室'},
+  {name:'陈晓东',empId:'CY-2018-0678',gender:'男',age:41,unit:'采油一厂',dept:'维修队',helpType:'拨打120',content:'作业中手部受伤出血较多，现场拨打120请求救治',status:'已完成',helpTime:'2026-06-23 13:15:08',address:'采油一厂维修队办公楼3层305室'},
+  {name:'郑海龙',empId:'CY-2021-0923',gender:'男',age:43,unit:'采油一厂',dept:'生产区',helpType:'应急视频',content:'井组作业平台高温作业，员工疑似中暑请求帮助',status:'待处理',helpTime:'2026-06-23 11:35:52',address:'采油一厂生产基地A区1号井组平台'},
+  {name:'杨丽娟',empId:'CY-2022-0156',gender:'女',age:31,unit:'采油三厂',dept:'行政楼',helpType:'应急电话',content:'员工过敏反应，全身皮疹伴瘙痒，电话求助',status:'处理中',helpTime:'2026-06-23 10:58:17',address:'采油三厂行政楼4层402室'},
+  {name:'马国强',empId:'GS-2017-0388',gender:'男',age:50,unit:'公司机关',dept:'办公楼',helpType:'拨打120',content:'员工在楼梯间摔倒致左腿疑似骨折，拨打120',status:'已完成',helpTime:'2026-06-23 10:20:44',address:'公司机关办公楼大厅一楼东侧走廊'},
+  {name:'何凤英',empId:'XL-2020-0721',gender:'女',age:44,unit:'兴隆医院',dept:'内科',helpType:'应急视频',content:'员工夜班巡视时突发心悸，通过应急视频发起求助',status:'待处理',helpTime:'2026-06-22 21:45:30',address:'兴隆医院内科住院部3楼301病房'},
+  {name:'朱伟',empId:'CY-2019-0267',gender:'男',age:39,unit:'采油二厂',dept:'设备区',helpType:'应急电话',content:'设备巡检时发现同伴突发抽搐，紧急电话求助',status:'待处理',helpTime:'2026-06-22 19:22:15',address:'采油二厂设备区3号机组平台'},
+  {name:'郭晓霞',empId:'BH-2021-0312',gender:'女',age:28,unit:'宝石花医院',dept:'门诊部',helpType:'应急电话',content:'门诊值班遇患者突发晕厥，电话请求急诊支援',status:'处理中',helpTime:'2026-06-22 17:08:40',address:'宝石花医院门诊楼2层203诊室'},
+  {name:'许建平',empId:'GL-2018-0589',gender:'男',age:53,unit:'高陵医院',dept:'后勤',helpType:'拨打120',content:'后勤搬运重物后突发腰痛无法站立，拨打120',status:'已完成',helpTime:'2026-06-22 15:33:28',address:'高陵医院后勤服务楼2层205室'},
+  {name:'曹敏',empId:'CY-2023-0045',gender:'女',age:26,unit:'采油一厂',dept:'生产区',helpType:'应急视频',content:'新员工安全培训中模拟突发事件，视频连线实操',status:'已完成',helpTime:'2026-06-22 14:12:55',address:'采油一厂生产基地B区5号井组作业平台'},
+  {name:'董志远',empId:'QY-2020-0182',gender:'男',age:45,unit:'庆阳医院',dept:'外科',helpType:'应急电话',content:'外科术后患者突发高热，电话咨询治疗方案',status:'处理中',helpTime:'2026-06-22 13:25:11',address:'庆阳医院外科楼1层大厅'},
+  {name:'韩雪',empId:'GS-2021-0533',gender:'女',age:35,unit:'公司机关',dept:'办公楼',helpType:'应急视频',content:'孕期员工突发腹部不适，视频连线医生评估情况',status:'待处理',helpTime:'2026-06-22 11:50:36',address:'公司机关办公楼6层602室'},
+  {name:'冯国强',empId:'CY-2018-0814',gender:'男',age:48,unit:'采油三厂',dept:'维修队',helpType:'拨打120',content:'维修作业中电击受伤，现场紧急拨打120求救',status:'已完成',helpTime:'2026-06-22 09:18:03',address:'采油三厂维修车间东区2层平台'},
+  {name:'钟玲',empId:'XL-2022-0067',gender:'女',age:30,unit:'兴隆医院',dept:'护理部',helpType:'应急电话',content:'护士值班遇患者家属情绪激动，电话请求安保支援',status:'待处理',helpTime:'2026-06-21 20:40:19',address:'兴隆医院护理部2楼值班室'},
+  {name:'范德彪',empId:'CY-2017-0456',gender:'男',age:57,unit:'采油一厂',dept:'维修队',helpType:'应急电话',content:'老员工日常健康监测异常，电话报告血压偏高不适',status:'处理中',helpTime:'2026-06-21 18:05:47',address:'采油一厂维修队办公楼1层103室'},
+  {name:'卢芳',empId:'CY-2021-0789',gender:'女',age:32,unit:'采油二厂',dept:'行政楼',helpType:'应急视频',content:'员工食堂饭后多人腹泻，视频连线报告食品安全事件',status:'待处理',helpTime:'2026-06-21 14:30:22',address:'采油二厂行政楼3层308室'},
+  {name:'段伟明',empId:'BH-2018-0345',gender:'男',age:49,unit:'宝石花医院',dept:'急诊科',helpType:'拨打120',content:'急诊转院患者途中病情加重，重新拨打120协调',status:'已完成',helpTime:'2026-06-21 12:55:14',address:'宝石花医院急诊科一楼候诊区'},
+  {name:'任晓燕',empId:'GS-2022-0211',gender:'女',age:27,unit:'公司机关',dept:'办公楼',helpType:'应急电话',content:'新员工入职体检报告异常，电话咨询复查建议',status:'已完成',helpTime:'2026-06-21 10:15:33',address:'公司机关办公楼5层508室'},
+  {name:'石磊',empId:'CY-2020-0390',gender:'男',age:34,unit:'采油三厂',dept:'调度室',helpType:'应急视频',content:'调度室夜班人员感觉身体不适，视频连线健康评估',status:'处理中',helpTime:'2026-06-20 22:40:51',address:'采油三厂调度中心大楼1层101室'},
+  {name:'梁红梅',empId:'QY-2019-0278',gender:'女',age:42,unit:'庆阳医院',dept:'内科',helpType:'应急电话',content:'内科病区住院患者夜间病情突变，电话请求会诊',status:'待处理',helpTime:'2026-06-20 19:12:08',address:'庆阳医院内科住院部4楼405病房'},
+  {name:'贺军',empId:'GL-2021-0634',gender:'男',age:46,unit:'高陵医院',dept:'后勤',helpType:'拨打120',content:'后勤食堂员工切菜伤手流血不止，拨打120送医',status:'已完成',helpTime:'2026-06-20 16:35:42',address:'高陵医院后勤服务楼3层307室'}
+];
+
+/* ========== 统计派生（由 HELP_RECORD_DATA 计算） ========== */
+var HELP_TYPE_COLOR={'应急视频':'#1890FF','应急电话':'#00e5ff','拨打120':'#FF4D4F'};
+var HELP_STATUS_COLOR={'待处理':'#FAAD14','处理中':'#1890FF','已完成':'#52C41A'};
+var UNIT_COORDS={
+  '采油一厂':{top:38,left:33},
+  '采油二厂':{top:43,left:63},
+  '采油三厂':{top:78,left:50},
+  '公司机关':{top:14,left:50},
+  '兴隆医院':{top:14,left:13},
+  '宝石花医院':{top:16,left:75},
+  '高陵医院':{top:70,left:15},
+  '庆阳医院':{top:54,left:60}
+};
+
+function buildStats(){
+  var typeMap={},statusMap={},ageMap={'≤30岁':0,'31-40岁':0,'41-50岁':0,'>50岁':0},
+      genderMap={'男':0,'女':0},unitMap={},dateMap={},
+      hourBin={'凌晨(00-06)':0,'上午(06-12)':0,'下午(12-18)':0,'夜间(18-24)':0};
+  HELP_RECORD_DATA.forEach(function(r){
+    typeMap[r.helpType]=(typeMap[r.helpType]||0)+1;
+    statusMap[r.status]=(statusMap[r.status]||0)+1;
+    genderMap[r.gender]=(genderMap[r.gender]||0)+1;
+    unitMap[r.unit]=(unitMap[r.unit]||0)+1;
+    /* 年龄段 */
+    if(r.age<=30) ageMap['≤30岁']++;
+    else if(r.age<=40) ageMap['31-40岁']++;
+    else if(r.age<=50) ageMap['41-50岁']++;
+    else ageMap['>50岁']++;
+    /* 日期趋势 */
+    var day=r.helpTime.slice(5,10);
+    if(!dateMap[day]) dateMap[day]={'应急视频':0,'应急电话':0,'拨打120':0,total:0};
+    dateMap[day][r.helpType]++;
+    dateMap[day].total++;
+    /* 时段 */
+    var hour=parseInt(r.helpTime.slice(11,13),10);
+    if(hour<6) hourBin['凌晨(00-06)']++;
+    else if(hour<12) hourBin['上午(06-12)']++;
+    else if(hour<18) hourBin['下午(12-18)']++;
+    else hourBin['夜间(18-24)']++;
+  });
+  return{typeMap:typeMap,statusMap:statusMap,ageMap:ageMap,genderMap:genderMap,
+    unitMap:unitMap,dateMap:dateMap,hourBin:hourBin,total:HELP_RECORD_DATA.length};
+}
+var STATS=buildStats();
+
+/* ========== 通用环形图渲染 ========== */
+function renderRing(containerId,conf){
+  var total=conf.total;
+  var c=2*Math.PI*42; /* r=42 周长 ≈263.9 */
+  var offset=0;
+  var circles=conf.segments.map(function(seg){
+    var pct=total>0?seg.count/total*100:0;
+    var arc=Math.max(0,c*pct/100-2);
+    var dash=arc.toFixed(1)+' '+(c-arc).toFixed(1);
+    var circle='<circle class="cv-ring__segment" cx="55" cy="55" r="42" fill="none" stroke="'+seg.color+'" stroke-width="10" '+
+      'stroke-dasharray="'+dash+'" stroke-dashoffset="'+(-offset).toFixed(1)+'" stroke-linecap="butt" '+
+      'transform="rotate(-90 55 55)" opacity="0.96" style="color:'+seg.color+'"></circle>';
+    offset+=c*pct/100;
+    return circle;
+  }).join('');
+  var legend=conf.segments.map(function(seg){
+    var pct=total>0?seg.count/total*100:0;
+    return '<div class="cv-ring__legend-item">'+
+      '<span class="cv-ring__legend-dot" style="color:'+seg.color+';background:'+seg.color+'"></span>'+
+      '<span class="cv-ring__legend-name">'+seg.name+'</span>'+
+      '<span class="cv-ring__legend-value">'+seg.count+' · '+pct.toFixed(1)+'%</span>'+
+    '</div>';
+  }).join('');
+  document.getElementById(containerId).innerHTML=
+    '<div class="cv-ring">'+
+      '<div class="cv-ring__chart">'+
+        '<svg viewBox="0 0 110 110" aria-hidden="true">'+
+          '<circle cx="55" cy="55" r="42" fill="none" stroke="rgba(24,144,255,0.08)" stroke-width="10"></circle>'+
+          circles+
+        '</svg>'+
+        '<div class="cv-ring__center">'+
+          '<div class="cv-ring__label">'+conf.centerLabel+'</div>'+
+          '<div class="cv-ring__num">'+total+'</div>'+
+          '<div class="cv-ring__unit">'+conf.unit+'</div>'+
+        '</div>'+
+      '</div>'+
+      '<div class="cv-ring__summary">'+
+        '<div class="cv-ring__title">'+conf.title+'</div>'+
+        '<div class="cv-ring__range">'+conf.range+'</div>'+
+        '<div class="cv-ring__legend">'+legend+'</div>'+
+      '</div>'+
+    '</div>';
+}
+
+/* 求助类型分布 */
+renderRing('typeRing',{
+  centerLabel:'记录数',unit:'条',total:STATS.total,title:'求助类型构成',
+  range:'高频类型：<b>应急电话</b>',
+  segments:[
+    {name:'应急视频',count:STATS.typeMap['应急视频']||0,color:HELP_TYPE_COLOR['应急视频']},
+    {name:'应急电话',count:STATS.typeMap['应急电话']||0,color:HELP_TYPE_COLOR['应急电话']},
+    {name:'拨打120',count:STATS.typeMap['拨打120']||0,color:HELP_TYPE_COLOR['拨打120']}
+  ]
+});
+/* 处理状态分布 */
+renderRing('statusRing',{
+  centerLabel:'记录数',unit:'条',total:STATS.total,title:'处理状态构成',
+  range:'待处理占比：<b>'+((STATS.statusMap['待处理']||0)/STATS.total*100).toFixed(1)+'%</b>',
+  segments:[
+    {name:'待处理',count:STATS.statusMap['待处理']||0,color:HELP_STATUS_COLOR['待处理']},
+    {name:'处理中',count:STATS.statusMap['处理中']||0,color:HELP_STATUS_COLOR['处理中']},
+    {name:'已完成',count:STATS.statusMap['已完成']||0,color:HELP_STATUS_COLOR['已完成']}
+  ]
+});
+/* 年龄段分布 */
+renderRing('ageRing',{
+  centerLabel:'记录数',unit:'条',total:STATS.total,title:'求助人群年龄段',
+  range:'高风险段：<b>41-50岁</b>',
+  segments:[
+    {name:'≤30岁',count:STATS.ageMap['≤30岁'],color:'#13C2C2'},
+    {name:'31-40岁',count:STATS.ageMap['31-40岁'],color:'#1890FF'},
+    {name:'41-50岁',count:STATS.ageMap['41-50岁'],color:'#FAAD14'},
+    {name:'>50岁',count:STATS.ageMap['>50岁'],color:'#FF4D4F'}
+  ]
+});
+/* 性别分布 */
+renderRing('genderRing',{
+  centerLabel:'记录数',unit:'条',total:STATS.total,title:'求助人群性别',
+  range:'男女比：<b>'+(STATS.genderMap['男'])+':'+(STATS.genderMap['女'])+'</b>',
+  segments:[
+    {name:'男',count:STATS.genderMap['男'],color:'#1890FF'},
+    {name:'女',count:STATS.genderMap['女'],color:'#FF7A45'}
+  ]
+});
+
+/* ========== 求助位置地图标记（按处理状态着色，待处理脉冲） ========== */
+function renderMapMarkers(){
+  var wrap=document.getElementById('helpMapMarkers');
+  var perUnit={};
+  var html=HELP_RECORD_DATA.map(function(r,idx){
+    var base=UNIT_COORDS[r.unit]||{top:50,left:50};
+    var cnt=perUnit[r.unit]=(perUnit[r.unit]||0)+1;
+    /* 同一单位的记录做小幅抖动，避免完全重叠 */
+    var jt=((cnt%3)-1)*2.6;
+    var jl=(Math.floor((cnt-1)/3))*2.6;
+    var top=Math.max(6,Math.min(90,base.top+jt));
+    var left=Math.max(6,Math.min(92,base.left+jl));
+    var color=HELP_STATUS_COLOR[r.status];
+    var pulseBg={'待处理':'rgba(255,77,79,0.25)','处理中':'rgba(250,173,20,0.2)','已完成':'rgba(82,196,26,0.2)'}[r.status];
+    /* 仅待处理（紧急）脉冲高亮 */
+    var pulse=r.status==='待处理'?'<div class="map-marker__pulse" style="background:'+pulseBg+';"></div>':'';
+    return '<div class="map-marker" data-idx="'+idx+'" data-top="'+top.toFixed(1)+'" data-left="'+left.toFixed(1)+'"'+
+      ' style="top:'+top.toFixed(1)+'%;left:'+left.toFixed(1)+'%;"'+
+      ' title="'+r.name+' · '+r.unit+' · '+r.helpType+' · '+r.status+'" onclick="openHelpMarkerPopup('+idx+')">'+
+      pulse+
+      '<svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="'+color+'" stroke="#fff" stroke-width="1.5"/></svg>'+
+    '</div>';
+  }).join('');
+  wrap.innerHTML=html;
+}
+renderMapMarkers();
+
+/* ========== 点击求助图标：地图放大居中 + 图标上方弹出求助信息 ========== */
+/* 点击图标后，对 .map-stage 施加 scale+translate（以地图中心为原点），
+   使该图标落到地图正中；弹窗浮于地图之上（不随缩放变化），展示该条求助全部信息；
+   点击关闭按钮即还原缩放、回到原交互。 */
+var helpMapScale=2;
+function openHelpMarkerPopup(idx){
+  var r=HELP_RECORD_DATA[idx];
+  if(!r) return;
+  var marker=document.querySelector('.map-marker[data-idx="'+idx+'"]');
+  if(!marker) return;
+  var top=parseFloat(marker.getAttribute('data-top'));
+  var left=parseFloat(marker.getAttribute('data-left'));
+  /* 以地图中心(50,50)为缩放原点：先 scale(S)，再 translate 把 (left,top) 拉到 (50,50) */
+  var tx=-(helpMapScale*(left-50));
+  var ty=-(helpMapScale*(top-50));
+  var stage=document.getElementById('helpMapStage');
+  stage.style.transform='translate('+tx.toFixed(2)+'%, '+ty.toFixed(2)+'%) scale('+helpMapScale+')';
+  /* 选中态高亮 */
+  document.querySelectorAll('.map-marker.is-active').forEach(function(m){m.classList.remove('is-active');});
+  marker.classList.add('is-active');
+  renderHelpMarkerPopup(r);
+}
+function closeHelpMarkerPopup(){
+  var stage=document.getElementById('helpMapStage');
+  if(stage) stage.style.transform='';
+  document.querySelectorAll('.map-marker.is-active').forEach(function(m){m.classList.remove('is-active');});
+  var popup=document.getElementById('helpMarkerPopup');
+  if(popup){
+    popup.style.opacity='0';
+    setTimeout(function(){ var p=document.getElementById('helpMarkerPopup'); if(p) p.remove(); },220);
+  }
+}
+function renderHelpMarkerPopup(r){
+  var wrap=document.getElementById('helpMapWrap');
+  var old=document.getElementById('helpMarkerPopup');
+  if(old) old.remove();
+  var typeClass=getHelpTypeClass(r.helpType);
+  var statusClass=getHelpStatusClass(r.status);
+  var html='<div class="help-marker-popup" id="helpMarkerPopup" style="visibility:hidden;">'+
+    '<span class="help-marker-popup__close" title="关闭" onclick="closeHelpMarkerPopup()">&times;</span>'+
+    '<div class="help-marker-popup__title">'+
+      '<span class="alarm-item__type-tag alarm-item__type-tag--'+typeClass+'">'+r.helpType+'</span>'+
+      '<span>'+r.name+'</span>'+
+      '<span class="help-marker-popup__status help-marker-popup__status--'+statusClass+'">'+r.status+'</span>'+
+    '</div>'+
+    '<div class="help-marker-popup__row"><span class="help-marker-popup__k">员工编号</span><span class="help-marker-popup__v">'+r.empId+'</span></div>'+
+    '<div class="help-marker-popup__row"><span class="help-marker-popup__k">性别/年龄</span><span class="help-marker-popup__v">'+r.gender+' · '+r.age+'岁</span></div>'+
+    '<div class="help-marker-popup__row"><span class="help-marker-popup__k">单位/部门</span><span class="help-marker-popup__v">'+r.unit+' · '+r.dept+'</span></div>'+
+    '<div class="help-marker-popup__row"><span class="help-marker-popup__k">求助时间</span><span class="help-marker-popup__v">'+r.helpTime+'</span></div>'+
+    '<div class="help-marker-popup__row"><span class="help-marker-popup__k">详细地址</span><span class="help-marker-popup__v">'+r.address+'</span></div>'+
+    '<div class="help-marker-popup__arrow"></div>'+
+  '</div>';
+  var tmp=document.createElement('div');
+  tmp.innerHTML=html;
+  var popup=tmp.firstElementChild;
+  wrap.appendChild(popup);
+  /* 先隐藏布局、量好尺寸再自适应定位，避免闪烁；图标已居中于地图正中 */
+  positionHelpMarkerPopup(popup);
+  popup.style.visibility='visible';
+}
+/* 弹窗自适应定位：图标已居中于地图(centerX,centerY)。
+   优先置于图标上方；空间不足改放下方；仍不足则贴顶夹紧——确保关闭按钮始终可见可点。 */
+function positionHelpMarkerPopup(popup){
+  var wrap=document.getElementById('helpMapWrap');
+  var wr=wrap.getBoundingClientRect();
+  var cx=wr.width/2, cy=wr.height/2;
+  var pw=popup.offsetWidth, ph=popup.offsetHeight;
+  var gap=30, margin=8;
+  var aboveTop=cy-gap-ph;
+  var belowTop=cy+gap;
+  var top, placement;
+  if(aboveTop>=margin){ top=aboveTop; placement='above'; }
+  else if(belowTop+ph<=wr.height-margin){ top=belowTop; placement='below'; }
+  else { top=margin; placement='clamp'; }
+  var left=Math.max(margin, Math.min(cx-pw/2, wr.width-pw-margin));
+  popup.style.left=left.toFixed(1)+'px';
+  popup.style.top=top.toFixed(1)+'px';
+  var arrow=popup.querySelector('.help-marker-popup__arrow');
+  if(arrow){
+    if(placement!=='above'){ arrow.style.display='none'; }
+    else{
+      arrow.style.display='';
+      var ax=Math.max(10, Math.min(cx-left, pw-10));
+      arrow.style.left=ax.toFixed(1)+'px';
+    }
+  }
+}
+window.addEventListener('resize',function(){
+  var p=document.getElementById('helpMarkerPopup');
+  if(p) positionHelpMarkerPopup(p);
+});
+
+/* ========== 各单位求助情况统计（横向滚动卡片） ========== */
+function renderUnitCards(){
+  var track=document.getElementById('unitStatTrack');
+  var rows=Object.keys(STATS.unitMap).map(function(unit){
+    return{unit:unit,total:STATS.unitMap[unit]};
+  }).sort(function(a,b){return b.total-a.total;});/* 按求助次数从高到低排序 */
+  /* 计算各单位待处理/已完成明细 */
+  var detail={};
+  HELP_RECORD_DATA.forEach(function(r){
+    if(!detail[r.unit]) detail[r.unit]={pending:0,done:0};
+    if(r.status==='待处理') detail[r.unit].pending++;
+    else if(r.status==='已完成') detail[r.unit].done++;
+  });
+  var maxTotal=Math.max.apply(null,rows.map(function(r){return r.total;}))||1;
+  var sumTotal=0,sumPending=0,sumDone=0;
+  var cards=rows.map(function(r){
+    var d=detail[r.unit]||{pending:0,done:0};
+    var rate=maxTotal>0?r.total/maxTotal*100:0;
+    sumTotal+=r.total;sumPending+=d.pending;sumDone+=d.done;
+    return '<div class="watch-stat-card">'+
+      '<div class="watch-stat-card__head">'+
+        '<span class="watch-stat-card__unit" title="'+r.unit+'">'+r.unit+'</span>'+
+        '<span class="watch-stat-card__rate">'+r.total+'</span>'+
+      '</div>'+
+      '<div class="watch-stat-card__bar"><span class="watch-stat-card__bar-fill" style="width:'+rate.toFixed(0)+'%"></span></div>'+
+      '<div class="watch-stat-card__chips">'+
+        '<div class="watch-stat-card__chip watch-stat-card__chip--pending"><span class="watch-stat-card__chip-num">'+d.pending+'</span><span class="watch-stat-card__chip-label">待处理</span></div>'+
+        '<div class="watch-stat-card__chip watch-stat-card__chip--done"><span class="watch-stat-card__chip-num">'+d.done+'</span><span class="watch-stat-card__chip-label">已完成</span></div>'+
+        '<div class="watch-stat-card__chip"><span class="watch-stat-card__chip-num">'+r.total+'</span><span class="watch-stat-card__chip-label">合计</span></div>'+
+      '</div>'+
+    '</div>';
+  }).join('');
+  var totalRate=maxTotal>0?sumTotal/maxTotal*100:0;
+  cards+='<div class="watch-stat-card watch-stat-card--total">'+
+    '<div class="watch-stat-card__head">'+
+      '<span class="watch-stat-card__unit">合计</span>'+
+      '<span class="watch-stat-card__rate">'+sumTotal+'</span>'+
+    '</div>'+
+    '<div class="watch-stat-card__bar"><span class="watch-stat-card__bar-fill" style="width:'+totalRate.toFixed(0)+'%"></span></div>'+
+    '<div class="watch-stat-card__chips">'+
+      '<div class="watch-stat-card__chip watch-stat-card__chip--pending"><span class="watch-stat-card__chip-num">'+sumPending+'</span><span class="watch-stat-card__chip-label">待处理</span></div>'+
+      '<div class="watch-stat-card__chip watch-stat-card__chip--done"><span class="watch-stat-card__chip-num">'+sumDone+'</span><span class="watch-stat-card__chip-label">已完成</span></div>'+
+      '<div class="watch-stat-card__chip"><span class="watch-stat-card__chip-num">'+sumTotal+'</span><span class="watch-stat-card__chip-label">合计</span></div>'+
+    '</div>'+
+  '</div>';
+  /* 复制一份用于无缝滚动 */
+  track.innerHTML=cards+cards;
+}
+renderUnitCards();
+
+/* ========== 求助趋势数据（按时间段聚合：今日24时 / 近一周7日 / 近一月30日 / 近一年12月） ========== */
+/* 以数据最新日 2026-06-23 为基准生成各粒度趋势（原型演示数据），类型拆分参考近一周 KPI 占比 */
+function buildHelpTrendData(){
+  function split(t){
+    t=Math.max(0,t|0);
+    var v=Math.round(t*0.39),c=Math.round(t*0.52);
+    var a=Math.max(0,t-v-c);
+    return [v,c,a]; /* [应急视频, 应急电话, 拨打120] */
+  }
+  function pad(n){return n<10?'0'+n:''+n;}
+  function dateFrom(daysAgo){
+    var dt=new Date(2026,5,23); dt.setDate(dt.getDate()-daysAgo); return dt;
+  }
+  function md(dt){return pad(dt.getMonth()+1)+'-'+pad(dt.getDate());}
+  var data={today:[],week:[],month:[],year:[]};
+
+  /* 今日：24 小时，白天为求助高峰 */
+  var hourShape=[0,0,0,0,0,1,1,2,3,4,4,5,5,4,3,3,3,3,4,4,3,2,1,0];
+  for(var h=0;h<24;h++){data.today.push({label:pad(h)+'时',vals:split(hourShape[h])});}
+
+  /* 近一周：7 日（06-17~06-23） */
+  var weekShape=[42,38,55,48,52,46,54];
+  for(var d=0;d<7;d++){data.week.push({label:md(dateFrom(6-d)),vals:split(weekShape[d])});}
+
+  /* 近一月：30 日（05-25~06-23），日均 ~40 含周期波动 */
+  for(var i=29;i>=0;i--){
+    var total=40+Math.round(8*Math.sin(i/3))+((i%7===6)?10:0);
+    data.month.push({label:md(dateFrom(i)),vals:split(total)});
+  }
+
+  /* 近一年：12 月（2025-07~2026-06），月均 ~1100 含季节波动 */
+  var monthLabels=['7月','8月','9月','10月','11月','12月','1月','2月','3月','4月','5月','6月'];
+  for(var m=0;m<12;m++){
+    var mt=1100+Math.round(140*Math.sin(m/1.9))-((m>=5&&m<=7)?70:0);
+    data.year.push({label:monthLabels[m],vals:split(mt)});
+  }
+  return data;
+}
+var HELP_TREND_DATA=buildHelpTrendData();
+
+/* ========== 求助趋势柱图（按时间段、按类型堆叠） ========== */
+function renderTrendChart(period){
+  period=period||currentHelpPeriod||'today';
+  var buckets=HELP_TREND_DATA[period]||HELP_TREND_DATA.week;
+  var maxTotal=0;
+  buckets.forEach(function(b){var t=b.vals[0]+b.vals[1]+b.vals[2]; if(t>maxTotal) maxTotal=t;});
+  var unitH=74, scale=maxTotal>0?unitH/maxTotal:0;
+  var n=buckets.length;
+  var gap=n<=7?10:(n<=12?6:2);
+  var labelStep=n<=12?1:(n===24?6:5);
+  var periodText={today:'今日24小时',week:'近7日',month:'近30日',year:'近12个月'}[period]||'';
+  var sumTotal=0;
+  var barsHtml=buckets.map(function(b,idx){
+    var v=b.vals[0],c=b.vals[1],a=b.vals[2];
+    var t=v+c+a; sumTotal+=t;
+    var show=(idx%labelStep===0)||(idx===n-1);
+    return '<div class="help-trend__day" data-label="'+b.label+'" data-v="'+v+'" data-c="'+c+'" data-a="'+a+'">'+
+      '<div class="help-trend__bars">'+
+        '<span class="help-trend__seg help-trend__seg--video" style="height:'+(v*scale).toFixed(0)+'px"></span>'+
+        '<span class="help-trend__seg help-trend__seg--call" style="height:'+(c*scale).toFixed(0)+'px"></span>'+
+        '<span class="help-trend__seg help-trend__seg--ambulance" style="height:'+(a*scale).toFixed(0)+'px"></span>'+
+      '</div>'+
+      '<span class="help-trend__total">'+(show?t:'&nbsp;')+'</span>'+
+      '<span class="help-trend__label">'+(show?b.label:'&nbsp;')+'</span>'+
+    '</div>';
+  }).join('');
+  document.getElementById('trendChart').innerHTML=
+    '<div class="help-trend">'+
+      '<div class="help-trend__summary">'+
+        '<span>'+periodText+'求助趋势（按类型堆叠）</span>'+
+        '<span>累计 <b>'+sumTotal+'</b> 次</span>'+
+      '</div>'+
+      '<div class="help-trend__plot" style="grid-template-columns:repeat('+n+',1fr);gap:'+gap+'px;">'+barsHtml+'</div>'+
+      '<div class="help-trend__legend">'+
+        '<span><i class="help-trend__dot" style="color:#1890FF;background:#1890FF"></i>应急视频</span>'+
+        '<span><i class="help-trend__dot" style="color:#00e5ff;background:#00e5ff"></i>应急电话</span>'+
+        '<span><i class="help-trend__dot" style="color:#FF4D4F;background:#FF4D4F"></i>拨打120</span>'+
+      '</div>'+
+    '</div>';
+}
+renderTrendChart(currentHelpPeriod);
+
+/* ========== 求助趋势悬浮 tip ========== */
+/* 悬浮某根柱时弹出具体数值（应急视频/应急电话/拨打120 及合计），挂在 #trendChart 上以代理方式响应（重渲染后仍生效） */
+var helpTrendTip=document.createElement('div');
+helpTrendTip.className='help-trend-tip';
+helpTrendTip.style.display='none';
+document.body.appendChild(helpTrendTip);
+var helpTrendTipDay=null;
+function fillHelpTrendTip(dayEl){
+  var label=dayEl.getAttribute('data-label');
+  var v=dayEl.getAttribute('data-v'),c=dayEl.getAttribute('data-c'),a=dayEl.getAttribute('data-a');
+  var t=(+v)+(+c)+(+a);
+  helpTrendTip.innerHTML=
+    '<div class="help-trend-tip__head">'+label+' · 合计 '+t+' 次</div>'+
+    '<div class="help-trend-tip__row"><i style="color:#1890FF;background:#1890FF"></i>应急视频 <b>'+v+'</b> 次</div>'+
+    '<div class="help-trend-tip__row"><i style="color:#00e5ff;background:#00e5ff"></i>应急电话 <b>'+c+'</b> 次</div>'+
+    '<div class="help-trend-tip__row"><i style="color:#FF4D4F;background:#FF4D4F"></i>拨打120 <b>'+a+'</b> 次</div>';
+}
+function moveHelpTrendTip(x,y){
+  var w=helpTrendTip.offsetWidth||130,h=helpTrendTip.offsetHeight||70;
+  var px=x+14,py=y+14;
+  if(px+w>window.innerWidth) px=x-w-14;
+  if(py+h>window.innerHeight) py=y-h-14;
+  helpTrendTip.style.left=px+'px';helpTrendTip.style.top=py+'px';
+}
+document.getElementById('trendChart').addEventListener('mousemove',function(e){
+  var dayEl=e.target.closest&&e.target.closest('.help-trend__day');
+  if(!dayEl){ if(helpTrendTip.style.display!=='none') helpTrendTip.style.display='none'; helpTrendTipDay=null; return; }
+  if(dayEl!==helpTrendTipDay){ helpTrendTipDay=dayEl; fillHelpTrendTip(dayEl); }
+  helpTrendTip.style.display='block';
+  moveHelpTrendTip(e.clientX,e.clientY);
+});
+document.getElementById('trendChart').addEventListener('mouseleave',function(){
+  helpTrendTip.style.display='none';helpTrendTipDay=null;
+});
+
+/* ========== 求助时段分布（横向条） ========== */
+function renderHourChart(){
+  var bins=STATS.hourBin;
+  var max=Math.max.apply(null,Object.keys(bins).map(function(k){return bins[k];}))||1;
+  var colors={'凌晨(00-06)':'#4A6B8A','上午(06-12)':'#1890FF','下午(12-18)':'#FF4D4F','夜间(18-24)':'#b37feb'};
+  var rows=Object.keys(bins).map(function(k){
+    var v=bins[k];
+    var pct=max>0?v/max*100:0;
+    return '<div class="wearable-stat-chart__col">'+
+      '<div class="wearable-stat-chart__label">'+k+'</div>'+
+      '<div class="wearable-stat-chart__bar-wrap">'+
+        '<div class="wearable-stat-chart__bar" style="width:'+pct.toFixed(0)+'%;background:'+colors[k]+';color:'+colors[k]+';"></div>'+
+      '</div>'+
+      '<div class="wearable-stat-chart__bar-value">'+v+'<span class="wearable-stat-chart__bar-unit">次</span></div>'+
+    '</div>';
+  }).join('');
+  document.getElementById('hourChart').innerHTML=
+    '<div class="wearable-stat-chart"><div class="wearable-stat-chart__bars">'+rows+'</div></div>';
+}
+renderHourChart();
+
+/* ========== 应急求助事件列表（自动滚动，点击打开记录弹窗） ========== */
+function getHelpTypeClass(type){
+  var map={'拨打120':'ambulance','应急视频':'video','应急电话':'call'};
+  return map[type]||'call';
+}
+function getHelpStatusClass(status){
+  var map={'待处理':'pending','处理中':'doing','已完成':'done'};
+  return map[status]||'done';
+}
+function renderHelpEventList(){
+  var track=document.getElementById('helpEventTrack');
+  /* 按求助时间倒序取最近 10 条（保留原始索引，用于联动地图标记） */
+  var order=HELP_RECORD_DATA.map(function(r,idx){return idx;})
+    .sort(function(i,j){return HELP_RECORD_DATA[i].helpTime<HELP_RECORD_DATA[j].helpTime?1:-1;})
+    .slice(0,10);
+  var items=order.map(function(i){
+    var r=HELP_RECORD_DATA[i];
+    return '<div class="alarm-item" data-idx="'+i+'" title="点击在地图定位并查看求助信息">'+
+      '<div class="alarm-item__header">'+
+        '<span class="alarm-item__type-tag alarm-item__type-tag--'+getHelpTypeClass(r.helpType)+'">'+r.helpType+'</span>'+
+        '<span class="alarm-item__time">'+r.helpTime+'</span>'+
+        '<span class="alarm-item__status alarm-item__status--'+getHelpStatusClass(r.status)+'">'+r.status+'</span>'+
+      '</div>'+
+      '<div class="alarm-item__desc">'+r.name+' · '+r.gender+' · '+r.age+'岁 · '+r.unit+r.dept+'</div>'+
+    '</div>';
+  }).join('');
+  /* 重复一份用于无缝滚动 */
+  track.innerHTML=items+items;
+}
+renderHelpEventList();
+/* 点击事件列表项：与点击地图图标一致——地图放大居中到该求助图标并弹出求助信息 */
+document.getElementById('helpEventTrack').addEventListener('click',function(e){
+  var item=e.target.closest('.alarm-item');
+  if(!item) return;
+  var idx=item.getAttribute('data-idx');
+  if(idx==null) return;
+  openHelpMarkerPopup(+idx);
+});
+
+/* ========== 应急求助记录弹窗（沿用主屏逻辑） ========== */
+var helpRecordFilteredData=HELP_RECORD_DATA.slice();
+var helpRecordPage=1;
+var helpRecordPageSizeVal=10;
+
+function openHelpRecordModal(){
+  document.getElementById('helpRecordOverlay').style.display='flex';
+  helpRecordFilteredData=HELP_RECORD_DATA.slice();
+  helpRecordPage=1;
+  helpRecordPageSizeVal=parseInt(document.getElementById('helpRecordPageSize').value)||10;
+  renderHelpRecordTable();
+}
+function closeHelpRecordModal(){
+  document.getElementById('helpRecordOverlay').style.display='none';
+}
+function renderHelpRecordTable(){
+  var tbody=document.getElementById('helpRecordTbody');
+  var total=helpRecordFilteredData.length;
+  var pageSize=helpRecordPageSizeVal;
+  var totalPages=Math.ceil(total/pageSize)||1;
+  if(helpRecordPage>totalPages) helpRecordPage=totalPages;
+  document.getElementById('helpRecordTotal').textContent='共 '+total+' 条记录';
+  var start=(helpRecordPage-1)*pageSize;
+  var end=Math.min(start+pageSize,total);
+  var pageData=helpRecordFilteredData.slice(start,end);
+  if(pageData.length===0){
+    tbody.innerHTML='<tr><td colspan="10" class="alarm-record-table__empty">暂无匹配的求助记录</td></tr>';
+  }else{
+    var rows='';
+    pageData.forEach(function(r){
+      rows+='<tr title="'+(r.content||'')+'">'+
+        '<td>'+r.name+'</td>'+
+        '<td>'+r.empId+'</td>'+
+        '<td>'+r.gender+'</td>'+
+        '<td>'+r.age+'</td>'+
+        '<td>'+r.unit+'</td>'+
+        '<td>'+r.dept+'</td>'+
+        '<td><span class="alarm-item__type-tag alarm-item__type-tag--'+getHelpTypeClass(r.helpType)+'">'+r.helpType+'</span></td>'+
+        '<td><span class="alarm-item__status alarm-item__status--'+getHelpStatusClass(r.status)+'">'+r.status+'</span></td>'+
+        '<td>'+r.helpTime+'</td>'+
+        '<td title="'+r.address+'">'+r.address+'</td>'+
+      '</tr>';
+    });
+    tbody.innerHTML=rows;
+  }
+  document.getElementById('helpRecordPageInfo').textContent=
+    total===0?'暂无记录':'显示第 '+(start+1)+'-'+end+' 条，共 '+total+' 条';
+  renderHelpPagination(totalPages);
+}
+function renderHelpPagination(totalPages){
+  var container=document.getElementById('helpRecordPageNumbers');
+  var html='';
+  html+='<div class="alarm-record-pagination__btn alarm-record-pagination__btn--arrow" onclick="goHelpRecordPage('+(helpRecordPage-1)+')" style="'+(helpRecordPage<=1?'opacity:0.3;pointer-events:none;':'')+'">&#8249;</div>';
+  if(totalPages<=7){
+    for(var i=1;i<=totalPages;i++){
+      html+='<div class="alarm-record-pagination__btn'+(i===helpRecordPage?' active':'')+'" onclick="goHelpRecordPage('+i+')">'+i+'</div>';
+    }
+  }else{
+    html+='<div class="alarm-record-pagination__btn'+(1===helpRecordPage?' active':'')+'" onclick="goHelpRecordPage(1)">1</div>';
+    if(helpRecordPage>3){html+='<span class="alarm-record-pagination__ellipsis">...</span>';}
+    var s=Math.max(2,helpRecordPage-1);
+    var e=Math.min(totalPages-1,helpRecordPage+1);
+    for(var i=s;i<=e;i++){
+      html+='<div class="alarm-record-pagination__btn'+(i===helpRecordPage?' active':'')+'" onclick="goHelpRecordPage('+i+')">'+i+'</div>';
+    }
+    if(helpRecordPage<totalPages-2){html+='<span class="alarm-record-pagination__ellipsis">...</span>';}
+    html+='<div class="alarm-record-pagination__btn'+(totalPages===helpRecordPage?' active':'')+'" onclick="goHelpRecordPage('+totalPages+')">'+totalPages+'</div>';
+  }
+  html+='<div class="alarm-record-pagination__btn alarm-record-pagination__btn--arrow" onclick="goHelpRecordPage('+(helpRecordPage+1)+')" style="'+(helpRecordPage>=totalPages?'opacity:0.3;pointer-events:none;':'')+'">&#8250;</div>';
+  container.innerHTML=html;
+}
+function goHelpRecordPage(page){
+  var totalPages=Math.ceil(helpRecordFilteredData.length/helpRecordPageSizeVal)||1;
+  if(page<1||page>totalPages) return;
+  helpRecordPage=page;
+  renderHelpRecordTable();
+}
+function changeHelpRecordPageSize(){
+  helpRecordPageSizeVal=parseInt(document.getElementById('helpRecordPageSize').value)||10;
+  helpRecordPage=1;
+  renderHelpRecordTable();
+}
+function applyHelpRecordFilter(){
+  var typeFilter=document.getElementById('filterHelpType').value;
+  var statusFilter=document.getElementById('filterHelpStatus').value;
+  var dateFrom=document.getElementById('filterHelpDateFrom').value;
+  var dateTo=document.getElementById('filterHelpDateTo').value;
+  var nameFilter=document.getElementById('filterHelpName').value.trim().toLowerCase();
+  var empIdFilter=document.getElementById('filterHelpEmpId').value.trim().toLowerCase();
+  helpRecordFilteredData=HELP_RECORD_DATA.filter(function(r){
+    if(typeFilter&&r.helpType!==typeFilter) return false;
+    if(statusFilter&&r.status!==statusFilter) return false;
+    if(dateFrom&&r.helpTime<dateFrom) return false;
+    if(dateTo&&r.helpTime>dateTo+' 23:59:59') return false;
+    if(nameFilter&&r.name.toLowerCase().indexOf(nameFilter)===-1) return false;
+    if(empIdFilter&&r.empId.toLowerCase().indexOf(empIdFilter)===-1) return false;
+    return true;
+  });
+  helpRecordPage=1;
+  renderHelpRecordTable();
+}
+function resetHelpRecordFilter(){
+  document.getElementById('filterHelpType').value='';
+  document.getElementById('filterHelpStatus').value='';
+  document.getElementById('filterHelpDateFrom').value='';
+  document.getElementById('filterHelpDateTo').value='';
+  document.getElementById('filterHelpName').value='';
+  document.getElementById('filterHelpEmpId').value='';
+  helpRecordFilteredData=HELP_RECORD_DATA.slice();
+  helpRecordPage=1;
+  renderHelpRecordTable();
+}
+</script>
+</body>
+</html>
diff --git a/other-module/emergency-screen/xian-center/index-v3.html b/other-module/emergency-screen/xian-center/index-v3.html
index 10d4f6a..12f112d 100644
--- a/other-module/emergency-screen/xian-center/index-v3.html
+++ b/other-module/emergency-screen/xian-center/index-v3.html
@@ -1043,6 +1043,7 @@
   <div class="header__left">
     <div class="header__clock" id="clock">--</div>
     <a class="header__btn header__btn--alarm" href="cv-monitor.html">心血管监测副屏</a>
+    <a class="header__btn header__btn--help" href="help-monitor.html">应急求助副屏</a>
   </div>
   <div class="header__title">
     <span class="header__title-text">西安应急中心大屏</span>
