From 33dcbf88c118dab4d5b3c9c846b9f27cc52c5723 Mon Sep 17 00:00:00 2001
From: fengpu <18691763612@163.com>
Date: Fri, 26 Jun 2026 17:32:36 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E8=A5=BF=E5=AE=89=E5=BA=94?=
 =?UTF-8?q?=E6=80=A5=E5=A4=A7=E5=B1=8F=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=EF=BC=88=E9=87=8D=E6=9E=84=E4=B8=BB=E5=B1=8F=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92+=E6=96=B0=E5=A2=9E=E5=BF=83=E8=A1=80?=
 =?UTF-8?q?=E7=AE=A1=E7=9B=91=E6=B5=8B=E5=89=AF=E5=B1=8F=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 other-module/canteen-device/.gitkeep          |    0
 .../emergency-screen/doc/CHANGELOG.md         |   84 +
 .../xian-center/cv-monitor.html               | 1321 ++++++
 .../{index-v2.html => index-v1.html}          |  383 +-
 .../xian-center/index-v3.html                 | 3617 -----------------
 .../emergency-screen/xian-center/index.html   | 2486 +++++++----
 .../doc/缓存中转服务器产品需求说明书.md       |   48 +-
 7 files changed, 3209 insertions(+), 4730 deletions(-)
 delete mode 100644 other-module/canteen-device/.gitkeep
 create mode 100644 other-module/emergency-screen/xian-center/cv-monitor.html
 rename other-module/emergency-screen/xian-center/{index-v2.html => index-v1.html} (89%)
 delete mode 100644 other-module/emergency-screen/xian-center/index-v3.html

diff --git a/other-module/canteen-device/.gitkeep b/other-module/canteen-device/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/other-module/emergency-screen/doc/CHANGELOG.md b/other-module/emergency-screen/doc/CHANGELOG.md
index 6abc7fd..a0de81d 100644
--- a/other-module/emergency-screen/doc/CHANGELOG.md
+++ b/other-module/emergency-screen/doc/CHANGELOG.md
@@ -1,5 +1,89 @@
 # 应急大屏 - 变更记录
 
+## [2026-06-26] feat: 西安应急中心大屏 v2 - 左下角"应急重点人员"改为"人员现状监测"环形图
+
+### 变更（v2 文件 `xian-center/index-v2.html`）
+- **面板替换**：左下角"应急求助重点人员"面板整体替换为"人员现状监测"面板
+  - 删除原 `.help-person-list` / `.help-person-item` 等 CSS 与 5 行人员列表 HTML
+  - 保留面板头部下拉框（今日 / 近一周 / 近一月 / 近一年）与 `switchPeriod` 调用不变
+- **环形图（SVG，自包含）**：150×150 容器，viewBox `0 0 160 160`，圆心 (80,80)、半径 60、stroke-width 14
+  - 底环衬底 `.hm-ring--bg`（rgba(24,144,255,0.08)）
+  - 5 段采用 `<circle>` + `stroke-dasharray` / `stroke-dashoffset` 实现，整环 `transform:rotate(-90deg)` 自顶端起顺时针绘制，段间留 3 单位间隔
+  - 每段独立 `drop-shadow` 发光（与该段 stroke 色同色，alpha 0.55）
+- **5 类人员与数据**：
+  - 健康人员 9,420 / 73.3%（#52C41A，dasharray "265 112" / offset 0）
+  - 慢病人员 1,860 / 14.5%（#FAAD14，dasharray "52 325" / offset -268）
+  - 指标异常 620 / 4.8%（#00e5ff，dasharray "18 359" / offset -323）
+  - 大病人员 580 / 4.5%（#FF4D4F，dasharray "16 361" / offset -344）
+  - 评估异常 376 / 2.9%（#b37feb，dasharray "11 366" / offset -363）
+- **中心信息**：绝对定位居中显示「总人数 / 12,856 / 人」，主数字 26px 加粗 + 蓝色文字阴影
+- **图例**：环形图右侧 5 行图例，每行 = 色块（带同色 box-shadow 发光）+ 名称 + 数量 + 百分比
+- **配色依据**：健康=success 绿、慢病=warning 橙、指标异常=cyan 青、大病=danger 红、评估异常=紫（沿用大屏设计令牌）
+
+## [2026-06-26] feat: 西安应急中心大屏 v2 - 资源 Tab 图标化（色点升级为分类 SVG 图标）
+
+### 变更（v2 文件 `xian-center/index-v2.html`）
+- **资源 Tab 图标升级**：7 个资源 Tab 标题前的色点（`.dot--xxx`）替换为各分类专属 inline SVG 图标
+  - 新增 CSS：`.res-tab__icon`（14×14 基础尺寸）+ 7 个 `.res-tab__icon--xxx` 修饰类，按分类设置 `color`（沿用图例原配色：all/oilfield/local 用 #1890FF；cooperative 用 #722ED1；clinic 用 #13C2C2；ambulance 用 #FAAD14；aed 用 #FF4D4F）
+  - 激活态发光：`.res-tab.active .res-tab__icon{filter:drop-shadow(0 0 4px currentColor);}`，图标色不被激活态覆盖
+  - 删除原 7 个 `.dot--xxx` 色点修饰类（`.dot--all/--oilfield/--cooperative/--local/--clinic/--ambulance/--aed`）
+  - 保留 `.res-tab .dot` 与 `.res-tab.active .dot` 规则，供「路径规划」Tab 继续使用通用灰点
+- **图标设计**（16×16 viewBox，stroke 线条风格，stroke-width 1.5，stroke-linecap/linejoin round）：
+  - 全部资源 → 四方格网格（2×2 rect）
+  - 油田医院 → 油滴轮廓 + 中央十字
+  - 合作医院 → 两个相扣圆圈
+  - 地方医院 → 三角屋顶 + 矩形墙 + 中央十字
+  - 医疗点 → 急救箱（带提手矩形 + 十字）
+  - 救护车 → 厢式车体 + 两车轮 + 车身十字
+  - AED → 心形 + 内部闪电折线
+- **HTML 替换**：7 个资源 Tab 中 `<span class="dot dot--xxx"></span>` 替换为 `<svg class="res-tab__icon res-tab__icon--xxx" viewBox="0 0 16 16" ...>...</svg>`；数量徽标 `<span class="res-tab__count">N</span>` 保持不变；路径规划 Tab 维持原 `<span class="dot"></span>`
+
+## [2026-06-26] refactor: 西安应急中心大屏 v2 - 移除地图图例 + 资源 Tab 增加分类色点与数量
+
+### 变更（v2 文件 `xian-center/index-v2.html`）
+- **移除地图图例**：删除原悬浮于地图左上角的 `.map-legend` 整块 HTML（6 项图例）及对应 CSS（`.map-legend` / `.map-legend__item` / `.map-legend__item::before` / `.map-legend__dot`）
+  - 4 处 JS 中 `var legend=document.querySelector('.map-legend'); if(legend)legend.style.display=…` 调用因 `if` 守卫变为无害 no-op，未做改动以缩小变更面
+- **资源 Tab 增加分类色点**：每个资源 Tab 标题前的 `.dot` 由通用灰点改为各分类专属色（沿用图例原配色）
+  - 新增 CSS 修饰类：`.dot--all`（四色渐变 1890FF/722ED1/13C2C2/FAAD14）/ `.dot--oilfield`（#1890FF）/ `.dot--cooperative`（#722ED1）/ `.dot--local`（透明 + 1.5px 虚线 #1890FF）/ `.dot--clinic`（#13C2C2）/ `.dot--ambulance`（#FAAD14）/ `.dot--aed`（#FF4D4F）
+  - `.res-tab.active .dot` 由"覆盖为 success 绿色"改为"保留原色 + `box-shadow:0 0 6px currentColor` 发光"
+  - 「路径规划」Tab 维持原通用灰点，不改色
+- **资源 Tab 增加数量徽标**：每个资源 Tab 标题后追加 `<span class="res-tab__count">N</span>` 数量徽标
+  - 数量与图例原计数一致：全部资源 11（1+1+2+3+2+2 之和）/ 油田医院 1 / 合作医院 1 / 地方医院 2 / 医疗点 3 / 救护车 2 / AED 2；路径规划 Tab 无数量
+  - 新增 CSS `.res-tab__count`：11px tabular-nums，半透明胶囊背景；激活态白字 + 高对比背景
+- **微调**：`.res-tab` 左右内边距由 `0 18px` 改为 `0 14px`，以容纳新增的数量徽标并控制 Tab 栏总宽
+
+## [2026-06-26] feat: 西安应急中心大屏 v2 - 统计卡片下移 + 地图图例左上角单行化
+
+### 变更（v2 文件 `xian-center/index-v2.html`）
+- **统计卡片从地图上方移至下方**：`.top-stats` 块从 `.center` 内 `map-wrap` 之前移动到之后
+  - `.center` 当前结构：地图容器（flex:1）→ 底部统计卡片栏（flex-shrink:0）
+  - HTML 注释由"顶部统计卡片栏"改为"底部统计卡片栏"
+  - 卡片样式（去图标、数字居中）保持不变
+- **地图图例移至左上角并改为单行布局**：原位于地图左下角、2 列网格的图例改为左上角单行
+  - CSS `.map-legend`：`bottom:12px;left:12px` → `top:12px;left:12px`；`display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:6px;` → `display:flex;align-items:center;gap:12px;`
+  - 新增 `z-index:12`、`backdrop-filter:blur(8px)`、`box-shadow`，与 `.res-tabs`、`.map-layer` 同层悬浮
+  - `.map-legend__item` 新增 `white-space:nowrap`，相邻项之间以竖线分隔符 `::before` 替代原网格间距
+  - 6 项图例顺序不变：油田医院 / 合作医院 / 地方医院 / 医疗点 / 救护车 / AED
+  - HTML 注释由"地图图例"改为"地图图例：悬浮于地图左上角，单行展示"
+
+## [2026-06-26] feat: 西安应急中心大屏 v2 - 顶部统计卡片去图标化 + 视频通话弹窗化
+
+### 变更（v2 文件 `xian-center/index-v2.html`）
+- **顶部统计卡片去图标化**：4 张顶部 KPI 卡片（今日应急求助总数 / 今日待处理应急数 / 今日平均响应时长 / 今日告警次数）移除左侧图标，数字与标签整体居中显示
+  - CSS：`.top-stat-card` 改为 `flex-direction:column;justify-content:center;align-items:center;text-align:center`，删除 `.top-stat-card__icon` 相关样式及 4 种色系变体的图标规则
+  - HTML：删除 4 张卡片中的 `<div class="top-stat-card__icon">…</div>` 块
+  - 保留左侧 3px 色条 `::before`、数字+单位、标签、趋势小标记（↑12% / ↓8%）
+- **视频通话按钮弹窗化**：地图右下角"视频通话"按钮点击行为由 `alert` 升级为选择弹窗
+  - 新增 `[弹窗] 视频通话 - 选择加入的应急中心`（`#videoCallModal`），复用 `.modal-overlay` + `.modal` 基础结构，宽度 560px
+  - 弹窗内含 6 张应急中心卡片（救场/标准/长庆油田/延安/庆阳/榆林），2 列网格布局
+  - 每张卡片显示：中心名称、在线状态徽章（在线/忙碌/离线 三态，含发光小圆点）、值班负责人、在线人数
+  - 卡片支持多选：点击切换 `.vc-card--selected` 选中态，右上角显示对勾角标；离线卡片不可选（半透明 + 锁图标 + `cursor:not-allowed`）
+  - 默认预选「救场应急中心」「标准应急中心」两张在线卡片
+  - 底部按钮：取消 / 发起通话；`confirmVideoCall()` 收集已选中中心名称，未选时提示并重新打开弹窗
+  - `openEmergencyRoute()` 关闭序列同步追加 `closeVideoCallModal()`
+- **新增 CSS 模块**：`.vc-modal` / `.vc-grid` / `.vc-card`（含 `--selected`/`--offline` 变体）/ `.vc-card__row` / `.vc-card__name` / `.vc-card__status`（`--online`/`--busy`/`--offline`）/ `.vc-card__dot`（三色）/ `.vc-card__meta` / `.vc-card__check` / `.vc-card__lock`
+- **新增 JS 函数**：`onVideoCall()`（打开弹窗）/ `closeVideoCallModal()` / `toggleVcCard(el)` / `confirmVideoCall()`
+
 ## [2026-06-25] feat: 西安应急中心大屏 v3 - 图表化重构 + 顶部 KPI 条 + 双栏可视化升级
 
 ### 新增（v3 文件 `xian-center/index-v3.html`，v1/v2 保持不变）
diff --git a/other-module/emergency-screen/xian-center/cv-monitor.html b/other-module/emergency-screen/xian-center/cv-monitor.html
new file mode 100644
index 0000000..9ac1c11
--- /dev/null
+++ b/other-module/emergency-screen/xian-center/cv-monitor.html
@@ -0,0 +1,1321 @@
+<!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%);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);}
+    .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 块环形图 ========== */
+    .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;}
+
+    /* ========== 睡眠柱图（沿用主屏） ========== */
+    .sleep-chart{display:flex;flex-direction:column;gap:6px;}
+    .sleep-chart__summary{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--text-sub);}
+    .sleep-chart__summary b{color:#fff;font-size:13px;}
+    .sleep-chart__plot{height:96px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;
+      padding:6px 0 0;border-bottom:1px solid rgba(24,144,255,0.16);position:relative;}
+    .sleep-chart__plot::before,.sleep-chart__plot::after{content:'';position:absolute;left:0;right:0;border-top:1px dashed rgba(24,144,255,0.12);}
+    .sleep-chart__plot::before{top:30px;}
+    .sleep-chart__plot::after{top:60px;}
+    .sleep-day{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;position:relative;z-index:1;}
+    .sleep-day__bars{height:72px;display:flex;align-items:flex-end;gap:3px;}
+    .sleep-day__bar{width:7px;border-radius:5px 5px 2px 2px;min-height:6px;box-shadow:0 0 8px currentColor;}
+    .sleep-day__bar--deep{background:#13C2C2;color:#13C2C2;}
+    .sleep-day__bar--light{background:#1890FF;color:#1890FF;}
+    .sleep-day__label{font-size:10px;color:var(--text-dim);line-height:1;}
+    .sleep-chart__legend{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:var(--text-sub);}
+    .sleep-chart__legend span{display:flex;align-items:center;gap:5px;}
+    .sleep-chart__dot{width:8px;height:8px;border-radius:2px;box-shadow:0 0 7px currentColor;}
+
+    /* ========== 步数环形图 ========== */
+    .steps-ring{display:flex;flex-direction:column;gap:6px;}
+    .steps-ring__summary{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--text-sub);}
+    .steps-ring__summary b{color:#fff;font-size:13px;}
+    .steps-ring__body{display:flex;align-items:center;gap:10px;min-width:0;}
+    .steps-ring__chart{width:120px;height:120px;position:relative;flex-shrink:0;}
+    .steps-ring__chart svg{width:100%;height:100%;display:block;overflow:visible;}
+    .steps-ring__segment{transition:opacity .18s,filter .18s;cursor:pointer;}
+    .steps-ring__segment:hover{opacity:1;filter:drop-shadow(0 0 6px currentColor);}
+    .steps-ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
+      justify-content:center;text-align:center;pointer-events:none;}
+    .steps-ring__center-label{font-size:10px;color:var(--text-sub);font-weight:600;}
+    .steps-ring__center-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;}
+    .steps-ring__center-unit{font-size:9px;color:var(--text-dim);margin-top:1px;}
+    .steps-ring__legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
+    .steps-ring__legend-item{display:grid;grid-template-columns:8px minmax(46px,1fr) auto;align-items:center;gap:5px;
+      font-size:10px;color:var(--text-sub);min-width:0;}
+    .steps-ring__legend-dot{width:8px;height:8px;border-radius:2px;box-shadow:0 0 6px currentColor;}
+    .steps-ring__legend-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+    .steps-ring__legend-value{font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums;white-space:nowrap;}
+
+    /* ========== 穿戴告警事件列表（沿用主屏） ========== */
+    .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--heart{background:rgba(255,77,79,0.15);color:var(--danger);border:1px solid rgba(255,77,79,0.25);}
+    .alarm-item__type-tag--spo2{background:rgba(114,46,209,0.15);color:#b37feb;border:1px solid rgba(114,46,209,0.25);}
+    .alarm-item__type-tag--bp{background:rgba(24,144,255,0.15);color:var(--primary);border:1px solid rgba(24,144,255,0.25);}
+    .alarm-item__type-tag--temp{background:rgba(250,173,20,0.15);color:var(--warning);border:1px solid rgba(250,173,20,0.25);}
+    .alarm-item__type-tag--fall{background:rgba(255,77,79,0.2);color:var(--danger);border:1px solid rgba(255,77,79,0.35);}
+    .alarm-item__type-tag--sos{background:rgba(255,77,79,0.25);color:var(--danger);border:1px solid rgba(255,77,79,0.4);}
+    .alarm-item__time{font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums;}
+    .alarm-item__value{font-size:10px;color:var(--text-sub);font-weight:500;margin-left:auto;}
+    .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-road{position:absolute;background:rgba(24,144,255,0.08);}
+    .map-road--h{height:2px;left:0;right:0;}
+    .map-road--v{width:2px;top:0;bottom:0;}
+    .map-area{position:absolute;border:1px solid rgba(24,144,255,0.15);border-radius:6px;
+      background:rgba(24,144,255,0.03);display:flex;align-items:center;justify-content:center;
+      font-size:11px;color:var(--text-dim);transition:all .3s;}
+    .map-area:hover{border-color:rgba(24,144,255,0.4);background:rgba(24,144,255,0.08);color:var(--text-main);}
+    .map-label{position:absolute;font-size:10px;color:var(--text-dim);pointer-events:none;}
+    .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.2);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-legend__dot--offline{background:#4A6B8A;color:#4A6B8A;}
+    .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);}
+
+    /* ========== 单位手表配备情况卡片（横向滚动） ========== */
+    .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--high::before{background:var(--success);box-shadow:0 0 8px rgba(82,196,26,0.55);}
+    .watch-stat-card--mid::before{background:var(--warning);box-shadow:0 0 8px rgba(250,173,20,0.55);}
+    .watch-stat-card--low::before{background:var(--danger);box-shadow:0 0 8px rgba(255,77,79,0.55);}
+    .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--high .watch-stat-card__rate{color:var(--success);text-shadow:0 0 8px rgba(82,196,26,0.4);}
+    .watch-stat-card--mid .watch-stat-card__rate{color:var(--warning);text-shadow:0 0 8px rgba(250,173,20,0.4);}
+    .watch-stat-card--low .watch-stat-card__rate{color:var(--danger);text-shadow:0 0 8px rgba(255,77,79,0.4);}
+    .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--high .watch-stat-card__bar-fill{background:linear-gradient(90deg,#52C41A,#1890FF);box-shadow:0 0 6px rgba(82,196,26,0.55);}
+    .watch-stat-card--mid .watch-stat-card__bar-fill{background:linear-gradient(90deg,#FAAD14,#FF4D4F);box-shadow:0 0 6px rgba(250,173,20,0.55);}
+    .watch-stat-card--low .watch-stat-card__bar-fill{background:linear-gradient(90deg,#FF4D4F,#ff7875);box-shadow:0 0 6px rgba(255,77,79,0.55);}
+    .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--online .watch-stat-card__chip-num{color:var(--success);}
+    .watch-stat-card__chip--offline .watch-stat-card__chip-num{color:var(--text-dim);}
+    .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(255,77,79,0.15);
+      display:flex;align-items:center;justify-content:center;color:var(--danger);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>
+  </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.html">返回主屏</a>
+    <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>
+        <select class="panel__header-select" id="heartRangeSelect" onchange="renderCvRing('heart')">
+          <option value="today">今日</option>
+          <option value="week" selected>近一周</option>
+          <option value="month">近一月</option>
+          <option value="year">近一年</option>
+        </select>
+      </div>
+      <div class="panel__body" id="heartRing"></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>
+        <select class="panel__header-select" id="spo2RangeSelect" onchange="renderCvRing('spo2')">
+          <option value="today">今日</option>
+          <option value="week" selected>近一周</option>
+          <option value="month">近一月</option>
+          <option value="year">近一年</option>
+        </select>
+      </div>
+      <div class="panel__body" id="spo2Ring"></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>
+        <select class="panel__header-select" id="pressureRangeSelect" onchange="renderCvRing('pressure')">
+          <option value="today">今日</option>
+          <option value="week" selected>近一周</option>
+          <option value="month">近一月</option>
+          <option value="year">近一年</option>
+        </select>
+      </div>
+      <div class="panel__body" id="pressureRing"></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>
+        <select class="panel__header-select" id="tempRangeSelect" onchange="renderCvRing('temp')">
+          <option value="today">今日</option>
+          <option value="week" selected>近一周</option>
+          <option value="month">近一月</option>
+          <option value="year">近一年</option>
+        </select>
+      </div>
+      <div class="panel__body" id="tempRing"></div>
+    </div>
+  </aside>
+
+  <!-- 中央：地图 + 单位手表配备情况统计 -->
+  <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,268<unit>人</unit></div>
+          <div class="top-stat-card__label">总监测人数</div>
+        </div>
+      </div>
+      <div class="top-stat-card top-stat-card--success">
+        <div class="top-stat-card__body">
+          <div class="top-stat-card__num">1.28<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">99.6<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">1,847<unit>次</unit></div>
+          <div class="top-stat-card__label">告警次数</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 地图：手表位置分布 -->
+    <div class="map-wrap" id="mapWrap">
+      <div class="map-bg"></div>
+      <div class="map-title-pill"><span class="dot"></span>手表位置分布</div>
+
+      <!-- 手表位置标记点（绿=正常 / 黄=预警 / 红=告警 / 灰=离线） -->
+      <div class="map-marker" style="top:38%;left:33%;" title="张建国 · 采油一厂 · 心率异常">
+        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.25);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:42%;left:38%;" title="李明辉 · 采油一厂 · 正常">
+        <div class="map-marker__pulse" style="background:rgba(82,196,26,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#52C41A" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:43%;left:63%;" title="王芳 · 采油二厂 · 血氧偏低">
+        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:46%;left:67%;" title="刘雪梅 · 采油二厂 · 体温发热">
+        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.25);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:78%;left:48%;" title="赵刚 · 采油三厂 · 正常">
+        <div class="map-marker__pulse" style="background:rgba(82,196,26,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#52C41A" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:80%;left:52%;" title="杨丽娟 · 采油三厂 · 正常">
+        <div class="map-marker__pulse" style="background:rgba(82,196,26,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#52C41A" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:14%;left:13%;" title="孙志强 · 兴隆医院 · 心率异常">
+        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.25);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:70%;left:15%;" title="许建平 · 高陵医院 · 压力偏高">
+        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:16%;left:75%;" title="周丽华 · 宝石花医院 · 正常">
+        <div class="map-marker__pulse" style="background:rgba(82,196,26,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#52C41A" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:54%;left:60%;" title="吴永强 · 庆阳医院 · 压力偏高">
+        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:12%;left:48%;" title="韩雪 · 公司机关 · 离线">
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#4A6B8A" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:15%;left:52%;" title="马国强 · 公司机关 · 正常">
+        <div class="map-marker__pulse" style="background:rgba(82,196,26,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#52C41A" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:40%;left:35%;" title="陈晓东 · 采油一厂 · 压力高压">
+        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.25);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:45%;left:65%;" title="郑海龙 · 采油一厂 · 体温发热">
+        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.25);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+      <div class="map-marker" style="top:78%;left:55%;" title="冯国强 · 采油三厂 · 离线">
+        <svg class="map-marker__pin" viewBox="0 0 20 20"><circle cx="10" cy="10" r="6" fill="#4A6B8A" stroke="#fff" stroke-width="1.5"/></svg>
+      </div>
+
+      <!-- 图例 -->
+      <div class="map-legend">
+        <div class="map-legend__item"><span class="map-legend__dot map-legend__dot--normal"></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--danger"></span>告警</div>
+        <div class="map-legend__item"><span class="map-legend__dot map-legend__dot--offline"></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="watchStatTrack"></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>
+        <select class="panel__header-select" id="sleepRangeSelect" onchange="renderSleepChart()">
+          <option value="today">今日</option>
+          <option value="week" selected>近一周</option>
+          <option value="month">近一月</option>
+        </select>
+      </div>
+      <div class="panel__body" style="padding:8px 10px;overflow:hidden;" id="sleepChart"></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>
+        <select class="panel__header-select" id="stepsRangeSelect" onchange="renderStepsChart()">
+          <option value="today">今日</option>
+          <option value="week" selected>近一周</option>
+          <option value="month">近一月</option>
+        </select>
+      </div>
+      <div class="panel__body" style="padding:8px 10px;overflow:hidden;" id="stepsChart"></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="openAlarmRecordModal();event.stopPropagation();">查看更多</span>
+      </div>
+      <div class="panel__body" style="overflow:hidden;padding:0;">
+        <div class="alarm-list">
+          <div class="alarm-list__track" id="alarmTrack">
+            <!-- [内容] 告警事件列表，自动上下滚动 -->
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--fall">摔倒</span>
+                <span class="alarm-item__time">2026-06-23 14:32:15</span>
+                <span class="alarm-item__value"></span>
+              </div>
+              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
+                <span class="alarm-item__time">2026-06-23 14:28:03</span>
+                <span class="alarm-item__value">142 bpm</span>
+              </div>
+              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
+                <span class="alarm-item__time">2026-06-23 14:15:47</span>
+                <span class="alarm-item__value">89%</span>
+              </div>
+              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--sos">一键告警</span>
+                <span class="alarm-item__time">2026-06-23 13:58:22</span>
+                <span class="alarm-item__value"></span>
+              </div>
+              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--bp">压力异常</span>
+                <span class="alarm-item__time">2026-06-23 13:42:10</span>
+                <span class="alarm-item__value">180/110 mmHg</span>
+              </div>
+              <div class="alarm-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--temp">体温异常</span>
+                <span class="alarm-item__time">2026-06-23 13:20:35</span>
+                <span class="alarm-item__value">38.5°C</span>
+              </div>
+              <div class="alarm-item__desc">刘雪梅 · 女 · 36岁 · 采油二厂行政楼</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
+                <span class="alarm-item__time">2026-06-23 12:55:08</span>
+                <span class="alarm-item__value">156 bpm</span>
+              </div>
+              <div class="alarm-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
+                <span class="alarm-item__time">2026-06-23 12:38:41</span>
+                <span class="alarm-item__value">91%</span>
+              </div>
+              <div class="alarm-item__desc">周丽华 · 女 · 33岁 · 宝石花医院护理部</div>
+            </div>
+            <!-- 重复一份用于无缝滚动 -->
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--fall">摔倒</span>
+                <span class="alarm-item__time">2026-06-23 14:32:15</span>
+                <span class="alarm-item__value"></span>
+              </div>
+              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
+                <span class="alarm-item__time">2026-06-23 14:28:03</span>
+                <span class="alarm-item__value">142 bpm</span>
+              </div>
+              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
+                <span class="alarm-item__time">2026-06-23 14:15:47</span>
+                <span class="alarm-item__value">89%</span>
+              </div>
+              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--sos">一键告警</span>
+                <span class="alarm-item__time">2026-06-23 13:58:22</span>
+                <span class="alarm-item__value"></span>
+              </div>
+              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </aside>
+</div>
+
+<!-- [弹窗] 穿戴告警记录列表 -->
+<div class="alarm-record-overlay" id="alarmRecordOverlay" style="display:none;" onclick="closeAlarmRecordModal()">
+  <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"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
+      </div>
+      <span class="alarm-record-modal__title">穿戴告警记录</span>
+      <span class="alarm-record-modal__total" id="alarmRecordTotal">共 0 条记录</span>
+      <span class="alarm-record-modal__close" onclick="closeAlarmRecordModal()">&times;</span>
+    </div>
+    <div class="alarm-record-filters" id="alarmRecordFilters">
+      <div class="alarm-record-filter">
+        <span class="alarm-record-filter__label">告警类型</span>
+        <select class="alarm-record-filter__select alarm-record-filter__select--type" id="filterAlarmType">
+          <option value="">全部类型</option>
+          <option value="心率异常">心率异常</option>
+          <option value="血氧异常">血氧异常</option>
+          <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="filterDateFrom">
+      </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="filterDateTo">
+      </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="filterName" 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="filterEmpId" placeholder="请输入编号">
+      </div>
+      <button class="alarm-record-filter__btn alarm-record-filter__btn--primary" onclick="applyAlarmRecordFilter()">查询</button>
+      <button class="alarm-record-filter__btn" onclick="resetAlarmRecordFilter()">重置</button>
+    </div>
+    <div class="alarm-record-table-wrap">
+      <table class="alarm-record-table">
+        <thead>
+          <tr>
+            <th style="width:80px;">姓名</th>
+            <th style="width:110px;">员工编号</th>
+            <th style="width:50px;">性别</th>
+            <th style="width:50px;">年龄</th>
+            <th style="width:120px;">单位</th>
+            <th style="width:120px;">部门</th>
+            <th style="width:90px;">告警类型</th>
+            <th style="width:100px;">告警值</th>
+            <th style="width:150px;">告警时间</th>
+            <th style="width:190px;">详细地址</th>
+          </tr>
+        </thead>
+        <tbody id="alarmRecordTbody"></tbody>
+      </table>
+    </div>
+    <div class="alarm-record-pagination" id="alarmRecordPagination">
+      <div class="alarm-record-pagination__info" id="alarmRecordPageInfo">显示第 1-10 条，共 0 条</div>
+      <div class="alarm-record-pagination__pages" id="alarmRecordPageNumbers"></div>
+      <div class="alarm-record-pagination__size">
+        <span>每页</span>
+        <select id="alarmRecordPageSize" onchange="changeAlarmRecordPageSize()">
+          <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();
+
+/* ========== 左侧 4 块：心率 / 血氧 / 压力 / 体温环形图 ========== */
+/* 区间分布数据（沿用主屏 WEARABLE_DISTRIBUTION_DATA 中对应指标） */
+var CV_RING_DATA={
+  heart:{
+    name:'心率',unit:'次/分钟',total:993,min:34,max:185,
+    segments:[
+      {name:'正常',percent:84.52,color:'#1890FF'},
+      {name:'异常',percent:15.48,color:'#ff6b4a'}
+    ]
+  },
+  spo2:{
+    name:'血氧',unit:'%',total:921,min:82,max:100,
+    segments:[
+      {name:'正常 ≥95%',percent:88.2,color:'#1890FF'},
+      {name:'偏低 90-94%',percent:8.7,color:'#FAAD14'},
+      {name:'严重 <90%',percent:3.1,color:'#FF4D4F'}
+    ]
+  },
+  pressure:{
+    name:'压力',unit:'指数',total:868,min:18,max:96,
+    segments:[
+      {name:'正常',percent:72.6,color:'#52C41A'},
+      {name:'中等',percent:19.3,color:'#FAAD14'},
+      {name:'严重',percent:8.1,color:'#FF4D4F'}
+    ]
+  },
+  temp:{
+    name:'体温',unit:'℃',total:902,min:35.4,max:39.1,
+    segments:[
+      {name:'正常',percent:91.4,color:'#1890FF'},
+      {name:'低温',percent:2.6,color:'#13C2C2'},
+      {name:'发热',percent:6.0,color:'#FF4D4F'}
+    ]
+  }
+};
+/* 时间范围缩放系数 */
+var CV_RANGE_FACTOR={today:0.18,week:1,month:3.4,year:11.6};
+
+function getCvScale(metric){
+  var sel=document.getElementById(metric+'RangeSelect');
+  var v=sel?sel.value:'week';
+  return CV_RANGE_FACTOR[v]||1;
+}
+function formatCvNum(n){return Math.max(1,Math.round(n)).toLocaleString('zh-CN');}
+
+/* 渲染环形图：data + metric 对应的容器 id */
+function renderCvRing(metric){
+  var data=CV_RING_DATA[metric];
+  var containerId=metric+'Ring';
+  var chart=document.getElementById(containerId);
+  if(!chart||!data){return;}
+  var scale=getCvScale(metric);
+  var total=Math.max(1,Math.round(data.total*scale));
+  var c=2*Math.PI*42; /* r=42, 周长 ≈263.9 */
+  var offset=0;
+  var circles=data.segments.map(function(seg){
+    var arc=Math.max(0,c*seg.percent/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*seg.percent/100;
+    return circle;
+  }).join('');
+  var legend=data.segments.map(function(seg){
+    var value=Math.round(total*seg.percent/100);
+    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">'+formatCvNum(value)+' · '+seg.percent.toFixed(1)+'%</span>'+
+    '</div>';
+  }).join('');
+  chart.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">总人数</div>'+
+          '<div class="cv-ring__num">'+formatCvNum(total)+'</div>'+
+          '<div class="cv-ring__unit">人</div>'+
+        '</div>'+
+      '</div>'+
+      '<div class="cv-ring__summary">'+
+        '<div class="cv-ring__title">'+data.name+'区间分布</div>'+
+        '<div class="cv-ring__range">最小-最大：<b>'+data.min+'~'+data.max+data.unit+'</b></div>'+
+        '<div class="cv-ring__legend">'+legend+'</div>'+
+      '</div>'+
+    '</div>';
+}
+renderCvRing('heart');
+renderCvRing('spo2');
+renderCvRing('pressure');
+renderCvRing('temp');
+
+/* ========== 右侧睡眠柱图 ========== */
+var SLEEP_DATA={
+  today:{days:[{day:'06/26',deep:1.6,light:4.0}],avg:'5.6h'},
+  week:{days:[
+    {day:'06/20',deep:2.4,light:4.8},
+    {day:'06/21',deep:1.7,light:4.1},
+    {day:'06/22',deep:2.6,light:5.0},
+    {day:'06/23',deep:2.0,light:4.4},
+    {day:'06/24',deep:1.8,light:4.2},
+    {day:'06/25',deep:2.2,light:4.6},
+    {day:'06/26',deep:1.6,light:4.0}
+  ],avg:'6.7h'},
+  month:{days:[
+    {day:'05月',deep:2.1,light:4.5},
+    {day:'06月上',deep:1.9,light:4.3},
+    {day:'06月中',deep:2.3,light:4.7},
+    {day:'06月下',deep:2.0,light:4.4}
+  ],avg:'6.6h'}
+};
+function renderSleepChart(){
+  var range=document.getElementById('sleepRangeSelect').value;
+  var data=SLEEP_DATA[range]||SLEEP_DATA.week;
+  var maxHour=6;
+  var daysHtml=data.days.map(function(d){
+    var deep=Math.min(maxHour,d.deep);
+    var light=Math.min(maxHour,d.light);
+    return '<div class="sleep-day">'+
+      '<div class="sleep-day__bars">'+
+        '<span class="sleep-day__bar sleep-day__bar--deep" title="深睡 '+deep.toFixed(1)+'小时" style="height:'+(deep/maxHour*72).toFixed(0)+'px"></span>'+
+        '<span class="sleep-day__bar sleep-day__bar--light" title="浅睡 '+light.toFixed(1)+'小时" style="height:'+(light/maxHour*72).toFixed(0)+'px"></span>'+
+      '</div>'+
+      '<span class="sleep-day__label">'+d.day+'</span>'+
+    '</div>';
+  }).join('');
+  document.getElementById('sleepChart').innerHTML=
+    '<div class="sleep-chart">'+
+      '<div class="sleep-chart__summary">'+
+        '<span>按天展示深睡/浅睡</span>'+
+        '<span>平均睡眠 <b>'+data.avg+'</b></span>'+
+      '</div>'+
+      '<div class="sleep-chart__plot">'+daysHtml+'</div>'+
+      '<div class="sleep-chart__legend">'+
+        '<span><i class="sleep-chart__dot" style="color:#13C2C2;background:#13C2C2"></i>深睡</span>'+
+        '<span><i class="sleep-chart__dot" style="color:#1890FF;background:#1890FF"></i>浅睡</span>'+
+      '</div>'+
+    '</div>';
+}
+renderSleepChart();
+
+/* ========== 右侧步数环形图 ========== */
+/* 步数区间分布（单位时间内各步数区间的人数） */
+var STEPS_DATA={
+  today:{ranges:[
+    {range:'0-2k',count:412,color:'#13C2C2'},
+    {range:'2k-4k',count:894,color:'#1890FF'},
+    {range:'4k-6k',count:1856,color:'#52C41A'},
+    {range:'6k-8k',count:2310,color:'#FAAD14'},
+    {range:'8k-10k',count:927,color:'#FF7A45'},
+    {range:'10k+',count:236,color:'#FF4D4F'}
+  ],total:6635,avg:'5,820 步'},
+  week:{ranges:[
+    {range:'0-2k',count:580,color:'#13C2C2'},
+    {range:'2k-4k',count:1120,color:'#1890FF'},
+    {range:'4k-6k',count:1648,color:'#52C41A'},
+    {range:'6k-8k',count:1820,color:'#FAAD14'},
+    {range:'8k-10k',count:1042,color:'#FF7A45'},
+    {range:'10k+',count:425,color:'#FF4D4F'}
+  ],total:6635,avg:'7,874 步'},
+  month:{ranges:[
+    {range:'0-2k',count:520,color:'#13C2C2'},
+    {range:'2k-4k',count:1080,color:'#1890FF'},
+    {range:'4k-6k',count:1720,color:'#52C41A'},
+    {range:'6k-8k',count:1905,color:'#FAAD14'},
+    {range:'8k-10k',count:1010,color:'#FF7A45'},
+    {range:'10k+',count:400,color:'#FF4D4F'}
+  ],total:6635,avg:'7,775 步'}
+};
+function renderStepsChart(){
+  var range=document.getElementById('stepsRangeSelect').value;
+  var data=STEPS_DATA[range]||STEPS_DATA.week;
+  var total=data.total;
+  var c=2*Math.PI*42; /* r=42 周长 ≈263.9 */
+  var offset=0;
+  var circles=data.ranges.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="steps-ring__segment" cx="60" cy="60" r="42" fill="none" stroke="'+seg.color+'" stroke-width="11" '+
+      'stroke-dasharray="'+dash+'" stroke-dashoffset="'+(-offset).toFixed(1)+'" stroke-linecap="butt" '+
+      'transform="rotate(-90 60 60)" opacity="0.96" style="color:'+seg.color+'"></circle>';
+    offset+=c*pct/100;
+    return circle;
+  }).join('');
+  var legend=data.ranges.map(function(seg){
+    var pct=total>0?seg.count/total*100:0;
+    return '<div class="steps-ring__legend-item">'+
+      '<span class="steps-ring__legend-dot" style="color:'+seg.color+';background:'+seg.color+'"></span>'+
+      '<span class="steps-ring__legend-name">'+seg.range+' 步</span>'+
+      '<span class="steps-ring__legend-value">'+seg.count.toLocaleString('zh-CN')+' · '+pct.toFixed(1)+'%</span>'+
+    '</div>';
+  }).join('');
+  document.getElementById('stepsChart').innerHTML=
+    '<div class="steps-ring">'+
+      '<div class="steps-ring__summary">'+
+        '<span>总监测人数：<b>'+total.toLocaleString('zh-CN')+'</b> 人</span>'+
+        '<span>平均 <b>'+data.avg+'</b></span>'+
+      '</div>'+
+      '<div class="steps-ring__body">'+
+        '<div class="steps-ring__chart">'+
+          '<svg viewBox="0 0 120 120" aria-hidden="true">'+
+            '<circle cx="60" cy="60" r="42" fill="none" stroke="rgba(24,144,255,0.08)" stroke-width="11"></circle>'+
+            circles+
+          '</svg>'+
+          '<div class="steps-ring__center">'+
+            '<div class="steps-ring__center-label">区间分布</div>'+
+            '<div class="steps-ring__center-num">'+total.toLocaleString('zh-CN')+'</div>'+
+            '<div class="steps-ring__center-unit">人</div>'+
+          '</div>'+
+        '</div>'+
+        '<div class="steps-ring__legend">'+legend+'</div>'+
+      '</div>'+
+    '</div>';
+}
+renderStepsChart();
+
+/* ========== 单位手表配备情况统计 ========== */
+var WATCH_STAT_DATA=[
+  {unit:'采油一厂',target:520,deployed:498,online:470,offline:28},
+  {unit:'采油二厂',target:480,deployed:455,online:430,offline:25},
+  {unit:'采油三厂',target:420,deployed:398,online:375,offline:23},
+  {unit:'公司机关',target:380,deployed:372,online:358,offline:14},
+  {unit:'兴隆医院',target:160,deployed:155,online:148,offline:7},
+  {unit:'宝石花医院',target:180,deployed:170,online:162,offline:8},
+  {unit:'高陵医院',target:120,deployed:115,online:108,offline:7},
+  {unit:'庆阳医院',target:140,deployed:128,online:118,offline:10}
+];
+function renderWatchStatTable(){
+  var track=document.getElementById('watchStatTrack');
+  var cards='';
+  var sumTarget=0,sumDeployed=0,sumOnline=0,sumOffline=0;
+  WATCH_STAT_DATA.forEach(function(r){
+    var rate=r.target>0?r.deployed/r.target*100:0;
+    var rateClass=rate>=95?'high':(rate>=85?'mid':'low');
+    sumTarget+=r.target;sumDeployed+=r.deployed;sumOnline+=r.online;sumOffline+=r.offline;
+    cards+='<div class="watch-stat-card watch-stat-card--'+rateClass+'">'+
+      '<div class="watch-stat-card__head">'+
+        '<span class="watch-stat-card__unit" title="'+r.unit+'">'+r.unit+'</span>'+
+        '<span class="watch-stat-card__rate">'+rate.toFixed(1)+'%</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--online"><span class="watch-stat-card__chip-num">'+r.online.toLocaleString('zh-CN')+'</span><span class="watch-stat-card__chip-label">在线</span></div>'+
+        '<div class="watch-stat-card__chip watch-stat-card__chip--offline"><span class="watch-stat-card__chip-num">'+r.offline.toLocaleString('zh-CN')+'</span><span class="watch-stat-card__chip-label">离线</span></div>'+
+        '<div class="watch-stat-card__chip"><span class="watch-stat-card__chip-num">'+r.target.toLocaleString('zh-CN')+'</span><span class="watch-stat-card__chip-label">应配</span></div>'+
+      '</div>'+
+    '</div>';
+  });
+  var totalRate=sumTarget>0?sumDeployed/sumTarget*100:0;
+  var totalRateClass=totalRate>=95?'high':(totalRate>=85?'mid':'low');
+  cards+='<div class="watch-stat-card watch-stat-card--total watch-stat-card--'+totalRateClass+'">'+
+    '<div class="watch-stat-card__head">'+
+      '<span class="watch-stat-card__unit">合计</span>'+
+      '<span class="watch-stat-card__rate">'+totalRate.toFixed(1)+'%</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--online"><span class="watch-stat-card__chip-num">'+sumOnline.toLocaleString('zh-CN')+'</span><span class="watch-stat-card__chip-label">在线</span></div>'+
+      '<div class="watch-stat-card__chip watch-stat-card__chip--offline"><span class="watch-stat-card__chip-num">'+sumOffline.toLocaleString('zh-CN')+'</span><span class="watch-stat-card__chip-label">离线</span></div>'+
+      '<div class="watch-stat-card__chip"><span class="watch-stat-card__chip-num">'+sumTarget.toLocaleString('zh-CN')+'</span><span class="watch-stat-card__chip-label">应配</span></div>'+
+    '</div>'+
+  '</div>';
+  /* 复制一份用于无缝滚动 */
+  track.innerHTML=cards+cards;
+}
+renderWatchStatTable();
+
+/* ========== 穿戴告警事件列表点击 → 打开告警记录弹窗 ========== */
+document.getElementById('alarmTrack').addEventListener('click',function(e){
+  var item=e.target.closest('.alarm-item');
+  if(item){
+    openAlarmRecordModal();
+  }
+});
+
+/* ========== 穿戴告警记录弹窗（沿用主屏逻辑） ========== */
+var ALARM_RECORD_DATA=[
+  {name:'张建国',empId:'CY-2021-0837',gender:'男',age:52,unit:'采油一厂',dept:'生产区',alarmType:'摔倒',alarmValue:'--',alarmTime:'2026-06-23 14:32:15',address:'采油一厂生产基地B区3号井组作业平台'},
+  {name:'李明辉',empId:'CY-2019-0512',gender:'男',age:38,unit:'采油二厂',dept:'设备区',alarmType:'心率异常',alarmValue:'142 bpm',alarmTime:'2026-06-23 14:28:03',address:'采油二厂设备区2号楼208室'},
+  {name:'王芳',empId:'GS-2020-0128',gender:'女',age:45,unit:'公司机关',dept:'办公楼',alarmType:'血氧异常',alarmValue:'89%',alarmTime:'2026-06-23 14:15:47',address:'公司机关办公楼8层801室'},
+  {name:'赵刚',empId:'CY-2022-0305',gender:'男',age:29,unit:'采油三厂',dept:'调度室',alarmType:'一键告警',alarmValue:'--',alarmTime:'2026-06-23 13:58:22',address:'采油三厂调度中心大楼2层201室'},
+  {name:'陈晓东',empId:'CY-2018-0678',gender:'男',age:41,unit:'采油一厂',dept:'维修队',alarmType:'压力异常',alarmValue:'180/110 mmHg',alarmTime:'2026-06-23 13:42:10',address:'采油一厂维修队办公楼3层305室'},
+  {name:'刘雪梅',empId:'CY-2020-0442',gender:'女',age:36,unit:'采油二厂',dept:'行政楼',alarmType:'体温异常',alarmValue:'38.5°C',alarmTime:'2026-06-23 13:20:35',address:'采油二厂行政楼5层503室'},
+  {name:'孙志强',empId:'GL-2019-0215',gender:'男',age:47,unit:'高陵医院',dept:'后勤',alarmType:'心率异常',alarmValue:'156 bpm',alarmTime:'2026-06-23 12:55:08',address:'高陵医院后勤服务楼1层102室'},
+  {name:'周丽华',empId:'BH-2019-0521',gender:'女',age:33,unit:'宝石花医院',dept:'护理部',alarmType:'血氧异常',alarmValue:'91%',alarmTime:'2026-06-23 12:38:41',address:'宝石花医院护理部大楼3层302室'},
+  {name:'吴永强',empId:'QY-2018-0193',gender:'男',age:55,unit:'庆阳医院',dept:'急诊科',alarmType:'压力异常',alarmValue:'175/105 mmHg',alarmTime:'2026-06-23 11:20:14',address:'庆阳医院急诊科一楼抢救室'},
+  {name:'郑海龙',empId:'CY-2021-0923',gender:'男',age:43,unit:'采油一厂',dept:'生产区',alarmType:'体温异常',alarmValue:'39.1°C',alarmTime:'2026-06-23 10:45:33',address:'采油一厂生产基地A区1号井组平台'},
+  {name:'杨丽娟',empId:'CY-2022-0156',gender:'女',age:31,unit:'采油三厂',dept:'行政楼',alarmType:'心率异常',alarmValue:'148 bpm',alarmTime:'2026-06-23 10:12:07',address:'采油三厂行政楼4层402室'},
+  {name:'马国强',empId:'GS-2017-0388',gender:'男',age:50,unit:'公司机关',dept:'办公楼',alarmType:'摔倒',alarmValue:'--',alarmTime:'2026-06-23 09:35:28',address:'公司机关办公楼大厅一楼东侧走廊'},
+  {name:'何凤英',empId:'XL-2020-0721',gender:'女',age:44,unit:'兴隆医院',dept:'内科',alarmType:'血氧异常',alarmValue:'87%',alarmTime:'2026-06-22 22:10:45',address:'兴隆医院内科住院部3楼301病房'},
+  {name:'朱伟',empId:'CY-2019-0267',gender:'男',age:39,unit:'采油二厂',dept:'设备区',alarmType:'一键告警',alarmValue:'--',alarmTime:'2026-06-22 20:48:12',address:'采油二厂设备区3号机组平台'},
+  {name:'郭晓霞',empId:'BH-2021-0312',gender:'女',age:28,unit:'宝石花医院',dept:'门诊部',alarmType:'体温异常',alarmValue:'38.2°C',alarmTime:'2026-06-22 18:30:55',address:'宝石花医院门诊楼2层203诊室'},
+  {name:'许建平',empId:'GL-2018-0589',gender:'男',age:53,unit:'高陵医院',dept:'后勤',alarmType:'压力异常',alarmValue:'190/115 mmHg',alarmTime:'2026-06-22 16:15:38',address:'高陵医院后勤服务楼2层205室'},
+  {name:'曹敏',empId:'CY-2023-0045',gender:'女',age:26,unit:'采油一厂',dept:'生产区',alarmType:'心率异常',alarmValue:'135 bpm',alarmTime:'2026-06-22 14:52:03',address:'采油一厂生产基地B区5号井组作业平台'},
+  {name:'董志远',empId:'QY-2020-0182',gender:'男',age:45,unit:'庆阳医院',dept:'外科',alarmType:'摔倒',alarmValue:'--',alarmTime:'2026-06-22 13:28:41',address:'庆阳医院外科楼1层大厅'},
+  {name:'韩雪',empId:'GS-2021-0533',gender:'女',age:35,unit:'公司机关',dept:'办公楼',alarmType:'血氧异常',alarmValue:'90%',alarmTime:'2026-06-22 11:05:19',address:'公司机关办公楼6层602室'},
+  {name:'冯国强',empId:'CY-2018-0814',gender:'男',age:48,unit:'采油三厂',dept:'维修队',alarmType:'一键告警',alarmValue:'--',alarmTime:'2026-06-22 09:42:56',address:'采油三厂维修车间东区2层平台'},
+  {name:'钟玲',empId:'XL-2022-0067',gender:'女',age:30,unit:'兴隆医院',dept:'护理部',alarmType:'体温异常',alarmValue:'37.9°C',alarmTime:'2026-06-21 21:15:30',address:'兴隆医院护理部2楼值班室'},
+  {name:'范德彪',empId:'CY-2017-0456',gender:'男',age:57,unit:'采油一厂',dept:'维修队',alarmType:'压力异常',alarmValue:'185/120 mmHg',alarmTime:'2026-06-21 18:33:27',address:'采油一厂维修队办公楼1层103室'},
+  {name:'卢芳',empId:'CY-2021-0789',gender:'女',age:32,unit:'采油二厂',dept:'行政楼',alarmType:'心率异常',alarmValue:'152 bpm',alarmTime:'2026-06-21 15:48:11',address:'采油二厂行政楼3层308室'},
+  {name:'段伟明',empId:'BH-2018-0345',gender:'男',age:49,unit:'宝石花医院',dept:'急诊科',alarmType:'摔倒',alarmValue:'--',alarmTime:'2026-06-21 14:10:05',address:'宝石花医院急诊科一楼候诊区'},
+  {name:'任晓燕',empId:'GS-2022-0211',gender:'女',age:27,unit:'公司机关',dept:'办公楼',alarmType:'血氧异常',alarmValue:'92%',alarmTime:'2026-06-21 11:22:48',address:'公司机关办公楼5层508室'},
+  {name:'石磊',empId:'CY-2020-0390',gender:'男',age:34,unit:'采油三厂',dept:'调度室',alarmType:'一键告警',alarmValue:'--',alarmTime:'2026-06-21 08:55:36',address:'采油三厂调度中心大楼1层101室'},
+  {name:'梁红梅',empId:'QY-2019-0278',gender:'女',age:42,unit:'庆阳医院',dept:'内科',alarmType:'体温异常',alarmValue:'38.8°C',alarmTime:'2026-06-20 19:40:22',address:'庆阳医院内科住院部4楼405病房'},
+  {name:'贺军',empId:'GL-2021-0634',gender:'男',age:46,unit:'高陵医院',dept:'后勤',alarmType:'压力异常',alarmValue:'170/108 mmHg',alarmTime:'2026-06-20 16:18:59',address:'高陵医院后勤服务楼3层307室'}
+];
+
+var alarmRecordFilteredData=ALARM_RECORD_DATA.slice();
+var alarmRecordPage=1;
+var alarmRecordPageSizeVal=10;
+
+function openAlarmRecordModal(){
+  document.getElementById('alarmRecordOverlay').style.display='flex';
+  alarmRecordFilteredData=ALARM_RECORD_DATA.slice();
+  alarmRecordPage=1;
+  alarmRecordPageSizeVal=parseInt(document.getElementById('alarmRecordPageSize').value)||10;
+  renderAlarmRecordTable();
+}
+function closeAlarmRecordModal(){
+  document.getElementById('alarmRecordOverlay').style.display='none';
+}
+function getAlarmTypeClass(type){
+  var map={'心率异常':'heart','血氧异常':'spo2','压力异常':'bp','体温异常':'temp','摔倒':'fall','一键告警':'sos'};
+  return map[type]||'heart';
+}
+function renderAlarmRecordTable(){
+  var tbody=document.getElementById('alarmRecordTbody');
+  var total=alarmRecordFilteredData.length;
+  var pageSize=alarmRecordPageSizeVal;
+  var totalPages=Math.ceil(total/pageSize)||1;
+  if(alarmRecordPage>totalPages) alarmRecordPage=totalPages;
+  document.getElementById('alarmRecordTotal').textContent='共 '+total+' 条记录';
+  var start=(alarmRecordPage-1)*pageSize;
+  var end=Math.min(start+pageSize,total);
+  var pageData=alarmRecordFilteredData.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>'+
+        '<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--'+getAlarmTypeClass(r.alarmType)+'">'+r.alarmType+'</span></td>'+
+        '<td>'+r.alarmValue+'</td>'+
+        '<td>'+r.alarmTime+'</td>'+
+        '<td title="'+r.address+'">'+r.address+'</td>'+
+      '</tr>';
+    });
+    tbody.innerHTML=rows;
+  }
+  document.getElementById('alarmRecordPageInfo').textContent=
+    total===0?'暂无记录':'显示第 '+(start+1)+'-'+end+' 条，共 '+total+' 条';
+  renderAlarmPagination(totalPages);
+}
+function renderAlarmPagination(totalPages){
+  var container=document.getElementById('alarmRecordPageNumbers');
+  var html='';
+  html+='<div class="alarm-record-pagination__btn alarm-record-pagination__btn--arrow" onclick="goAlarmRecordPage('+(alarmRecordPage-1)+')" style="'+(alarmRecordPage<=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===alarmRecordPage?' active':'')+'" onclick="goAlarmRecordPage('+i+')">'+i+'</div>';
+    }
+  }else{
+    html+='<div class="alarm-record-pagination__btn'+(1===alarmRecordPage?' active':'')+'" onclick="goAlarmRecordPage(1)">1</div>';
+    if(alarmRecordPage>3){html+='<span class="alarm-record-pagination__ellipsis">...</span>';}
+    var s=Math.max(2,alarmRecordPage-1);
+    var e=Math.min(totalPages-1,alarmRecordPage+1);
+    for(var i=s;i<=e;i++){
+      html+='<div class="alarm-record-pagination__btn'+(i===alarmRecordPage?' active':'')+'" onclick="goAlarmRecordPage('+i+')">'+i+'</div>';
+    }
+    if(alarmRecordPage<totalPages-2){html+='<span class="alarm-record-pagination__ellipsis">...</span>';}
+    html+='<div class="alarm-record-pagination__btn'+(totalPages===alarmRecordPage?' active':'')+'" onclick="goAlarmRecordPage('+totalPages+')">'+totalPages+'</div>';
+  }
+  html+='<div class="alarm-record-pagination__btn alarm-record-pagination__btn--arrow" onclick="goAlarmRecordPage('+(alarmRecordPage+1)+')" style="'+(alarmRecordPage>=totalPages?'opacity:0.3;pointer-events:none;':'')+'">&#8250;</div>';
+  container.innerHTML=html;
+}
+function goAlarmRecordPage(page){
+  var totalPages=Math.ceil(alarmRecordFilteredData.length/alarmRecordPageSizeVal)||1;
+  if(page<1||page>totalPages) return;
+  alarmRecordPage=page;
+  renderAlarmRecordTable();
+}
+function changeAlarmRecordPageSize(){
+  alarmRecordPageSizeVal=parseInt(document.getElementById('alarmRecordPageSize').value)||10;
+  alarmRecordPage=1;
+  renderAlarmRecordTable();
+}
+function applyAlarmRecordFilter(){
+  var typeFilter=document.getElementById('filterAlarmType').value;
+  var dateFrom=document.getElementById('filterDateFrom').value;
+  var dateTo=document.getElementById('filterDateTo').value;
+  var nameFilter=document.getElementById('filterName').value.trim().toLowerCase();
+  var empIdFilter=document.getElementById('filterEmpId').value.trim().toLowerCase();
+  alarmRecordFilteredData=ALARM_RECORD_DATA.filter(function(r){
+    if(typeFilter&&r.alarmType!==typeFilter) return false;
+    if(dateFrom&&r.alarmTime<dateFrom) return false;
+    if(dateTo&&r.alarmTime>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;
+  });
+  alarmRecordPage=1;
+  renderAlarmRecordTable();
+}
+function resetAlarmRecordFilter(){
+  document.getElementById('filterAlarmType').value='';
+  document.getElementById('filterDateFrom').value='';
+  document.getElementById('filterDateTo').value='';
+  document.getElementById('filterName').value='';
+  document.getElementById('filterEmpId').value='';
+  alarmRecordFilteredData=ALARM_RECORD_DATA.slice();
+  alarmRecordPage=1;
+  renderAlarmRecordTable();
+}
+</script>
+</body>
+</html>
diff --git a/other-module/emergency-screen/xian-center/index-v2.html b/other-module/emergency-screen/xian-center/index-v1.html
similarity index 89%
rename from other-module/emergency-screen/xian-center/index-v2.html
rename to other-module/emergency-screen/xian-center/index-v1.html
index c8f5e49..8c5de2b 100644
--- a/other-module/emergency-screen/xian-center/index-v2.html
+++ b/other-module/emergency-screen/xian-center/index-v1.html
@@ -107,84 +107,27 @@
     .side{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;}
     .center{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;gap:12px;}
 
-    /* ========== 地图内悬浮资源统计胶囊（医疗点/救护车/AED） ========== */
-    /* [交互] 默认隐藏，点击医疗点/救护车/AED Tab 后在地图底部居中悬浮显示 */
-    .res-stat-row{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:11;
-      display:none;align-items:center;gap:6px;padding:6px 10px;
-      background:rgba(10,22,48,0.78);border:1px solid var(--panel-border);border-radius:24px;
-      backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(0,0,0,0.45),0 0 18px rgba(24,144,255,0.08);}
-    .res-stat-row::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
-      border-top:1.5px solid rgba(24,144,255,0.45);border-left:1.5px solid rgba(24,144,255,0.45);border-radius:24px 0 0 0;pointer-events:none;}
-    .res-stat-row::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
-      border-bottom:1.5px solid rgba(24,144,255,0.45);border-right:1.5px solid rgba(24,144,255,0.45);border-radius:0 0 24px 0;pointer-events:none;}
-    .res-stat-card{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:18px;
-      background:transparent;border:none;position:relative;transition:all .25s;}
-    .res-stat-card:hover{background:rgba(24,144,255,0.1);}
-    .res-stat-card + .res-stat-card::before{content:'';position:absolute;left:-3px;top:50%;
-      transform:translateY(-50%);width:1px;height:18px;background:rgba(74,107,138,0.35);}
-    .res-stat-card__icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;
-      justify-content:center;flex-shrink:0;background:rgba(24,144,255,0.16);color:var(--primary);}
-    .res-stat-card__icon--cyan{background:rgba(19,194,194,0.16);color:var(--cyan);}
-    .res-stat-card__icon--warning{background:rgba(250,173,20,0.16);color:var(--warning);}
-    .res-stat-card__icon--danger{background:rgba(255,77,79,0.16);color:var(--danger);}
-    .res-stat-card__icon--success{background:rgba(82,196,26,0.16);color:var(--success);}
-    .res-stat-card__icon svg{width:16px;height:16px;}
-    .res-stat-card__body{display:flex;flex-direction:column;gap:0;min-width:0;line-height:1.1;}
-    .res-stat-card__num{font-size:18px;font-weight:700;color:#fff;line-height:1.1;text-shadow:0 0 10px rgba(24,144,255,0.3);}
-    .res-stat-card__label{font-size:10px;color:var(--text-sub);margin-top:1px;}
-
-    /* ========== 路径规划面板（Tab 栏下方悬浮） ========== */
-    /* [交互] 点击"路径规划"Tab 后在地图顶部 Tab 栏下方展开 */
-    .plan-panel{position:absolute;top:62px;left:50%;transform:translateX(-50%);z-index:19;
-      display:none;align-items:center;gap:8px;padding:8px 14px;
-      background:rgba(10,22,48,0.9);border:1px solid var(--panel-border);border-radius:10px;
-      backdrop-filter:blur(10px);box-shadow:0 6px 22px rgba(0,0,0,0.5),0 0 16px rgba(24,144,255,0.1);
-      white-space:nowrap;}
-    .plan-panel--show{display:flex;}
-    .plan-panel::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
-      border-top:1.5px solid rgba(24,144,255,0.45);border-left:1.5px solid rgba(24,144,255,0.45);border-radius:10px 0 0 0;pointer-events:none;}
-    .plan-panel::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
-      border-bottom:1.5px solid rgba(24,144,255,0.45);border-right:1.5px solid rgba(24,144,255,0.45);border-radius:0 0 10px 0;pointer-events:none;}
-    .plan-panel__field{display:flex;align-items:center;gap:6px;}
-    .plan-panel__label{font-size:12px;color:var(--text-sub);white-space:nowrap;}
-    .plan-panel__label .dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle;}
-    .plan-panel__label--start .dot{background:var(--success);box-shadow:0 0 6px var(--success);}
-    .plan-panel__label--end .dot{background:var(--danger);box-shadow:0 0 6px var(--danger);}
-    .plan-panel__select{height:28px;padding:0 24px 0 10px;font-size:12px;color:var(--text-main);
-      background:rgba(24,144,255,0.08);border:1px solid var(--panel-border);border-radius:6px;
-      cursor:pointer;outline:none;transition:all .2s;min-width:130px;
-      appearance:none;-webkit-appearance:none;
-      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%237895A8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
-      background-repeat:no-repeat;background-position:right 8px center;}
-    .plan-panel__select:hover,.plan-panel__select:focus{border-color:var(--primary);background-color:rgba(24,144,255,0.14);}
-    .plan-panel__btn{display:flex;align-items:center;gap:5px;height:28px;padding:0 14px;
-      border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;
-      background:linear-gradient(90deg,rgba(24,144,255,0.3),rgba(24,144,255,0.15));
-      color:#fff;border:1px solid rgba(24,144,255,0.5);}
-    .plan-panel__btn:hover{background:linear-gradient(90deg,rgba(24,144,255,0.45),rgba(24,144,255,0.25));
-      box-shadow:0 0 12px rgba(24,144,255,0.3);}
-    .plan-panel__btn svg{width:14px;height:14px;}
-    .plan-panel__btn--ghost{background:rgba(74,107,138,0.18);color:var(--text-sub);border-color:rgba(74,107,138,0.35);}
-    .plan-panel__btn--ghost:hover{background:rgba(74,107,138,0.28);color:var(--text-main);box-shadow:none;}
-    .plan-panel__divider{width:1px;height:18px;background:rgba(74,107,138,0.3);}
-
-    /* ========== 路径规划 SVG 层（独立于急救路线） ========== */
-    .plan-route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;display:none;}
-    .plan-route-svg--show{display:block;}
-    .plan-route-svg .plan-route-path{fill:none;stroke:#00E5FF;stroke-width:0.6;
-      stroke-dasharray:1.2 0.8;filter:drop-shadow(0 0 1px rgba(0,229,255,0.8));
-      animation:planRouteDash 1s linear infinite;}
-    @keyframes planRouteDash{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:-20;}}
-    .plan-endpoint{transform-origin:center;animation:planEndpointPulse 1.6s ease-in-out infinite;}
-    @keyframes planEndpointPulse{0%,100%{opacity:1;}50%{opacity:0.55;}}
-    .plan-route-info{position:absolute;top:104px;right:12px;z-index:18;display:none;
-      background:rgba(10,22,48,0.88);border:1px solid var(--panel-border);border-radius:8px;
-      padding:8px 12px;font-size:11px;color:var(--text-sub);min-width:130px;
-      backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,0.4);}
-    .plan-route-info--show{display:block;}
-    .plan-route-info__title{font-size:12px;color:var(--text-main);font-weight:600;margin-bottom:4px;}
-    .plan-route-info__row{display:flex;justify-content:space-between;gap:12px;line-height:1.6;}
-    .plan-route-info__row b{color:#fff;font-weight:600;}
+    /* ========== 中心KPI卡片行 ========== */
+    .kpi-row{display:flex;gap:12px;flex-shrink:0;}
+    .kpi-card{flex:1;background:linear-gradient(135deg,rgba(10,25,50,0.85),rgba(15,40,70,0.7));
+      border:1px solid var(--panel-border);border-radius:10px;padding:14px 16px;position:relative;
+      overflow:hidden;transition:all .3s;}
+    .kpi-card:hover{border-color:rgba(24,144,255,0.4);box-shadow:0 0 20px rgba(24,144,255,0.12);}
+    .kpi-card::before{content:'';position:absolute;top:0;left:0;width:12px;height:12px;
+      border-top:1.5px solid rgba(24,144,255,0.4);border-left:1.5px solid rgba(24,144,255,0.4);}
+    .kpi-card::after{content:'';position:absolute;bottom:0;right:0;width:12px;height:12px;
+      border-bottom:1.5px solid rgba(24,144,255,0.4);border-right:1.5px solid rgba(24,144,255,0.4);}
+    .kpi-card__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
+    .kpi-card__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;}
+    .kpi-card__diamond--cyan{background:var(--cyan);box-shadow:0 0 6px rgba(0,229,255,0.6);}
+    .kpi-card__diamond--green{background:var(--success);box-shadow:0 0 6px rgba(82,196,26,0.6);}
+    .kpi-card__diamond--orange{background:var(--warning);box-shadow:0 0 6px rgba(250,173,20,0.6);}
+    .kpi-card__label{font-size:11px;color:var(--text-sub);}
+    .kpi-card__num{font-size:28px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 0 12px rgba(24,144,255,0.3);}
+    .kpi-card__trend{font-size:10px;color:var(--text-dim);margin-top:2px;display:flex;align-items:center;gap:4px;}
+    .kpi-card__trend--up{color:var(--success);}
+    .kpi-card__trend--down{color:var(--danger);}
 
     /* ========== 通用面板（增强） ========== */
     .panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;
@@ -652,8 +595,8 @@
       box-shadow:0 0 12px rgba(24,144,255,0.2);}
     .map-ctrl__btn svg{width:16px;height:16px;flex-shrink:0;}
 
-    /* ========== 地图右上角：图层切换 ========== */
-    .map-layer{position:absolute;top:12px;right:12px;z-index:12;
+    /* ========== 地图右下角：图层切换 ========== */
+    .map-layer{position:absolute;bottom:12px;right:178px;z-index:12;
       background:rgba(10,22,48,0.88);border:1px solid var(--panel-border);border-radius:8px;
       padding:8px 10px;display:flex;flex-direction:column;gap:2px;
       backdrop-filter:blur(6px);}
@@ -981,6 +924,43 @@
 
   <!-- 中间地图 -->
   <div class="center">
+    <!-- KPI 核心指标卡片行 -->
+    <!-- [交互] 数据大屏核心指标展示，数值可用于动态刷新 -->
+    <div class="kpi-row">
+      <div class="kpi-card">
+        <div class="kpi-card__header">
+          <div class="kpi-card__diamond"></div>
+          <span class="kpi-card__label">穿戴设备总数</span>
+        </div>
+        <div class="kpi-card__num">156</div>
+<!--        <div class="kpi-card__trend kpi-card__trend&#45;&#45;up">▲ 较上月 +12</div>-->
+      </div>
+      <div class="kpi-card">
+        <div class="kpi-card__header">
+          <div class="kpi-card__diamond kpi-card__diamond--cyan"></div>
+          <span class="kpi-card__label">今日穿戴报警数</span>
+        </div>
+        <div class="kpi-card__num">23</div>
+        <div class="kpi-card__trend kpi-card__trend--down">▲ 较昨日 +5</div>
+      </div>
+      <div class="kpi-card">
+        <div class="kpi-card__header">
+          <div class="kpi-card__diamond kpi-card__diamond--orange"></div>
+          <span class="kpi-card__label">今日应急求助数</span>
+        </div>
+        <div class="kpi-card__num" style="color:var(--warning);text-shadow:0 0 12px rgba(250,173,20,0.3);">7</div>
+        <div class="kpi-card__trend kpi-card__trend--down">▼ 待处理 3 条</div>
+      </div>
+      <div class="kpi-card">
+        <div class="kpi-card__header">
+          <div class="kpi-card__diamond kpi-card__diamond--green"></div>
+          <span class="kpi-card__label">平均响应时长</span>
+        </div>
+        <div class="kpi-card__num" style="color:var(--success);text-shadow:0 0 12px rgba(82,196,26,0.3);">2.4<span style="font-size:14px;font-weight:400;"> 分钟</span></div>
+<!--        <div class="kpi-card__trend kpi-card__trend&#45;&#45;up">▲ 较昨日优化 12%</div>-->
+      </div>
+    </div>
+
     <!-- 地图容器 -->
     <div class="map-wrap" id="mapWrap">
       <!-- 资源Tab栏 —— 内嵌在地图顶部 -->
@@ -1006,66 +986,7 @@
         <div class="res-tab" onclick="switchTab(this,'aed')">
           <span class="dot"></span>AED
         </div>
-        <div class="res-tab res-tab--plan" id="planTab" onclick="toggleRoutePlan(this)">
-          <span class="dot"></span>路径规划
-        </div>
       </nav>
-
-      <!-- [交互] 路径规划面板：点击"路径规划"Tab 后在 Tab 栏下方展开 -->
-      <div class="plan-panel" id="planPanel">
-        <div class="plan-panel__field">
-          <label class="plan-panel__label plan-panel__label--start"><span class="dot"></span>起点</label>
-          <select class="plan-panel__select" id="planStart">
-            <option value="emp">当前位置</option>
-            <option value="clinic1">采油一厂医疗点</option>
-            <option value="clinic2">采油二厂医疗点</option>
-            <option value="clinic3">采油三厂医疗点</option>
-            <option value="hospital1">兴隆医院</option>
-            <option value="hospital2">宝石花医院</option>
-            <option value="hospital3">庆阳医院</option>
-            <option value="hospital4">高陵医院</option>
-            <option value="amb1">陕A·120-03</option>
-            <option value="amb2">陕A·120-01</option>
-            <option value="aed1">AED-001</option>
-            <option value="aed2">AED-002</option>
-          </select>
-        </div>
-        <div class="plan-panel__divider"></div>
-        <div class="plan-panel__field">
-          <label class="plan-panel__label plan-panel__label--end"><span class="dot"></span>终点</label>
-          <select class="plan-panel__select" id="planEnd">
-            <option value="emp">当前位置</option>
-            <option value="clinic1">采油一厂医疗点</option>
-            <option value="clinic2">采油二厂医疗点</option>
-            <option value="clinic3" selected>采油三厂医疗点</option>
-            <option value="hospital1">兴隆医院</option>
-            <option value="hospital2">宝石花医院</option>
-            <option value="hospital3">庆阳医院</option>
-            <option value="hospital4">高陵医院</option>
-            <option value="amb1">陕A·120-03</option>
-            <option value="amb2">陕A·120-01</option>
-            <option value="aed1">AED-001</option>
-            <option value="aed2">AED-002</option>
-          </select>
-        </div>
-        <div class="plan-panel__divider"></div>
-        <button class="plan-panel__btn" onclick="executeRoutePlan()">
-          <svg viewBox="0 0 16 16" fill="none"><path d="M2 13L6 9l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6" cy="9" r="1.6" fill="currentColor"/><circle cx="13" cy="6" r="1.6" fill="currentColor"/></svg>
-          路径规划
-        </button>
-        <button class="plan-panel__btn plan-panel__btn--ghost" onclick="clearRoutePlan()">
-          <svg viewBox="0 0 16 16" fill="none"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
-          清除
-        </button>
-      </div>
-
-      <!-- [交互] 路径规划信息卡片：规划完成后在地图右上角显示距离与用时 -->
-      <div class="plan-route-info" id="planRouteInfo">
-        <div class="plan-route-info__title">规划路线</div>
-        <div class="plan-route-info__row"><span>总距离</span><b id="planRouteDist">--</b></div>
-        <div class="plan-route-info__row"><span>预计用时</span><b id="planRouteTime">--</b></div>
-      </div>
-
       <div class="map-bg"></div>
       <!-- 道路 -->
       <div class="map-road map-road--h" style="top:30%"></div>
@@ -1316,38 +1237,6 @@
           视频通话
         </button>
       </div>
-
-      <!-- [交互] 路径规划 SVG 层：独立于急救路线，绘制规划路径与起终点标记 -->
-      <svg class="plan-route-svg" id="planRouteSvg" viewBox="0 0 100 100" preserveAspectRatio="none">
-        <path class="plan-route-path" id="planRoutePath" d="" opacity="0"/>
-        <circle class="plan-endpoint" id="planStartDot" cx="0" cy="0" r="1.2" fill="#52C41A" opacity="0"/>
-        <circle class="plan-endpoint" id="planEndDot" cx="0" cy="0" r="1.2" fill="#FF4D4F" opacity="0"/>
-      </svg>
-
-      <!-- [交互] 资源统计胶囊：点击医疗点/救护车/AED Tab 后在地图底部居中悬浮显示 -->
-      <div class="res-stat-row" id="resStatRow">
-        <div class="res-stat-card">
-          <div class="res-stat-card__icon" id="resStatIcon1"></div>
-          <div class="res-stat-card__body">
-            <div class="res-stat-card__num" id="resStatNum1">--</div>
-            <div class="res-stat-card__label" id="resStatLabel1">--</div>
-          </div>
-        </div>
-        <div class="res-stat-card">
-          <div class="res-stat-card__icon" id="resStatIcon2"></div>
-          <div class="res-stat-card__body">
-            <div class="res-stat-card__num" id="resStatNum2">--</div>
-            <div class="res-stat-card__label" id="resStatLabel2">--</div>
-          </div>
-        </div>
-        <div class="res-stat-card">
-          <div class="res-stat-card__icon" id="resStatIcon3"></div>
-          <div class="res-stat-card__body">
-            <div class="res-stat-card__num" id="resStatNum3">--</div>
-            <div class="res-stat-card__label" id="resStatLabel3">--</div>
-          </div>
-        </div>
-      </div>
     </div>
   </div>
 
@@ -2627,158 +2516,6 @@ function switchTab(el,type){
   }else{
     markers.forEach(function(m){if(m.getAttribute('data-type')===type)m.style.display='block';});
   }
-
-  /* 同步更新地图下方资源统计卡片行 */
-  updateResStatRow(type);
-
-  /* 切换到普通资源 Tab 时，关闭路径规划面板并清除已绘制路径 */
-  var planPanel=document.getElementById('planPanel');
-  if(planPanel)planPanel.classList.remove('plan-panel--show');
-  clearRoutePlan();
-}
-
-/* ========== 路径规划（独立于急救路线） ========== */
-/* 路径规划备选点坐标（viewBox 0 0 100 100，与地图标记点位置一致） */
-var PLAN_POINTS = {
-  emp:       {x:50, y:50, name:'当前位置'},
-  clinic1:   {x:35, y:38, name:'采油一厂医疗点'},
-  clinic2:   {x:65, y:43, name:'采油二厂医疗点'},
-  clinic3:   {x:50, y:80, name:'采油三厂医疗点'},
-  hospital1: {x:12, y:18, name:'兴隆医院'},
-  hospital2: {x:75, y:20, name:'宝石花医院'},
-  hospital3: {x:60, y:55, name:'庆阳医院'},
-  hospital4: {x:15, y:75, name:'高陵医院'},
-  amb1:      {x:35, y:60, name:'陕A·120-03'},
-  amb2:      {x:55, y:25, name:'陕A·120-01'},
-  aed1:      {x:28, y:33, name:'AED-001'},
-  aed2:      {x:68, y:47, name:'AED-002'}
-};
-
-/* 切换路径规划 Tab：展开/收起规划面板，并保持所有地图标记可见 */
-function toggleRoutePlan(el){
-  var tab=document.getElementById('planTab');
-  var panel=document.getElementById('planPanel');
-  if(!tab||!panel)return;
-  var isActive=tab.classList.contains('active');
-  if(isActive){
-    /* 再次点击：收起面板并清除路径 */
-    tab.classList.remove('active');
-    panel.classList.remove('plan-panel--show');
-    clearRoutePlan();
-  }else{
-    /* 激活：取消其他 Tab 选中、隐藏统计胶囊、显示全部标记 */
-    document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active','res-tab--route-active');});
-    tab.classList.add('active');
-    panel.classList.add('plan-panel--show');
-    var statRow=document.getElementById('resStatRow');
-    if(statRow)statRow.style.display='none';
-    document.querySelectorAll('.map-marker').forEach(function(m){m.style.display='block';});
-    /* 仅清除已绘制路径，保留面板打开 */
-    var svg=document.getElementById('planRouteSvg');
-    var path=document.getElementById('planRoutePath');
-    var info=document.getElementById('planRouteInfo');
-    var sd=document.getElementById('planStartDot');
-    var ed=document.getElementById('planEndDot');
-    if(svg)svg.classList.remove('plan-route-svg--show');
-    if(path)path.setAttribute('opacity','0');
-    if(info)info.classList.remove('plan-route-info--show');
-    if(sd)sd.setAttribute('opacity','0');
-    if(ed)ed.setAttribute('opacity','0');
-  }
-}
-
-/* 清除路径规划已绘制的路径与信息卡片（不动 Tab 与面板状态） */
-function clearRoutePlan(){
-  var svg=document.getElementById('planRouteSvg');
-  var path=document.getElementById('planRoutePath');
-  var info=document.getElementById('planRouteInfo');
-  var sd=document.getElementById('planStartDot');
-  var ed=document.getElementById('planEndDot');
-  if(svg)svg.classList.remove('plan-route-svg--show');
-  if(path)path.setAttribute('opacity','0');
-  if(info)info.classList.remove('plan-route-info--show');
-  if(sd)sd.setAttribute('opacity','0');
-  if(ed)ed.setAttribute('opacity','0');
-}
-
-/* 执行路径规划：根据起点终点绘制曲线路径并显示距离与用时 */
-function executeRoutePlan(){
-  var sk=document.getElementById('planStart').value;
-  var ek=document.getElementById('planEnd').value;
-  if(sk===ek){alert('起点和终点不能相同，请重新选择。');return;}
-  var s=PLAN_POINTS[sk], e=PLAN_POINTS[ek];
-  if(!s||!e)return;
-  var path=document.getElementById('planRoutePath');
-  var svg=document.getElementById('planRouteSvg');
-  var info=document.getElementById('planRouteInfo');
-  var sd=document.getElementById('planStartDot');
-  var ed=document.getElementById('planEndDot');
-  /* 二次贝塞尔曲线：控制点垂直偏移，使路径呈现弧形而非直线 */
-  var mx=(s.x+e.x)/2, my=(s.y+e.y)/2;
-  var cx=mx+(e.y-s.y)*0.18, cy=my+(s.x-e.x)*0.18;
-  var d='M '+s.x+' '+s.y+' Q '+cx+' '+cy+' '+e.x+' '+e.y;
-  path.setAttribute('d',d);
-  path.setAttribute('opacity','1');
-  sd.setAttribute('cx',s.x);sd.setAttribute('cy',s.y);sd.setAttribute('opacity','1');
-  ed.setAttribute('cx',e.x);ed.setAttribute('cy',e.y);ed.setAttribute('opacity','1');
-  svg.classList.add('plan-route-svg--show');
-  /* Mock 距离/用时：按 viewBox 距离换算 */
-  var dx=s.x-e.x, dy=s.y-e.y, dist=Math.sqrt(dx*dx+dy*dy);
-  var km=(dist*0.15).toFixed(1);
-  var min=Math.max(1,Math.round(dist*0.6));
-  document.getElementById('planRouteDist').textContent=km+' km';
-  document.getElementById('planRouteTime').textContent=min+' 分钟';
-  info.classList.add('plan-route-info--show');
-}
-
-/* ========== 资源统计卡片行（医疗点/救护车/AED） ========== */
-/* 资源统计卡片数据：点击对应 Tab 后在地图下方展示 */
-var RES_STAT_CONFIG = {
-  clinic: {
-    cards: [
-      {label:'医疗点总数', num:'3', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 21V5a2 2 0 012-2h14a2 2 0 012 2v16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 21h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 7v6M9 10h6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
-      {label:'覆盖人数', num:'2,860', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="9" cy="7" r="4" stroke="currentColor" stroke-width="2"/><path d="M22 21v-2a4 4 0 00-3-3.87" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M16 3.13a4 4 0 010 7.75" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--cyan'},
-      {label:'医护人员', num:'28', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M9 11H7a2 2 0 00-2 2v7a2 2 0 002 2h10a2 2 0 002-2v-7a2 2 0 00-2-2h-2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 11V7M10 9h4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 3v2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--success'}
-    ]
-  },
-  ambulance: {
-    cards: [
-      {label:'急救型救护车', num:'5', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 17V7a2 2 0 012-2h9v8h7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 17h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="7.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><circle cx="17.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><path d="M15 8h4l2 3v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M9 9v4M7 11h4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--warning'},
-      {label:'转运型救护车', num:'3', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 17V7a2 2 0 012-2h9v8h7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 17h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="7.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><circle cx="17.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><path d="M15 8h4l2 3v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M8 11h6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
-      {label:'出勤次数', num:'128', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M22 12h-4l-3 9L9 3l-3 9H2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', tone:'--danger'}
-    ]
-  },
-  aed: {
-    cards: [
-      {label:'在线设备', num:'18', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M12 2a10 10 0 100 20 10 10 0 000-20z" stroke="currentColor" stroke-width="2"/><path d="M12 6v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--success'},
-      {label:'离线设备', num:'2', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M12 2a10 10 0 100 20 10 10 0 000-20z" stroke="currentColor" stroke-width="2"/><path d="M8 12h8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
-      {label:'使用次数', num:'36', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', tone:'--danger'}
-    ]
-  }
-};
-
-/* 根据当前资源 Tab 类型更新地图下方统计卡片 */
-function updateResStatRow(type){
-  var row=document.getElementById('resStatRow');
-  if(!row)return;
-  var config=RES_STAT_CONFIG[type];
-  if(!config){
-    row.style.display='none';
-    return;
-  }
-  row.style.display='flex';
-  config.cards.forEach(function(card,idx){
-    var i=idx+1;
-    var iconEl=document.getElementById('resStatIcon'+i);
-    var numEl=document.getElementById('resStatNum'+i);
-    var labelEl=document.getElementById('resStatLabel'+i);
-    if(iconEl){
-      iconEl.innerHTML=card.icon;
-      iconEl.className='res-stat-card__icon'+(card.tone||'');
-    }
-    if(numEl)numEl.textContent=card.num;
-    if(labelEl)labelEl.textContent=card.label;
-  });
 }
 
 /* ========== 地图标记脉冲动画优化 ========== */
diff --git a/other-module/emergency-screen/xian-center/index-v3.html b/other-module/emergency-screen/xian-center/index-v3.html
deleted file mode 100644
index 99e716d..0000000
--- a/other-module/emergency-screen/xian-center/index-v3.html
+++ /dev/null
@@ -1,3617 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>西安应急中心大屏 | 健康CQ原型</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;}
-
-    /* ========== 背景粒子（纯CSS） ========== */
-    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;}
-
-    /* 标题栏扫描线 */
-    .header__scan-line{position:absolute;bottom:0;left:0;width:100%;height:1px;
-      background:linear-gradient(90deg,transparent,rgba(24,144,255,0.5),transparent);
-      animation:scanLine 4s ease-in-out infinite;pointer-events:none;}
-    @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;}
-    .header__title-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#40a9ff);
-      border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(24,144,255,0.35);}
-    .header__title-icon svg{width:22px;height:22px;}
-    .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%);}
-    .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;}
-    .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;}
-    .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--cv{background:rgba(114,46,209,0.15);color:#b37feb;border-color:rgba(114,46,209,0.3);}
-    .header__btn--cv:hover{background:rgba(114,46,209,0.25);box-shadow:0 0 10px rgba(114,46,209,0.2);}
-    .header__btn--help{background:rgba(250,173,20,0.15);color:var(--warning);border-color:rgba(250,173,20,0.3);}
-    .header__btn--help:hover{background:rgba(250,173,20,0.25);box-shadow:0 0 10px rgba(250,173,20,0.2);}
-    .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);}
-
-    /* ========== 资源Tab栏 ========== */
-    .res-tabs{position:absolute;top:12px;left:50%;transform:translateX(-50%);
-      display:flex;align-items:center;gap:8px;padding:6px 16px;z-index:20;
-      background:rgba(10,20,44,0.85);border:1px solid var(--panel-border);border-radius:20px;
-      backdrop-filter:blur(8px);white-space:nowrap;}
-    .res-tab{height:32px;padding:0 18px;border-radius:16px;font-size:13px;cursor:pointer;transition:all .25s;
-      display:flex;align-items:center;gap:6px;border:1px solid var(--panel-border);background:rgba(24,144,255,0.06);color:var(--text-sub);}
-    .res-tab:hover{border-color:var(--primary);color:var(--text-main);}
-    .res-tab.active{background:linear-gradient(90deg,rgba(24,144,255,0.25),rgba(24,144,255,0.1));
-      border-color:var(--primary);color:#fff;box-shadow:0 0 12px rgba(24,144,255,0.2);}
-    .res-tab .dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);}
-    .res-tab.active .dot{background:var(--success);box-shadow:0 0 6px var(--success);}
-
-    /* ========== 主布局 ========== */
-    .main{display:flex;height:calc(100vh - 64px);gap:12px;padding:8px 12px 12px;}
-    .side{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;}
-    .center{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;gap:12px;}
-
-    /* ========== 地图内悬浮资源统计胶囊（医疗点/救护车/AED） ========== */
-    /* [交互] 默认隐藏，点击医疗点/救护车/AED Tab 后在地图底部居中悬浮显示 */
-    .res-stat-row{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:11;
-      display:none;align-items:center;gap:6px;padding:6px 10px;
-      background:rgba(10,22,48,0.78);border:1px solid var(--panel-border);border-radius:24px;
-      backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(0,0,0,0.45),0 0 18px rgba(24,144,255,0.08);}
-    .res-stat-row::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
-      border-top:1.5px solid rgba(24,144,255,0.45);border-left:1.5px solid rgba(24,144,255,0.45);border-radius:24px 0 0 0;pointer-events:none;}
-    .res-stat-row::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
-      border-bottom:1.5px solid rgba(24,144,255,0.45);border-right:1.5px solid rgba(24,144,255,0.45);border-radius:0 0 24px 0;pointer-events:none;}
-    .res-stat-card{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:18px;
-      background:transparent;border:none;position:relative;transition:all .25s;}
-    .res-stat-card:hover{background:rgba(24,144,255,0.1);}
-    .res-stat-card + .res-stat-card::before{content:'';position:absolute;left:-3px;top:50%;
-      transform:translateY(-50%);width:1px;height:18px;background:rgba(74,107,138,0.35);}
-    .res-stat-card__icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;
-      justify-content:center;flex-shrink:0;background:rgba(24,144,255,0.16);color:var(--primary);}
-    .res-stat-card__icon--cyan{background:rgba(19,194,194,0.16);color:var(--cyan);}
-    .res-stat-card__icon--warning{background:rgba(250,173,20,0.16);color:var(--warning);}
-    .res-stat-card__icon--danger{background:rgba(255,77,79,0.16);color:var(--danger);}
-    .res-stat-card__icon--success{background:rgba(82,196,26,0.16);color:var(--success);}
-    .res-stat-card__icon svg{width:16px;height:16px;}
-    .res-stat-card__body{display:flex;flex-direction:column;gap:0;min-width:0;line-height:1.1;}
-    .res-stat-card__num{font-size:18px;font-weight:700;color:#fff;line-height:1.1;text-shadow:0 0 10px rgba(24,144,255,0.3);}
-    .res-stat-card__label{font-size:10px;color:var(--text-sub);margin-top:1px;}
-
-    /* ========== 路径规划面板（Tab 栏下方悬浮） ========== */
-    /* [交互] 点击"路径规划"Tab 后在地图顶部 Tab 栏下方展开 */
-    .plan-panel{position:absolute;top:62px;left:50%;transform:translateX(-50%);z-index:19;
-      display:none;align-items:center;gap:8px;padding:8px 14px;
-      background:rgba(10,22,48,0.9);border:1px solid var(--panel-border);border-radius:10px;
-      backdrop-filter:blur(10px);box-shadow:0 6px 22px rgba(0,0,0,0.5),0 0 16px rgba(24,144,255,0.1);
-      white-space:nowrap;}
-    .plan-panel--show{display:flex;}
-    .plan-panel::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
-      border-top:1.5px solid rgba(24,144,255,0.45);border-left:1.5px solid rgba(24,144,255,0.45);border-radius:10px 0 0 0;pointer-events:none;}
-    .plan-panel::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
-      border-bottom:1.5px solid rgba(24,144,255,0.45);border-right:1.5px solid rgba(24,144,255,0.45);border-radius:0 0 10px 0;pointer-events:none;}
-    .plan-panel__field{display:flex;align-items:center;gap:6px;}
-    .plan-panel__label{font-size:12px;color:var(--text-sub);white-space:nowrap;}
-    .plan-panel__label .dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle;}
-    .plan-panel__label--start .dot{background:var(--success);box-shadow:0 0 6px var(--success);}
-    .plan-panel__label--end .dot{background:var(--danger);box-shadow:0 0 6px var(--danger);}
-    .plan-panel__select{height:28px;padding:0 24px 0 10px;font-size:12px;color:var(--text-main);
-      background:rgba(24,144,255,0.08);border:1px solid var(--panel-border);border-radius:6px;
-      cursor:pointer;outline:none;transition:all .2s;min-width:130px;
-      appearance:none;-webkit-appearance:none;
-      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%237895A8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
-      background-repeat:no-repeat;background-position:right 8px center;}
-    .plan-panel__select:hover,.plan-panel__select:focus{border-color:var(--primary);background-color:rgba(24,144,255,0.14);}
-    .plan-panel__btn{display:flex;align-items:center;gap:5px;height:28px;padding:0 14px;
-      border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;
-      background:linear-gradient(90deg,rgba(24,144,255,0.3),rgba(24,144,255,0.15));
-      color:#fff;border:1px solid rgba(24,144,255,0.5);}
-    .plan-panel__btn:hover{background:linear-gradient(90deg,rgba(24,144,255,0.45),rgba(24,144,255,0.25));
-      box-shadow:0 0 12px rgba(24,144,255,0.3);}
-    .plan-panel__btn svg{width:14px;height:14px;}
-    .plan-panel__btn--ghost{background:rgba(74,107,138,0.18);color:var(--text-sub);border-color:rgba(74,107,138,0.35);}
-    .plan-panel__btn--ghost:hover{background:rgba(74,107,138,0.28);color:var(--text-main);box-shadow:none;}
-    .plan-panel__divider{width:1px;height:18px;background:rgba(74,107,138,0.3);}
-
-    /* ========== 路径规划 SVG 层（独立于急救路线） ========== */
-    .plan-route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;display:none;}
-    .plan-route-svg--show{display:block;}
-    .plan-route-svg .plan-route-path{fill:none;stroke:#00E5FF;stroke-width:0.6;
-      stroke-dasharray:1.2 0.8;filter:drop-shadow(0 0 1px rgba(0,229,255,0.8));
-      animation:planRouteDash 1s linear infinite;}
-    @keyframes planRouteDash{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:-20;}}
-    .plan-endpoint{transform-origin:center;animation:planEndpointPulse 1.6s ease-in-out infinite;}
-    @keyframes planEndpointPulse{0%,100%{opacity:1;}50%{opacity:0.55;}}
-    .plan-route-info{position:absolute;top:104px;right:12px;z-index:18;display:none;
-      background:rgba(10,22,48,0.88);border:1px solid var(--panel-border);border-radius:8px;
-      padding:8px 12px;font-size:11px;color:var(--text-sub);min-width:130px;
-      backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,0.4);}
-    .plan-route-info--show{display:block;}
-    .plan-route-info__title{font-size:12px;color:var(--text-main);font-weight:600;margin-bottom:4px;}
-    .plan-route-info__row{display:flex;justify-content:space-between;gap:12px;line-height:1.6;}
-    .plan-route-info__row b{color:#fff;font-weight:600;}
-
-    /* ========== 通用面板（增强） ========== */
-    .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);}
-    }
-    /* 面板四角L形折角装饰 */
-    .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 */
-    .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-tabs{display:flex;align-items:center;gap:2px;margin-left:auto;
-      background:rgba(24,144,255,0.08);border-radius:12px;padding:2px;}
-    .panel__header-tab{font-size:10px;padding:2px 10px;border-radius:10px;cursor:pointer;
-      color:var(--text-sub);transition:all .2s;}
-    .panel__header-tab:hover{color:var(--text-main);}
-    .panel__header-tab.active{background:var(--primary);color:#fff;}
-    .panel__header-link{font-size:10px;color:var(--primary);cursor:pointer;margin-left:auto;flex-shrink:0;transition:all .2s;}
-    .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__header-link:hover{color:#40a9ff;text-decoration:underline;}
-    .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;}
-
-    /* ========== 左侧：服务详情 ========== */
-    .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
-    .stat-card{background:rgba(24,144,255,0.06);border:1px solid var(--panel-border);border-radius:8px;
-      padding:12px;text-align:center;transition:all .2s;}
-    .stat-card:hover{border-color:rgba(24,144,255,0.35);box-shadow:0 0 12px rgba(24,144,255,0.1);}
-    .stat-card__num{font-size:24px;font-weight:700;color:#fff;line-height:1;text-shadow:0 0 8px rgba(255,255,255,0.2);}
-    .stat-card__label{font-size:11px;color:var(--text-sub);margin-top:6px;}
-    .stat-card--danger .stat-card__num{color:var(--danger);text-shadow:0 0 8px rgba(255,77,79,0.3);}
-    .stat-card--warning .stat-card__num{color:var(--warning);text-shadow:0 0 8px rgba(250,173,20,0.3);}
-    .stat-card--success .stat-card__num{color:var(--success);text-shadow:0 0 8px rgba(82,196,26,0.3);}
-
-    /* ========== 左侧：体检数据排行 ========== */
-    .rank-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.08);}
-    .rank-item:last-child{border-bottom:none;}
-    .rank-item__num{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;
-      font-size:11px;font-weight:700;flex-shrink:0;}
-    .rank-item__num--1{background:linear-gradient(135deg,#FFD700,#FFA500);color:#fff;}
-    .rank-item__num--2{background:linear-gradient(135deg,#C0C0C0,#A0A0A0);color:#fff;}
-    .rank-item__num--3{background:linear-gradient(135deg,#CD7F32,#B87333);color:#fff;}
-    .rank-item__num--n{background:rgba(24,144,255,0.15);color:var(--text-sub);}
-    .rank-item__info{flex:1;min-width:0;}
-    .rank-item__name{font-size:12px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-    .rank-item__bar{height:4px;background:rgba(24,144,255,0.1);border-radius:2px;margin-top:4px;overflow:hidden;}
-    .rank-item__bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#40a9ff);border-radius:2px;transition:width .6s ease;}
-    .rank-item__value{font-size:12px;color:var(--text-sub);font-weight:600;flex-shrink:0;min-width:40px;text-align:right;}
-
-    /* ========== 左侧：穿戴告警事件（自动滚动） ========== */
-    .alarm-list{height:100%;overflow:hidden;position:relative;}
-    .alarm-list__track{animation:alarmScroll 24s linear infinite;}
-    .alarm-list__track:hover{animation-play-state:paused;}
-    #helpTrack{animation:helpScroll 20s linear infinite;}
-    #helpTrack:hover{animation-play-state:paused;}
-    @keyframes alarmScroll{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
-    @keyframes helpScroll{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--heart{background:rgba(255,77,79,0.15);color:var(--danger);border:1px solid rgba(255,77,79,0.25);}
-    .alarm-item__type-tag--spo2{background:rgba(114,46,209,0.15);color:#b37feb;border:1px solid rgba(114,46,209,0.25);}
-    .alarm-item__type-tag--bp{background:rgba(24,144,255,0.15);color:var(--primary);border:1px solid rgba(24,144,255,0.25);}
-    .alarm-item__type-tag--temp{background:rgba(250,173,20,0.15);color:var(--warning);border:1px solid rgba(250,173,20,0.25);}
-    .alarm-item__type-tag--fall{background:rgba(255,77,79,0.2);color:var(--danger);border:1px solid rgba(255,77,79,0.35);}
-    .alarm-item__type-tag--sos{background:rgba(255,77,79,0.25);color:var(--danger);border:1px solid rgba(255,77,79,0.4);}
-    .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__value{font-size:10px;color:var(--text-sub);font-weight:500;margin-left:auto;}
-    .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:var(--map-bg);border:1px solid var(--panel-border);}
-    .map-bg{position:absolute;inset:0;background-image:
-      linear-gradient(rgba(24,144,255,0.04) 1px,transparent 1px),
-      linear-gradient(90deg,rgba(24,144,255,0.04) 1px,transparent 1px);
-      background-size:50px 50px;}
-    .map-road{position:absolute;background:rgba(24,144,255,0.08);}
-    .map-road--h{height:2px;left:0;right:0;}
-    .map-road--v{width:2px;top:0;bottom:0;}
-    .map-area{position:absolute;border:1px solid rgba(24,144,255,0.15);border-radius:6px;
-      background:rgba(24,144,255,0.03);display:flex;align-items:center;justify-content:center;
-      font-size:11px;color:var(--text-dim);transition:all .3s;}
-    .map-area:hover{border-color:rgba(24,144,255,0.4);background:rgba(24,144,255,0.08);color:var(--text-main);}
-    .map-label{position:absolute;font-size:10px;color:var(--text-dim);pointer-events:none;}
-
-    /* 地图标记点 */
-    .map-marker{position:absolute;transform:translate(-50%,-100%);cursor:pointer;z-index:5;transition:all .2s;}
-    .map-marker:hover{transform:translate(-50%,-100%) scale(1.2);z-index:10;}
-    .map-marker__pin{width:28px;height:36px;}
-    .map-marker__label{position:absolute;top:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;
-      font-size:10px;background:rgba(0,0,0,0.7);color:#fff;padding:2px 8px;border-radius:4px;pointer-events:none;}
-    .map-marker__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
-      width:40px;height:40px;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;bottom:12px;left:12px;background:rgba(10,20,40,0.85);
-      border:1px solid var(--panel-border);border-radius:8px;padding:10px 14px;
-      display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:6px;}
-    .map-legend__item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-sub);}
-    .map-legend__dot{width:10px;height:10px;border-radius:50%;}
-
-    /* ========== 右侧：一线医疗点 ========== */
-    .clinic-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.08);}
-    .clinic-item:last-child{border-bottom:none;}
-    .clinic-item__icon{width:28px;height:28px;border-radius:6px;background:rgba(24,144,255,0.1);
-      display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;}
-    .clinic-item__icon svg{width:14px;height:14px;}
-    .clinic-item__info{flex:1;min-width:0;}
-    .clinic-item__name{font-size:12px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-    .clinic-item__addr{font-size:10px;color:var(--text-dim);margin-top:1px;}
-    .clinic-item__stats{display:flex;gap:10px;font-size:10px;color:var(--text-sub);margin-top:3px;}
-    .clinic-item__stats span{display:flex;align-items:center;gap:3px;}
-
-    /* ========== 穿戴告警分布（柱状图） ========== */
-    .alarm-bars{display:flex;flex-direction:column;gap:10px;}
-    .alarm-bar{display:flex;align-items:center;gap:8px;}
-    .alarm-bar__label{font-size:11px;width:56px;text-align:right;flex-shrink:0;font-weight:500;}
-    .alarm-bar__label--heart{color:var(--danger);}
-    .alarm-bar__label--spo2{color:#b37feb;}
-    .alarm-bar__label--bp{color:var(--primary);}
-    .alarm-bar__label--temp{color:var(--warning);}
-    .alarm-bar__label--fall{color:var(--danger);}
-    .alarm-bar__label--sos{color:var(--danger);}
-    .alarm-bar__track{flex:1;height:14px;background:rgba(24,144,255,0.08);border-radius:3px;overflow:hidden;}
-    .alarm-bar__fill{height:100%;border-radius:3px;transition:width .8s ease;}
-    .alarm-bar__fill--heart{background:linear-gradient(90deg,rgba(255,77,79,0.6),var(--danger));}
-    .alarm-bar__fill--spo2{background:linear-gradient(90deg,rgba(114,46,209,0.6),#b37feb);}
-    .alarm-bar__fill--bp{background:linear-gradient(90deg,rgba(24,144,255,0.6),var(--primary));}
-    .alarm-bar__fill--temp{background:linear-gradient(90deg,rgba(250,173,20,0.6),var(--warning));}
-    .alarm-bar__fill--fall{background:linear-gradient(90deg,rgba(255,77,79,0.7),var(--danger));}
-    .alarm-bar__fill--sos{background:linear-gradient(90deg,rgba(255,77,79,0.8),var(--danger));}
-    .alarm-bar__num{font-size:12px;font-weight:600;color:var(--text-main);width:24px;text-align:right;flex-shrink:0;}
-
-    /* ========== 右侧：应急求助事件 ========== */
-    .event-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.08);}
-    .event-item:last-child{border-bottom:none;}
-    .event-item__time{display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:36px;}
-    .event-item__time-hour{font-size:14px;font-weight:700;color:var(--text-main);}
-    .event-item__time-min{font-size:10px;color:var(--text-dim);}
-    .event-item__line{width:2px;flex:1;background:rgba(24,144,255,0.15);margin:2px 0;border-radius:1px;}
-    .event-item__content{flex:1;min-width:0;}
-    .event-item__title{font-size:12px;color:var(--text-main);display:flex;align-items:center;gap:6px;}
-    .event-item__tag{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:500;}
-    .event-item__tag--urgent{background:rgba(255,77,79,0.15);color:var(--danger);}
-    .event-item__tag--normal{background:rgba(82,196,26,0.15);color:var(--success);}
-    .event-item__desc{font-size:11px;color:var(--text-sub);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-    .event-item__loc{font-size:10px;color:var(--text-dim);margin-top:2px;}
-
-    /* ========== 右侧：应急求助重点人员 ========== */
-    .help-person-list{display:flex;flex-direction:column;}
-    .help-person-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.08);gap:6px;}
-    .help-person-item:last-child{border-bottom:none;}
-    .help-person-item__name{font-size:12px;color:var(--text-main);font-weight:600;flex-shrink:0;}
-    .help-person-item__dept{font-size:10px;color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-    .help-person-item__count{font-size:11px;color:var(--text-sub);flex-shrink:0;}
-    .help-person-item__count b{font-weight:700;color:var(--primary);}
-
-    /* ========== 心脑血管AI预警 ========== */
-    .ai-warn-list{height:180px;overflow:hidden;position:relative;}
-    .ai-warn-list__track{animation:aiScroll 22s linear infinite;}
-    .ai-warn-list__track:hover{animation-play-state:paused;}
-    @keyframes aiScroll{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
-    .ai-warn-item{padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.06);cursor:pointer;transition:background .2s;}
-    .ai-warn-item:hover{background:rgba(114,46,209,0.06);}
-    .ai-warn-item:last-child{border-bottom:none;}
-    .ai-warn-item__header{display:flex;align-items:center;gap:6px;margin-bottom:3px;}
-    .ai-warn-item__tag{font-size:10px;padding:1px 8px;border-radius:3px;font-weight:600;flex-shrink:0;}
-    .ai-warn-item__tag--mi{background:rgba(255,77,79,0.15);color:var(--danger);border:1px solid rgba(255,77,79,0.25);}
-    .ai-warn-item__tag--ci{background:rgba(114,46,209,0.15);color:#b37feb;border:1px solid rgba(114,46,209,0.25);}
-    .ai-warn-item__tag--ch{background:rgba(255,77,79,0.2);color:var(--danger);border:1px solid rgba(255,77,79,0.3);}
-    .ai-warn-item__tag--sd{background:rgba(0,0,0,0.3);color:#ccc;border:1px solid rgba(255,255,255,0.15);}
-    .ai-warn-item__level{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600;flex-shrink:0;}
-    .ai-warn-item__level--high{background:rgba(255,77,79,0.1);color:var(--danger);}
-    .ai-warn-item__level--mid{background:rgba(250,173,20,0.1);color:var(--warning);}
-    .ai-warn-item__level--low{background:rgba(24,144,255,0.1);color:var(--primary);}
-    .ai-warn-item__score{font-size:11px;font-weight:700;color:var(--text-main);margin-left:auto;font-variant-numeric:tabular-nums;}
-    .ai-warn-item__desc{font-size:11px;color:var(--text-sub);}
-    .ai-warn-item__reason{font-size:10px;color:var(--text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-
-    /* ========== 弹窗 ========== */
-    .modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,0.25);
-      display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);}
-    .modal{position:relative;width:480px;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 40px rgba(24,144,255,0.15);}
-    .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;}
-    .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;}
-    .modal__header{height:48px;padding:0 16px;display:flex;align-items:center;gap:10px;
-      background:linear-gradient(90deg,rgba(24,144,255,0.12),transparent);border-bottom:1px solid var(--panel-border);}
-    .modal__header-icon{width:28px;height:28px;border-radius:6px;background:rgba(255,77,79,0.15);
-      display:flex;align-items:center;justify-content:center;color:var(--danger);}
-    .modal__title{font-size:15px;font-weight:600;color:var(--text-main);}
-    .modal__close{font-size:20px;color:var(--text-dim);cursor:pointer;margin-left:auto;line-height:1;transition:all .2s;}
-    .modal__close:hover{color:var(--text-main);}
-    .modal__body{padding:20px;}
-    .modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;}
-    .modal__field{display:flex;flex-direction:column;gap:4px;}
-    .modal__field--full{grid-column:1 / -1;}
-    .modal__label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;}
-    .modal__value{font-size:13px;color:var(--text-main);}
-    .modal__actions{display:flex;justify-content:flex-end;gap:10px;}
-    .modal__btn{height:32px;padding:0 20px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;
-      background:rgba(24,144,255,0.08);color:var(--text-sub);border:1px solid var(--panel-border);}
-    .modal__btn:hover{background:rgba(24,144,255,0.15);color:var(--text-main);}
-    .modal__btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);}
-    .modal__btn--primary:hover{background:#40a9ff;}
-    .modal__btn--route{background:rgba(0,229,255,0.12);color:var(--cyan);border-color:rgba(0,229,255,0.3);}
-    .modal__btn--route:hover{background:rgba(0,229,255,0.22);box-shadow:0 0 10px rgba(0,229,255,0.15);}
-    .modal__btn--guide-cv{background:rgba(114,46,209,0.12);color:#b37feb;border-color:rgba(114,46,209,0.3);}
-    .modal__btn--guide-cv:hover{background:rgba(114,46,209,0.22);box-shadow:0 0 10px rgba(114,46,209,0.15);}
-    .modal__alert-text{font-size:13px;color:var(--warning);text-align:center;padding:4px 0 12px;
-      border-bottom:1px solid var(--panel-border);margin-bottom:12px;line-height:1.6;}
-    .modal__section-title{font-size:12px;font-weight:600;color:var(--primary);margin-bottom:10px;
-      padding-left:10px;border-left:3px solid var(--primary);letter-spacing:0.5px;}
-
-    /* ========== 急救路线：员工标记 ========== */
-    .emp-marker{position:absolute;transform:translate(-50%,-100%);z-index:10;display:none;animation:empBounce 1s ease-in-out infinite;}
-    .emp-marker--show{display:block;}
-    @keyframes empBounce{0%,100%{transform:translate(-50%,-100%) translateY(0);}50%{transform:translate(-50%,-100%) translateY(-6px);}}
-    .emp-marker__pin{width:32px;height:40px;}
-    .emp-marker__ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
-      width:50px;height:50px;border-radius:50%;border:2px solid var(--danger);
-      animation:empRipple 1.5s ease-out infinite;}
-    @keyframes empRipple{0%{transform:translate(-50%,-50%) scale(0.5);opacity:1;}100%{transform:translate(-50%,-50%) scale(2.5);opacity:0;}}
-
-    	    /* ========== 员工标记信息卡片 ========== */
-	    .emp-info-card{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);
-	      background:rgba(10,22,48,0.96);border:1px solid rgba(255,77,79,0.35);border-radius:8px;
-	      padding:12px 14px;min-width:220px;z-index:11;pointer-events:none;display:none;
-	      box-shadow:0 4px 20px rgba(255,77,79,0.15);}
-	    .emp-marker--show .emp-info-card{display:block;animation:infoFadeIn .3s ease;}
-	    @keyframes infoFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(6px);}100%{opacity:1;transform:translateX(-50%) translateY(0);}}
-	    /* 向下三角箭头 */
-	    .emp-info-card::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);
-	      width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;
-	      border-top:6px solid rgba(255,77,79,0.35);}
-	    .emp-info-card__header{font-size:12px;font-weight:600;color:var(--danger);margin-bottom:8px;
-	      display:flex;align-items:center;gap:6px;}
-	    .emp-info-card__header::before{content:'';width:6px;height:6px;border-radius:50%;
-	      background:var(--danger);animation:empRipple 1.5s ease-out infinite;}
-	    .emp-info-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;}
-	    .emp-info-card__item{display:flex;flex-direction:column;gap:1px;}
-	    .emp-info-card__item--full{grid-column:1/-1;}
-	    .emp-info-card__label{font-size:10px;color:var(--text-dim);}
-	    .emp-info-card__value{font-size:12px;color:var(--text-main);}
-
-/* ========== 急救路线：SVG路线图层 ========== */
-    .route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;display:none;}
-    .route-svg--show{display:block;}
-    .route-svg line{animation:routeDash 0.8s linear infinite;}
-    @keyframes routeDash{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:-18;}}
-    .map-marker--route{filter:drop-shadow(0 0 6px rgba(0,229,255,0.6));z-index:8 !important;}
-    .map-marker--route .map-marker__pulse{animation-duration:1s !important;}
-
-    /* ========== 急救路线：右侧资源面板 ========== */
-    .route-panel{position:absolute;top:12px;right:12px;z-index:15;width:220px;display:none;
-      background:rgba(10,25,55,0.95);border:1px solid var(--panel-border);border-radius:10px;
-      padding:14px;flex-direction:column;gap:10px;backdrop-filter:blur(6px);}
-    .route-panel--show{display:flex;}
-    .route-panel::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
-      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;}
-    .route-panel::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
-      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;}
-    .route-panel__title{font-size:12px;font-weight:600;color:var(--cyan);text-align:center;margin-bottom:2px;}
-    .route-panel__item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(24,144,255,0.08);}
-    .route-panel__item:last-child{border-bottom:none;}
-    .route-panel__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
-    .route-panel__info{flex:1;min-width:0;}
-    .route-panel__name{font-size:11px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-    .route-panel__meta{font-size:10px;color:var(--text-dim);display:flex;gap:8px;margin-top:1px;}
-    .route-panel__cat{font-size:10px;color:var(--text-dim);font-weight:400;}
-    .route-panel__item--clickable{cursor:pointer;border-radius:6px;padding:6px 8px;margin:0 -6px;transition:all .2s;}
-    .route-panel__item--clickable:hover{background:rgba(24,144,255,0.1);}
-    .route-panel__item--active{background:rgba(24,144,255,0.12) !important;border-color:rgba(24,144,255,0.3) !important;}
-    .route-panel__item--active .route-panel__name{color:var(--cyan);}
-
-    /* ========== 急救路线Tab高亮动画 ========== */
-    .res-tab--route-active{animation:tabGlow 1s ease-in-out 3;}
-    @keyframes tabGlow{0%,100%{box-shadow:0 0 8px rgba(0,229,255,0.1);}50%{box-shadow:0 0 16px rgba(0,229,255,0.4);}}
-
-    /* ========== 急救提示书面板 ========== */
-    .guide-panel{position:absolute;top:52px;right:0;bottom:0;z-index:16;width:380px;display:none;
-      background:rgba(10,22,48,0.98);border-left:1px solid var(--panel-border);
-      flex-direction:column;overflow-y:auto;}
-    .guide-panel--show{display:flex;}
-    .guide-panel::-webkit-scrollbar{width:4px;}
-    .guide-panel::-webkit-scrollbar-thumb{background:rgba(114,46,209,0.3);border-radius:2px;}
-    .guide-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;
-      background:linear-gradient(90deg,rgba(114,46,209,0.15),transparent);border-bottom:1px solid var(--panel-border);flex-shrink:0;}
-    .guide-panel__title{font-size:15px;font-weight:600;color:#b37feb;}
-    .guide-panel__close{font-size:20px;color:var(--text-dim);cursor:pointer;line-height:1;transition:all .2s;}
-    .guide-panel__close:hover{color:var(--text-main);}
-    .guide-panel__body{padding:14px 16px;flex:1;}
-    .guide-panel__body ol{counter-reset:guide;list-style:none;padding:0;margin:0;}
-    .guide-panel__body ol li{counter-increment:guide;padding:8px 0 8px 28px;position:relative;
-      font-size:12px;color:var(--text-sub);line-height:1.7;border-bottom:1px solid rgba(24,144,255,0.06);}
-    .guide-panel__body ol li:last-child{border-bottom:none;}
-    .guide-panel__body ol li::before{content:counter(guide);position:absolute;left:0;top:8px;
-      width:20px;height:20px;border-radius:50%;background:rgba(114,46,209,0.15);color:#b37feb;
-      font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
-    .guide-panel__body ol li b{color:var(--warning);}
-
-    /* ========== 穿戴告警记录弹窗 ========== */
-    .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(255,77,79,0.15);
-      display:flex;align-items:center;justify-content:center;color:var(--danger);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;}
-
-    /* ========== 告警弹窗红色闪烁边框 ========== */
-    @keyframes modalAlertPulse{
-      0%,100%{border-color:rgba(255,77,79,0.3);box-shadow:0 0 12px rgba(255,77,79,0.1);}
-      50%{border-color:rgba(255,77,79,0.9);box-shadow:0 0 28px rgba(255,77,79,0.45);}
-    }
-    #alarmModal .modal,#helpModal .modal,#cvModal .modal{
-      animation:modalAlertPulse 1.2s ease-in-out infinite;
-    }
-
-    /* ========== 地图资源标记弹窗 ========== */
-    .marker-popup{position:absolute;z-index:20;display:none;
-      background:rgba(10,22,48,0.97);border:1px solid var(--panel-border);border-radius:8px;
-      padding:10px 14px;min-width:180px;max-width:240px;pointer-events:none;
-      box-shadow:0 4px 20px rgba(0,0,0,0.5),0 0 12px rgba(24,144,255,0.15);
-      transform:translate(-50%,-100%);}
-    .marker-popup::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);
-      width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;
-      border-top:6px solid rgba(10,22,48,0.97);}
-    .marker-popup--show{display:block;animation:popupFadeIn .2s ease;}
-    @keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px));}100%{opacity:1;transform:translate(-50%,-100%);}}
-    .marker-popup__name{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:4px;}
-    .marker-popup__cat{font-size:10px;color:var(--text-dim);margin-bottom:6px;}
-    .marker-popup__cat span{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle;}
-    .marker-popup__label{font-size:10px;color:var(--text-dim);margin-bottom:2px;letter-spacing:0.5px;}
-    .marker-popup__addr{font-size:11px;color:var(--text-sub);line-height:1.5;}
-
-    /* ========== 地图右下角：接听状态控制面板 ========== */
-    .map-ctrl{position:absolute;bottom:12px;right:12px;z-index:12;
-      background:rgba(10,22,48,0.88);border:1px solid var(--panel-border);border-radius:8px;
-      padding:12px 16px;display:flex;flex-direction:column;gap:12px;
-      backdrop-filter:blur(6px);min-width:150px;}
-    .map-ctrl::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
-      border-top:1.5px solid rgba(24,144,255,0.35);border-left:1.5px solid rgba(24,144,255,0.35);border-radius:8px 0 0 0;pointer-events:none;}
-    .map-ctrl::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
-      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 8px 0;pointer-events:none;}
-    .map-ctrl__row{display:flex;align-items:center;gap:10px;}
-    .map-ctrl__label{font-size:12px;color:var(--text-sub);white-space:nowrap;}
-    /* Switch 开关 */
-    .map-ctrl__switch{position:relative;width:40px;height:22px;flex-shrink:0;cursor:pointer;}
-    .map-ctrl__switch input{display:none;}
-    .map-ctrl__switch-track{position:absolute;inset:0;border-radius:11px;background:rgba(74,107,138,0.4);
-      border:1px solid rgba(74,107,138,0.5);transition:all .25s;}
-    .map-ctrl__switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
-      background:var(--text-sub);transition:all .25s;box-shadow:0 1px 3px rgba(0,0,0,0.3);}
-    .map-ctrl__switch input:checked + .map-ctrl__switch-track{background:rgba(82,196,26,0.25);border-color:rgba(82,196,26,0.5);}
-    .map-ctrl__switch input:checked ~ .map-ctrl__switch-thumb{left:20px;background:var(--success);
-      box-shadow:0 0 8px rgba(82,196,26,0.5);}
-    /* 视频通话按钮 */
-    .map-ctrl__btn{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;
-      border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;
-      background:rgba(24,144,255,0.12);color:var(--primary);border:1px solid rgba(24,144,255,0.3);}
-    .map-ctrl__btn:hover{background:rgba(24,144,255,0.22);border-color:rgba(24,144,255,0.5);
-      box-shadow:0 0 12px rgba(24,144,255,0.2);}
-    .map-ctrl__btn svg{width:16px;height:16px;flex-shrink:0;}
-
-    /* ========== 地图右上角：图层切换 ========== */
-    .map-layer{position:absolute;top:12px;right:12px;z-index:12;
-      background:rgba(10,22,48,0.88);border:1px solid var(--panel-border);border-radius:8px;
-      padding:8px 10px;display:flex;flex-direction:column;gap:2px;
-      backdrop-filter:blur(6px);}
-    .map-layer::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
-      border-top:1.5px solid rgba(24,144,255,0.35);border-left:1.5px solid rgba(24,144,255,0.35);border-radius:8px 0 0 0;pointer-events:none;}
-    .map-layer::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
-      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 8px 0;pointer-events:none;}
-    .map-layer__item{font-size:11px;color:var(--text-dim);padding:5px 10px;border-radius:4px;
-      cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center;}
-    .map-layer__item:hover{color:var(--text-main);background:rgba(24,144,255,0.08);}
-    .map-layer__item.active{color:var(--primary);background:rgba(24,144,255,0.15);}
-
-    /* ========== 响应式/小屏幕 ========== */
-    @media(max-width:1440px){.side{width:280px;}.main{padding:0 8px 8px;gap:8px;}.kpi-card__num{font-size:16px;}}
-
-    /* ========== 主布局调整（为顶部 KPI 条让出空间） ========== */
-    .main{height:calc(100vh - 64px - 64px);}
-    .side{width:340px;}
-
-    /* ========== 顶部 KPI 条 ========== */
-    .kpi-bar{height:56px;display:flex;gap:10px;padding:0 12px 8px;}
-    .kpi-card{flex:1;background:var(--panel-bg);border:1px solid var(--panel-border);
-      border-radius:8px;padding:6px 14px;display:flex;align-items:center;gap:10px;
-      position:relative;overflow:hidden;backdrop-filter:blur(6px);
-      animation:panelGlow 3s ease-in-out infinite;}
-    .kpi-card::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
-      border-top:1.5px solid rgba(24,144,255,0.35);border-left:1.5px solid rgba(24,144,255,0.35);
-      border-radius:8px 0 0 0;pointer-events:none;}
-    .kpi-card::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
-      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 8px 0;pointer-events:none;}
-    .kpi-card__icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;
-      justify-content:center;flex-shrink:0;background:rgba(24,144,255,0.16);color:var(--primary);}
-    .kpi-card__icon--success{background:rgba(82,196,26,0.16);color:var(--success);}
-    .kpi-card__icon--warning{background:rgba(250,173,20,0.16);color:var(--warning);}
-    .kpi-card__icon--danger{background:rgba(255,77,79,0.16);color:var(--danger);}
-    .kpi-card__icon--cyan{background:rgba(0,229,255,0.16);color:var(--cyan);}
-    .kpi-card__icon svg{width:18px;height:18px;}
-    .kpi-card__body{display:flex;flex-direction:column;gap:0;min-width:0;line-height:1.1;}
-    .kpi-card__num{font-size:20px;font-weight:700;color:#fff;line-height:1.1;
-      text-shadow:0 0 10px rgba(24,144,255,0.3);font-variant-numeric:tabular-nums;}
-    .kpi-card__num small{font-size:11px;font-weight:400;color:var(--text-sub);margin-left:3px;}
-    .kpi-card__label{font-size:10px;color:var(--text-sub);margin-top:2px;}
-    .kpi-card__trend{position:absolute;top:8px;right:10px;font-size:10px;display:flex;align-items:center;gap:2px;}
-    .kpi-card__trend--up{color:var(--danger);}
-    .kpi-card__trend--down{color:var(--success);}
-
-    /* ========== 通用图表容器 ========== */
-    .chart-box{width:100%;height:100%;position:relative;}
-    .chart-box svg{width:100%;height:100%;display:block;}
-    .chart-legend{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:10px;color:var(--text-sub);
-      align-items:center;justify-content:center;}
-    .chart-legend__item{display:flex;align-items:center;gap:4px;}
-    .chart-legend__dot{width:8px;height:8px;border-radius:2px;display:inline-block;}
-
-    /* ========== 穿戴告警分布：柱状+玫瑰组合 ========== */
-    .alarm-combo{display:flex;gap:10px;height:100%;align-items:stretch;}
-    .alarm-combo__bars{flex:1.4;display:flex;flex-direction:column;gap:5px;justify-content:center;min-width:0;}
-    .alarm-combo__bars .alarm-bar{height:14px;}
-    .alarm-combo__rose{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-width:0;}
-    .alarm-combo__rose-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
-      text-align:center;pointer-events:none;}
-    .alarm-combo__rose-total{font-size:18px;font-weight:700;color:#fff;line-height:1;}
-    .alarm-combo__rose-label{font-size:9px;color:var(--text-sub);margin-top:2px;}
-
-    /* ========== 折线趋势图 ========== */
-    .trend-chart{width:100%;height:100%;position:relative;}
-
-    /* ========== 应急服务组合环形图 ========== */
-    .service-combo{display:flex;align-items:center;gap:8px;height:100%;}
-    .service-combo__main{flex:0 0 100px;height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
-    .service-combo__main-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
-      text-align:center;pointer-events:none;}
-    .service-combo__main-num{font-size:20px;font-weight:700;color:#fff;line-height:1;
-      text-shadow:0 0 10px rgba(24,144,255,0.3);}
-    .service-combo__main-label{font-size:9px;color:var(--text-sub);margin-top:2px;}
-    .service-combo__list{flex:1;display:flex;flex-direction:column;gap:5px;justify-content:center;min-width:0;}
-    .service-combo__item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;
-      background:rgba(24,144,255,0.05);border:1px solid rgba(24,144,255,0.1);}
-    .service-combo__item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
-    .service-combo__item-name{font-size:10px;color:var(--text-sub);flex:1;min-width:0;white-space:nowrap;}
-    .service-combo__item-num{font-size:13px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;}
-    .service-combo__item-pct{font-size:9px;color:var(--text-dim);min-width:28px;text-align:right;}
-
-    /* ========== 横向条形图（重点人员） ========== */
-    .bar-rank{display:flex;flex-direction:column;gap:7px;height:100%;justify-content:center;}
-    .bar-rank__item{display:flex;align-items:center;gap:6px;font-size:10px;}
-    .bar-rank__name{width:52px;flex-shrink:0;color:var(--text-main);white-space:nowrap;
-      overflow:hidden;text-overflow:ellipsis;}
-    .bar-rank__track{flex:1;height:14px;background:rgba(24,144,255,0.06);border-radius:3px;
-      overflow:hidden;position:relative;}
-    .bar-rank__fill{height:100%;border-radius:3px;
-      background:linear-gradient(90deg,rgba(24,144,255,0.7),rgba(24,144,255,0.3));
-      transition:width .6s ease;position:relative;}
-    .bar-rank__fill::after{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;
-      background:#fff;box-shadow:0 0 4px rgba(255,255,255,0.6);}
-    .bar-rank__fill--top1{background:linear-gradient(90deg,rgba(255,77,79,0.75),rgba(255,77,79,0.3));}
-    .bar-rank__fill--top2{background:linear-gradient(90deg,rgba(250,173,20,0.75),rgba(250,173,20,0.3));}
-    .bar-rank__fill--top3{background:linear-gradient(90deg,rgba(24,144,255,0.75),rgba(24,144,255,0.3));}
-    .bar-rank__num{width:34px;flex-shrink:0;text-align:right;color:var(--text-sub);font-variant-numeric:tabular-nums;}
-    .bar-rank__num b{color:#fff;font-weight:600;}
-
-    /* ========== AI 预警迷你环形图 ========== */
-    .ai-risk-rings{display:flex;gap:6px;margin-bottom:8px;}
-    .ai-risk-ring{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
-      padding:4px 2px;border-radius:6px;border:1px solid;position:relative;}
-    .ai-risk-ring--high{background:rgba(255,77,79,0.06);border-color:rgba(255,77,79,0.2);}
-    .ai-risk-ring--mid{background:rgba(250,173,20,0.06);border-color:rgba(250,173,20,0.2);}
-    .ai-risk-ring--low{background:rgba(24,144,255,0.06);border-color:rgba(24,144,255,0.2);}
-    .ai-risk-ring__svg{width:42px;height:42px;}
-    .ai-risk-ring__num{font-size:13px;font-weight:700;line-height:1;}
-    .ai-risk-ring--high .ai-risk-ring__num{color:var(--danger);}
-    .ai-risk-ring--mid .ai-risk-ring__num{color:var(--warning);}
-    .ai-risk-ring--low .ai-risk-ring__num{color:var(--primary);}
-    .ai-risk-ring__label{font-size:9px;color:var(--text-sub);}
-  </style>
-</head>
-<body>
-
-<!-- 顶部标题栏 -->
-<header class="header">
-  <div class="header__left">
-    <div class="header__clock" id="clock">--</div>
-  </div>
-  <div class="header__title">
-    <div class="header__title-icon">
-      <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
-    </div>
-    <span class="header__title-text">西安应急中心大屏</span>
-  </div>
-  <div class="header__right">
-    <!-- [交互] 点击触发对应告警/求助事件模拟 -->
-    <button class="header__btn header__btn--cv" id="btnCvAlarm">触发心脑血管预警</button>
-    <button class="header__btn header__btn--alarm" onclick="openAlarmModal();event.stopPropagation();">触发穿戴告警</button>
-    <button class="header__btn header__btn--help" onclick="openHelpModal();event.stopPropagation();">触发应急求助</button>
-    <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>
-
-<!-- 顶部 KPI 条：全局关键指标概览 -->
-<div class="kpi-bar">
-  <div class="kpi-card">
-    <div class="kpi-card__icon kpi-card__icon--cyan">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/></svg>
-    </div>
-    <div class="kpi-card__body">
-      <div class="kpi-card__num">1,286<small>台</small></div>
-      <div class="kpi-card__label">在线监测设备</div>
-    </div>
-    <span class="kpi-card__trend kpi-card__trend--up">↑ 2.3%</span>
-  </div>
-  <div class="kpi-card">
-    <div class="kpi-card__icon kpi-card__icon--danger">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
-    </div>
-    <div class="kpi-card__body">
-      <div class="kpi-card__num">109<small>次</small></div>
-      <div class="kpi-card__label">今日告警总数</div>
-    </div>
-    <span class="kpi-card__trend kpi-card__trend--up">↑ 12.4%</span>
-  </div>
-  <div class="kpi-card">
-    <div class="kpi-card__icon kpi-card__icon--warning">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
-    </div>
-    <div class="kpi-card__body">
-      <div class="kpi-card__num">7<small>件</small></div>
-      <div class="kpi-card__label">待处理事件</div>
-    </div>
-    <span class="kpi-card__trend kpi-card__trend--up">↑ 3</span>
-  </div>
-  <div class="kpi-card">
-    <div class="kpi-card__icon kpi-card__icon--success">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
-    </div>
-    <div class="kpi-card__body">
-      <div class="kpi-card__num">102<small>件</small></div>
-      <div class="kpi-card__label">已处理事件</div>
-    </div>
-    <span class="kpi-card__trend kpi-card__trend--down">↓ 8.1%</span>
-  </div>
-  <div class="kpi-card">
-    <div class="kpi-card__icon">
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h4l3-9 4 18 3-9h4"/></svg>
-    </div>
-    <div class="kpi-card__body">
-      <div class="kpi-card__num">4.2<small>分钟</small></div>
-      <div class="kpi-card__label">平均响应时长</div>
-    </div>
-    <span class="kpi-card__trend kpi-card__trend--down">↓ 0.6</span>
-  </div>
-</div>
-
-<!-- 主内容区 -->
-<div class="main">
-  <!-- 左侧面板 -->
-  <aside class="side">
-    <!-- 穿戴告警分布（柱状+玫瑰环形组合图） -->
-    <div class="panel" style="flex-shrink:0;height:152px;">
-      <div class="panel__header">
-        <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">穿戴告警分布</span>
-        <!-- [交互] 时间段切换：今日/近一周/近一月/近一年 -->
-        <select class="panel__header-select" onchange="switchPeriod(this.value)">
-          <option value="today" selected>今日</option>
-          <option value="week">近一周</option>
-          <option value="month">近一月</option>
-          <option value="year">近一年</option>
-        </select>
-      </div>
-      <div class="panel__body" style="padding:6px 10px;">
-        <div class="alarm-combo">
-          <!-- 左侧：横向柱状图 -->
-          <div class="alarm-combo__bars">
-            <div class="alarm-bar">
-              <span class="alarm-bar__label alarm-bar__label--heart">心率</span>
-              <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--heart" style="width:100%;"></div></div>
-              <span class="alarm-bar__num">35</span>
-            </div>
-            <div class="alarm-bar">
-              <span class="alarm-bar__label alarm-bar__label--bp">压力</span>
-              <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--bp" style="width:80%;"></div></div>
-              <span class="alarm-bar__num">28</span>
-            </div>
-            <div class="alarm-bar">
-              <span class="alarm-bar__label alarm-bar__label--temp">体温</span>
-              <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--temp" style="width:63%;"></div></div>
-              <span class="alarm-bar__num">22</span>
-            </div>
-            <div class="alarm-bar">
-              <span class="alarm-bar__label alarm-bar__label--spo2">血氧</span>
-              <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--spo2" style="width:43%;"></div></div>
-              <span class="alarm-bar__num">15</span>
-            </div>
-            <div class="alarm-bar">
-              <span class="alarm-bar__label alarm-bar__label--fall">摔倒</span>
-              <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--fall" style="width:17%;"></div></div>
-              <span class="alarm-bar__num">6</span>
-            </div>
-            <div class="alarm-bar">
-              <span class="alarm-bar__label alarm-bar__label--sos">SOS</span>
-              <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--sos" style="width:9%;"></div></div>
-              <span class="alarm-bar__num">3</span>
-            </div>
-          </div>
-          <!-- 右侧：环形占比图（按告警类型占比） -->
-          <div class="alarm-combo__rose">
-            <svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
-              <!-- 背景圆环 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="rgba(24,144,255,0.06)" stroke-width="12"/>
-              <!-- 心率 35/109=32.1% → 弧长 64.6 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#FF4D4F" stroke-width="12"
-                stroke-dasharray="64.6 201" stroke-dashoffset="0" transform="rotate(-90 50 50)"/>
-              <!-- 压力 28/109=25.7% → 弧长 51.7 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#FAAD14" stroke-width="12"
-                stroke-dasharray="51.7 201" stroke-dashoffset="-64.6" transform="rotate(-90 50 50)"/>
-              <!-- 体温 22/109=20.2% → 弧长 40.6 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#1890FF" stroke-width="12"
-                stroke-dasharray="40.6 201" stroke-dashoffset="-116.3" transform="rotate(-90 50 50)"/>
-              <!-- 血氧 15/109=13.8% → 弧长 27.7 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#13C2C2" stroke-width="12"
-                stroke-dasharray="27.7 201" stroke-dashoffset="-156.9" transform="rotate(-90 50 50)"/>
-              <!-- 摔倒 6/109=5.5% → 弧长 11.1 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#722ED1" stroke-width="12"
-                stroke-dasharray="11.1 201" stroke-dashoffset="-184.6" transform="rotate(-90 50 50)"/>
-              <!-- SOS 3/109=2.8% → 弧长 5.6 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#52C41A" stroke-width="12"
-                stroke-dasharray="5.6 201" stroke-dashoffset="-195.7" transform="rotate(-90 50 50)"/>
-            </svg>
-            <div class="alarm-combo__rose-center">
-              <div class="alarm-combo__rose-total">109</div>
-              <div class="alarm-combo__rose-label">告警总数</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 穿戴告警24h趋势（折线图） -->
-    <div class="panel" style="flex-shrink:0;height:148px;">
-      <div class="panel__header">
-        <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">告警24h趋势</span>
-        <span style="font-size:10px;color:var(--text-dim);">按小时分布</span>
-      </div>
-      <div class="panel__body" style="padding:6px 8px 4px;height:90px;">
-        <div class="trend-chart">
-          <svg viewBox="0 0 240 96" preserveAspectRatio="none">
-            <!-- 网格线 -->
-            <line x1="0" y1="20" x2="240" y2="20" stroke="rgba(74,107,138,0.15)" stroke-width="0.5" stroke-dasharray="2 2"/>
-            <line x1="0" y1="48" x2="240" y2="48" stroke="rgba(74,107,138,0.15)" stroke-width="0.5" stroke-dasharray="2 2"/>
-            <line x1="0" y1="76" x2="240" y2="76" stroke="rgba(74,107,138,0.15)" stroke-width="0.5" stroke-dasharray="2 2"/>
-            <!-- 心率异常折线（红色） -->
-            <polyline points="0,72 10,68 20,62 30,58 40,52 50,46 60,40 70,34 80,28 90,22 100,26 110,32 120,38 130,42 140,40 150,36 160,32 170,28 180,24 190,20 200,22 210,26 220,30 230,34"
-              fill="none" stroke="#FF4D4F" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-            <!-- 压力异常折线（黄色） -->
-            <polyline points="0,80 10,76 20,72 30,68 40,64 50,60 60,56 70,52 80,48 90,46 100,48 110,52 120,56 130,60 140,64 150,66 160,64 170,60 180,56 190,52 200,48 210,52 220,56 230,60"
-              fill="none" stroke="#FAAD14" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-            <!-- 血氧异常折线（青色） -->
-            <polyline points="0,86 10,84 20,82 30,80 40,78 50,76 60,74 70,72 80,70 90,68 100,70 110,72 120,74 130,76 140,78 150,80 160,78 170,74 180,70 190,68 200,66 210,70 220,74 230,78"
-              fill="none" stroke="#13C2C2" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-            <!-- X轴时间标签 -->
-            <text x="2" y="94" font-size="7" fill="#4A6B8A">00</text>
-            <text x="60" y="94" font-size="7" fill="#4A6B8A">06</text>
-            <text x="120" y="94" font-size="7" fill="#4A6B8A">12</text>
-            <text x="180" y="94" font-size="7" fill="#4A6B8A">18</text>
-            <text x="222" y="94" font-size="7" fill="#4A6B8A">23</text>
-          </svg>
-        </div>
-        <div class="chart-legend" style="margin-top:2px;">
-          <div class="chart-legend__item"><span class="chart-legend__dot" style="background:#FF4D4F;"></span>心率异常</div>
-          <div class="chart-legend__item"><span class="chart-legend__dot" style="background:#FAAD14;"></span>压力异常</div>
-          <div class="chart-legend__item"><span class="chart-legend__dot" style="background:#13C2C2;"></span>血氧异常</div>
-        </div>
-      </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="openAlarmRecordModal();event.stopPropagation();">查看更多</span>
-      </div>
-      <div class="panel__body" style="overflow:hidden;padding:0;">
-        <div class="alarm-list">
-          <div class="alarm-list__track" id="alarmTrack">
-            <!-- [内容] 告警事件列表，自动上下滚动 -->
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--fall">摔倒</span>
-                <span class="alarm-item__time">2026-06-23 14:32:15</span>
-                <span class="alarm-item__value"></span>
-              </div>
-              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
-                <span class="alarm-item__time">2026-06-23 14:28:03</span>
-                <span class="alarm-item__value">142 bpm</span>
-              </div>
-              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
-                <span class="alarm-item__time">2026-06-23 14:15:47</span>
-                <span class="alarm-item__value">89%</span>
-              </div>
-              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--sos">一键告警</span>
-                <span class="alarm-item__time">2026-06-23 13:58:22</span>
-                <span class="alarm-item__value"></span>
-              </div>
-              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--bp">压力异常</span>
-                <span class="alarm-item__time">2026-06-23 13:42:10</span>
-                <span class="alarm-item__value">180/110 mmHg</span>
-              </div>
-              <div class="alarm-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--temp">体温异常</span>
-                <span class="alarm-item__time">2026-06-23 13:20:35</span>
-                <span class="alarm-item__value">38.5°C</span>
-              </div>
-              <div class="alarm-item__desc">刘雪梅 · 女 · 36岁 · 采油二厂行政楼</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
-                <span class="alarm-item__time">2026-06-23 12:55:08</span>
-                <span class="alarm-item__value">156 bpm</span>
-              </div>
-              <div class="alarm-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
-                <span class="alarm-item__time">2026-06-23 12:38:41</span>
-                <span class="alarm-item__value">91%</span>
-              </div>
-              <div class="alarm-item__desc">周丽华 · 女 · 33岁 · 宝石花医院护理部</div>
-            </div>
-            <!-- 重复一份用于无缝滚动 -->
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--fall">摔倒</span>
-                <span class="alarm-item__time">2026-06-23 14:32:15</span>
-                <span class="alarm-item__value"></span>
-              </div>
-              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
-                <span class="alarm-item__time">2026-06-23 14:28:03</span>
-                <span class="alarm-item__value">142 bpm</span>
-              </div>
-              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
-                <span class="alarm-item__time">2026-06-23 14:15:47</span>
-                <span class="alarm-item__value">89%</span>
-              </div>
-              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--sos">一键告警</span>
-                <span class="alarm-item__time">2026-06-23 13:58:22</span>
-                <span class="alarm-item__value"></span>
-              </div>
-              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 心脑血管预警(AI) -->
-    <div class="panel" style="flex-shrink:0;height:232px;" id="aiPanel">
-      <div class="panel__header">
-        <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">心脑血管预警(AI)</span>
-        <!-- [交互] 点击查看更多，打开心脑血管预警记录弹窗 -->
-        <span class="panel__header-link" onclick="openCvRecordModal();event.stopPropagation();">历史记录</span>
-      </div>
-      <div class="panel__body" style="padding:8px 12px;">
-        <!-- [内容] AI预警风险分布（迷你环形图：高危3/中危5/低危12，共20） -->
-        <div class="ai-risk-rings">
-          <div class="ai-risk-ring ai-risk-ring--high">
-            <svg class="ai-risk-ring__svg" viewBox="0 0 42 42">
-              <circle cx="21" cy="21" r="16" fill="none" stroke="rgba(255,77,79,0.15)" stroke-width="3"/>
-              <circle cx="21" cy="21" r="16" fill="none" stroke="#FF4D4F" stroke-width="3"
-                stroke-dasharray="15.08 85.45" stroke-linecap="round" transform="rotate(-90 21 21)"/>
-            </svg>
-            <div class="ai-risk-ring__num">3</div>
-            <div class="ai-risk-ring__label">高危</div>
-          </div>
-          <div class="ai-risk-ring ai-risk-ring--mid">
-            <svg class="ai-risk-ring__svg" viewBox="0 0 42 42">
-              <circle cx="21" cy="21" r="16" fill="none" stroke="rgba(250,173,20,0.15)" stroke-width="3"/>
-              <circle cx="21" cy="21" r="16" fill="none" stroke="#FAAD14" stroke-width="3"
-                stroke-dasharray="25.13 75.4" stroke-linecap="round" transform="rotate(-90 21 21)"/>
-            </svg>
-            <div class="ai-risk-ring__num">5</div>
-            <div class="ai-risk-ring__label">中危</div>
-          </div>
-          <div class="ai-risk-ring ai-risk-ring--low">
-            <svg class="ai-risk-ring__svg" viewBox="0 0 42 42">
-              <circle cx="21" cy="21" r="16" fill="none" stroke="rgba(24,144,255,0.15)" stroke-width="3"/>
-              <circle cx="21" cy="21" r="16" fill="none" stroke="#1890FF" stroke-width="3"
-                stroke-dasharray="60.32 40.21" stroke-linecap="round" transform="rotate(-90 21 21)"/>
-            </svg>
-            <div class="ai-risk-ring__num">12</div>
-            <div class="ai-risk-ring__label">低危</div>
-          </div>
-        </div>
-        <!-- [内容] AI预警事件列表（自动上下滚动） -->
-        <div class="ai-warn-list">
-          <div class="ai-warn-list__track" id="aiWarnTrack">
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--mi">心梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">89%</span>
-              </div>
-              <div class="ai-warn-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-              <div class="ai-warn-item__reason">持续心率异常+血压波动，冠状动脉风险指数升高</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ci">脑梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">82%</span>
-              </div>
-              <div class="ai-warn-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
-              <div class="ai-warn-item__reason">颈动脉斑块+血压持续偏高，脑血流灌注异常</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ch">脑出血</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">78%</span>
-              </div>
-              <div class="ai-warn-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
-              <div class="ai-warn-item__reason">血压180/110持续偏高，颅内动脉瘤风险指标异常</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--sd">猝死</span>
-                <span class="ai-warn-item__level ai-warn-item__level--mid">中危</span>
-                <span class="ai-warn-item__score">65%</span>
-              </div>
-              <div class="ai-warn-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
-              <div class="ai-warn-item__reason">QT间期延长+血氧夜间偏低，心律失常风险增加</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--mi">心梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--mid">中危</span>
-                <span class="ai-warn-item__score">58%</span>
-              </div>
-              <div class="ai-warn-item__desc">刘雪梅 · 女 · 36岁 · 采油二厂行政楼</div>
-              <div class="ai-warn-item__reason">血脂异常+家族病史，冠脉钙化积分偏高</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ci">脑梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--low">低危</span>
-                <span class="ai-warn-item__score">43%</span>
-              </div>
-              <div class="ai-warn-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
-              <div class="ai-warn-item__reason">血压轻度升高，建议定期监测</div>
-            </div>
-            <!-- 重复一份用于无缝滚动 -->
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--mi">心梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">89%</span>
-              </div>
-              <div class="ai-warn-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-              <div class="ai-warn-item__reason">持续心率异常+血压波动，冠状动脉风险指数升高</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ci">脑梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">82%</span>
-              </div>
-              <div class="ai-warn-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
-              <div class="ai-warn-item__reason">颈动脉斑块+血压持续偏高，脑血流灌注异常</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ch">脑出血</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">78%</span>
-              </div>
-              <div class="ai-warn-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
-              <div class="ai-warn-item__reason">血压180/110持续偏高，颅内动脉瘤风险指标异常</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </aside>
-
-  <!-- 中间地图 -->
-  <div class="center">
-    <!-- 地图容器 -->
-    <div class="map-wrap" id="mapWrap">
-      <!-- 资源Tab栏 —— 内嵌在地图顶部 -->
-      <nav class="res-tabs">
-        <div class="res-tab active" onclick="switchTab(this,'all')">
-          <span class="dot"></span>全部资源
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'oilfield')">
-          <span class="dot"></span>油田医院
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'cooperative')">
-          <span class="dot"></span>合作医院
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'local')">
-          <span class="dot"></span>地方医院
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'clinic')">
-          <span class="dot"></span>医疗点
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'ambulance')">
-          <span class="dot"></span>救护车
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'aed')">
-          <span class="dot"></span>AED
-        </div>
-        <div class="res-tab res-tab--plan" id="planTab" onclick="toggleRoutePlan(this)">
-          <span class="dot"></span>路径规划
-        </div>
-      </nav>
-
-      <!-- [交互] 路径规划面板：点击"路径规划"Tab 后在 Tab 栏下方展开 -->
-      <div class="plan-panel" id="planPanel">
-        <div class="plan-panel__field">
-          <label class="plan-panel__label plan-panel__label--start"><span class="dot"></span>起点</label>
-          <select class="plan-panel__select" id="planStart">
-            <option value="emp">当前位置</option>
-            <option value="clinic1">采油一厂医疗点</option>
-            <option value="clinic2">采油二厂医疗点</option>
-            <option value="clinic3">采油三厂医疗点</option>
-            <option value="hospital1">兴隆医院</option>
-            <option value="hospital2">宝石花医院</option>
-            <option value="hospital3">庆阳医院</option>
-            <option value="hospital4">高陵医院</option>
-            <option value="amb1">陕A·120-03</option>
-            <option value="amb2">陕A·120-01</option>
-            <option value="aed1">AED-001</option>
-            <option value="aed2">AED-002</option>
-          </select>
-        </div>
-        <div class="plan-panel__divider"></div>
-        <div class="plan-panel__field">
-          <label class="plan-panel__label plan-panel__label--end"><span class="dot"></span>终点</label>
-          <select class="plan-panel__select" id="planEnd">
-            <option value="emp">当前位置</option>
-            <option value="clinic1">采油一厂医疗点</option>
-            <option value="clinic2">采油二厂医疗点</option>
-            <option value="clinic3" selected>采油三厂医疗点</option>
-            <option value="hospital1">兴隆医院</option>
-            <option value="hospital2">宝石花医院</option>
-            <option value="hospital3">庆阳医院</option>
-            <option value="hospital4">高陵医院</option>
-            <option value="amb1">陕A·120-03</option>
-            <option value="amb2">陕A·120-01</option>
-            <option value="aed1">AED-001</option>
-            <option value="aed2">AED-002</option>
-          </select>
-        </div>
-        <div class="plan-panel__divider"></div>
-        <button class="plan-panel__btn" onclick="executeRoutePlan()">
-          <svg viewBox="0 0 16 16" fill="none"><path d="M2 13L6 9l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6" cy="9" r="1.6" fill="currentColor"/><circle cx="13" cy="6" r="1.6" fill="currentColor"/></svg>
-          路径规划
-        </button>
-        <button class="plan-panel__btn plan-panel__btn--ghost" onclick="clearRoutePlan()">
-          <svg viewBox="0 0 16 16" fill="none"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
-          清除
-        </button>
-      </div>
-
-      <!-- [交互] 路径规划信息卡片：规划完成后在地图右上角显示距离与用时 -->
-      <div class="plan-route-info" id="planRouteInfo">
-        <div class="plan-route-info__title">规划路线</div>
-        <div class="plan-route-info__row"><span>总距离</span><b id="planRouteDist">--</b></div>
-        <div class="plan-route-info__row"><span>预计用时</span><b id="planRouteTime">--</b></div>
-      </div>
-
-      <div class="map-bg"></div>
-      <!-- 道路 -->
-      <div class="map-road map-road--h" style="top:30%"></div>
-      <div class="map-road map-road--h" style="top:60%"></div>
-      <div class="map-road map-road--v" style="left:25%"></div>
-      <div class="map-road map-road--v" style="left:75%"></div>
-      <div class="map-road map-road--h" style="top:80%;opacity:0.5;"></div>
-      <div class="map-road map-road--v" style="left:50%;opacity:0.5;"></div>
-      <!-- 区域 -->
-      <div class="map-area" style="top:8%;left:5%;width:120px;height:70px;">兴隆医院</div>
-      <div class="map-area" style="top:65%;left:8%;width:140px;height:80px;">高陵医院</div>
-      <div class="map-area" style="top:10%;left:70%;width:130px;height:75px;">宝石花医院</div>
-      <div class="map-area" style="top:50%;left:55%;width:110px;height:65px;">庆阳医院</div>
-      <div class="map-area" style="top:35%;left:30%;width:100px;height:60px;">采油一厂</div>
-      <div class="map-area" style="top:40%;left:60%;width:100px;height:60px;">采油二厂</div>
-      <div class="map-area" style="top:75%;left:45%;width:110px;height:60px;">采油三厂</div>
-      <!-- 道路标签 -->
-      <div class="map-label" style="top:28%;left:35%;">CQ大道</div>
-      <div class="map-label" style="top:58%;left:10%;">能源北路</div>
-      <div class="map-label" style="top:48%;left:72%;">兴隆路</div>
-
-      <!-- 地图标记点 (默认全部显示) -->
-      <div class="map-marker" style="top:18%;left:12%;" data-type="oilfield" id="markerHospital" onclick="onMapMarkerClick(this,'oilfield');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
-        <div class="map-marker__label">兴隆医院</div>
-      </div>
-      <div class="map-marker" style="top:75%;left:15%;" data-type="local" onclick="onMapMarkerClick(this,'local-gaoling');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
-        <div class="map-marker__label">高陵医院</div>
-      </div>
-      <div class="map-marker" style="top:20%;left:75%;" data-type="cooperative" id="markerCooperative" onclick="onMapMarkerClick(this,'cooperative');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(114,46,209,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#722ED1" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
-        <div class="map-marker__label">宝石花医院</div>
-      </div>
-      <div class="map-marker" style="top:55%;left:60%;" data-type="local" id="markerLocal" onclick="onMapMarkerClick(this,'local');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
-        <div class="map-marker__label">庆阳医院</div>
-      </div>
-      <!-- 医疗点 -->
-      <div class="map-marker" style="top:38%;left:35%;" data-type="clinic" id="markerClinic" onclick="onMapMarkerClick(this,'clinic');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">采油一厂医疗点</div>
-      </div>
-      <div class="map-marker" style="top:43%;left:65%;" data-type="clinic" onclick="onMapMarkerClick(this,'clinic-eryuan');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">采油二厂医疗点</div>
-      </div>
-      <div class="map-marker" style="top:80%;left:50%;" data-type="clinic" onclick="onMapMarkerClick(this,'clinic-sanyuan');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">采油三厂医疗点</div>
-      </div>
-      <!-- AED -->
-      <div class="map-marker" style="top:33%;left:28%;" data-type="aed" id="markerAed" onclick="onMapMarkerClick(this,'aed');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/><path d="M14 8l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z" fill="#fff"/></svg>
-        <div class="map-marker__label">AED-001</div>
-      </div>
-      <div class="map-marker" style="top:47%;left:68%;" data-type="aed" onclick="onMapMarkerClick(this,'aed-002');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/><path d="M14 8l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z" fill="#fff"/></svg>
-        <div class="map-marker__label">AED-002</div>
-      </div>
-      <!-- 救护车 -->
-      <div class="map-marker" style="top:60%;left:35%;" data-type="ambulance" id="markerAmbulance" onclick="onMapMarkerClick(this,'ambulance');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/><rect x="8" y="10" width="12" height="6" rx="1" fill="#fff"/><path d="M10 13h2M16 13h2" stroke="#FAAD14" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">陕A·120-03</div>
-      </div>
-      <div class="map-marker" style="top:25%;left:55%;" data-type="ambulance" onclick="onMapMarkerClick(this,'ambulance-001');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/><rect x="8" y="10" width="12" height="6" rx="1" fill="#fff"/><path d="M10 13h2M16 13h2" stroke="#FAAD14" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">陕A·120-01</div>
-      </div>
-
-
-      <!-- 地图图例 -->
-      <div class="map-legend">
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#1890FF;"></div>油田医院(1)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#722ED1;"></div>合作医院(1)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#1890FF;border:1.5px dashed #1890FF;background:transparent;"></div>地方医院(2)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#13C2C2;"></div>医疗点(3)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#FAAD14;"></div>救护车(2)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#FF4D4F;"></div>AED(2)</div>
-      </div>
-
-      <!-- [急救路线] 员工当前位置标记 -->
-      <div class="emp-marker" id="empMarker" style="top:50%;left:50%;">
-        <div class="emp-marker__ripple"></div>
-        <svg class="emp-marker__pin" viewBox="0 0 32 40" fill="none">
-          <path d="M16 2C10 2 5 7 5 13c0 12 11 25 11 25s11-13 11-25c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.8"/>
-          <circle cx="16" cy="13" r="5" fill="#fff"/>
-          <circle cx="16" cy="13" r="3" fill="#FF4D4F"/>
-        </svg>
-        <div id="empInfoCard" class="emp-info-card">
-	          <div class="emp-info-card__header">告警详情</div>
-	          <div class="emp-info-card__grid">
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">异常类型</span>
-	              <span class="emp-info-card__value">摔倒</span>
-	            </div>
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">异常值</span>
-	              <span class="emp-info-card__value" style="color:var(--text-dim);">--</span>
-	            </div>
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">告警时间</span>
-	              <span class="emp-info-card__value">2026-06-23 14:32:15</span>
-	            </div>
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">员工姓名</span>
-	              <span class="emp-info-card__value">张建国</span>
-	            </div>
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">单位部门</span>
-	              <span class="emp-info-card__value">采油一厂生产区</span>
-	            </div>
-	            <div class="emp-info-card__item emp-info-card__item--full">
-	              <span class="emp-info-card__label">详细地址</span>
-	              <span class="emp-info-card__value">采油一厂生产基地B区3号井组作业平台</span>
-	            </div>
-	          </div>
-	        </div>
-      </div>
-
-      <!-- [资源标记弹窗] 点击资源标记后显示 -->
-      <div class="marker-popup" id="markerPopup">
-        <div class="marker-popup__name" id="markerPopupName"></div>
-        <div class="marker-popup__cat" id="markerPopupCat"></div>
-        <div class="marker-popup__label">详细地址</div>
-        <div class="marker-popup__addr" id="markerPopupAddr"></div>
-      </div>
-
-      <!-- [急救路线] SVG路线图层 -->
-      <svg class="route-svg" id="routeSvg" viewBox="0 0 100 100" preserveAspectRatio="none">
-        <!-- 油田医院：兴隆医院 -->
-        <line id="routeOilfield" x1="50" y1="50" x2="12" y2="18" stroke="#1890FF" stroke-width="0.3" stroke-dasharray="1.5 0.8" opacity="0"/>
-        <!-- 合作医院：宝石花医院 -->
-        <line id="routeCooperative" x1="50" y1="50" x2="75" y2="20" stroke="#722ED1" stroke-width="0.3" stroke-dasharray="1.5 0.8" opacity="0"/>
-        <!-- 地方医院：庆阳医院 -->
-        <line id="routeLocal" x1="50" y1="50" x2="60" y2="55" stroke="#1890FF" stroke-width="0.3" stroke-dasharray="2 1" opacity="0"/>
-        <!-- 医疗点：采油一厂医疗点 -->
-        <line id="routeClinic" x1="50" y1="50" x2="35" y2="38" stroke="#13C2C2" stroke-width="0.3" stroke-dasharray="1 0.8" opacity="0"/>
-        <!-- 救护车：陕A·120-03 -->
-        <line id="routeAmbulance" x1="50" y1="50" x2="35" y2="60" stroke="#FAAD14" stroke-width="0.3" stroke-dasharray="1.2 0.8" opacity="0"/>
-        <!-- AED：AED-001 -->
-        <line id="routeAed" x1="50" y1="50" x2="28" y2="33" stroke="#FF4D4F" stroke-width="0.3" stroke-dasharray="0.8 0.8" opacity="0"/>
-      </svg>
-
-      <!-- [急救路线] 右侧资源信息面板 -->
-      <div class="route-panel" id="routePanel">
-        <div class="route-panel__title">距离最近资源</div>
-        <!-- [交互] 点击某个资源后在地图上显示对应路线和标记 -->
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('oilfield')" data-route="oilfield">
-          <div class="route-panel__dot" style="background:#1890FF;box-shadow:0 0 6px rgba(24,144,255,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">兴隆医院 <span class="route-panel__cat">油田医院</span></div>
-            <div class="route-panel__meta"><span>2.4 km</span><span>约8分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('cooperative')" data-route="cooperative">
-          <div class="route-panel__dot" style="background:#722ED1;box-shadow:0 0 6px rgba(114,46,209,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">宝石花医院 <span class="route-panel__cat">合作医院</span></div>
-            <div class="route-panel__meta"><span>5.2 km</span><span>约15分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('local')" data-route="local">
-          <div class="route-panel__dot" style="background:transparent;border:1.5px dashed #1890FF;box-shadow:0 0 6px rgba(24,144,255,0.3);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">庆阳医院 <span class="route-panel__cat">地方医院</span></div>
-            <div class="route-panel__meta"><span>3.6 km</span><span>约11分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('clinic')" data-route="clinic">
-          <div class="route-panel__dot" style="background:#13C2C2;box-shadow:0 0 6px rgba(19,194,194,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">采油一厂医疗点 <span class="route-panel__cat">医疗点</span></div>
-            <div class="route-panel__meta"><span>0.3 km</span><span>约1分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('ambulance')" data-route="ambulance">
-          <div class="route-panel__dot" style="background:#FAAD14;box-shadow:0 0 6px rgba(250,173,20,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">陕A·120-03 <span class="route-panel__cat">救护车</span></div>
-            <div class="route-panel__meta"><span>2.2 km</span><span>约7分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('aed')" data-route="aed">
-          <div class="route-panel__dot" style="background:#FF4D4F;box-shadow:0 0 6px rgba(255,77,79,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">AED-001 <span class="route-panel__cat">AED</span></div>
-            <div class="route-panel__meta"><span>0.5 km</span><span>约2分钟</span></div>
-          </div>
-        </div>
-      </div>
-
-      <!-- [急救提示书] 右侧抽屉面板 -->
-      <div class="guide-panel" id="guidePanel">
-        <div class="guide-panel__header">
-          <span class="guide-panel__title">急救提示书</span>
-          <span class="guide-panel__close" onclick="closeGuidePanel()">&times;</span>
-        </div>
-        <div class="guide-panel__body">
-          <ol>
-            <li>心率与血氧异常，<b>可能是心梗前期</b></li>
-            <li><b>立即停止活动，平躺</b>减少能量和氧气消耗</li>
-            <li>如有症状发生请<b>立即拨打120</b></li>
-            <li>请准备<b>硝酸甘油</b>准备服用</li>
-            <li>距离350米处有<b>AED</b>可用，电话<b>15698987876</b></li>
-            <li>距离580米处有<b>急救包</b>可用，电话<b>12569869896</b></li>
-            <li>距离8.5公里处有<b>救护车</b>，电话<b>13656956688</b>，<b>15分钟可赶来</b></li>
-            <li>距离8.5公里处有<b>医疗点</b>，电话<b>15698963656</b>，<b>15分钟可赶来</b></li>
-            <li>距离18公里处有<b>庆城县医院</b>，救护车来回约45分钟，该医院内科李晓涛医生、王开来医生较为专长</li>
-            <li>距离52公里处有<b>庆阳市医院</b>，救护车来回约75分钟，该医院心梗急救能力强，教授胡忠、副教授李悦、教授徐立专长心梗，徐立是油田专家库签约教授</li>
-            <li>距离339公里有<b>西京医院、唐都医院、交大一附院、交大二附院</b>等，急救能力强，有油田签约教授，在征得医生意见后，可谨慎考虑前往</li>
-            <li>距离335公里有<b>油田应急就医服务中心</b>，可咨询就医，可帮助对以上应急医疗资源进行联系、协调，电话<b>02986565199</b></li>
-          </ol>
-        </div>
-      </div>
-
-      <!-- 地图右下角：图层切换 -->
-      <div class="map-layer">
-        <span class="map-layer__item active" onclick="switchMapLayer(this,'default')">默认地图</span>
-        <span class="map-layer__item" onclick="switchMapLayer(this,'satellite')">卫星地图</span>
-        <span class="map-layer__item" onclick="switchMapLayer(this,'standard')">标准地图</span>
-      </div>
-
-      <!-- 地图右下角：接听状态控制 -->
-      <div class="map-ctrl">
-        <div class="map-ctrl__row">
-          <span class="map-ctrl__label">当前接收状态</span>
-          <label class="map-ctrl__switch" title="切换接听状态">
-            <input type="checkbox" id="acceptSwitch" checked onchange="onAcceptSwitch(this.checked)">
-            <div class="map-ctrl__switch-track"></div>
-            <div class="map-ctrl__switch-thumb"></div>
-          </label>
-        </div>
-        <!-- [交互] 点击发起视频通话 -->
-        <button class="map-ctrl__btn" onclick="onVideoCall();event.stopPropagation();" title="视频通话">
-          <svg viewBox="0 0 16 16" fill="none"><path d="M1 4.5A1.5 1.5 0 012.5 3h7A1.5 1.5 0 0111 4.5v2.8l3.2-2.4a.5.5 0 01.8.4v5.4a.5.5 0 01-.8.4L11 8.7v2.8a1.5 1.5 0 01-1.5 1.5h-7A1.5 1.5 0 011 11.5v-7z" fill="currentColor"/></svg>
-          视频通话
-        </button>
-      </div>
-
-      <!-- [交互] 路径规划 SVG 层：独立于急救路线，绘制规划路径与起终点标记 -->
-      <svg class="plan-route-svg" id="planRouteSvg" viewBox="0 0 100 100" preserveAspectRatio="none">
-        <path class="plan-route-path" id="planRoutePath" d="" opacity="0"/>
-        <circle class="plan-endpoint" id="planStartDot" cx="0" cy="0" r="1.2" fill="#52C41A" opacity="0"/>
-        <circle class="plan-endpoint" id="planEndDot" cx="0" cy="0" r="1.2" fill="#FF4D4F" opacity="0"/>
-      </svg>
-
-      <!-- [交互] 资源统计胶囊：点击医疗点/救护车/AED Tab 后在地图底部居中悬浮显示 -->
-      <div class="res-stat-row" id="resStatRow">
-        <div class="res-stat-card">
-          <div class="res-stat-card__icon" id="resStatIcon1"></div>
-          <div class="res-stat-card__body">
-            <div class="res-stat-card__num" id="resStatNum1">--</div>
-            <div class="res-stat-card__label" id="resStatLabel1">--</div>
-          </div>
-        </div>
-        <div class="res-stat-card">
-          <div class="res-stat-card__icon" id="resStatIcon2"></div>
-          <div class="res-stat-card__body">
-            <div class="res-stat-card__num" id="resStatNum2">--</div>
-            <div class="res-stat-card__label" id="resStatLabel2">--</div>
-          </div>
-        </div>
-        <div class="res-stat-card">
-          <div class="res-stat-card__icon" id="resStatIcon3"></div>
-          <div class="res-stat-card__body">
-            <div class="res-stat-card__num" id="resStatNum3">--</div>
-            <div class="res-stat-card__label" id="resStatLabel3">--</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <!-- 右侧面板 -->
-  <aside class="side">
-    <!-- 应急服务数据（中央环形图+类型占比列表 组合图） -->
-    <div class="panel" style="flex-shrink:0;">
-      <div class="panel__header">
-        <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">应急服务数据</span>
-        <!-- [交互] 时间段切换：今日/近一周/近一月/近一年 -->
-        <select class="panel__header-select" onchange="switchPeriod(this.value)">
-          <option value="today" selected>今日</option>
-          <option value="week">近一周</option>
-          <option value="month">近一月</option>
-          <option value="year">近一年</option>
-        </select>
-      </div>
-      <div class="panel__body" style="padding:8px 10px;height:148px;">
-        <div class="service-combo">
-          <!-- 中央环形图：累计受理总数 + 三类服务占比 -->
-          <div class="service-combo__main">
-            <svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
-              <!-- 背景圆环 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="rgba(24,144,255,0.06)" stroke-width="12"/>
-              <!-- 应急视频 45/196=22.96% → 弧长 46.18 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#1890FF" stroke-width="12"
-                stroke-dasharray="46.18 201" stroke-dashoffset="0" transform="rotate(-90 50 50)"/>
-              <!-- 应急电话 128/196=65.31% → 弧长 131.27 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#52C41A" stroke-width="12"
-                stroke-dasharray="131.27 201" stroke-dashoffset="-46.18" transform="rotate(-90 50 50)"/>
-              <!-- 拨打120 23/196=11.73% → 弧长 23.55 -->
-              <circle cx="50" cy="50" r="32" fill="none" stroke="#FF4D4F" stroke-width="12"
-                stroke-dasharray="23.55 201" stroke-dashoffset="-177.45" transform="rotate(-90 50 50)"/>
-            </svg>
-            <div class="service-combo__main-center">
-              <div class="service-combo__main-num">3,562</div>
-              <div class="service-combo__main-label">累计受理</div>
-            </div>
-          </div>
-          <!-- 右侧：类型明细列表 -->
-          <div class="service-combo__list">
-            <div class="service-combo__item">
-              <span class="service-combo__item-dot" style="background:#1890FF;box-shadow:0 0 4px rgba(24,144,255,0.5);"></span>
-              <span class="service-combo__item-name">应急视频</span>
-              <span class="service-combo__item-num">45</span>
-              <span class="service-combo__item-pct">23.0%</span>
-            </div>
-            <div class="service-combo__item">
-              <span class="service-combo__item-dot" style="background:#52C41A;box-shadow:0 0 4px rgba(82,196,26,0.5);"></span>
-              <span class="service-combo__item-name">应急电话</span>
-              <span class="service-combo__item-num">128</span>
-              <span class="service-combo__item-pct">65.3%</span>
-            </div>
-            <div class="service-combo__item">
-              <span class="service-combo__item-dot" style="background:#FF4D4F;box-shadow:0 0 4px rgba(255,77,79,0.5);"></span>
-              <span class="service-combo__item-name">拨打120</span>
-              <span class="service-combo__item-num">23</span>
-              <span class="service-combo__item-pct">11.7%</span>
-            </div>
-          </div>
-        </div>
-      </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="helpTrack">
-            <!-- [内容] 应急求助事件列表，按状态排序：待处理→处理中→已完成，自动上下滚动 -->
-            <!-- 待处理 -->
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--ambulance">拨打120</span>
-                <span class="alarm-item__time">2026-06-23 14:52:10</span>
-                <span class="alarm-item__status alarm-item__status--pending">待处理</span>
-              </div>
-              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--video">应急视频</span>
-                <span class="alarm-item__time">2026-06-23 14:48:35</span>
-                <span class="alarm-item__status alarm-item__status--pending">待处理</span>
-              </div>
-              <div class="alarm-item__desc">周丽华 · 女 · 33岁 · 宝石花医院护理部</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--call">应急电话</span>
-                <span class="alarm-item__time">2026-06-23 14:40:22</span>
-                <span class="alarm-item__status alarm-item__status--pending">待处理</span>
-              </div>
-              <div class="alarm-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--ambulance">拨打120</span>
-                <span class="alarm-item__time">2026-06-23 14:32:08</span>
-                <span class="alarm-item__status alarm-item__status--pending">待处理</span>
-              </div>
-              <div class="alarm-item__desc">吴永强 · 男 · 55岁 · 庆阳医院急诊</div>
-            </div>
-            <!-- 处理中 -->
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--call">应急电话</span>
-                <span class="alarm-item__time">2026-06-23 14:25:18</span>
-                <span class="alarm-item__status alarm-item__status--doing">处理中</span>
-              </div>
-              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--ambulance">拨打120</span>
-                <span class="alarm-item__time">2026-06-23 12:50:41</span>
-                <span class="alarm-item__status alarm-item__status--doing">处理中</span>
-              </div>
-              <div class="alarm-item__desc">刘雪梅 · 女 · 36岁 · 采油二厂行政楼</div>
-            </div>
-            <!-- 已完成 -->
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--video">应急视频</span>
-                <span class="alarm-item__time">2026-06-23 14:08:45</span>
-                <span class="alarm-item__status alarm-item__status--done">已完成</span>
-              </div>
-              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--call">应急电话</span>
-                <span class="alarm-item__time">2026-06-23 13:42:30</span>
-                <span class="alarm-item__status alarm-item__status--done">已完成</span>
-              </div>
-              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--ambulance">拨打120</span>
-                <span class="alarm-item__time">2026-06-23 13:15:08</span>
-                <span class="alarm-item__status alarm-item__status--done">已完成</span>
-              </div>
-              <div class="alarm-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
-            </div>
-            <!-- 重复一份用于无缝滚动 -->
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--ambulance">拨打120</span>
-                <span class="alarm-item__time">2026-06-23 14:52:10</span>
-                <span class="alarm-item__status alarm-item__status--pending">待处理</span>
-              </div>
-              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--video">应急视频</span>
-                <span class="alarm-item__time">2026-06-23 14:48:35</span>
-                <span class="alarm-item__status alarm-item__status--pending">待处理</span>
-              </div>
-              <div class="alarm-item__desc">周丽华 · 女 · 33岁 · 宝石花医院护理部</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--call">应急电话</span>
-                <span class="alarm-item__time">2026-06-23 14:40:22</span>
-                <span class="alarm-item__status alarm-item__status--pending">待处理</span>
-              </div>
-              <div class="alarm-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 应急求助重点人员（横向条形图 TOP5） -->
-    <div class="panel" style="flex-shrink:0;">
-      <div class="panel__header">
-        <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">应急重点人员 TOP5</span>
-        <select class="panel__header-select" onchange="switchPeriod(this.value)">
-          <option value="today" selected>今日</option>
-          <option value="week">近一周</option>
-          <option value="month">近一月</option>
-          <option value="year">近一年</option>
-        </select>
-      </div>
-      <div class="panel__body" style="padding:8px 10px;">
-        <div class="bar-rank">
-          <div class="bar-rank__item">
-            <span class="bar-rank__name">张建国</span>
-            <div class="bar-rank__track"><div class="bar-rank__fill bar-rank__fill--top1" style="width:100%;"></div></div>
-            <span class="bar-rank__num"><b>18</b>次</span>
-          </div>
-          <div class="bar-rank__item">
-            <span class="bar-rank__name">李明辉</span>
-            <div class="bar-rank__track"><div class="bar-rank__fill bar-rank__fill--top2" style="width:83%;"></div></div>
-            <span class="bar-rank__num"><b>15</b>次</span>
-          </div>
-          <div class="bar-rank__item">
-            <span class="bar-rank__name">王芳</span>
-            <div class="bar-rank__track"><div class="bar-rank__fill bar-rank__fill--top3" style="width:67%;"></div></div>
-            <span class="bar-rank__num"><b>12</b>次</span>
-          </div>
-          <div class="bar-rank__item">
-            <span class="bar-rank__name">孙志强</span>
-            <div class="bar-rank__track"><div class="bar-rank__fill" style="width:56%;"></div></div>
-            <span class="bar-rank__num"><b>10</b>次</span>
-          </div>
-          <div class="bar-rank__item">
-            <span class="bar-rank__name">赵刚</span>
-            <div class="bar-rank__track"><div class="bar-rank__fill" style="width:44%;"></div></div>
-            <span class="bar-rank__num"><b>8</b>次</span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </aside>
-</div>
-
-<!-- [弹窗] 穿戴设备告警 -->
-<div class="modal-overlay" id="alarmModal" style="display:none;" onclick="closeAlarmModal()">
-  <div class="modal" onclick="event.stopPropagation();">
-    <div class="modal__header">
-      <div class="modal__header-icon">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
-      </div>
-      <span class="modal__title">穿戴设备告警</span>
-    </div>
-    <div class="modal__body">
-      <!-- [内容] 顶部提示文字 -->
-      <div class="modal__alert-text" id="alarmAlertText">请注意，有员工健康监测发生异常，请及时查看！</div>
-
-      <!-- [内容] 事件信息 -->
-      <div class="modal__section-title">事件内容</div>
-      <div class="modal__grid">
-        <div class="modal__field">
-          <span class="modal__label">异常类型</span>
-          <span class="modal__value"><span class="alarm-item__type-tag alarm-item__type-tag--fall" style="font-size:11px;">摔倒</span></span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">异常数据</span>
-          <span class="modal__value" style="color:var(--text-dim);">--</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">报警时间</span>
-          <span class="modal__value">2026-06-23 14:32:15</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">详细地址</span>
-          <span class="modal__value">采油一厂生产基地B区3号井组作业平台</span>
-        </div>
-      </div>
-
-      <!-- [内容] 员工信息 -->
-      <div class="modal__section-title">员工信息</div>
-      <div class="modal__grid">
-        <div class="modal__field">
-          <span class="modal__label">姓名</span>
-          <span class="modal__value">张建国</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">性别</span>
-          <span class="modal__value">男</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">年龄</span>
-          <span class="modal__value">52岁</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">员工编号</span>
-          <span class="modal__value">CY-2021-0837</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">手机号码</span>
-          <span class="modal__value">13809289215</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">单位部门</span>
-          <span class="modal__value">采油一厂生产区</span>
-        </div>
-      </div>
-
-      <div class="modal__actions">
-        <button class="modal__btn modal__btn--route" onclick="openEmergencyRouteFromAlarmModal()">急救路线</button>
-        <button class="modal__btn modal__btn--primary" onclick="closeAlarmModal()">确定</button>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- [弹窗] 应急求助告警 -->
-<div class="modal-overlay" id="helpModal" style="display:none;" onclick="closeHelpModal()">
-  <div class="modal" onclick="event.stopPropagation();">
-    <div class="modal__header">
-      <div class="modal__header-icon" style="background:rgba(250,173,20,0.15);color:var(--warning);">
-        <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="modal__title">应急求助告警</span>
-    </div>
-    <div class="modal__body">
-      <!-- [内容] 顶部提示文字 -->
-      <div class="modal__alert-text" id="helpAlertText" style="color:var(--warning);">请注意，有员工发起应急求助，请及时查看！</div>
-
-      <!-- [内容] 事件信息 -->
-      <div class="modal__section-title">事件内容</div>
-      <div class="modal__grid">
-        <div class="modal__field">
-          <span class="modal__label">求助类型</span>
-          <span class="modal__value"><span class="alarm-item__type-tag alarm-item__type-tag--video" style="font-size:11px;">应急视频</span></span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">求助时间</span>
-          <span class="modal__value">2026-06-23 14:48:35</span>
-        </div>
-        <div class="modal__field modal__field--full">
-          <span class="modal__label">求助内容</span>
-          <span class="modal__value">员工通过应急视频发起求助，请求医疗援助</span>
-        </div>
-        <div class="modal__field modal__field--full">
-          <span class="modal__label">详细地址</span>
-          <span class="modal__value">宝石花医院护理部大楼3层302室</span>
-        </div>
-      </div>
-
-      <!-- [内容] 员工信息 -->
-      <div class="modal__section-title">员工信息</div>
-      <div class="modal__grid">
-        <div class="modal__field">
-          <span class="modal__label">姓名</span>
-          <span class="modal__value">周丽华</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">性别</span>
-          <span class="modal__value">女</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">年龄</span>
-          <span class="modal__value">33岁</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">员工编号</span>
-          <span class="modal__value">BH-2019-0521</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">手机号码</span>
-          <span class="modal__value">13991358267</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">单位部门</span>
-          <span class="modal__value">宝石花医院护理部</span>
-        </div>
-      </div>
-
-      <div class="modal__actions">
-        <button class="modal__btn modal__btn--route" onclick="openEmergencyRouteFromHelpModal()">急救路线</button>
-        <button class="modal__btn modal__btn--primary" onclick="closeHelpModal()">确定</button>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- [弹窗] 心脑血管预警 -->
-<div class="modal-overlay" id="cvModal" style="display:none;" onclick="closeCvModal()">
-  <div class="modal" onclick="event.stopPropagation();">
-    <div class="modal__header">
-      <div class="modal__header-icon" style="background:rgba(114,46,209,0.15);color:#b37feb;">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
-      </div>
-      <span class="modal__title">心脑血管预警(AI)</span>
-    </div>
-    <div class="modal__body">
-      <!-- [内容] 顶部提示文字 -->
-      <div class="modal__alert-text" id="cvAlertText" style="color:#b37feb;">AI智能预测员工心脑血管风险升高，请注意关注并及时干预！</div>
-
-      <!-- [内容] 事件信息 -->
-      <div class="modal__section-title">预警信息</div>
-      <div class="modal__grid">
-        <div class="modal__field">
-          <span class="modal__label">风险类型</span>
-          <span class="modal__value"><span class="ai-warn-item__tag ai-warn-item__tag--mi" style="font-size:11px;">心梗</span></span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">风险等级</span>
-          <span class="modal__value"><span class="ai-warn-item__level ai-warn-item__level--high" style="font-size:11px;">高危</span></span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">预测概率</span>
-          <span class="modal__value" style="color:var(--danger);font-weight:700;">89%</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">预警时间</span>
-          <span class="modal__value">2026-06-23 15:10:42</span>
-        </div>
-        <div class="modal__field modal__field--full">
-          <span class="modal__label">异常指标</span>
-          <span class="modal__value">持续心率异常+血压波动，冠状动脉风险指数升高</span>
-        </div>
-      </div>
-
-      <!-- [内容] 员工信息 -->
-      <div class="modal__section-title">员工信息</div>
-      <div class="modal__grid">
-        <div class="modal__field">
-          <span class="modal__label">姓名</span>
-          <span class="modal__value">张建国</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">性别</span>
-          <span class="modal__value">男</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">年龄</span>
-          <span class="modal__value">52岁</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">员工编号</span>
-          <span class="modal__value">CY-2021-0837</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">手机号码</span>
-          <span class="modal__value">13809289215</span>
-        </div>
-        <div class="modal__field">
-          <span class="modal__label">单位部门</span>
-          <span class="modal__value">采油一厂生产区</span>
-        </div>
-      </div>
-
-      <div class="modal__actions">
-        <button class="modal__btn modal__btn--guide-cv" onclick="openEmergencyGuideFromCvModal()">急救提示书</button>
-        <button class="modal__btn modal__btn--primary" onclick="closeCvModal()">确定</button>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- [弹窗] 穿戴告警记录列表 -->
-<div class="alarm-record-overlay" id="alarmRecordOverlay" style="display:none;" onclick="closeAlarmRecordModal()">
-  <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"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
-      </div>
-      <span class="alarm-record-modal__title">穿戴告警记录</span>
-      <span class="alarm-record-modal__total" id="alarmRecordTotal">共 0 条记录</span>
-      <span class="alarm-record-modal__close" onclick="closeAlarmRecordModal()">&times;</span>
-    </div>
-    <!-- 筛选条件 -->
-    <div class="alarm-record-filters" id="alarmRecordFilters">
-      <div class="alarm-record-filter">
-        <span class="alarm-record-filter__label">告警类型</span>
-        <select class="alarm-record-filter__select alarm-record-filter__select--type" id="filterAlarmType">
-          <option value="">全部类型</option>
-          <option value="心率异常">心率异常</option>
-          <option value="血氧异常">血氧异常</option>
-          <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="filterDateFrom">
-      </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="filterDateTo">
-      </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="filterName" 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="filterEmpId" placeholder="请输入编号">
-      </div>
-      <button class="alarm-record-filter__btn alarm-record-filter__btn--primary" onclick="applyAlarmRecordFilter()">查询</button>
-      <button class="alarm-record-filter__btn" onclick="resetAlarmRecordFilter()">重置</button>
-    </div>
-    <!-- 表格 -->
-    <div class="alarm-record-table-wrap">
-      <table class="alarm-record-table">
-        <thead>
-          <tr>
-            <th style="width:80px;">姓名</th>
-            <th style="width:110px;">员工编号</th>
-            <th style="width:50px;">性别</th>
-            <th style="width:50px;">年龄</th>
-            <th style="width:120px;">单位</th>
-            <th style="width:120px;">部门</th>
-            <th style="width:90px;">告警类型</th>
-            <th style="width:100px;">告警值</th>
-            <th style="width:150px;">告警时间</th>
-            <th style="width:190px;">详细地址</th>
-          </tr>
-        </thead>
-        <tbody id="alarmRecordTbody">
-        </tbody>
-      </table>
-    </div>
-    <!-- 分页 -->
-    <div class="alarm-record-pagination" id="alarmRecordPagination">
-      <div class="alarm-record-pagination__info" id="alarmRecordPageInfo">显示第 1-10 条，共 0 条</div>
-      <div class="alarm-record-pagination__pages" id="alarmRecordPageNumbers"></div>
-      <div class="alarm-record-pagination__size">
-        <span>每页</span>
-        <select id="alarmRecordPageSize" onchange="changeAlarmRecordPageSize()">
-          <option value="10">10</option>
-          <option value="20">20</option>
-          <option value="50">50</option>
-        </select>
-        <span>条</span>
-      </div>
-    </div>
-  </div>
-</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" style="background:rgba(250,173,20,0.15);color:var(--warning);">
-        <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>
-
-<div class="alarm-record-overlay" id="cvRecordOverlay" style="display:none;" onclick="closeCvRecordModal()">
-  <div class="alarm-record-modal" onclick="event.stopPropagation();">
-    <div class="alarm-record-modal__header">
-      <div class="alarm-record-modal__header-icon" style="background:rgba(114,46,209,0.15);color:#b37feb;">
-        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
-      </div>
-      <span class="alarm-record-modal__title">心脑血管预警记录</span>
-      <span class="alarm-record-modal__total" id="cvRecordTotal">共 0 条记录</span>
-      <span class="alarm-record-modal__close" onclick="closeCvRecordModal()">&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="filterCvRiskType">
-          <option value="">全部类型</option>
-          <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>
-        <select class="alarm-record-filter__select alarm-record-filter__select--type" id="filterCvRiskLevel">
-          <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="filterCvDateFrom">
-      </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="filterCvDateTo">
-      </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="filterCvName" 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="filterCvEmpId" placeholder="请输入编号">
-      </div>
-      <button class="alarm-record-filter__btn alarm-record-filter__btn--primary" onclick="applyCvRecordFilter()">查询</button>
-      <button class="alarm-record-filter__btn" onclick="resetCvRecordFilter()">重置</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:75px;">风险类型</th>
-            <th style="width:70px;">风险等级</th>
-            <th style="width:90px;">AI预测概率</th>
-            <th style="width:140px;">预警时间</th>
-            <th style="width:220px;">异常指标</th>
-          </tr>
-        </thead>
-        <tbody id="cvRecordTbody">
-        </tbody>
-      </table>
-    </div>
-    <!-- 分页 -->
-    <div class="alarm-record-pagination">
-      <div class="alarm-record-pagination__info" id="cvRecordPageInfo">显示第 1-10 条，共 0 条</div>
-      <div class="alarm-record-pagination__pages" id="cvRecordPageNumbers"></div>
-      <div class="alarm-record-pagination__size">
-        <span>每页</span>
-        <select id="cvRecordPageSize" onchange="changeCvRecordPageSize()">
-          <option value="10">10</option>
-          <option value="20">20</option>
-          <option value="50">50</option>
-        </select>
-        <span>条</span>
-      </div>
-    </div>
-  </div>
-</div>
-
-<script>
-/* ========== 弹窗控制 ========== */
-function openAlarmModal(){document.getElementById('alarmModal').style.display='flex';document.getElementById('alarmAlertText').style.display='';}
-function openAlarmFromList(){document.getElementById('alarmModal').style.display='flex';document.getElementById('alarmAlertText').style.display='none';}
-function closeAlarmModal(){document.getElementById('alarmModal').style.display='none';}
-function openHelpModal(){document.getElementById('helpModal').style.display='flex';document.getElementById('helpAlertText').style.display='';}
-function openHelpFromList(){document.getElementById('helpModal').style.display='flex';document.getElementById('helpAlertText').style.display='none';}
-function closeHelpModal(){document.getElementById('helpModal').style.display='none';}
-function openCvModal(){
-  var m=document.getElementById('cvModal');if(m)m.style.display='flex';
-  var a=document.getElementById('cvAlertText');if(a)a.style.display='';
-}
-function openCvFromList(){
-  var m=document.getElementById('cvModal');if(m)m.style.display='flex';
-  var a=document.getElementById('cvAlertText');if(a)a.style.display='none';
-}
-function closeCvModal(){
-  var m=document.getElementById('cvModal');if(m)m.style.display='none';
-}
-
-/* ========== 按钮事件绑定 ========== */
-document.getElementById('btnCvAlarm').addEventListener('click',function(e){e.stopPropagation();openCvModal();});
-
-/* ========== 弹窗数据提取 → 急救路线/提示书 ========== */
-function openEmergencyRouteFromAlarmModal(){
-  var modal=document.getElementById('alarmModal');
-  if(!modal){openEmergencyRoute();return;}
-  var fields=modal.querySelectorAll('.modal__value');
-  var anomalyType='', anomalyValue='', alarmTime='', empName='', empDept='';
-  fields.forEach(function(f){
-    var label=f.parentElement.querySelector('.modal__label');
-    if(!label)return;
-    var lbl=label.textContent.trim();
-    var val=f.textContent.trim();
-    if(lbl==='异常类型')anomalyType=val;
-    else if(lbl==='异常数据')anomalyValue=val;
-    else if(lbl==='报警时间')alarmTime=val;
-    else if(lbl==='姓名')empName=val;
-    else if(lbl==='单位部门')empDept=val;
-  });
-  var alarmAddressMap={
-    '采油一厂生产区':'采油一厂生产基地B区3号井组作业平台',
-    '宝石花医院护理部':'宝石花医院护理部大楼3层302室'
-  };
-  currentEventData={
-    type:'alarm',
-    anomalyType:anomalyType||'摔倒',
-    anomalyValue:anomalyValue||'--',
-    alarmTime:alarmTime||'2026-06-23 14:32:15',
-    empName:empName||'张建国',
-    empDept:empDept||'采油一厂生产区',
-    address:alarmAddressMap[empDept]||empDept||'采油一厂生产基地B区3号井组作业平台'
-  };
-  openEmergencyRoute();
-}
-
-function openEmergencyRouteFromHelpModal(){
-  var modal=document.getElementById('helpModal');
-  if(!modal){openEmergencyRoute();return;}
-  var fields=modal.querySelectorAll('.modal__value');
-  var helpType='', helpTime='', empName='', empDept='';
-  fields.forEach(function(f){
-    var label=f.parentElement.querySelector('.modal__label');
-    if(!label)return;
-    var lbl=label.textContent.trim();
-    var val=f.textContent.trim();
-    if(lbl==='求助类型')helpType=val;
-    else if(lbl==='求助时间')helpTime=val;
-    else if(lbl==='姓名')empName=val;
-    else if(lbl==='单位部门')empDept=val;
-  });
-  var helpAddressMap={
-    '宝石花医院护理部':'宝石花医院护理部大楼3层302室',
-    '采油一厂生产区':'采油一厂生产基地B区3号井组作业平台'
-  };
-  currentEventData={
-    type:'help',
-    helpType:helpType||'应急视频',
-    helpTime:helpTime||'2026-06-23 14:48:35',
-    helpStatus:'待处理',
-    empName:empName||'周丽华',
-    empDept:empDept||'宝石花医院护理部',
-    address:helpAddressMap[empDept]||empDept||'宝石花医院护理部大楼3层302室'
-  };
-  openEmergencyRoute();
-}
-
-/* ========== 急救提示书 ========== */
-function openEmergencyGuideFromCvModal(){
-  /* 从CV弹窗中提取数据，与列表点击交互做同样处理 */
-  var modal=document.getElementById('cvModal');
-  if(!modal){openEmergencyGuide();return;}
-  var fields=modal.querySelectorAll('.modal__value');
-  var riskType='', riskLevel='', aiScore='', warnTime='', empName='', empDept='';
-  fields.forEach(function(f){
-    var label=f.parentElement.querySelector('.modal__label');
-    if(!label)return;
-    var lbl=label.textContent.trim();
-    var val=f.textContent.trim();
-    if(lbl==='风险类型')riskType=val;
-    else if(lbl==='风险等级')riskLevel=val;
-    else if(lbl==='AI预测概率')aiScore=val;
-    else if(lbl==='预警时间')warnTime=val;
-    else if(lbl==='姓名')empName=val;
-    else if(lbl==='单位部门')empDept=val;
-  });
-  var cvAddressMap={
-    '采油一厂生产区':'采油一厂生产基地B区3号井组作业平台',
-    '宝石花医院护理部':'宝石花医院护理部大楼3层302室'
-  };
-  currentEventData={
-    type:'cv',
-    riskType:riskType||'心梗',
-    riskLevel:riskLevel||'高危',
-    aiScore:aiScore||'89%',
-    warnTime:warnTime||'2026-06-23 15:10:42',
-    empName:empName||'张建国',
-    empDept:empDept||'采油一厂生产区',
-    address:cvAddressMap[empDept]||empDept||'采油一厂生产基地B区3号井组作业平台'
-  };
-  openEmergencyGuide();
-}
-
-function openEmergencyGuide(){
-  /* 关闭所有弹窗 */
-  hideResourcePopup();
-  closeAlarmModal();
-  closeHelpModal();
-  closeCvModal();
-
-  /* 显示员工位置标记 */
-  document.getElementById('empMarker').classList.add('emp-marker--show');
-
-	  /* update info card with current event data */
-	  updateEmpInfoCard(currentEventData);
-
-  /* 隐藏路线SVG和资源面板 */
-  document.getElementById('routeSvg').classList.remove('route-svg--show');
-  document.getElementById('routePanel').classList.remove('route-panel--show');
-
-  /* 显示急救提示书面板 */
-  document.getElementById('guidePanel').classList.add('guide-panel--show');
-
-  /* 取消所有资源Tab选中状态 */
-  document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active','res-tab--route-active');});
-
-  /* 显示路线SVG图层 */
-  document.getElementById('routeSvg').classList.add('route-svg--show');
-
-  /* 重置所有路线为不可见 */
-  Object.keys(ROUTE_MAP).forEach(function(k){
-    var line=document.getElementById(ROUTE_MAP[k].line);
-    if(line)line.setAttribute('opacity','0');
-  });
-
-  /* 隐藏地图图例，显示6个最近资源标记 */
-  var legend=document.querySelector('.map-legend');
-  if(legend)legend.style.display='none';
-  document.querySelectorAll('.map-marker').forEach(function(m){m.style.display='none';});
-  Object.keys(ROUTE_MAP).forEach(function(k){
-    var m=document.getElementById(ROUTE_MAP[k].marker);
-    if(m){m.style.display='block';m.classList.remove('map-marker--route');}
-  });
-}
-
-/* [交互] 急救提示书模式下点击资源标记切换路线 */
-function toggleGuideRoute(markerId){
-  /* 找到 markerId 对应的 route type */
-  var type=null;
-  Object.keys(ROUTE_MAP).forEach(function(k){
-    if(ROUTE_MAP[k].marker===markerId)type=k;
-  });
-  if(!type)return;
-
-  var line=document.getElementById(ROUTE_MAP[type].line);
-  var marker=document.getElementById(markerId);
-  if(!line||!marker)return;
-
-  /* 切换：如果当前路线可见则隐藏，否则显示 */
-  if(line.getAttribute('opacity')==='1'){
-    line.setAttribute('opacity','0');
-    marker.classList.remove('map-marker--route');
-  }else{
-    /* 先隐藏所有路线 */
-    Object.keys(ROUTE_MAP).forEach(function(k){
-      var l=document.getElementById(ROUTE_MAP[k].line);
-      if(l)l.setAttribute('opacity','0');
-      var m=document.getElementById(ROUTE_MAP[k].marker);
-      if(m)m.classList.remove('map-marker--route');
-    });
-    /* 显示当前路线 */
-    line.setAttribute('opacity','1');
-    marker.classList.add('map-marker--route');
-  }
-}
-
-function closeGuidePanel(){
-  document.getElementById('guidePanel').classList.remove('guide-panel--show');
-  document.getElementById('empMarker').classList.remove('emp-marker--show');
-  document.getElementById('routeSvg').classList.remove('route-svg--show');
-  /* 隐藏所有路线 */
-  Object.keys(ROUTE_MAP).forEach(function(k){
-    var line=document.getElementById(ROUTE_MAP[k].line);
-    if(line)line.setAttribute('opacity','0');
-    var m=document.getElementById(ROUTE_MAP[k].marker);
-    if(m)m.classList.remove('map-marker--route');
-  });
-  currentRouteType=null;
-  /* 恢复图例 */
-  var legend=document.querySelector('.map-legend');
-  if(legend)legend.style.display='';
-  /* 恢复全部资源标记 */
-  document.querySelectorAll('.map-marker').forEach(function(m){m.style.display='block';});
-  /* 恢复全部资源Tab */
-  var allTab=document.querySelector('.res-tab[onclick*="all"]');
-  if(allTab){
-    document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active','res-tab--route-active');});
-    allTab.classList.add('active');
-  }
-}
-
-/* ========== 急救路线 ========== */
-/* 路线类型 → { 路线SVG line id, 地图标记 id } */
-var ROUTE_MAP={
-  oilfield:   {line:'routeOilfield',    marker:'markerHospital'},
-  cooperative:{line:'routeCooperative', marker:'markerCooperative'},
-  local:      {line:'routeLocal',       marker:'markerLocal'},
-  clinic:     {line:'routeClinic',      marker:'markerClinic'},
-  ambulance:  {line:'routeAmbulance',   marker:'markerAmbulance'},
-  aed:        {line:'routeAed',         marker:'markerAed'}
-};
-var currentRouteType=null;
-var currentEventData=null;  /* {type:"alarm"|"help", fields...} */
-
-/* ========== 地图资源标记弹窗 ========== */
-var RESOURCE_INFO={
-  'oilfield':       {name:'兴隆医院',    cat:'油田医院',catColor:'#1890FF',addr:'西安市高陵区兴隆路88号兴隆医院门诊楼'},
-  'local-gaoling':  {name:'高陵医院',    cat:'地方医院',catColor:'#1890FF',addr:'西安市高陵区能源北路32号高陵医院住院部'},
-  'cooperative':    {name:'宝石花医院',  cat:'合作医院',catColor:'#722ED1',addr:'西安市高陵区宝石花大道126号宝石花医院综合楼'},
-  'local':          {name:'庆阳医院',    cat:'地方医院',catColor:'#1890FF',addr:'甘肃省庆阳市庆城县北大街55号庆阳医院急诊楼'},
-  'clinic':         {name:'采油一厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油一厂生产基地综合楼1层医疗点'},
-  'clinic-eryuan':  {name:'采油二厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油二厂生产基地综合楼1层医疗点'},
-  'clinic-sanyuan': {name:'采油三厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油三厂生产基地综合楼1层医疗点'},
-  'aed':            {name:'AED-001',     cat:'AED设备',catColor:'#FF4D4F',addr:'采油一厂生产区B区办公楼大厅东侧走廊'},
-  'aed-002':        {name:'AED-002',     cat:'AED设备',catColor:'#FF4D4F',addr:'采油二厂设备区主控楼1层大厅入口处'},
-  'ambulance':      {name:'陕A·120-03',  cat:'救护车',catColor:'#FAAD14',addr:'兴隆医院急救站停车场，24小时待命'},
-  'ambulance-001':  {name:'陕A·120-01',  cat:'救护车',catColor:'#FAAD14',addr:'宝石花医院急救站停车场，24小时待命'}
-};
-
-function onMapMarkerClick(el, key){
-  var routePanel=document.getElementById('routePanel');
-  var inRouteMode=routePanel&&routePanel.classList.contains('route-panel--show');
-  /* 急救路线模式下保持原有路线选择逻辑 */
-  if(inRouteMode&&ROUTE_MAP[key]){
-    selectRoute(key);
-    return;
-  }
-  /* 普通模式：隐藏所有路线，显示资源弹窗 */
-  hideAllRoutes();
-  showResourcePopup(el, key);
-}
-
-function showResourcePopup(el, key){
-  var info=RESOURCE_INFO[key];
-  if(!info)return;
-  var popup=document.getElementById('markerPopup');
-  /* 定位弹窗在标记上方 */
-  var rect=el.getBoundingClientRect();
-  var mapWrap=document.getElementById('mapWrap');
-  var mapRect=mapWrap.getBoundingClientRect();
-  var top=rect.top-mapRect.top-10; /* 10px gap above marker */
-  var left=rect.left-mapRect.left+rect.width/2;
-  popup.style.top=top+'px';
-  popup.style.left=left+'px';
-  /* 填充内容 */
-  document.getElementById('markerPopupName').textContent=info.name;
-  document.getElementById('markerPopupCat').innerHTML='<span style="background:'+info.catColor+';box-shadow:0 0 6px '+info.catColor+';"></span>'+info.cat;
-  document.getElementById('markerPopupAddr').textContent=info.addr;
-  popup.classList.add('marker-popup--show');
-}
-
-function hideResourcePopup(){
-  var popup=document.getElementById('markerPopup');
-  if(popup)popup.classList.remove('marker-popup--show');
-}
-
-function hideAllRoutes(){
-  Object.keys(ROUTE_MAP).forEach(function(k){
-    var line=document.getElementById(ROUTE_MAP[k].line);
-    if(line)line.setAttribute('opacity','0');
-    var m=document.getElementById(ROUTE_MAP[k].marker);
-    if(m)m.classList.remove('map-marker--route');
-  });
-  document.querySelectorAll('.route-panel__item--active').forEach(function(el){el.classList.remove('route-panel__item--active');});
-  currentRouteType=null;
-}
-
-/* 点击地图空白处隐藏弹窗 */
-document.getElementById('mapWrap').addEventListener('click',function(e){
-  if(!e.target.closest('.map-marker')){hideResourcePopup();}
-});
-
-/* [interact] dynamically update employee marker info card based on event type */
-function updateEmpInfoCard(data){
-	  if(!data)return;
-	  var card=document.getElementById('empInfoCard');
-	  if(!card)return;
-	  var title=data.type==='help'?'应急求助':data.type==='cv'?'心脑血管预警':'穿戴告警';
-	  var titleColor=data.type==='help'?'var(--warning)':data.type==='cv'?'#b37feb':'var(--danger)';
-	  var rows='';
-	  if(data.type==='alarm'){
-	    rows+=
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">异常类型</span><span class="emp-info-card__value">'+data.anomalyType+'</span></div>'+
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">异常值</span><span class="emp-info-card__value" >'+(data.anomalyValue||'--')+'</span></div>'+
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">告警时间</span><span class="emp-info-card__value">'+data.alarmTime+'</span></div>';
-	  }else if(data.type==='cv'){
-	    rows+=
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">风险类型</span><span class="emp-info-card__value">'+data.riskType+'</span></div>'+
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">风险等级</span><span class="emp-info-card__value">'+data.riskLevel+'</span></div>'+
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">AI预测概率</span><span class="emp-info-card__value">'+data.aiScore+'</span></div>'+
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">预警时间</span><span class="emp-info-card__value">'+data.warnTime+'</span></div>';
-	  }else{
-	    rows+=
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">求助类型</span><span class="emp-info-card__value">'+data.helpType+'</span></div>'+
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">求助时间</span><span class="emp-info-card__value">'+data.helpTime+'</span></div>'+
-	      '<div class="emp-info-card__item"><span class="emp-info-card__label">处理状态</span><span class="emp-info-card__value">'+(data.helpStatus||'--')+'</span></div>';
-	  }
-	  rows+=
-	    '<div class="emp-info-card__item"><span class="emp-info-card__label">员工姓名</span><span class="emp-info-card__value">'+data.empName+'</span></div>'+
-	    '<div class="emp-info-card__item"><span class="emp-info-card__label">单位部门</span><span class="emp-info-card__value">'+data.empDept+'</span></div>'+
-	    '<div class="emp-info-card__item emp-info-card__item--full"><span class="emp-info-card__label">详细地址</span><span class="emp-info-card__value">'+(data.address||data.empDept)+'</span></div>';
-	  card.innerHTML=
-	    '<div class="emp-info-card__header" style="color:'+titleColor+'">'+title+'</div>'+
-	    '<div class="emp-info-card__grid">'+rows+'</div>';
-}
-
-function openEmergencyRoute(){
-		hideResourcePopup();
-	  /* close all modals */
-	  closeAlarmModal();
-	  closeHelpModal();
-	  closeCvModal();
-
-	  /* close guide panel if open */
-	  document.getElementById('guidePanel').classList.remove('guide-panel--show');
-
-	  /* show employee marker */
-	  document.getElementById('empMarker').classList.add('emp-marker--show');
-
-	  /* update info card with current event data */
-	  updateEmpInfoCard(currentEventData);
-
-	  /* show route SVG layer (routes hidden until user manually clicks) */
-	  document.getElementById('routeSvg').classList.add('route-svg--show');
-
-	  /* show resource panel */
-	  document.getElementById('routePanel').classList.add('route-panel--show');
-
-	  /* deactivate all resource filter tabs */
-	  document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active','res-tab--route-active');});
-
-	  /* hide legend */
-	  var legend=document.querySelector('.map-legend');
-	  if(legend)legend.style.display='none';
-
-	  /* reset all routes and panel selection */
-	  currentRouteType=null;
-	  Object.keys(ROUTE_MAP).forEach(function(k){
-	    var line=document.getElementById(ROUTE_MAP[k].line);
-	    if(line)line.setAttribute('opacity','0');
-	  });
-	  document.querySelectorAll('.route-panel__item--active').forEach(function(el){el.classList.remove('route-panel__item--active');});
-
-	  /* hide all markers, then show all 6 nearest resource markers (no auto-select) */
-	  document.querySelectorAll('.map-marker').forEach(function(m){m.style.display='none';});
-	  Object.keys(ROUTE_MAP).forEach(function(k){
-	    var m=document.getElementById(ROUTE_MAP[k].marker);
-	    if(m){m.style.display='block';m.classList.remove('map-marker--route');}
-	  });
-}
-
-/* [交互] 点击面板或地图标记中的某个资源，切换对应路线和标记 */
-function selectRoute(type){
-	  /* toggle: deselect if same resource (keep marker visible) */
-	  if(currentRouteType===type){
-	    var line=document.getElementById(ROUTE_MAP[type].line);
-	    if(line)line.setAttribute('opacity','0');
-	    var m=document.getElementById(ROUTE_MAP[type].marker);
-	    if(m)m.classList.remove('map-marker--route');
-	    var item=document.querySelector('.route-panel__item[data-route="'+type+'"]');
-	    if(item)item.classList.remove('route-panel__item--active');
-	    currentRouteType=null;
-	    return;
-	  }
-
-	  /* clear previous selection (keep marker visible, only remove highlight) */
-	  if(currentRouteType){
-	    var prevLine=document.getElementById(ROUTE_MAP[currentRouteType].line);
-	    if(prevLine)prevLine.setAttribute('opacity','0');
-	    var prevMarker=document.getElementById(ROUTE_MAP[currentRouteType].marker);
-	    if(prevMarker)prevMarker.classList.remove('map-marker--route');
-	    var prevItem=document.querySelector('.route-panel__item[data-route="'+currentRouteType+'"]');
-	    if(prevItem)prevItem.classList.remove('route-panel__item--active');
-	  }
-
-	  /* show route line for selected resource */
-		  document.getElementById("routeSvg").classList.add("route-svg--show");
-	  var line=document.getElementById(ROUTE_MAP[type].line);
-	  if(line)line.setAttribute('opacity','1');
-
-	  /* highlight marker on map (marker already visible, just add glow class) */
-	  var marker=document.getElementById(ROUTE_MAP[type].marker);
-	  if(marker)marker.classList.add('map-marker--route');
-
-	  /* highlight panel item */
-	  var item=document.querySelector('.route-panel__item[data-route="'+type+'"]');
-	  if(item)item.classList.add('route-panel__item--active');
-
-	  currentRouteType=type;
-}
-
-/* ========== 实时时钟 & 累计运行天数 ========== */
-function updateClock(){
-  var now=new Date();
-  var pad=function(n){return n<10?'0'+n:n;};
-  var y=now.getFullYear();
-  var m=pad(now.getMonth()+1);
-  var d=pad(now.getDate());
-  var h=pad(now.getHours());
-  var mi=pad(now.getMinutes());
-  var s=pad(now.getSeconds());
-  var str=y+'-'+m+'-'+d+' '+h+':'+mi+':'+s;
-  document.getElementById('clock').textContent=str;
-}
-function updateRunDays(){
-  var start=new Date('2024-01-01T00:00:00').getTime();
-  var now=new Date().getTime();
-  var diff=now-start;
-  var days=Math.floor(diff/(1000*60*60*24));
-  document.getElementById('runDays').textContent=days;
-}
-setInterval(function(){updateClock();updateRunDays();},1000);
-updateClock();
-updateRunDays();
-
-/* [交互] 点击穿戴告警列表项 → 直接进入急救路线模式（与弹窗中"急救路线"按钮一致） */
-/* [interact] click wearable alarm list item -> enter emergency route mode */
-/* [interact] click wearable alarm list item -> enter emergency route mode */
-document.getElementById('alarmTrack').addEventListener('click',function(e){
-	  var item=e.target.closest('.alarm-item');
-	  if(item){
-	    /* extract wearable alarm event data from list item */
-	    var typeTag=item.querySelector('.alarm-item__type-tag');
-	    var timeEl=item.querySelector('.alarm-item__time');
-	    var valueEl=item.querySelector('.alarm-item__value');
-	    var desc=item.querySelector('.alarm-item__desc');
-	    var descParts=desc?desc.textContent.split(' · '):[];
-	    var empDept=descParts[3]||'';
-	    var alarmAddressMap={
-	      '采油一厂生产区':'采油一厂生产基地B区3号井组作业平台',
-	      '采油二厂设备区':'采油二厂设备区2号楼208室',
-	      '采油二厂行政楼':'采油二厂行政楼5层503室',
-	      '公司机关办公楼':'公司机关办公楼8层801室',
-	      '高陵医院后勤':'高陵医院后勤服务楼1层102室',
-	      '采油三厂调度室':'采油三厂调度中心大楼2层201室',
-	      '宝石花医院护理部':'宝石花医院护理部大楼3层302室',
-	      '庆阳医院急诊':'庆阳医院急诊科一楼抢救室',
-	      '采油一厂维修队':'采油一厂维修队办公楼3层305室'
-	    };
-	    currentEventData={
-	      type:'alarm',
-	      anomalyType:typeTag?typeTag.textContent.trim():'',
-	      anomalyValue:valueEl&&valueEl.textContent.trim()?valueEl.textContent.trim():'--',
-	      alarmTime:timeEl?timeEl.textContent.trim():'',
-	      empName:descParts[0]||'',
-	      empDept:empDept,
-	      address:alarmAddressMap[empDept]||empDept
-	    };
-	    openEmergencyRoute();
-	  }
-});
-
-/* ========== 心脑血管预警列表点击事件 ========== */
-/* [interact] click AI warning list item -> open emergency guide (same as 急救提示书 button) */
-/* [interact] click AI warning list item -> extract CV data then open emergency guide */
-document.getElementById('aiWarnTrack').addEventListener('click',function(e){
-	  var item=e.target.closest('.ai-warn-item');
-	  if(item){
-	    /* extract cardiovascular AI warning data from list item */
-	    var tagEl=item.querySelector('.ai-warn-item__tag');
-	    var levelEl=item.querySelector('.ai-warn-item__level');
-	    var scoreEl=item.querySelector('.ai-warn-item__score');
-	    var descEl=item.querySelector('.ai-warn-item__desc');
-	    var descParts=descEl?descEl.textContent.split(' · '):[];
-	    var empDept=descParts[3]||'';
-	    var cvAddressMap={
-	      '采油一厂生产区':'采油一厂生产基地B区3号井组作业平台',
-	      '采油二厂设备区':'采油二厂设备区2号楼208室',
-	      '采油二厂行政楼':'采油二厂行政楼5层503室',
-	      '公司机关办公楼':'公司机关办公楼8层801室',
-	      '高陵医院后勤':'高陵医院后勤服务楼1层102室',
-	      '采油三厂调度室':'采油三厂调度中心大楼2层201室',
-	      '宝石花医院护理部':'宝石花医院护理部大楼3层302室',
-	      '采油一厂维修队':'采油一厂维修队办公楼3层305室'
-	    };
-	    /* use current time as mock warn time */
-	    var now=new Date();
-	    var pad=function(n){return n<10?'0'+n:n;};
-	    var warnTime=now.getFullYear()+'-'+pad(now.getMonth()+1)+'-'+pad(now.getDate())+' '+pad(now.getHours())+':'+pad(now.getMinutes())+':'+pad(now.getSeconds());
-	    currentEventData={
-	      type:'cv',
-	      riskType:tagEl?tagEl.textContent.trim():'',
-	      riskLevel:levelEl?levelEl.textContent.trim():'',
-	      aiScore:scoreEl?scoreEl.textContent.trim():'',
-	      warnTime:warnTime,
-	      empName:descParts[0]||'',
-	      empDept:empDept,
-	      address:cvAddressMap[empDept]||empDept
-	    };
-	    openEmergencyGuide();
-	  }
-});
-
-/* [交互] 点击应急求助列表项 → 直接进入急救路线模式（与弹窗中"急救路线"按钮一致） */
-/* [interact] click emergency help list item -> enter emergency route mode */
-document.getElementById('helpTrack').addEventListener('click',function(e){
-	  var item=e.target.closest('.alarm-item');
-	  if(item){
-	    /* extract emergency help event data from list item */
-	    var typeTag=item.querySelector('.alarm-item__type-tag');
-	    var timeEl=item.querySelector('.alarm-item__time');
-	    var desc=item.querySelector('.alarm-item__desc');
-	    var descParts=desc?desc.textContent.split(' · '):[];
-	    var helpType=typeTag?typeTag.textContent.trim():'';
-	    var statusEl=item.querySelector('.alarm-item__status');
-	    var empDept=descParts[3]||'';
-	    /* detail address lookup by department (mock data) */
-	    var addressMap={
-	      '宝石花医院护理部':'宝石花医院护理部大楼3层302室',
-	      '采油一厂生产区':'采油一厂生产基地B区3号井组作业平台',
-	      '采油二厂设备区':'采油二厂设备区2号楼208室',
-	      '采油二厂行政楼':'采油二厂行政楼5层503室',
-	      '公司机关办公楼':'公司机关办公楼8层801室',
-	      '高陵医院后勤':'高陵医院后勤服务楼1层102室',
-	      '庆阳医院急诊':'庆阳医院急诊科一楼抢救室',
-	      '采油三厂调度室':'采油三厂调度中心大楼2层201室',
-	      '采油一厂维修队':'采油一厂维修队办公楼3层305室'
-	    };
-	    currentEventData={
-	      type:'help',
-	      helpType:helpType,
-	      helpTime:timeEl?timeEl.textContent.trim():'',
-	      helpStatus:statusEl?statusEl.textContent.trim():'--',
-	      empName:descParts[0]||'',
-	      empDept:empDept,
-	      address:addressMap[empDept]||empDept
-	    };
-	    openEmergencyRoute();
-	  }
-});
-
-/* ========== 应急服务数据 时间段切换 ========== */
-function switchPeriod(period){
-  /* [交互] 根据 period('today'/'week'/'month'/'year') 异步刷新下方6项指标数据 */
-}
-
-/* ========== Tab切换 - 地图资源筛选 ========== */
-function switchTab(el,type){
-  hideResourcePopup();
-  document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active','res-tab--route-active');});
-  el.classList.add('active');
-
-  /* 清理急救路线元素 */
-  document.getElementById('empMarker').classList.remove('emp-marker--show');
-  document.getElementById('routeSvg').classList.remove('route-svg--show');
-  document.getElementById('routePanel').classList.remove('route-panel--show');
-  document.getElementById('guidePanel').classList.remove('guide-panel--show');
-  /* 恢复所有路线透明度 & 清除所有目的地标记高亮 */
-  var allRouteLines=['routeOilfield','routeCooperative','routeLocal','routeClinic','routeAmbulance','routeAed'];
-  var allRouteMarkers=['markerHospital','markerCooperative','markerLocal','markerClinic','markerAmbulance','markerAed'];
-  allRouteLines.forEach(function(id){
-    var el2=document.getElementById(id);if(el2)el2.setAttribute('opacity','0');
-  });
-  allRouteMarkers.forEach(function(id){
-    var m=document.getElementById(id);if(m)m.classList.remove('map-marker--route');
-  });
-  /* 清除面板选中 */
-  document.querySelectorAll('.route-panel__item--active').forEach(function(el){el.classList.remove('route-panel__item--active');});
-  currentRouteType=null;
-  /* 恢复图例 */
-  var legend=document.querySelector('.map-legend');
-  if(legend)legend.style.display='';
-
-  var markers=document.querySelectorAll('.map-marker');
-  markers.forEach(function(m){m.style.display='none';});
-  if(type==='all'){
-    markers.forEach(function(m){m.style.display='block';});
-  }else{
-    markers.forEach(function(m){if(m.getAttribute('data-type')===type)m.style.display='block';});
-  }
-
-  /* 同步更新地图下方资源统计卡片行 */
-  updateResStatRow(type);
-
-  /* 切换到普通资源 Tab 时，关闭路径规划面板并清除已绘制路径 */
-  var planPanel=document.getElementById('planPanel');
-  if(planPanel)planPanel.classList.remove('plan-panel--show');
-  clearRoutePlan();
-}
-
-/* ========== 路径规划（独立于急救路线） ========== */
-/* 路径规划备选点坐标（viewBox 0 0 100 100，与地图标记点位置一致） */
-var PLAN_POINTS = {
-  emp:       {x:50, y:50, name:'当前位置'},
-  clinic1:   {x:35, y:38, name:'采油一厂医疗点'},
-  clinic2:   {x:65, y:43, name:'采油二厂医疗点'},
-  clinic3:   {x:50, y:80, name:'采油三厂医疗点'},
-  hospital1: {x:12, y:18, name:'兴隆医院'},
-  hospital2: {x:75, y:20, name:'宝石花医院'},
-  hospital3: {x:60, y:55, name:'庆阳医院'},
-  hospital4: {x:15, y:75, name:'高陵医院'},
-  amb1:      {x:35, y:60, name:'陕A·120-03'},
-  amb2:      {x:55, y:25, name:'陕A·120-01'},
-  aed1:      {x:28, y:33, name:'AED-001'},
-  aed2:      {x:68, y:47, name:'AED-002'}
-};
-
-/* 切换路径规划 Tab：展开/收起规划面板，并保持所有地图标记可见 */
-function toggleRoutePlan(el){
-  var tab=document.getElementById('planTab');
-  var panel=document.getElementById('planPanel');
-  if(!tab||!panel)return;
-  var isActive=tab.classList.contains('active');
-  if(isActive){
-    /* 再次点击：收起面板并清除路径 */
-    tab.classList.remove('active');
-    panel.classList.remove('plan-panel--show');
-    clearRoutePlan();
-  }else{
-    /* 激活：取消其他 Tab 选中、隐藏统计胶囊、显示全部标记 */
-    document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active','res-tab--route-active');});
-    tab.classList.add('active');
-    panel.classList.add('plan-panel--show');
-    var statRow=document.getElementById('resStatRow');
-    if(statRow)statRow.style.display='none';
-    document.querySelectorAll('.map-marker').forEach(function(m){m.style.display='block';});
-    /* 仅清除已绘制路径，保留面板打开 */
-    var svg=document.getElementById('planRouteSvg');
-    var path=document.getElementById('planRoutePath');
-    var info=document.getElementById('planRouteInfo');
-    var sd=document.getElementById('planStartDot');
-    var ed=document.getElementById('planEndDot');
-    if(svg)svg.classList.remove('plan-route-svg--show');
-    if(path)path.setAttribute('opacity','0');
-    if(info)info.classList.remove('plan-route-info--show');
-    if(sd)sd.setAttribute('opacity','0');
-    if(ed)ed.setAttribute('opacity','0');
-  }
-}
-
-/* 清除路径规划已绘制的路径与信息卡片（不动 Tab 与面板状态） */
-function clearRoutePlan(){
-  var svg=document.getElementById('planRouteSvg');
-  var path=document.getElementById('planRoutePath');
-  var info=document.getElementById('planRouteInfo');
-  var sd=document.getElementById('planStartDot');
-  var ed=document.getElementById('planEndDot');
-  if(svg)svg.classList.remove('plan-route-svg--show');
-  if(path)path.setAttribute('opacity','0');
-  if(info)info.classList.remove('plan-route-info--show');
-  if(sd)sd.setAttribute('opacity','0');
-  if(ed)ed.setAttribute('opacity','0');
-}
-
-/* 执行路径规划：根据起点终点绘制曲线路径并显示距离与用时 */
-function executeRoutePlan(){
-  var sk=document.getElementById('planStart').value;
-  var ek=document.getElementById('planEnd').value;
-  if(sk===ek){alert('起点和终点不能相同，请重新选择。');return;}
-  var s=PLAN_POINTS[sk], e=PLAN_POINTS[ek];
-  if(!s||!e)return;
-  var path=document.getElementById('planRoutePath');
-  var svg=document.getElementById('planRouteSvg');
-  var info=document.getElementById('planRouteInfo');
-  var sd=document.getElementById('planStartDot');
-  var ed=document.getElementById('planEndDot');
-  /* 二次贝塞尔曲线：控制点垂直偏移，使路径呈现弧形而非直线 */
-  var mx=(s.x+e.x)/2, my=(s.y+e.y)/2;
-  var cx=mx+(e.y-s.y)*0.18, cy=my+(s.x-e.x)*0.18;
-  var d='M '+s.x+' '+s.y+' Q '+cx+' '+cy+' '+e.x+' '+e.y;
-  path.setAttribute('d',d);
-  path.setAttribute('opacity','1');
-  sd.setAttribute('cx',s.x);sd.setAttribute('cy',s.y);sd.setAttribute('opacity','1');
-  ed.setAttribute('cx',e.x);ed.setAttribute('cy',e.y);ed.setAttribute('opacity','1');
-  svg.classList.add('plan-route-svg--show');
-  /* Mock 距离/用时：按 viewBox 距离换算 */
-  var dx=s.x-e.x, dy=s.y-e.y, dist=Math.sqrt(dx*dx+dy*dy);
-  var km=(dist*0.15).toFixed(1);
-  var min=Math.max(1,Math.round(dist*0.6));
-  document.getElementById('planRouteDist').textContent=km+' km';
-  document.getElementById('planRouteTime').textContent=min+' 分钟';
-  info.classList.add('plan-route-info--show');
-}
-
-/* ========== 资源统计卡片行（医疗点/救护车/AED） ========== */
-/* 资源统计卡片数据：点击对应 Tab 后在地图下方展示 */
-var RES_STAT_CONFIG = {
-  clinic: {
-    cards: [
-      {label:'医疗点总数', num:'3', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 21V5a2 2 0 012-2h14a2 2 0 012 2v16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 21h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 7v6M9 10h6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
-      {label:'覆盖人数', num:'2,860', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="9" cy="7" r="4" stroke="currentColor" stroke-width="2"/><path d="M22 21v-2a4 4 0 00-3-3.87" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M16 3.13a4 4 0 010 7.75" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--cyan'},
-      {label:'医护人员', num:'28', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M9 11H7a2 2 0 00-2 2v7a2 2 0 002 2h10a2 2 0 002-2v-7a2 2 0 00-2-2h-2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 11V7M10 9h4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 3v2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--success'}
-    ]
-  },
-  ambulance: {
-    cards: [
-      {label:'急救型救护车', num:'5', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 17V7a2 2 0 012-2h9v8h7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 17h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="7.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><circle cx="17.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><path d="M15 8h4l2 3v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M9 9v4M7 11h4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--warning'},
-      {label:'转运型救护车', num:'3', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 17V7a2 2 0 012-2h9v8h7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 17h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="7.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><circle cx="17.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><path d="M15 8h4l2 3v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M8 11h6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
-      {label:'出勤次数', num:'128', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M22 12h-4l-3 9L9 3l-3 9H2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', tone:'--danger'}
-    ]
-  },
-  aed: {
-    cards: [
-      {label:'在线设备', num:'18', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M12 2a10 10 0 100 20 10 10 0 000-20z" stroke="currentColor" stroke-width="2"/><path d="M12 6v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--success'},
-      {label:'离线设备', num:'2', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M12 2a10 10 0 100 20 10 10 0 000-20z" stroke="currentColor" stroke-width="2"/><path d="M8 12h8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
-      {label:'使用次数', num:'36', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', tone:'--danger'}
-    ]
-  }
-};
-
-/* 根据当前资源 Tab 类型更新地图下方统计卡片 */
-function updateResStatRow(type){
-  var row=document.getElementById('resStatRow');
-  if(!row)return;
-  var config=RES_STAT_CONFIG[type];
-  if(!config){
-    row.style.display='none';
-    return;
-  }
-  row.style.display='flex';
-  config.cards.forEach(function(card,idx){
-    var i=idx+1;
-    var iconEl=document.getElementById('resStatIcon'+i);
-    var numEl=document.getElementById('resStatNum'+i);
-    var labelEl=document.getElementById('resStatLabel'+i);
-    if(iconEl){
-      iconEl.innerHTML=card.icon;
-      iconEl.className='res-stat-card__icon'+(card.tone||'');
-    }
-    if(numEl)numEl.textContent=card.num;
-    if(labelEl)labelEl.textContent=card.label;
-  });
-}
-
-/* ========== 地图标记脉冲动画优化 ========== */
-document.querySelectorAll('.map-marker').forEach(function(marker,index){
-  var pulse=marker.querySelector('.map-marker__pulse');
-  if(pulse){pulse.style.animationDelay=(index*0.3)+'s';}
-});
-
-/* ========== 穿戴告警记录弹窗 ========== */
-/* 模拟告警记录数据 */
-var ALARM_RECORD_DATA = [
-  {name:'张建国',empId:'CY-2021-0837',gender:'男',age:52,unit:'采油一厂',dept:'生产区',alarmType:'摔倒',alarmValue:'--',alarmTime:'2026-06-23 14:32:15',address:'采油一厂生产基地B区3号井组作业平台'},
-  {name:'李明辉',empId:'CY-2019-0512',gender:'男',age:38,unit:'采油二厂',dept:'设备区',alarmType:'心率异常',alarmValue:'142 bpm',alarmTime:'2026-06-23 14:28:03',address:'采油二厂设备区2号楼208室'},
-  {name:'王芳',empId:'GS-2020-0128',gender:'女',age:45,unit:'公司机关',dept:'办公楼',alarmType:'血氧异常',alarmValue:'89%',alarmTime:'2026-06-23 14:15:47',address:'公司机关办公楼8层801室'},
-  {name:'赵刚',empId:'CY-2022-0305',gender:'男',age:29,unit:'采油三厂',dept:'调度室',alarmType:'一键告警',alarmValue:'--',alarmTime:'2026-06-23 13:58:22',address:'采油三厂调度中心大楼2层201室'},
-  {name:'陈晓东',empId:'CY-2018-0678',gender:'男',age:41,unit:'采油一厂',dept:'维修队',alarmType:'压力异常',alarmValue:'180/110 mmHg',alarmTime:'2026-06-23 13:42:10',address:'采油一厂维修队办公楼3层305室'},
-  {name:'刘雪梅',empId:'CY-2020-0442',gender:'女',age:36,unit:'采油二厂',dept:'行政楼',alarmType:'体温异常',alarmValue:'38.5°C',alarmTime:'2026-06-23 13:20:35',address:'采油二厂行政楼5层503室'},
-  {name:'孙志强',empId:'GL-2019-0215',gender:'男',age:47,unit:'高陵医院',dept:'后勤',alarmType:'心率异常',alarmValue:'156 bpm',alarmTime:'2026-06-23 12:55:08',address:'高陵医院后勤服务楼1层102室'},
-  {name:'周丽华',empId:'BH-2019-0521',gender:'女',age:33,unit:'宝石花医院',dept:'护理部',alarmType:'血氧异常',alarmValue:'91%',alarmTime:'2026-06-23 12:38:41',address:'宝石花医院护理部大楼3层302室'},
-  {name:'吴永强',empId:'QY-2018-0193',gender:'男',age:55,unit:'庆阳医院',dept:'急诊科',alarmType:'压力异常',alarmValue:'175/105 mmHg',alarmTime:'2026-06-23 11:20:14',address:'庆阳医院急诊科一楼抢救室'},
-  {name:'郑海龙',empId:'CY-2021-0923',gender:'男',age:43,unit:'采油一厂',dept:'生产区',alarmType:'体温异常',alarmValue:'39.1°C',alarmTime:'2026-06-23 10:45:33',address:'采油一厂生产基地A区1号井组平台'},
-  {name:'杨丽娟',empId:'CY-2022-0156',gender:'女',age:31,unit:'采油三厂',dept:'行政楼',alarmType:'心率异常',alarmValue:'148 bpm',alarmTime:'2026-06-23 10:12:07',address:'采油三厂行政楼4层402室'},
-  {name:'马国强',empId:'GS-2017-0388',gender:'男',age:50,unit:'公司机关',dept:'办公楼',alarmType:'摔倒',alarmValue:'--',alarmTime:'2026-06-23 09:35:28',address:'公司机关办公楼大厅一楼东侧走廊'},
-  {name:'何凤英',empId:'XL-2020-0721',gender:'女',age:44,unit:'兴隆医院',dept:'内科',alarmType:'血氧异常',alarmValue:'87%',alarmTime:'2026-06-22 22:10:45',address:'兴隆医院内科住院部3楼301病房'},
-  {name:'朱伟',empId:'CY-2019-0267',gender:'男',age:39,unit:'采油二厂',dept:'设备区',alarmType:'一键告警',alarmValue:'--',alarmTime:'2026-06-22 20:48:12',address:'采油二厂设备区3号机组平台'},
-  {name:'郭晓霞',empId:'BH-2021-0312',gender:'女',age:28,unit:'宝石花医院',dept:'门诊部',alarmType:'体温异常',alarmValue:'38.2°C',alarmTime:'2026-06-22 18:30:55',address:'宝石花医院门诊楼2层203诊室'},
-  {name:'许建平',empId:'GL-2018-0589',gender:'男',age:53,unit:'高陵医院',dept:'后勤',alarmType:'压力异常',alarmValue:'190/115 mmHg',alarmTime:'2026-06-22 16:15:38',address:'高陵医院后勤服务楼2层205室'},
-  {name:'曹敏',empId:'CY-2023-0045',gender:'女',age:26,unit:'采油一厂',dept:'生产区',alarmType:'心率异常',alarmValue:'135 bpm',alarmTime:'2026-06-22 14:52:03',address:'采油一厂生产基地B区5号井组作业平台'},
-  {name:'董志远',empId:'QY-2020-0182',gender:'男',age:45,unit:'庆阳医院',dept:'外科',alarmType:'摔倒',alarmValue:'--',alarmTime:'2026-06-22 13:28:41',address:'庆阳医院外科楼1层大厅'},
-  {name:'韩雪',empId:'GS-2021-0533',gender:'女',age:35,unit:'公司机关',dept:'办公楼',alarmType:'血氧异常',alarmValue:'90%',alarmTime:'2026-06-22 11:05:19',address:'公司机关办公楼6层602室'},
-  {name:'冯国强',empId:'CY-2018-0814',gender:'男',age:48,unit:'采油三厂',dept:'维修队',alarmType:'一键告警',alarmValue:'--',alarmTime:'2026-06-22 09:42:56',address:'采油三厂维修车间东区2层平台'},
-  {name:'钟玲',empId:'XL-2022-0067',gender:'女',age:30,unit:'兴隆医院',dept:'护理部',alarmType:'体温异常',alarmValue:'37.9°C',alarmTime:'2026-06-21 21:15:30',address:'兴隆医院护理部2楼值班室'},
-  {name:'范德彪',empId:'CY-2017-0456',gender:'男',age:57,unit:'采油一厂',dept:'维修队',alarmType:'压力异常',alarmValue:'185/120 mmHg',alarmTime:'2026-06-21 18:33:27',address:'采油一厂维修队办公楼1层103室'},
-  {name:'卢芳',empId:'CY-2021-0789',gender:'女',age:32,unit:'采油二厂',dept:'行政楼',alarmType:'心率异常',alarmValue:'152 bpm',alarmTime:'2026-06-21 15:48:11',address:'采油二厂行政楼3层308室'},
-  {name:'段伟明',empId:'BH-2018-0345',gender:'男',age:49,unit:'宝石花医院',dept:'急诊科',alarmType:'摔倒',alarmValue:'--',alarmTime:'2026-06-21 14:10:05',address:'宝石花医院急诊科一楼候诊区'},
-  {name:'任晓燕',empId:'GS-2022-0211',gender:'女',age:27,unit:'公司机关',dept:'办公楼',alarmType:'血氧异常',alarmValue:'92%',alarmTime:'2026-06-21 11:22:48',address:'公司机关办公楼5层508室'},
-  {name:'石磊',empId:'CY-2020-0390',gender:'男',age:34,unit:'采油三厂',dept:'调度室',alarmType:'一键告警',alarmValue:'--',alarmTime:'2026-06-21 08:55:36',address:'采油三厂调度中心大楼1层101室'},
-  {name:'梁红梅',empId:'QY-2019-0278',gender:'女',age:42,unit:'庆阳医院',dept:'内科',alarmType:'体温异常',alarmValue:'38.8°C',alarmTime:'2026-06-20 19:40:22',address:'庆阳医院内科住院部4楼405病房'},
-  {name:'贺军',empId:'GL-2021-0634',gender:'男',age:46,unit:'高陵医院',dept:'后勤',alarmType:'压力异常',alarmValue:'170/108 mmHg',alarmTime:'2026-06-20 16:18:59',address:'高陵医院后勤服务楼3层307室'}
-];
-
-/* 当前筛选条件和分页状态 */
-var alarmRecordFilteredData = ALARM_RECORD_DATA.slice();
-var alarmRecordPage = 1;
-var alarmRecordPageSizeVal = 10;
-
-/* 打开弹窗 */
-function openAlarmRecordModal(){
-  document.getElementById('alarmRecordOverlay').style.display='flex';
-  /* 默认显示全部数据，第1页 */
-  alarmRecordFilteredData = ALARM_RECORD_DATA.slice();
-  alarmRecordPage = 1;
-  alarmRecordPageSizeVal = parseInt(document.getElementById('alarmRecordPageSize').value)||10;
-  renderAlarmRecordTable();
-}
-
-/* 关闭弹窗 */
-function closeAlarmRecordModal(){
-  document.getElementById('alarmRecordOverlay').style.display='none';
-}
-
-/* 获取告警类型对应的CSS类 */
-function getAlarmTypeClass(type){
-  var map={
-    '心率异常':'heart','血氧异常':'spo2','压力异常':'bp',
-    '体温异常':'temp','摔倒':'fall','一键告警':'sos'
-  };
-  return map[type]||'heart';
-}
-
-/* 渲染表格 */
-function renderAlarmRecordTable(){
-  var tbody = document.getElementById('alarmRecordTbody');
-  var total = alarmRecordFilteredData.length;
-  var pageSize = alarmRecordPageSizeVal;
-  var totalPages = Math.ceil(total / pageSize)||1;
-  if(alarmRecordPage > totalPages) alarmRecordPage = totalPages;
-
-  /* 更新总数 */
-  document.getElementById('alarmRecordTotal').textContent = '共 '+total+' 条记录';
-
-  /* 分页数据 */
-  var start = (alarmRecordPage-1) * pageSize;
-  var end = Math.min(start + pageSize, total);
-  var pageData = alarmRecordFilteredData.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>'+
-        '<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--'+getAlarmTypeClass(r.alarmType)+'">'+r.alarmType+'</span></td>'+
-        '<td>'+r.alarmValue+'</td>'+
-        '<td>'+r.alarmTime+'</td>'+
-        '<td title="'+r.address+'">'+r.address+'</td>'+
-        '</tr>';
-    });
-    tbody.innerHTML = rows;
-  }
-
-  /* 更新分页信息 */
-  document.getElementById('alarmRecordPageInfo').textContent =
-    total===0 ? '暂无记录' : '显示第 '+(start+1)+'-'+end+' 条，共 '+total+' 条';
-
-  /* 渲染分页按钮 */
-  renderPagination(totalPages);
-}
-
-/* 渲染分页按钮 */
-function renderPagination(totalPages){
-  var container = document.getElementById('alarmRecordPageNumbers');
-  var html = '';
-
-  /* 上一页 */
-  html += '<div class="alarm-record-pagination__btn alarm-record-pagination__btn--arrow" onclick="goAlarmRecordPage('+(alarmRecordPage-1)+')" style="'+(alarmRecordPage<=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===alarmRecordPage?' active':'')+'" onclick="goAlarmRecordPage('+i+')">'+i+'</div>';
-    }
-  }else{
-    html += '<div class="alarm-record-pagination__btn'+(1===alarmRecordPage?' active':'')+'" onclick="goAlarmRecordPage(1)">1</div>';
-    if(alarmRecordPage > 3){
-      html += '<span class="alarm-record-pagination__ellipsis">...</span>';
-    }
-    var s = Math.max(2, alarmRecordPage-1);
-    var e = Math.min(totalPages-1, alarmRecordPage+1);
-    for(var i=s; i<=e; i++){
-      html += '<div class="alarm-record-pagination__btn'+(i===alarmRecordPage?' active':'')+'" onclick="goAlarmRecordPage('+i+')">'+i+'</div>';
-    }
-    if(alarmRecordPage < totalPages-2){
-      html += '<span class="alarm-record-pagination__ellipsis">...</span>';
-    }
-    html += '<div class="alarm-record-pagination__btn'+(totalPages===alarmRecordPage?' active':'')+'" onclick="goAlarmRecordPage('+totalPages+')">'+totalPages+'</div>';
-  }
-
-  /* 下一页 */
-  html += '<div class="alarm-record-pagination__btn alarm-record-pagination__btn--arrow" onclick="goAlarmRecordPage('+(alarmRecordPage+1)+')" style="'+(alarmRecordPage>=totalPages?'opacity:0.3;pointer-events:none;':'')+'">&#8250;</div>';
-
-  container.innerHTML = html;
-}
-
-/* 跳转到指定页 */
-function goAlarmRecordPage(page){
-  var totalPages = Math.ceil(alarmRecordFilteredData.length / alarmRecordPageSizeVal)||1;
-  if(page < 1 || page > totalPages) return;
-  alarmRecordPage = page;
-  renderAlarmRecordTable();
-}
-
-/* 切换每页条数 */
-function changeAlarmRecordPageSize(){
-  alarmRecordPageSizeVal = parseInt(document.getElementById('alarmRecordPageSize').value)||10;
-  alarmRecordPage = 1;
-  renderAlarmRecordTable();
-}
-
-/* 应用筛选 */
-function applyAlarmRecordFilter(){
-  var typeFilter = document.getElementById('filterAlarmType').value;
-  var dateFrom = document.getElementById('filterDateFrom').value;
-  var dateTo = document.getElementById('filterDateTo').value;
-  var nameFilter = document.getElementById('filterName').value.trim().toLowerCase();
-  var empIdFilter = document.getElementById('filterEmpId').value.trim().toLowerCase();
-
-  alarmRecordFilteredData = ALARM_RECORD_DATA.filter(function(r){
-    if(typeFilter && r.alarmType !== typeFilter) return false;
-    if(dateFrom && r.alarmTime < dateFrom) return false;
-    if(dateTo && r.alarmTime > 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;
-  });
-
-  alarmRecordPage = 1;
-  renderAlarmRecordTable();
-}
-
-/* 重置筛选 */
-function resetAlarmRecordFilter(){
-  document.getElementById('filterAlarmType').value = '';
-  document.getElementById('filterDateFrom').value = '';
-  document.getElementById('filterDateTo').value = '';
-  document.getElementById('filterName').value = '';
-  document.getElementById('filterEmpId').value = '';
-  alarmRecordFilteredData = ALARM_RECORD_DATA.slice();
-  alarmRecordPage = 1;
-  renderAlarmRecordTable();
-}
-
-/* ========== 心脑血管预警记录弹窗 ========== */
-/* 模拟心脑血管预警记录数据 */
-var CV_RECORD_DATA = [
-  {name:'张建国',empId:'CY-2021-0837',gender:'男',age:52,unit:'采油一厂',dept:'生产区',riskType:'心梗',riskLevel:'高危',aiScore:'89%',warnTime:'2026-06-23 15:10:42',reason:'持续心率异常+血压波动，冠状动脉风险指数升高'},
-  {name:'孙志强',empId:'GL-2019-0215',gender:'男',age:47,unit:'高陵医院',dept:'后勤',riskType:'脑梗',riskLevel:'高危',aiScore:'82%',warnTime:'2026-06-23 14:55:18',reason:'颈动脉斑块+血压持续偏高，脑血流灌注异常'},
-  {name:'陈晓东',empId:'CY-2018-0678',gender:'男',age:41,unit:'采油一厂',dept:'维修队',riskType:'脑出血',riskLevel:'高危',aiScore:'78%',warnTime:'2026-06-23 14:30:05',reason:'血压180/110持续偏高，颅内动脉瘤风险指标异常'},
-  {name:'王芳',empId:'GS-2020-0128',gender:'女',age:45,unit:'公司机关',dept:'办公楼',riskType:'猝死',riskLevel:'中危',aiScore:'65%',warnTime:'2026-06-23 13:48:33',reason:'QT间期延长+血氧夜间偏低，心律失常风险增加'},
-  {name:'刘雪梅',empId:'CY-2020-0442',gender:'女',age:36,unit:'采油二厂',dept:'行政楼',riskType:'心梗',riskLevel:'中危',aiScore:'58%',warnTime:'2026-06-23 12:20:17',reason:'血脂异常+家族病史，冠脉钙化积分偏高'},
-  {name:'李明辉',empId:'CY-2019-0512',gender:'男',age:38,unit:'采油二厂',dept:'设备区',riskType:'脑梗',riskLevel:'低危',aiScore:'43%',warnTime:'2026-06-23 11:05:49',reason:'血压轻度升高，建议定期监测'},
-  {name:'赵刚',empId:'CY-2022-0305',gender:'男',age:29,unit:'采油三厂',dept:'调度室',riskType:'脑梗',riskLevel:'低危',aiScore:'35%',warnTime:'2026-06-23 10:42:11',reason:'久坐工作+血脂偏高，脑血管弹性轻度下降'},
-  {name:'周丽华',empId:'BH-2019-0521',gender:'女',age:33,unit:'宝石花医院',dept:'护理部',riskType:'心梗',riskLevel:'中危',aiScore:'52%',warnTime:'2026-06-23 09:28:55',reason:'心电图ST段轻度改变+家族冠心病史'},
-  {name:'吴永强',empId:'QY-2018-0193',gender:'男',age:55,unit:'庆阳医院',dept:'急诊科',riskType:'脑出血',riskLevel:'高危',aiScore:'75%',warnTime:'2026-06-22 22:15:38',reason:'高血压史+动脉硬化指标异常，颅内出血风险升高'},
-  {name:'郑海龙',empId:'CY-2021-0923',gender:'男',age:43,unit:'采油一厂',dept:'生产区',riskType:'猝死',riskLevel:'中危',aiScore:'61%',warnTime:'2026-06-22 19:50:26',reason:'心率变异性降低+心肌缺血指标，猝死风险因子积累'},
-  {name:'何凤英',empId:'XL-2020-0721',gender:'女',age:44,unit:'兴隆医院',dept:'内科',riskType:'脑梗',riskLevel:'中危',aiScore:'56%',warnTime:'2026-06-22 17:33:12',reason:'颈动脉内膜增厚+同型半胱氨酸升高'},
-  {name:'马国强',empId:'GS-2017-0388',gender:'男',age:50,unit:'公司机关',dept:'办公楼',riskType:'心梗',riskLevel:'高危',aiScore:'84%',warnTime:'2026-06-22 15:10:44',reason:'冠脉钙化积分>400+超敏肌钙蛋白轻度升高'},
-  {name:'杨丽娟',empId:'CY-2022-0156',gender:'女',age:31,unit:'采油三厂',dept:'行政楼',riskType:'脑出血',riskLevel:'低危',aiScore:'28%',warnTime:'2026-06-22 14:05:30',reason:'血压波动+青年高血压病史，建议监测'},
-  {name:'朱伟',empId:'CY-2019-0267',gender:'男',age:39,unit:'采油二厂',dept:'设备区',riskType:'脑梗',riskLevel:'低危',aiScore:'38%',warnTime:'2026-06-22 11:48:07',reason:'长期夜班+血压轻度偏高，脑血管储备能力下降'},
-  {name:'郭晓霞',empId:'BH-2021-0312',gender:'女',age:28,unit:'宝石花医院',dept:'门诊部',riskType:'猝死',riskLevel:'低危',aiScore:'22%',warnTime:'2026-06-22 09:30:55',reason:'轻度心律失常+低血钾倾向，建议补充电解质'},
-  {name:'许建平',empId:'GL-2018-0589',gender:'男',age:53,unit:'高陵医院',dept:'后勤',riskType:'心梗',riskLevel:'中危',aiScore:'54%',warnTime:'2026-06-21 20:15:33',reason:'糖尿病史+血脂异常，冠脉病变风险中等'},
-  {name:'曹敏',empId:'CY-2023-0045',gender:'女',age:26,unit:'采油一厂',dept:'生产区',riskType:'脑梗',riskLevel:'低危',aiScore:'19%',warnTime:'2026-06-21 16:42:18',reason:'颈动脉超声轻度异常，建议随访观察'},
-  {name:'董志远',empId:'QY-2020-0182',gender:'男',age:45,unit:'庆阳医院',dept:'外科',riskType:'脑出血',riskLevel:'中危',aiScore:'63%',warnTime:'2026-06-21 14:28:55',reason:'长期高血压+颅内动脉轻度狭窄'},
-  {name:'韩雪',empId:'GS-2021-0533',gender:'女',age:35,unit:'公司机关',dept:'办公楼',riskType:'心梗',riskLevel:'低危',aiScore:'31%',warnTime:'2026-06-21 11:08:22',reason:'血脂偏高+运动量不足，心血管风险因子轻度异常'},
-  {name:'冯国强',empId:'CY-2018-0814',gender:'男',age:48,unit:'采油三厂',dept:'维修队',riskType:'猝死',riskLevel:'中危',aiScore:'67%',warnTime:'2026-06-21 08:35:44',reason:'室性早搏频发+QTc间期延长，建议24h动态心电图'},
-  {name:'钟玲',empId:'XL-2022-0067',gender:'女',age:30,unit:'兴隆医院',dept:'护理部',riskType:'脑梗',riskLevel:'低危',aiScore:'25%',warnTime:'2026-06-20 21:50:15',reason:'偏头痛史+血小板聚集率轻度升高'},
-  {name:'范德彪',empId:'CY-2017-0456',gender:'男',age:57,unit:'采油一厂',dept:'维修队',riskType:'脑出血',riskLevel:'高危',aiScore:'86%',warnTime:'2026-06-20 18:22:09',reason:'重度高血压+颅内动脉瘤可疑，建议CTA检查'},
-  {name:'卢芳',empId:'CY-2021-0789',gender:'女',age:32,unit:'采油二厂',dept:'行政楼',riskType:'心梗',riskLevel:'低危',aiScore:'29%',warnTime:'2026-06-20 15:14:38',reason:'轻度血脂异常+偶发胸闷，建议定期体检'},
-  {name:'段伟明',empId:'BH-2018-0345',gender:'男',age:49,unit:'宝石花医院',dept:'急诊科',riskType:'猝死',riskLevel:'高危',aiScore:'81%',warnTime:'2026-06-20 13:05:27',reason:'扩张型心肌病+EF值降低，恶性心律失常风险高'},
-  {name:'任晓燕',empId:'GS-2022-0211',gender:'女',age:27,unit:'公司机关',dept:'办公楼',riskType:'脑梗',riskLevel:'低危',aiScore:'16%',warnTime:'2026-06-20 10:38:51',reason:'卵圆孔未闭+偏头痛，卒中风险轻度升高'},
-  {name:'石磊',empId:'CY-2020-0390',gender:'男',age:34,unit:'采油三厂',dept:'调度室',riskType:'心梗',riskLevel:'中危',aiScore:'49%',warnTime:'2026-06-19 22:18:33',reason:'吸烟史+高敏CRP升高，血管炎症反应促进动脉硬化'},
-  {name:'梁红梅',empId:'QY-2019-0278',gender:'女',age:42,unit:'庆阳医院',dept:'内科',riskType:'脑出血',riskLevel:'中危',aiScore:'59%',warnTime:'2026-06-19 17:40:12',reason:'围绝经期高血压波动+脑血管弹性减退'},
-  {name:'贺军',empId:'GL-2021-0634',gender:'男',age:46,unit:'高陵医院',dept:'后勤',riskType:'心梗',riskLevel:'低危',aiScore:'33%',warnTime:'2026-06-19 14:22:07',reason:'轻度冠脉狭窄+运动负荷试验阴性，继续观察'}
-];
-
-var cvRecordFilteredData = CV_RECORD_DATA.slice();
-var cvRecordPage = 1;
-var cvRecordPageSizeVal = 10;
-
-function getCvRiskTypeClass(type){
-  var map={'心梗':'mi','脑梗':'ci','脑出血':'ch','猝死':'sd'};
-  return map[type]||'mi';
-}
-function getCvRiskLevelClass(level){
-  var map={'高危':'high','中危':'mid','低危':'low'};
-  return map[level]||'low';
-}
-
-function openCvRecordModal(){
-  document.getElementById('cvRecordOverlay').style.display='flex';
-  cvRecordFilteredData = CV_RECORD_DATA.slice();
-  cvRecordPage = 1;
-  cvRecordPageSizeVal = parseInt(document.getElementById('cvRecordPageSize').value)||10;
-  renderCvRecordTable();
-}
-
-function closeCvRecordModal(){
-  document.getElementById('cvRecordOverlay').style.display='none';
-}
-
-function renderCvRecordTable(){
-  var tbody = document.getElementById('cvRecordTbody');
-  var total = cvRecordFilteredData.length;
-  var pageSize = cvRecordPageSizeVal;
-  var totalPages = Math.ceil(total / pageSize)||1;
-  if(cvRecordPage > totalPages) cvRecordPage = totalPages;
-
-  document.getElementById('cvRecordTotal').textContent = '共 '+total+' 条记录';
-
-  var start = (cvRecordPage-1) * pageSize;
-  var end = Math.min(start + pageSize, total);
-  var pageData = cvRecordFilteredData.slice(start, end);
-
-  if(pageData.length === 0){
-    tbody.innerHTML = '<tr><td colspan="11" class="alarm-record-table__empty">暂无匹配的预警记录</td></tr>';
-  }else{
-    var rows = '';
-    pageData.forEach(function(r){
-      rows += '<tr>'+
-        '<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="ai-warn-item__tag ai-warn-item__tag--'+getCvRiskTypeClass(r.riskType)+'" style="font-size:10px;padding:1px 7px;border-radius:4px;font-weight:600;">'+r.riskType+'</span></td>'+
-        '<td><span class="ai-warn-item__level ai-warn-item__level--'+getCvRiskLevelClass(r.riskLevel)+'" style="font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600;">'+r.riskLevel+'</span></td>'+
-        '<td style="font-weight:700;'+(parseInt(r.aiScore)>=75?'color:var(--danger);':'')+(parseInt(r.aiScore)>=50&&parseInt(r.aiScore)<75?'color:var(--warning);':'')+'">'+r.aiScore+'</td>'+
-        '<td>'+r.warnTime+'</td>'+
-        '<td title="'+r.reason+'">'+r.reason+'</td>'+
-        '</tr>';
-    });
-    tbody.innerHTML = rows;
-  }
-
-  document.getElementById('cvRecordPageInfo').textContent =
-    total===0 ? '暂无记录' : '显示第 '+(start+1)+'-'+end+' 条，共 '+total+' 条';
-
-  renderCvPagination(totalPages);
-}
-
-function renderCvPagination(totalPages){
-  var container = document.getElementById('cvRecordPageNumbers');
-  var html = '';
-
-  html += '<div class="alarm-record-pagination__btn alarm-record-pagination__btn--arrow" onclick="goCvRecordPage('+(cvRecordPage-1)+')" style="'+(cvRecordPage<=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===cvRecordPage?' active':'')+'" onclick="goCvRecordPage('+i+')">'+i+'</div>';
-    }
-  }else{
-    html += '<div class="alarm-record-pagination__btn'+(1===cvRecordPage?' active':'')+'" onclick="goCvRecordPage(1)">1</div>';
-    if(cvRecordPage > 3){
-      html += '<span class="alarm-record-pagination__ellipsis">...</span>';
-    }
-    var s = Math.max(2, cvRecordPage-1);
-    var e = Math.min(totalPages-1, cvRecordPage+1);
-    for(var i=s; i<=e; i++){
-      html += '<div class="alarm-record-pagination__btn'+(i===cvRecordPage?' active':'')+'" onclick="goCvRecordPage('+i+')">'+i+'</div>';
-    }
-    if(cvRecordPage < totalPages-2){
-      html += '<span class="alarm-record-pagination__ellipsis">...</span>';
-    }
-    html += '<div class="alarm-record-pagination__btn'+(totalPages===cvRecordPage?' active':'')+'" onclick="goCvRecordPage('+totalPages+')">'+totalPages+'</div>';
-  }
-
-  html += '<div class="alarm-record-pagination__btn alarm-record-pagination__btn--arrow" onclick="goCvRecordPage('+(cvRecordPage+1)+')" style="'+(cvRecordPage>=totalPages?'opacity:0.3;pointer-events:none;':'')+'">&#8250;</div>';
-
-  container.innerHTML = html;
-}
-
-function goCvRecordPage(page){
-  var totalPages = Math.ceil(cvRecordFilteredData.length / cvRecordPageSizeVal)||1;
-  if(page < 1 || page > totalPages) return;
-  cvRecordPage = page;
-  renderCvRecordTable();
-}
-
-function changeCvRecordPageSize(){
-  cvRecordPageSizeVal = parseInt(document.getElementById('cvRecordPageSize').value)||10;
-  cvRecordPage = 1;
-  renderCvRecordTable();
-}
-
-function applyCvRecordFilter(){
-  var typeFilter = document.getElementById('filterCvRiskType').value;
-  var levelFilter = document.getElementById('filterCvRiskLevel').value;
-  var dateFrom = document.getElementById('filterCvDateFrom').value;
-  var dateTo = document.getElementById('filterCvDateTo').value;
-  var nameFilter = document.getElementById('filterCvName').value.trim().toLowerCase();
-  var empIdFilter = document.getElementById('filterCvEmpId').value.trim().toLowerCase();
-
-  cvRecordFilteredData = CV_RECORD_DATA.filter(function(r){
-    if(typeFilter && r.riskType !== typeFilter) return false;
-    if(levelFilter && r.riskLevel !== levelFilter) return false;
-    if(dateFrom && r.warnTime < dateFrom) return false;
-    if(dateTo && r.warnTime > 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;
-  });
-
-  cvRecordPage = 1;
-  renderCvRecordTable();
-}
-
-function resetCvRecordFilter(){
-  document.getElementById('filterCvRiskType').value = '';
-  document.getElementById('filterCvRiskLevel').value = '';
-  document.getElementById('filterCvDateFrom').value = '';
-  document.getElementById('filterCvDateTo').value = '';
-  document.getElementById('filterCvName').value = '';
-  document.getElementById('filterCvEmpId').value = '';
-  cvRecordFilteredData = CV_RECORD_DATA.slice();
-  cvRecordPage = 1;
-  renderCvRecordTable();
-}
-
-/* ========== 应急求助记录弹窗 ========== */
-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室'}
-];
-
-var helpRecordFilteredData = HELP_RECORD_DATA.slice();
-var helpRecordPage = 1;
-var helpRecordPageSizeVal = 10;
-
-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 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>'+
-        '<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)+'" style="font-size:10px;padding:1px 7px;border-radius:4px;font-weight:600;">'+r.helpType+'</span></td>'+
-        '<td><span class="alarm-item__status alarm-item__status--'+getHelpStatusClass(r.status)+'" style="font-size:10px;font-weight:500;">'+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();
-}
-
-/* ========== 地图右下角控制面板交互 ========== */
-function onAcceptSwitch(checked){
-  /* [交互] 切换接听状态：checked=true 表示接收中，checked=false 表示暂停接收，文案和颜色不变 */
-}
-
-function switchMapLayer(el, layer){
-  /* [交互] 切换地图图层：default/satellite/standard */
-  var items = el.parentElement.querySelectorAll('.map-layer__item');
-  items.forEach(function(t){t.classList.remove('active');});
-  el.classList.add('active');
-}
-
-function onVideoCall(){
-  /* [交互] 点击视频通话按钮，弹出确认或直接发起视频通话 */
-  alert('正在发起视频通话…');
-}
-
-</script>
-</body>
-</html>
diff --git a/other-module/emergency-screen/xian-center/index.html b/other-module/emergency-screen/xian-center/index.html
index 8c5de2b..809f887 100644
--- a/other-module/emergency-screen/xian-center/index.html
+++ b/other-module/emergency-screen/xian-center/index.html
@@ -56,12 +56,46 @@
     /* ========== 顶部标题栏 ========== */
     .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;}
+      border-bottom:1px solid var(--panel-border);position:relative;z-index:10;overflow:hidden;}
 
-    /* 标题栏扫描线 */
-    .header__scan-line{position:absolute;bottom:0;left:0;width:100%;height:1px;
+    /* 标题栏背景网格（左右淡出） */
+    .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%);
+    }
+
+    /* 标题栏四角科技角标（L 形） */
+    .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;}
@@ -69,15 +103,24 @@
       100%{transform:translateX(100%);opacity:0;}
     }
 
-    .header__title{display:flex;align-items:center;gap:12px;}
-    .header__title-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#40a9ff);
-      border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(24,144,255,0.35);}
-    .header__title-icon svg{width:22px;height:22px;}
+    .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%);}
+    .header__left{position:absolute;left:24px;top:50%;transform:translateY(-50%);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;}
+    .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;}
     .header__btn--alarm{background:rgba(255,77,79,0.15);color:var(--danger);border-color:rgba(255,77,79,0.3);}
@@ -89,45 +132,160 @@
     .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 顶部左右斜切几何条 */
+    .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>");
+    }
+
     /* ========== 资源Tab栏 ========== */
     .res-tabs{position:absolute;top:12px;left:50%;transform:translateX(-50%);
       display:flex;align-items:center;gap:8px;padding:6px 16px;z-index:20;
       background:rgba(10,20,44,0.85);border:1px solid var(--panel-border);border-radius:20px;
       backdrop-filter:blur(8px);white-space:nowrap;}
-    .res-tab{height:32px;padding:0 18px;border-radius:16px;font-size:13px;cursor:pointer;transition:all .25s;
+    .res-tab{height:32px;padding:0 14px;border-radius:16px;font-size:13px;cursor:pointer;transition:all .25s;
       display:flex;align-items:center;gap:6px;border:1px solid var(--panel-border);background:rgba(24,144,255,0.06);color:var(--text-sub);}
     .res-tab:hover{border-color:var(--primary);color:var(--text-main);}
     .res-tab.active{background:linear-gradient(90deg,rgba(24,144,255,0.25),rgba(24,144,255,0.1));
       border-color:var(--primary);color:#fff;box-shadow:0 0 12px rgba(24,144,255,0.2);}
-    .res-tab .dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);}
-    .res-tab.active .dot{background:var(--success);box-shadow:0 0 6px var(--success);}
+    /* 资源类型图标：各分类专属图标 + 专属配色，激活态追加发光 */
+    .res-tab .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-dim);box-sizing:border-box;}
+    .res-tab.active .dot{box-shadow:0 0 6px currentColor;}
+    .res-tab__icon{width:14px;height:14px;flex-shrink:0;}
+    .res-tab.active .res-tab__icon{filter:drop-shadow(0 0 4px currentColor);}
+    .res-tab__icon--all{color:#1890FF;}
+    .res-tab__icon--oilfield{color:#1890FF;}
+    .res-tab__icon--cooperative{color:#722ED1;}
+    .res-tab__icon--local{color:#1890FF;}
+    .res-tab__icon--clinic{color:#13C2C2;}
+    .res-tab__icon--ambulance{color:#FAAD14;}
+    .res-tab__icon--aed{color:#FF4D4F;}
+    /* 资源数量徽标 */
+    .res-tab__count{font-size:11px;font-weight:600;color:inherit;opacity:0.75;
+      padding:0 6px;border-radius:8px;background:rgba(74,107,138,0.25);min-width:18px;text-align:center;
+      font-variant-numeric:tabular-nums;line-height:1.4;}
+    .res-tab.active .res-tab__count{background:rgba(255,255,255,0.18);opacity:1;color:#fff;}
 
     /* ========== 主布局 ========== */
     .main{display:flex;height:calc(100vh - 64px);gap:12px;padding:8px 12px 12px;}
-    .side{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;}
+    .side{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;}
     .center{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;gap:12px;}
 
-    /* ========== 中心KPI卡片行 ========== */
-    .kpi-row{display:flex;gap:12px;flex-shrink:0;}
-    .kpi-card{flex:1;background:linear-gradient(135deg,rgba(10,25,50,0.85),rgba(15,40,70,0.7));
-      border:1px solid var(--panel-border);border-radius:10px;padding:14px 16px;position:relative;
-      overflow:hidden;transition:all .3s;}
-    .kpi-card:hover{border-color:rgba(24,144,255,0.4);box-shadow:0 0 20px rgba(24,144,255,0.12);}
-    .kpi-card::before{content:'';position:absolute;top:0;left:0;width:12px;height:12px;
-      border-top:1.5px solid rgba(24,144,255,0.4);border-left:1.5px solid rgba(24,144,255,0.4);}
-    .kpi-card::after{content:'';position:absolute;bottom:0;right:0;width:12px;height:12px;
-      border-bottom:1.5px solid rgba(24,144,255,0.4);border-right:1.5px solid rgba(24,144,255,0.4);}
-    .kpi-card__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
-    .kpi-card__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;}
-    .kpi-card__diamond--cyan{background:var(--cyan);box-shadow:0 0 6px rgba(0,229,255,0.6);}
-    .kpi-card__diamond--green{background:var(--success);box-shadow:0 0 6px rgba(82,196,26,0.6);}
-    .kpi-card__diamond--orange{background:var(--warning);box-shadow:0 0 6px rgba(250,173,20,0.6);}
-    .kpi-card__label{font-size:11px;color:var(--text-sub);}
-    .kpi-card__num{font-size:28px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 0 12px rgba(24,144,255,0.3);}
-    .kpi-card__trend{font-size:10px;color:var(--text-dim);margin-top:2px;display:flex;align-items:center;gap:4px;}
-    .kpi-card__trend--up{color:var(--success);}
-    .kpi-card__trend--down{color:var(--danger);}
+    /* ========== 中间区域顶部统计卡片栏 ========== */
+    /* [布局] 位于地图上方独立一行，4 个卡片横向均分，高度紧凑避免占用过多地图空间 */
+    .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--primary .top-stat-card__num{color:#fff;text-shadow:0 0 8px rgba(24,144,255,0.4);}
+    .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);}
+
+    /* ========== 地图内悬浮资源统计胶囊（医疗点/救护车/AED） ========== */
+    /* [交互] 默认隐藏，点击医疗点/救护车/AED Tab 后在地图底部居中悬浮显示 */
+    .res-stat-row{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:11;
+      display:none;align-items:center;gap:6px;padding:6px 10px;
+      background:rgba(10,22,48,0.78);border:1px solid var(--panel-border);border-radius:24px;
+      backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(0,0,0,0.45),0 0 18px rgba(24,144,255,0.08);}
+    .res-stat-row::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
+      border-top:1.5px solid rgba(24,144,255,0.45);border-left:1.5px solid rgba(24,144,255,0.45);border-radius:24px 0 0 0;pointer-events:none;}
+    .res-stat-row::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
+      border-bottom:1.5px solid rgba(24,144,255,0.45);border-right:1.5px solid rgba(24,144,255,0.45);border-radius:0 0 24px 0;pointer-events:none;}
+    .res-stat-card{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:18px;
+      background:transparent;border:none;position:relative;transition:all .25s;}
+    .res-stat-card:hover{background:rgba(24,144,255,0.1);}
+    .res-stat-card + .res-stat-card::before{content:'';position:absolute;left:-3px;top:50%;
+      transform:translateY(-50%);width:1px;height:18px;background:rgba(74,107,138,0.35);}
+    .res-stat-card__icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;
+      justify-content:center;flex-shrink:0;background:rgba(24,144,255,0.16);color:var(--primary);}
+    .res-stat-card__icon--cyan{background:rgba(19,194,194,0.16);color:var(--cyan);}
+    .res-stat-card__icon--warning{background:rgba(250,173,20,0.16);color:var(--warning);}
+    .res-stat-card__icon--danger{background:rgba(255,77,79,0.16);color:var(--danger);}
+    .res-stat-card__icon--success{background:rgba(82,196,26,0.16);color:var(--success);}
+    .res-stat-card__icon svg{width:16px;height:16px;}
+    .res-stat-card__body{display:flex;flex-direction:column;gap:0;min-width:0;line-height:1.1;}
+    .res-stat-card__num{font-size:18px;font-weight:700;color:#fff;line-height:1.1;text-shadow:0 0 10px rgba(24,144,255,0.3);}
+    .res-stat-card__label{font-size:10px;color:var(--text-sub);margin-top:1px;}
+
+    /* ========== 路径规划面板（Tab 栏下方悬浮） ========== */
+    /* [交互] 点击"路径规划"Tab 后在地图顶部 Tab 栏下方展开 */
+    .plan-panel{position:absolute;top:62px;left:50%;transform:translateX(-50%);z-index:19;
+      display:none;align-items:center;gap:8px;padding:8px 14px;
+      background:rgba(10,22,48,0.9);border:1px solid var(--panel-border);border-radius:10px;
+      backdrop-filter:blur(10px);box-shadow:0 6px 22px rgba(0,0,0,0.5),0 0 16px rgba(24,144,255,0.1);
+      white-space:nowrap;}
+    .plan-panel--show{display:flex;}
+    .plan-panel::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
+      border-top:1.5px solid rgba(24,144,255,0.45);border-left:1.5px solid rgba(24,144,255,0.45);border-radius:10px 0 0 0;pointer-events:none;}
+    .plan-panel::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
+      border-bottom:1.5px solid rgba(24,144,255,0.45);border-right:1.5px solid rgba(24,144,255,0.45);border-radius:0 0 10px 0;pointer-events:none;}
+    .plan-panel__field{display:flex;align-items:center;gap:6px;}
+    .plan-panel__label{font-size:12px;color:var(--text-sub);white-space:nowrap;}
+    .plan-panel__label .dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle;}
+    .plan-panel__label--start .dot{background:var(--success);box-shadow:0 0 6px var(--success);}
+    .plan-panel__label--end .dot{background:var(--danger);box-shadow:0 0 6px var(--danger);}
+    .plan-panel__select{height:28px;padding:0 24px 0 10px;font-size:12px;color:var(--text-main);
+      background:rgba(24,144,255,0.08);border:1px solid var(--panel-border);border-radius:6px;
+      cursor:pointer;outline:none;transition:all .2s;min-width:130px;
+      appearance:none;-webkit-appearance:none;
+      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%237895A8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+      background-repeat:no-repeat;background-position:right 8px center;}
+    .plan-panel__select:hover,.plan-panel__select:focus{border-color:var(--primary);background-color:rgba(24,144,255,0.14);}
+    .plan-panel__btn{display:flex;align-items:center;gap:5px;height:28px;padding:0 14px;
+      border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;
+      background:linear-gradient(90deg,rgba(24,144,255,0.3),rgba(24,144,255,0.15));
+      color:#fff;border:1px solid rgba(24,144,255,0.5);}
+    .plan-panel__btn:hover{background:linear-gradient(90deg,rgba(24,144,255,0.45),rgba(24,144,255,0.25));
+      box-shadow:0 0 12px rgba(24,144,255,0.3);}
+    .plan-panel__btn svg{width:14px;height:14px;}
+    .plan-panel__btn--ghost{background:rgba(74,107,138,0.18);color:var(--text-sub);border-color:rgba(74,107,138,0.35);}
+    .plan-panel__btn--ghost:hover{background:rgba(74,107,138,0.28);color:var(--text-main);box-shadow:none;}
+    .plan-panel__divider{width:1px;height:18px;background:rgba(74,107,138,0.3);}
+
+    /* ========== 路径规划 SVG 层（独立于急救路线） ========== */
+    .plan-route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;display:none;}
+    .plan-route-svg--show{display:block;}
+    .plan-route-svg .plan-route-path{fill:none;stroke:#00E5FF;stroke-width:0.6;
+      stroke-dasharray:1.2 0.8;filter:drop-shadow(0 0 1px rgba(0,229,255,0.8));
+      animation:planRouteDash 1s linear infinite;}
+    @keyframes planRouteDash{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:-20;}}
+    .plan-endpoint{transform-origin:center;animation:planEndpointPulse 1.6s ease-in-out infinite;}
+    @keyframes planEndpointPulse{0%,100%{opacity:1;}50%{opacity:0.55;}}
+    .plan-route-info{position:absolute;top:104px;right:12px;z-index:18;display:none;
+      background:rgba(10,22,48,0.88);border:1px solid var(--panel-border);border-radius:8px;
+      padding:8px 12px;font-size:11px;color:var(--text-sub);min-width:130px;
+      backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,0.4);}
+    .plan-route-info--show{display:block;}
+    .plan-route-info__title{font-size:12px;color:var(--text-main);font-weight:600;margin-bottom:4px;}
+    .plan-route-info__row{display:flex;justify-content:space-between;gap:12px;line-height:1.6;}
+    .plan-route-info__row b{color:#fff;font-weight:600;}
 
     /* ========== 通用面板（增强） ========== */
     .panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;
@@ -178,7 +336,7 @@
     /* ========== 左侧：服务详情 ========== */
     .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
     .stat-card{background:rgba(24,144,255,0.06);border:1px solid var(--panel-border);border-radius:8px;
-      padding:12px;text-align:center;transition:all .2s;}
+      padding:12px;text-align:center;transition:all .2s;cursor:pointer;}
     .stat-card:hover{border-color:rgba(24,144,255,0.35);box-shadow:0 0 12px rgba(24,144,255,0.1);}
     .stat-card__num{font-size:24px;font-weight:700;color:#fff;line-height:1;text-shadow:0 0 8px rgba(255,255,255,0.2);}
     .stat-card__label{font-size:11px;color:var(--text-sub);margin-top:6px;}
@@ -232,19 +390,33 @@
 
     /* ========== 中间：地图区域 ========== */
     .map-wrap{flex:1;border-radius:10px;position:relative;overflow:hidden;
-      background:var(--map-bg);border:1px solid var(--panel-border);}
-    .map-bg{position:absolute;inset:0;background-image:
-      linear-gradient(rgba(24,144,255,0.04) 1px,transparent 1px),
-      linear-gradient(90deg,rgba(24,144,255,0.04) 1px,transparent 1px);
-      background-size:50px 50px;}
-    .map-road{position:absolute;background:rgba(24,144,255,0.08);}
+      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);}
+    .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-road{position:absolute;z-index:1;background:rgba(0,229,255,0.18);box-shadow:0 0 10px rgba(0,229,255,0.16);}
     .map-road--h{height:2px;left:0;right:0;}
     .map-road--v{width:2px;top:0;bottom:0;}
-    .map-area{position:absolute;border:1px solid rgba(24,144,255,0.15);border-radius:6px;
-      background:rgba(24,144,255,0.03);display:flex;align-items:center;justify-content:center;
-      font-size:11px;color:var(--text-dim);transition:all .3s;}
-    .map-area:hover{border-color:rgba(24,144,255,0.4);background:rgba(24,144,255,0.08);color:var(--text-main);}
-    .map-label{position:absolute;font-size:10px;color:var(--text-dim);pointer-events:none;}
+    .map-area{position:absolute;z-index:1;border:1px solid rgba(0,229,255,0.22);border-radius:6px;
+      background:rgba(24,144,255,0.055);display:flex;align-items:center;justify-content:center;
+      font-size:11px;color:rgba(140,184,217,0.92);transition:all .3s;box-shadow:inset 0 0 18px rgba(0,229,255,0.04);}
+    .map-area:hover{border-color:rgba(0,229,255,0.48);background:rgba(24,144,255,0.12);color:var(--text-main);}
+    .map-label{position:absolute;z-index:1;font-size:10px;color:rgba(140,184,217,0.78);pointer-events:none;}
 
     /* 地图标记点 */
     .map-marker{position:absolute;transform:translate(-50%,-100%);cursor:pointer;z-index:5;transition:all .2s;}
@@ -256,13 +428,6 @@
       width:40px;height:40px;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;bottom:12px;left:12px;background:rgba(10,20,40,0.85);
-      border:1px solid var(--panel-border);border-radius:8px;padding:10px 14px;
-      display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:6px;}
-    .map-legend__item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-sub);}
-    .map-legend__dot{width:10px;height:10px;border-radius:50%;}
-
     /* ========== 右侧：一线医疗点 ========== */
     .clinic-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.08);}
     .clinic-item:last-child{border-bottom:none;}
@@ -275,25 +440,60 @@
     .clinic-item__stats{display:flex;gap:10px;font-size:10px;color:var(--text-sub);margin-top:3px;}
     .clinic-item__stats span{display:flex;align-items:center;gap:3px;}
 
-    /* ========== 穿戴告警分布（柱状图） ========== */
-    .alarm-bars{display:flex;flex-direction:column;gap:10px;}
-    .alarm-bar{display:flex;align-items:center;gap:8px;}
-    .alarm-bar__label{font-size:11px;width:56px;text-align:right;flex-shrink:0;font-weight:500;}
-    .alarm-bar__label--heart{color:var(--danger);}
-    .alarm-bar__label--spo2{color:#b37feb;}
-    .alarm-bar__label--bp{color:var(--primary);}
-    .alarm-bar__label--temp{color:var(--warning);}
-    .alarm-bar__label--fall{color:var(--danger);}
-    .alarm-bar__label--sos{color:var(--danger);}
-    .alarm-bar__track{flex:1;height:14px;background:rgba(24,144,255,0.08);border-radius:3px;overflow:hidden;}
-    .alarm-bar__fill{height:100%;border-radius:3px;transition:width .8s ease;}
-    .alarm-bar__fill--heart{background:linear-gradient(90deg,rgba(255,77,79,0.6),var(--danger));}
-    .alarm-bar__fill--spo2{background:linear-gradient(90deg,rgba(114,46,209,0.6),#b37feb);}
-    .alarm-bar__fill--bp{background:linear-gradient(90deg,rgba(24,144,255,0.6),var(--primary));}
-    .alarm-bar__fill--temp{background:linear-gradient(90deg,rgba(250,173,20,0.6),var(--warning));}
-    .alarm-bar__fill--fall{background:linear-gradient(90deg,rgba(255,77,79,0.7),var(--danger));}
-    .alarm-bar__fill--sos{background:linear-gradient(90deg,rgba(255,77,79,0.8),var(--danger));}
-    .alarm-bar__num{font-size:12px;font-weight:600;color:var(--text-main);width:24px;text-align:right;flex-shrink:0;}
+    /* ========== 穿戴告警分布（筛选 + 指标切换 + 环形图/睡眠柱图） ========== */
+    .panel--wearable-dist .panel__body{padding:7px 10px 9px;overflow:hidden;}
+    .wearable-dist{display:flex;flex-direction:column;gap:7px;}
+    .wearable-dist__tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;}
+    .wearable-dist__tab{height:28px;border-radius:4px;border:1px solid rgba(24,144,255,0.18);
+      background:rgba(24,144,255,0.05);color:var(--text-sub);font-size:11px;font-weight:600;
+      cursor:pointer;transition:all .18s;position:relative;padding:0;}
+    .wearable-dist__tab::before,.wearable-dist__tab::after{content:'';position:absolute;width:7px;height:7px;opacity:.55;}
+    .wearable-dist__tab::before{left:2px;top:2px;border-left:1px solid currentColor;border-top:1px solid currentColor;}
+    .wearable-dist__tab::after{right:2px;bottom:2px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;}
+    .wearable-dist__tab:hover{color:var(--text-main);border-color:rgba(24,144,255,0.36);}
+    .wearable-dist__tab.active{color:#fff;background:rgba(24,144,255,0.18);border-color:var(--primary);
+      box-shadow:0 0 10px rgba(24,144,255,0.18);}
+    .wearable-chart{min-height:0;}
+    .wearable-chart--ring{height:136px;}
+    .wearable-chart--sleep{height:164px;}
+    .wearable-ring-layout{height:136px;display:flex;align-items:center;gap:8px;min-width:0;}
+    .wearable-ring{width:120px;height:120px;position:relative;flex-shrink:0;}
+    .wearable-ring svg{width:100%;height:100%;display:block;overflow:visible;}
+    .wearable-ring__segment{cursor:pointer;transition:opacity .18s,filter .18s,stroke-width .18s;}
+    .wearable-ring__segment:hover{opacity:1;stroke-width:20;filter:drop-shadow(0 0 6px currentColor);}
+    .wearable-ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
+      justify-content:center;text-align:center;pointer-events:none;}
+    .wearable-ring__label{font-size:11px;color:var(--text-sub);font-weight:600;}
+    .wearable-ring__num{font-size:22px;font-weight:700;color:#fff;line-height:1.15;margin-top:3px;
+      text-shadow:0 0 10px rgba(24,144,255,0.42);font-variant-numeric:tabular-nums;}
+    .wearable-ring__unit{font-size:10px;color:var(--text-dim);margin-top:1px;}
+    .wearable-summary{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;}
+    .wearable-summary__title{font-size:12px;font-weight:700;color:#fff;line-height:1.25;}
+    .wearable-summary__range{font-size:11px;color:var(--text-sub);line-height:1.35;}
+    .wearable-summary__range b{color:var(--cyan);font-weight:700;}
+    .wearable-legend{display:flex;flex-direction:column;gap:4px;}
+    .wearable-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;}
+    .wearable-legend__dot{width:8px;height:8px;border-radius:2px;box-shadow:0 0 7px currentColor;}
+    .wearable-legend__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+    .wearable-legend__value{font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums;white-space:nowrap;}
+    .sleep-chart{display:flex;flex-direction:column;gap:8px;}
+    .sleep-chart__summary{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--text-sub);}
+    .sleep-chart__summary b{color:#fff;font-size:13px;}
+    .sleep-chart__plot{height:118px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;
+      padding:8px 0 0;border-bottom:1px solid rgba(24,144,255,0.16);position:relative;}
+    .sleep-chart__plot::before,.sleep-chart__plot::after{content:'';position:absolute;left:0;right:0;border-top:1px dashed rgba(24,144,255,0.12);}
+    .sleep-chart__plot::before{top:36px;}
+    .sleep-chart__plot::after{top:72px;}
+    .sleep-day{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;position:relative;z-index:1;}
+    .sleep-day__bars{height:88px;display:flex;align-items:flex-end;gap:3px;}
+    .sleep-day__bar{width:8px;border-radius:5px 5px 2px 2px;min-height:8px;box-shadow:0 0 8px currentColor;}
+    .sleep-day__bar--deep{background:#13C2C2;color:#13C2C2;}
+    .sleep-day__bar--light{background:#1890FF;color:#1890FF;}
+    .sleep-day__label{font-size:10px;color:var(--text-dim);line-height:1;}
+    .sleep-chart__legend{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:var(--text-sub);}
+    .sleep-chart__legend span{display:flex;align-items:center;gap:5px;}
+    .sleep-chart__dot{width:8px;height:8px;border-radius:2px;box-shadow:0 0 7px currentColor;}
 
     /* ========== 右侧：应急求助事件 ========== */
     .event-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.08);}
@@ -310,24 +510,63 @@
     .event-item__desc{font-size:11px;color:var(--text-sub);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
     .event-item__loc{font-size:10px;color:var(--text-dim);margin-top:2px;}
 
-    /* ========== 右侧：应急求助重点人员 ========== */
-    .help-person-list{display:flex;flex-direction:column;}
-    .help-person-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.08);gap:6px;}
-    .help-person-item:last-child{border-bottom:none;}
-    .help-person-item__name{font-size:12px;color:var(--text-main);font-weight:600;flex-shrink:0;}
-    .help-person-item__dept{font-size:10px;color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-    .help-person-item__count{font-size:11px;color:var(--text-sub);flex-shrink:0;}
-    .help-person-item__count b{font-weight:700;color:var(--primary);}
+    /* ========== 左下：人员现状监测（环形图） ========== */
+    .panel--health-monitor .panel__body{padding:6px 8px 8px;overflow:hidden;}
+    .health-monitor{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;}
+    .health-monitor__chart{position:relative;width:208px;height:208px;flex-shrink:0;}
+    .health-monitor__chart svg{width:100%;height:100%;display:block;overflow:visible;}
+    .health-monitor__chart .hm-ring{fill:none;stroke-width:16;}
+    .health-monitor__chart .hm-ring--bg{stroke:rgba(24,144,255,0.08);}
+    .health-monitor__chart .hm-ring--seg{transition:stroke-dasharray .8s ease,stroke-dashoffset .8s ease;}
+    .health-monitor__chart .hm-label-line{fill:none;stroke-width:1;opacity:.72;stroke-linecap:round;stroke-linejoin:round;}
+    .health-monitor__chart .hm-value-label{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;
+      paint-order:stroke;stroke:#071224;stroke-width:4px;stroke-linejoin:round;}
+    .health-monitor__center{position:absolute;inset:0;display:flex;flex-direction:column;
+      align-items:center;justify-content:center;pointer-events:none;text-align:center;}
+    .health-monitor__center-label{font-size:10px;color:var(--text-sub);letter-spacing:1.5px;}
+    .health-monitor__center-num{font-size:26px;font-weight:700;color:#fff;line-height:1.05;margin-top:2px;
+      text-shadow:0 0 10px rgba(24,144,255,0.5);font-variant-numeric:tabular-nums;letter-spacing:0.5px;}
+    .health-monitor__center-unit{font-size:10px;color:var(--text-dim);margin-top:2px;letter-spacing:1px;}
+    .health-monitor__legend{width:72px;display:flex;flex-direction:column;gap:6px;min-width:0;flex-shrink:0;}
+    .health-monitor__legend-item{display:flex;align-items:center;gap:5px;font-size:10px;min-width:0;line-height:1.1;}
+    .health-monitor__legend-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0;
+      box-shadow:0 0 6px currentColor;}
+    .health-monitor__legend-name{color:var(--text-sub);white-space:nowrap;overflow:hidden;
+      text-overflow:ellipsis;font-size:10px;}
+    .health-monitor__legend-value{color:var(--text-main);font-weight:600;font-variant-numeric:tabular-nums;}
+    .health-monitor__legend-pct{color:var(--text-dim);font-size:10px;margin-left:3px;min-width:34px;text-align:right;}
 
-    /* ========== 心脑血管AI预警 ========== */
-    .ai-warn-list{height:180px;overflow:hidden;position:relative;}
-    .ai-warn-list__track{animation:aiScroll 22s linear infinite;}
-    .ai-warn-list__track:hover{animation-play-state:paused;}
-    @keyframes aiScroll{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
-    .ai-warn-item{padding:8px 0;border-bottom:1px solid rgba(24,144,255,0.06);cursor:pointer;transition:background .2s;}
-    .ai-warn-item:hover{background:rgba(114,46,209,0.06);}
-    .ai-warn-item:last-child{border-bottom:none;}
-    .ai-warn-item__header{display:flex;align-items:center;gap:6px;margin-bottom:3px;}
+    /* ========== AI智能预警分析 ========== */
+    .panel--ai-analysis .panel__body{padding:8px 10px 10px;overflow:hidden;}
+    .ai-analysis{display:flex;flex-direction:column;gap:7px;}
+    .ai-analysis__summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;}
+    .ai-analysis__metric{min-width:0;padding:6px 7px;border:1px solid rgba(24,144,255,0.14);
+      border-radius:6px;background:rgba(24,144,255,0.06);display:flex;flex-direction:column;gap:2px;}
+    .ai-analysis__metric--danger{background:rgba(255,77,79,0.08);border-color:rgba(255,77,79,0.18);}
+    .ai-analysis__metric--warning{background:rgba(250,173,20,0.08);border-color:rgba(250,173,20,0.18);}
+    .ai-analysis__metric-num{font-size:18px;font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums;}
+    .ai-analysis__metric--danger .ai-analysis__metric-num{color:var(--danger);text-shadow:0 0 8px rgba(255,77,79,0.28);}
+    .ai-analysis__metric--warning .ai-analysis__metric-num{color:var(--warning);text-shadow:0 0 8px rgba(250,173,20,0.25);}
+    .ai-analysis__metric-label{font-size:10px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+    .ai-analysis__metric-trend{font-size:10px;color:var(--danger);font-weight:600;white-space:nowrap;}
+    .ai-analysis__section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
+      font-size:10px;color:var(--text-sub);line-height:1;}
+    .ai-analysis__section-head b{font-size:11px;color:var(--text-main);font-weight:600;}
+    .ai-risk-chart{height:104px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;
+      padding:3px 0 0;border-bottom:1px solid rgba(24,144,255,0.10);}
+    .ai-risk-col{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;}
+    .ai-risk-stack{height:72px;width:32px;display:flex;flex-direction:column;justify-content:flex-end;
+      border-radius:5px 5px 3px 3px;overflow:hidden;background:rgba(24,144,255,0.06);
+      box-shadow:inset 0 0 0 1px rgba(24,144,255,0.12);}
+    .ai-risk-stack__seg{width:100%;min-height:4px;box-shadow:0 0 8px currentColor;}
+    .ai-risk-stack__seg--high{background:linear-gradient(180deg,#ff7875,var(--danger));color:var(--danger);}
+    .ai-risk-stack__seg--mid{background:linear-gradient(180deg,#ffc53d,var(--warning));color:var(--warning);}
+    .ai-risk-stack__seg--low{background:linear-gradient(180deg,#40a9ff,var(--primary));color:var(--primary);}
+    .ai-risk-col__name{font-size:10px;color:var(--text-sub);white-space:nowrap;}
+    .ai-risk-col__count{font-size:11px;color:#fff;font-weight:700;font-variant-numeric:tabular-nums;}
+    .ai-analysis__legend{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:var(--text-sub);}
+    .ai-analysis__legend span{display:flex;align-items:center;gap:4px;white-space:nowrap;}
+    .ai-analysis__legend i{width:7px;height:7px;border-radius:2px;display:inline-block;box-shadow:0 0 6px currentColor;}
     .ai-warn-item__tag{font-size:10px;padding:1px 8px;border-radius:3px;font-weight:600;flex-shrink:0;}
     .ai-warn-item__tag--mi{background:rgba(255,77,79,0.15);color:var(--danger);border:1px solid rgba(255,77,79,0.25);}
     .ai-warn-item__tag--ci{background:rgba(114,46,209,0.15);color:#b37feb;border:1px solid rgba(114,46,209,0.25);}
@@ -337,9 +576,6 @@
     .ai-warn-item__level--high{background:rgba(255,77,79,0.1);color:var(--danger);}
     .ai-warn-item__level--mid{background:rgba(250,173,20,0.1);color:var(--warning);}
     .ai-warn-item__level--low{background:rgba(24,144,255,0.1);color:var(--primary);}
-    .ai-warn-item__score{font-size:11px;font-weight:700;color:var(--text-main);margin-left:auto;font-variant-numeric:tabular-nums;}
-    .ai-warn-item__desc{font-size:11px;color:var(--text-sub);}
-    .ai-warn-item__reason{font-size:10px;color:var(--text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 
     /* ========== 弹窗 ========== */
     .modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,0.25);
@@ -378,6 +614,52 @@
     .modal__section-title{font-size:12px;font-weight:600;color:var(--primary);margin-bottom:10px;
       padding-left:10px;border-left:3px solid var(--primary);letter-spacing:0.5px;}
 
+    /* ========== 视频通话选择弹窗 ========== */
+    /* [交互] 点击地图右下角"视频通话"按钮后弹出，选择需要加入通话的应急中心（可多选） */
+    .vc-modal{width:560px;}
+    .vc-modal .modal__body{padding:16px 18px 18px;}
+    .vc-hint{font-size:12px;color:var(--text-sub);margin-bottom:12px;line-height:1.6;}
+    .vc-hint b{color:var(--primary);font-weight:600;}
+    .vc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}
+    .vc-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 14px;
+      background:linear-gradient(135deg,rgba(24,144,255,0.06),rgba(10,30,60,0.55));
+      border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;transition:all .2s;
+      min-height:78px;}
+    .vc-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:8px 0 0 8px;
+      background:rgba(74,107,138,0.45);transition:all .2s;}
+    .vc-card:hover{border-color:rgba(24,144,255,0.45);
+      box-shadow:0 0 12px rgba(24,144,255,0.18);transform:translateY(-1px);}
+    .vc-card--selected{border-color:rgba(24,144,255,0.65);
+      background:linear-gradient(135deg,rgba(24,144,255,0.18),rgba(10,30,60,0.55));
+      box-shadow:0 0 14px rgba(24,144,255,0.25);}
+    .vc-card--selected::before{background:var(--primary);box-shadow:0 0 8px rgba(24,144,255,0.5);}
+    .vc-card--offline{opacity:0.55;cursor:not-allowed;}
+    .vc-card--offline:hover{transform:none;box-shadow:none;border-color:var(--panel-border);}
+    .vc-card__row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
+    .vc-card__name{font-size:13px;font-weight:600;color:var(--text-main);letter-spacing:0.3px;}
+    .vc-card__status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-sub);
+      padding:2px 8px;border-radius:10px;background:rgba(74,107,138,0.18);white-space:nowrap;}
+    .vc-card__status--online{color:var(--success);background:rgba(82,196,26,0.14);}
+    .vc-card__status--busy{color:var(--warning);background:rgba(250,173,20,0.14);}
+    .vc-card__status--offline{color:var(--text-dim);background:rgba(74,107,138,0.22);}
+    .vc-card__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
+    .vc-card__dot--online{background:var(--success);box-shadow:0 0 6px var(--success);}
+    .vc-card__dot--busy{background:var(--warning);box-shadow:0 0 6px var(--warning);}
+    .vc-card__dot--offline{background:var(--text-dim);}
+    .vc-card__meta{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:10px;}
+    .vc-card__meta b{color:var(--text-sub);font-weight:600;}
+    /* 选中态右上角对勾角标 */
+    .vc-card__check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;
+      background:var(--primary);display:none;align-items:center;justify-content:center;
+      box-shadow:0 0 8px rgba(24,144,255,0.5);}
+    .vc-card--selected .vc-card__check{display:flex;}
+    .vc-card__check svg{width:11px;height:11px;color:#fff;}
+    /* 离线卡片右上角禁用角标 */
+    .vc-card__lock{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;
+      background:rgba(74,107,138,0.35);display:none;align-items:center;justify-content:center;}
+    .vc-card--offline .vc-card__lock{display:flex;}
+    .vc-card__lock svg{width:11px;height:11px;color:var(--text-dim);}
+
     /* ========== 急救路线：员工标记 ========== */
     .emp-marker{position:absolute;transform:translate(-50%,-100%);z-index:10;display:none;animation:empBounce 1s ease-in-out infinite;}
     .emp-marker--show{display:block;}
@@ -418,7 +700,7 @@
     .map-marker--route .map-marker__pulse{animation-duration:1s !important;}
 
     /* ========== 急救路线：右侧资源面板 ========== */
-    .route-panel{position:absolute;top:12px;right:12px;z-index:15;width:220px;display:none;
+    .route-panel{position:absolute;top:64px;right:12px;z-index:15;width:220px;display:none;
       background:rgba(10,25,55,0.95);border:1px solid var(--panel-border);border-radius:10px;
       padding:14px;flex-direction:column;gap:10px;backdrop-filter:blur(6px);}
     .route-panel--show{display:flex;}
@@ -565,6 +847,28 @@
     .marker-popup__cat span{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle;}
     .marker-popup__label{font-size:10px;color:var(--text-dim);margin-bottom:2px;letter-spacing:0.5px;}
     .marker-popup__addr{font-size:11px;color:var(--text-sub);line-height:1.5;}
+    /* 联系电话行：等宽字 + 复制提示色 */
+    .marker-popup__phone{font-size:12px;color:var(--cyan);font-weight:600;line-height:1.4;
+      font-variant-numeric:tabular-nums;letter-spacing:0.3px;}
+    /* 下发急救通知按钮：默认隐藏，仅 route 模式显示 */
+    .marker-popup__dispatch{display:none;margin-top:10px;width:100%;height:28px;border-radius:6px;
+      border:1px solid rgba(255,77,79,0.55);cursor:pointer;transition:all .2s;align-items:center;justify-content:center;gap:5px;
+      font-size:12px;font-weight:600;color:#fff;white-space:nowrap;
+      background:linear-gradient(90deg,rgba(255,77,79,0.32),rgba(255,77,79,0.18));}
+    .marker-popup__dispatch svg{width:13px;height:13px;}
+    .marker-popup__dispatch:hover{background:linear-gradient(90deg,rgba(255,77,79,0.5),rgba(255,77,79,0.3));
+      box-shadow:0 0 12px rgba(255,77,79,0.35);}
+    .marker-popup__dispatch--show{display:flex;}
+
+    /* ========== 全局 Toast 提示 ========== */
+    .toast{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-12px);z-index:9999;
+      display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:13px;color:#fff;
+      background:rgba(10,25,55,0.95);border:1px solid var(--primary);box-shadow:0 6px 24px rgba(0,0,0,0.45),0 0 16px rgba(24,144,255,0.25);
+      opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;backdrop-filter:blur(8px);}
+    .toast--show{opacity:1;transform:translateX(-50%) translateY(0);}
+    .toast__dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);}
+    .toast--danger{border-color:var(--danger);box-shadow:0 6px 24px rgba(0,0,0,0.45),0 0 16px rgba(255,77,79,0.28);}
+    .toast--danger .toast__dot{background:var(--danger);box-shadow:0 0 8px var(--danger);}
 
     /* ========== 地图右下角：接听状态控制面板 ========== */
     .map-ctrl{position:absolute;bottom:12px;right:12px;z-index:12;
@@ -595,14 +899,23 @@
       box-shadow:0 0 12px rgba(24,144,255,0.2);}
     .map-ctrl__btn svg{width:16px;height:16px;flex-shrink:0;}
 
-    /* ========== 地图右下角：图层切换 ========== */
-    .map-layer{position:absolute;bottom:12px;right:178px;z-index:12;
+    /* ========== 地图右上角：图层切换 ========== */
+    .map-layer{position:absolute;top:12px;right:12px;z-index:12;
+      display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
+    .map-layer__trigger{width:34px;height:34px;display:flex;align-items:center;justify-content:center;
       background:rgba(10,22,48,0.88);border:1px solid var(--panel-border);border-radius:8px;
-      padding:8px 10px;display:flex;flex-direction:column;gap:2px;
-      backdrop-filter:blur(6px);}
-    .map-layer::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
+      color:var(--primary);cursor:pointer;transition:all .2s;backdrop-filter:blur(6px);
+      box-shadow:0 4px 14px rgba(0,0,0,0.35);}
+    .map-layer__trigger:hover,.map-layer--open .map-layer__trigger{background:rgba(24,144,255,0.16);
+      border-color:rgba(24,144,255,0.45);box-shadow:0 0 12px rgba(24,144,255,0.2);}
+    .map-layer__trigger svg{width:17px;height:17px;}
+    .map-layer__panel{position:relative;display:none;flex-direction:column;gap:2px;min-width:88px;
+      background:rgba(10,22,48,0.92);border:1px solid var(--panel-border);border-radius:8px;
+      padding:8px 10px;backdrop-filter:blur(6px);box-shadow:0 8px 22px rgba(0,0,0,0.45);}
+    .map-layer--open .map-layer__panel{display:flex;}
+    .map-layer__panel::before{content:'';position:absolute;top:0;left:0;width:10px;height:10px;
       border-top:1.5px solid rgba(24,144,255,0.35);border-left:1.5px solid rgba(24,144,255,0.35);border-radius:8px 0 0 0;pointer-events:none;}
-    .map-layer::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
+    .map-layer__panel::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
       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 8px 0;pointer-events:none;}
     .map-layer__item{font-size:11px;color:var(--text-dim);padding:5px 10px;border-radius:4px;
       cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center;}
@@ -617,20 +930,20 @@
 
 <!-- 顶部标题栏 -->
 <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>
   </div>
   <div class="header__title">
-    <div class="header__title-icon">
-      <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
-    </div>
     <span class="header__title-text">西安应急中心大屏</span>
   </div>
   <div class="header__right">
     <!-- [交互] 点击触发对应告警/求助事件模拟 -->
-    <button class="header__btn header__btn--cv" id="btnCvAlarm">触发心脑血管预警</button>
-    <button class="header__btn header__btn--alarm" onclick="openAlarmModal();event.stopPropagation();">触发穿戴告警</button>
-    <button class="header__btn header__btn--help" onclick="openHelpModal();event.stopPropagation();">触发应急求助</button>
+    <a class="header__btn header__btn--cv" href="cv-monitor.html">心血管副屏临时入口</a>
+    <button class="header__btn header__btn--cv" id="btnCvAlarm">AI智能预警弹窗示例</button>
+    <button class="header__btn header__btn--alarm" onclick="openAlarmModal();event.stopPropagation();">穿戴告警弹窗示例</button>
+    <button class="header__btn header__btn--help" onclick="openHelpModal();event.stopPropagation();">应急求助弹窗示例</button>
     <div class="header__runtime">
       <span>系统累计运行</span>
       <span class="header__runtime-num" id="runDays">0</span>
@@ -644,632 +957,37 @@
 <div class="main">
   <!-- 左侧面板 -->
   <aside class="side">
-    <!-- 穿戴告警分布（柱状图） -->
+    <!-- 应急事件统计 -->
     <div class="panel" style="flex-shrink:0;">
       <div class="panel__header">
         <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">穿戴告警分布</span>
-        <!-- [交互] 时间段切换：今日/近一周/近一月/近一年 -->
-        <select class="panel__header-select" onchange="switchPeriod(this.value)">
-          <option value="today" selected>今日</option>
-          <option value="week">近一周</option>
-          <option value="month">近一月</option>
-          <option value="year">近一年</option>
-        </select>
-      </div>
-      <div class="panel__body">
-        <div class="alarm-bars">
-          <div class="alarm-bar">
-            <span class="alarm-bar__label alarm-bar__label--heart">心率异常</span>
-            <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--heart" style="width:100%;"></div></div>
-            <span class="alarm-bar__num">35</span>
-          </div>
-          <div class="alarm-bar">
-            <span class="alarm-bar__label alarm-bar__label--bp">压力异常</span>
-            <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--bp" style="width:80%;"></div></div>
-            <span class="alarm-bar__num">28</span>
-          </div>
-          <div class="alarm-bar">
-            <span class="alarm-bar__label alarm-bar__label--temp">体温异常</span>
-            <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--temp" style="width:63%;"></div></div>
-            <span class="alarm-bar__num">22</span>
-          </div>
-          <div class="alarm-bar">
-            <span class="alarm-bar__label alarm-bar__label--spo2">血氧异常</span>
-            <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--spo2" style="width:43%;"></div></div>
-            <span class="alarm-bar__num">15</span>
-          </div>
-          <div class="alarm-bar">
-            <span class="alarm-bar__label alarm-bar__label--fall">摔倒</span>
-            <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--fall" style="width:17%;"></div></div>
-            <span class="alarm-bar__num">6</span>
-          </div>
-          <div class="alarm-bar">
-            <span class="alarm-bar__label alarm-bar__label--sos">一键告警</span>
-            <div class="alarm-bar__track"><div class="alarm-bar__fill alarm-bar__fill--sos" style="width:9%;"></div></div>
-            <span class="alarm-bar__num">3</span>
-          </div>
-        </div>
-      </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="openAlarmRecordModal();event.stopPropagation();">查看更多</span>
-      </div>
-      <div class="panel__body" style="overflow:hidden;padding:0;">
-        <div class="alarm-list">
-          <div class="alarm-list__track" id="alarmTrack">
-            <!-- [内容] 告警事件列表，自动上下滚动 -->
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--fall">摔倒</span>
-                <span class="alarm-item__time">2026-06-23 14:32:15</span>
-                <span class="alarm-item__value"></span>
-              </div>
-              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
-                <span class="alarm-item__time">2026-06-23 14:28:03</span>
-                <span class="alarm-item__value">142 bpm</span>
-              </div>
-              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
-                <span class="alarm-item__time">2026-06-23 14:15:47</span>
-                <span class="alarm-item__value">89%</span>
-              </div>
-              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--sos">一键告警</span>
-                <span class="alarm-item__time">2026-06-23 13:58:22</span>
-                <span class="alarm-item__value"></span>
-              </div>
-              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--bp">压力异常</span>
-                <span class="alarm-item__time">2026-06-23 13:42:10</span>
-                <span class="alarm-item__value">180/110 mmHg</span>
-              </div>
-              <div class="alarm-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--temp">体温异常</span>
-                <span class="alarm-item__time">2026-06-23 13:20:35</span>
-                <span class="alarm-item__value">38.5°C</span>
-              </div>
-              <div class="alarm-item__desc">刘雪梅 · 女 · 36岁 · 采油二厂行政楼</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
-                <span class="alarm-item__time">2026-06-23 12:55:08</span>
-                <span class="alarm-item__value">156 bpm</span>
-              </div>
-              <div class="alarm-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
-                <span class="alarm-item__time">2026-06-23 12:38:41</span>
-                <span class="alarm-item__value">91%</span>
-              </div>
-              <div class="alarm-item__desc">周丽华 · 女 · 33岁 · 宝石花医院护理部</div>
-            </div>
-            <!-- 重复一份用于无缝滚动 -->
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--fall">摔倒</span>
-                <span class="alarm-item__time">2026-06-23 14:32:15</span>
-                <span class="alarm-item__value"></span>
-              </div>
-              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
-                <span class="alarm-item__time">2026-06-23 14:28:03</span>
-                <span class="alarm-item__value">142 bpm</span>
-              </div>
-              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
-                <span class="alarm-item__time">2026-06-23 14:15:47</span>
-                <span class="alarm-item__value">89%</span>
-              </div>
-              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
-            </div>
-            <div class="alarm-item">
-              <div class="alarm-item__header">
-                <span class="alarm-item__type-tag alarm-item__type-tag--sos">一键告警</span>
-                <span class="alarm-item__time">2026-06-23 13:58:22</span>
-                <span class="alarm-item__value"></span>
-              </div>
-              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 心脑血管预警(AI) -->
-    <div class="panel" style="flex-shrink:0;" id="aiPanel">
-      <div class="panel__header">
-        <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">心脑血管预警(AI)</span>
-        <!-- [交互] 点击查看更多，打开心脑血管预警记录弹窗 -->
-        <span class="panel__header-link" onclick="openCvRecordModal();event.stopPropagation();">历史记录</span>
-      </div>
-      <div class="panel__body" style="padding:8px 12px;">
-        <!-- [内容] AI预警摘要 -->
-        <div style="display:flex;gap:8px;margin-bottom:10px;">
-          <div class="ai-stat" style="flex:1;background:rgba(255,77,79,0.08);border:1px solid rgba(255,77,79,0.15);border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:4px;">
-            <div style="font-size:18px;font-weight:700;color:var(--danger);line-height:1;flex-shrink:0;">3</div>
-            <div style="font-size:10px;color:var(--text-sub);white-space:nowrap;">高危预警</div>
-          </div>
-          <div class="ai-stat" style="flex:1;background:rgba(250,173,20,0.08);border:1px solid rgba(250,173,20,0.15);border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:4px;">
-            <div style="font-size:18px;font-weight:700;color:var(--warning);line-height:1;flex-shrink:0;">5</div>
-            <div style="font-size:10px;color:var(--text-sub);white-space:nowrap;">中危预警</div>
-          </div>
-          <div class="ai-stat" style="flex:1;background:rgba(24,144,255,0.08);border:1px solid rgba(24,144,255,0.15);border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:4px;">
-            <div style="font-size:18px;font-weight:700;color:var(--primary);line-height:1;flex-shrink:0;">12</div>
-            <div style="font-size:10px;color:var(--text-sub);white-space:nowrap;">低危预警</div>
-          </div>
-        </div>
-        <!-- [内容] AI预警事件列表（自动上下滚动） -->
-        <div class="ai-warn-list">
-          <div class="ai-warn-list__track" id="aiWarnTrack">
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--mi">心梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">89%</span>
-              </div>
-              <div class="ai-warn-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-              <div class="ai-warn-item__reason">持续心率异常+血压波动，冠状动脉风险指数升高</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ci">脑梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">82%</span>
-              </div>
-              <div class="ai-warn-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
-              <div class="ai-warn-item__reason">颈动脉斑块+血压持续偏高，脑血流灌注异常</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ch">脑出血</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">78%</span>
-              </div>
-              <div class="ai-warn-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
-              <div class="ai-warn-item__reason">血压180/110持续偏高，颅内动脉瘤风险指标异常</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--sd">猝死</span>
-                <span class="ai-warn-item__level ai-warn-item__level--mid">中危</span>
-                <span class="ai-warn-item__score">65%</span>
-              </div>
-              <div class="ai-warn-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
-              <div class="ai-warn-item__reason">QT间期延长+血氧夜间偏低，心律失常风险增加</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--mi">心梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--mid">中危</span>
-                <span class="ai-warn-item__score">58%</span>
-              </div>
-              <div class="ai-warn-item__desc">刘雪梅 · 女 · 36岁 · 采油二厂行政楼</div>
-              <div class="ai-warn-item__reason">血脂异常+家族病史，冠脉钙化积分偏高</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ci">脑梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--low">低危</span>
-                <span class="ai-warn-item__score">43%</span>
-              </div>
-              <div class="ai-warn-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
-              <div class="ai-warn-item__reason">血压轻度升高，建议定期监测</div>
-            </div>
-            <!-- 重复一份用于无缝滚动 -->
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--mi">心梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">89%</span>
-              </div>
-              <div class="ai-warn-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
-              <div class="ai-warn-item__reason">持续心率异常+血压波动，冠状动脉风险指数升高</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ci">脑梗</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">82%</span>
-              </div>
-              <div class="ai-warn-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
-              <div class="ai-warn-item__reason">颈动脉斑块+血压持续偏高，脑血流灌注异常</div>
-            </div>
-            <div class="ai-warn-item">
-              <div class="ai-warn-item__header">
-                <span class="ai-warn-item__tag ai-warn-item__tag--ch">脑出血</span>
-                <span class="ai-warn-item__level ai-warn-item__level--high">高危</span>
-                <span class="ai-warn-item__score">78%</span>
-              </div>
-              <div class="ai-warn-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
-              <div class="ai-warn-item__reason">血压180/110持续偏高，颅内动脉瘤风险指标异常</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </aside>
-
-  <!-- 中间地图 -->
-  <div class="center">
-    <!-- KPI 核心指标卡片行 -->
-    <!-- [交互] 数据大屏核心指标展示，数值可用于动态刷新 -->
-    <div class="kpi-row">
-      <div class="kpi-card">
-        <div class="kpi-card__header">
-          <div class="kpi-card__diamond"></div>
-          <span class="kpi-card__label">穿戴设备总数</span>
-        </div>
-        <div class="kpi-card__num">156</div>
-<!--        <div class="kpi-card__trend kpi-card__trend&#45;&#45;up">▲ 较上月 +12</div>-->
-      </div>
-      <div class="kpi-card">
-        <div class="kpi-card__header">
-          <div class="kpi-card__diamond kpi-card__diamond--cyan"></div>
-          <span class="kpi-card__label">今日穿戴报警数</span>
-        </div>
-        <div class="kpi-card__num">23</div>
-        <div class="kpi-card__trend kpi-card__trend--down">▲ 较昨日 +5</div>
-      </div>
-      <div class="kpi-card">
-        <div class="kpi-card__header">
-          <div class="kpi-card__diamond kpi-card__diamond--orange"></div>
-          <span class="kpi-card__label">今日应急求助数</span>
-        </div>
-        <div class="kpi-card__num" style="color:var(--warning);text-shadow:0 0 12px rgba(250,173,20,0.3);">7</div>
-        <div class="kpi-card__trend kpi-card__trend--down">▼ 待处理 3 条</div>
-      </div>
-      <div class="kpi-card">
-        <div class="kpi-card__header">
-          <div class="kpi-card__diamond kpi-card__diamond--green"></div>
-          <span class="kpi-card__label">平均响应时长</span>
-        </div>
-        <div class="kpi-card__num" style="color:var(--success);text-shadow:0 0 12px rgba(82,196,26,0.3);">2.4<span style="font-size:14px;font-weight:400;"> 分钟</span></div>
-<!--        <div class="kpi-card__trend kpi-card__trend&#45;&#45;up">▲ 较昨日优化 12%</div>-->
-      </div>
-    </div>
-
-    <!-- 地图容器 -->
-    <div class="map-wrap" id="mapWrap">
-      <!-- 资源Tab栏 —— 内嵌在地图顶部 -->
-      <nav class="res-tabs">
-        <div class="res-tab active" onclick="switchTab(this,'all')">
-          <span class="dot"></span>全部资源
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'oilfield')">
-          <span class="dot"></span>油田医院
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'cooperative')">
-          <span class="dot"></span>合作医院
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'local')">
-          <span class="dot"></span>地方医院
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'clinic')">
-          <span class="dot"></span>医疗点
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'ambulance')">
-          <span class="dot"></span>救护车
-        </div>
-        <div class="res-tab" onclick="switchTab(this,'aed')">
-          <span class="dot"></span>AED
-        </div>
-      </nav>
-      <div class="map-bg"></div>
-      <!-- 道路 -->
-      <div class="map-road map-road--h" style="top:30%"></div>
-      <div class="map-road map-road--h" style="top:60%"></div>
-      <div class="map-road map-road--v" style="left:25%"></div>
-      <div class="map-road map-road--v" style="left:75%"></div>
-      <div class="map-road map-road--h" style="top:80%;opacity:0.5;"></div>
-      <div class="map-road map-road--v" style="left:50%;opacity:0.5;"></div>
-      <!-- 区域 -->
-      <div class="map-area" style="top:8%;left:5%;width:120px;height:70px;">兴隆医院</div>
-      <div class="map-area" style="top:65%;left:8%;width:140px;height:80px;">高陵医院</div>
-      <div class="map-area" style="top:10%;left:70%;width:130px;height:75px;">宝石花医院</div>
-      <div class="map-area" style="top:50%;left:55%;width:110px;height:65px;">庆阳医院</div>
-      <div class="map-area" style="top:35%;left:30%;width:100px;height:60px;">采油一厂</div>
-      <div class="map-area" style="top:40%;left:60%;width:100px;height:60px;">采油二厂</div>
-      <div class="map-area" style="top:75%;left:45%;width:110px;height:60px;">采油三厂</div>
-      <!-- 道路标签 -->
-      <div class="map-label" style="top:28%;left:35%;">CQ大道</div>
-      <div class="map-label" style="top:58%;left:10%;">能源北路</div>
-      <div class="map-label" style="top:48%;left:72%;">兴隆路</div>
-
-      <!-- 地图标记点 (默认全部显示) -->
-      <div class="map-marker" style="top:18%;left:12%;" data-type="oilfield" id="markerHospital" onclick="onMapMarkerClick(this,'oilfield');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
-        <div class="map-marker__label">兴隆医院</div>
-      </div>
-      <div class="map-marker" style="top:75%;left:15%;" data-type="local" onclick="onMapMarkerClick(this,'local-gaoling');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
-        <div class="map-marker__label">高陵医院</div>
-      </div>
-      <div class="map-marker" style="top:20%;left:75%;" data-type="cooperative" id="markerCooperative" onclick="onMapMarkerClick(this,'cooperative');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(114,46,209,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#722ED1" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
-        <div class="map-marker__label">宝石花医院</div>
-      </div>
-      <div class="map-marker" style="top:55%;left:60%;" data-type="local" id="markerLocal" onclick="onMapMarkerClick(this,'local');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
-        <div class="map-marker__label">庆阳医院</div>
-      </div>
-      <!-- 医疗点 -->
-      <div class="map-marker" style="top:38%;left:35%;" data-type="clinic" id="markerClinic" onclick="onMapMarkerClick(this,'clinic');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">采油一厂医疗点</div>
-      </div>
-      <div class="map-marker" style="top:43%;left:65%;" data-type="clinic" onclick="onMapMarkerClick(this,'clinic-eryuan');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">采油二厂医疗点</div>
-      </div>
-      <div class="map-marker" style="top:80%;left:50%;" data-type="clinic" onclick="onMapMarkerClick(this,'clinic-sanyuan');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">采油三厂医疗点</div>
-      </div>
-      <!-- AED -->
-      <div class="map-marker" style="top:33%;left:28%;" data-type="aed" id="markerAed" onclick="onMapMarkerClick(this,'aed');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/><path d="M14 8l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z" fill="#fff"/></svg>
-        <div class="map-marker__label">AED-001</div>
-      </div>
-      <div class="map-marker" style="top:47%;left:68%;" data-type="aed" onclick="onMapMarkerClick(this,'aed-002');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/><path d="M14 8l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z" fill="#fff"/></svg>
-        <div class="map-marker__label">AED-002</div>
-      </div>
-      <!-- 救护车 -->
-      <div class="map-marker" style="top:60%;left:35%;" data-type="ambulance" id="markerAmbulance" onclick="onMapMarkerClick(this,'ambulance');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/><rect x="8" y="10" width="12" height="6" rx="1" fill="#fff"/><path d="M10 13h2M16 13h2" stroke="#FAAD14" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">陕A·120-03</div>
-      </div>
-      <div class="map-marker" style="top:25%;left:55%;" data-type="ambulance" onclick="onMapMarkerClick(this,'ambulance-001');event.stopPropagation();">
-        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
-        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/><rect x="8" y="10" width="12" height="6" rx="1" fill="#fff"/><path d="M10 13h2M16 13h2" stroke="#FAAD14" stroke-width="1.5"/></svg>
-        <div class="map-marker__label">陕A·120-01</div>
-      </div>
-
-
-      <!-- 地图图例 -->
-      <div class="map-legend">
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#1890FF;"></div>油田医院(1)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#722ED1;"></div>合作医院(1)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#1890FF;border:1.5px dashed #1890FF;background:transparent;"></div>地方医院(2)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#13C2C2;"></div>医疗点(3)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#FAAD14;"></div>救护车(2)</div>
-        <div class="map-legend__item"><div class="map-legend__dot" style="background:#FF4D4F;"></div>AED(2)</div>
-      </div>
-
-      <!-- [急救路线] 员工当前位置标记 -->
-      <div class="emp-marker" id="empMarker" style="top:50%;left:50%;">
-        <div class="emp-marker__ripple"></div>
-        <svg class="emp-marker__pin" viewBox="0 0 32 40" fill="none">
-          <path d="M16 2C10 2 5 7 5 13c0 12 11 25 11 25s11-13 11-25c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.8"/>
-          <circle cx="16" cy="13" r="5" fill="#fff"/>
-          <circle cx="16" cy="13" r="3" fill="#FF4D4F"/>
-        </svg>
-        <div id="empInfoCard" class="emp-info-card">
-	          <div class="emp-info-card__header">告警详情</div>
-	          <div class="emp-info-card__grid">
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">异常类型</span>
-	              <span class="emp-info-card__value">摔倒</span>
-	            </div>
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">异常值</span>
-	              <span class="emp-info-card__value" style="color:var(--text-dim);">--</span>
-	            </div>
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">告警时间</span>
-	              <span class="emp-info-card__value">2026-06-23 14:32:15</span>
-	            </div>
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">员工姓名</span>
-	              <span class="emp-info-card__value">张建国</span>
-	            </div>
-	            <div class="emp-info-card__item">
-	              <span class="emp-info-card__label">单位部门</span>
-	              <span class="emp-info-card__value">采油一厂生产区</span>
-	            </div>
-	            <div class="emp-info-card__item emp-info-card__item--full">
-	              <span class="emp-info-card__label">详细地址</span>
-	              <span class="emp-info-card__value">采油一厂生产基地B区3号井组作业平台</span>
-	            </div>
-	          </div>
-	        </div>
-      </div>
-
-      <!-- [资源标记弹窗] 点击资源标记后显示 -->
-      <div class="marker-popup" id="markerPopup">
-        <div class="marker-popup__name" id="markerPopupName"></div>
-        <div class="marker-popup__cat" id="markerPopupCat"></div>
-        <div class="marker-popup__label">详细地址</div>
-        <div class="marker-popup__addr" id="markerPopupAddr"></div>
-      </div>
-
-      <!-- [急救路线] SVG路线图层 -->
-      <svg class="route-svg" id="routeSvg" viewBox="0 0 100 100" preserveAspectRatio="none">
-        <!-- 油田医院：兴隆医院 -->
-        <line id="routeOilfield" x1="50" y1="50" x2="12" y2="18" stroke="#1890FF" stroke-width="0.3" stroke-dasharray="1.5 0.8" opacity="0"/>
-        <!-- 合作医院：宝石花医院 -->
-        <line id="routeCooperative" x1="50" y1="50" x2="75" y2="20" stroke="#722ED1" stroke-width="0.3" stroke-dasharray="1.5 0.8" opacity="0"/>
-        <!-- 地方医院：庆阳医院 -->
-        <line id="routeLocal" x1="50" y1="50" x2="60" y2="55" stroke="#1890FF" stroke-width="0.3" stroke-dasharray="2 1" opacity="0"/>
-        <!-- 医疗点：采油一厂医疗点 -->
-        <line id="routeClinic" x1="50" y1="50" x2="35" y2="38" stroke="#13C2C2" stroke-width="0.3" stroke-dasharray="1 0.8" opacity="0"/>
-        <!-- 救护车：陕A·120-03 -->
-        <line id="routeAmbulance" x1="50" y1="50" x2="35" y2="60" stroke="#FAAD14" stroke-width="0.3" stroke-dasharray="1.2 0.8" opacity="0"/>
-        <!-- AED：AED-001 -->
-        <line id="routeAed" x1="50" y1="50" x2="28" y2="33" stroke="#FF4D4F" stroke-width="0.3" stroke-dasharray="0.8 0.8" opacity="0"/>
-      </svg>
-
-      <!-- [急救路线] 右侧资源信息面板 -->
-      <div class="route-panel" id="routePanel">
-        <div class="route-panel__title">距离最近资源</div>
-        <!-- [交互] 点击某个资源后在地图上显示对应路线和标记 -->
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('oilfield')" data-route="oilfield">
-          <div class="route-panel__dot" style="background:#1890FF;box-shadow:0 0 6px rgba(24,144,255,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">兴隆医院 <span class="route-panel__cat">油田医院</span></div>
-            <div class="route-panel__meta"><span>2.4 km</span><span>约8分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('cooperative')" data-route="cooperative">
-          <div class="route-panel__dot" style="background:#722ED1;box-shadow:0 0 6px rgba(114,46,209,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">宝石花医院 <span class="route-panel__cat">合作医院</span></div>
-            <div class="route-panel__meta"><span>5.2 km</span><span>约15分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('local')" data-route="local">
-          <div class="route-panel__dot" style="background:transparent;border:1.5px dashed #1890FF;box-shadow:0 0 6px rgba(24,144,255,0.3);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">庆阳医院 <span class="route-panel__cat">地方医院</span></div>
-            <div class="route-panel__meta"><span>3.6 km</span><span>约11分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('clinic')" data-route="clinic">
-          <div class="route-panel__dot" style="background:#13C2C2;box-shadow:0 0 6px rgba(19,194,194,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">采油一厂医疗点 <span class="route-panel__cat">医疗点</span></div>
-            <div class="route-panel__meta"><span>0.3 km</span><span>约1分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('ambulance')" data-route="ambulance">
-          <div class="route-panel__dot" style="background:#FAAD14;box-shadow:0 0 6px rgba(250,173,20,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">陕A·120-03 <span class="route-panel__cat">救护车</span></div>
-            <div class="route-panel__meta"><span>2.2 km</span><span>约7分钟</span></div>
-          </div>
-        </div>
-        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('aed')" data-route="aed">
-          <div class="route-panel__dot" style="background:#FF4D4F;box-shadow:0 0 6px rgba(255,77,79,0.5);"></div>
-          <div class="route-panel__info">
-            <div class="route-panel__name">AED-001 <span class="route-panel__cat">AED</span></div>
-            <div class="route-panel__meta"><span>0.5 km</span><span>约2分钟</span></div>
-          </div>
-        </div>
-      </div>
-
-      <!-- [急救提示书] 右侧抽屉面板 -->
-      <div class="guide-panel" id="guidePanel">
-        <div class="guide-panel__header">
-          <span class="guide-panel__title">急救提示书</span>
-          <span class="guide-panel__close" onclick="closeGuidePanel()">&times;</span>
-        </div>
-        <div class="guide-panel__body">
-          <ol>
-            <li>心率与血氧异常，<b>可能是心梗前期</b></li>
-            <li><b>立即停止活动，平躺</b>减少能量和氧气消耗</li>
-            <li>如有症状发生请<b>立即拨打120</b></li>
-            <li>请准备<b>硝酸甘油</b>准备服用</li>
-            <li>距离350米处有<b>AED</b>可用，电话<b>15698987876</b></li>
-            <li>距离580米处有<b>急救包</b>可用，电话<b>12569869896</b></li>
-            <li>距离8.5公里处有<b>救护车</b>，电话<b>13656956688</b>，<b>15分钟可赶来</b></li>
-            <li>距离8.5公里处有<b>医疗点</b>，电话<b>15698963656</b>，<b>15分钟可赶来</b></li>
-            <li>距离18公里处有<b>庆城县医院</b>，救护车来回约45分钟，该医院内科李晓涛医生、王开来医生较为专长</li>
-            <li>距离52公里处有<b>庆阳市医院</b>，救护车来回约75分钟，该医院心梗急救能力强，教授胡忠、副教授李悦、教授徐立专长心梗，徐立是油田专家库签约教授</li>
-            <li>距离339公里有<b>西京医院、唐都医院、交大一附院、交大二附院</b>等，急救能力强，有油田签约教授，在征得医生意见后，可谨慎考虑前往</li>
-            <li>距离335公里有<b>油田应急就医服务中心</b>，可咨询就医，可帮助对以上应急医疗资源进行联系、协调，电话<b>02986565199</b></li>
-          </ol>
-        </div>
-      </div>
-
-      <!-- 地图右下角：图层切换 -->
-      <div class="map-layer">
-        <span class="map-layer__item active" onclick="switchMapLayer(this,'default')">默认地图</span>
-        <span class="map-layer__item" onclick="switchMapLayer(this,'satellite')">卫星地图</span>
-        <span class="map-layer__item" onclick="switchMapLayer(this,'standard')">标准地图</span>
-      </div>
-
-      <!-- 地图右下角：接听状态控制 -->
-      <div class="map-ctrl">
-        <div class="map-ctrl__row">
-          <span class="map-ctrl__label">当前接收状态</span>
-          <label class="map-ctrl__switch" title="切换接听状态">
-            <input type="checkbox" id="acceptSwitch" checked onchange="onAcceptSwitch(this.checked)">
-            <div class="map-ctrl__switch-track"></div>
-            <div class="map-ctrl__switch-thumb"></div>
-          </label>
-        </div>
-        <!-- [交互] 点击发起视频通话 -->
-        <button class="map-ctrl__btn" onclick="onVideoCall();event.stopPropagation();" title="视频通话">
-          <svg viewBox="0 0 16 16" fill="none"><path d="M1 4.5A1.5 1.5 0 012.5 3h7A1.5 1.5 0 0111 4.5v2.8l3.2-2.4a.5.5 0 01.8.4v5.4a.5.5 0 01-.8.4L11 8.7v2.8a1.5 1.5 0 01-1.5 1.5h-7A1.5 1.5 0 011 11.5v-7z" fill="currentColor"/></svg>
-          视频通话
-        </button>
-      </div>
-    </div>
-  </div>
-
-  <!-- 右侧面板 -->
-  <aside class="side">
-    <!-- 应急服务数据 -->
-    <div class="panel" style="flex-shrink:0;">
-      <div class="panel__header">
-        <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">应急服务数据</span>
-        <!-- [交互] 时间段切换：今日/近一周/近一月/近一年 -->
-        <select class="panel__header-select" onchange="switchPeriod(this.value)">
-          <option value="today" selected>今日</option>
-          <option value="week">近一周</option>
+        <span class="panel__header-title">应急事件统计</span>
+        <!-- [交互] 时间段切换：近一周/近一月/近一年 -->
+        <select class="panel__header-select" onchange="switchEmergencyStatPeriod(this.value)">
+          <option value="week" selected>近一周</option>
           <option value="month">近一月</option>
           <option value="year">近一年</option>
         </select>
       </div>
       <div class="panel__body">
         <div class="stat-grid">
-          <div class="stat-card">
+          <!-- [交互] 点击打开应急求助记录弹窗，并按“应急视频 + 当前时间段”筛选 -->
+          <div class="stat-card" onclick="openHelpRecordFromStat('应急视频');event.stopPropagation();">
             <div class="stat-card__num">45</div>
             <div class="stat-card__label">应急视频次数</div>
           </div>
-          <div class="stat-card">
+          <!-- [交互] 点击打开应急求助记录弹窗，并按“应急电话 + 当前时间段”筛选 -->
+          <div class="stat-card" onclick="openHelpRecordFromStat('应急电话');event.stopPropagation();">
             <div class="stat-card__num">128</div>
             <div class="stat-card__label">应急电话次数</div>
           </div>
-          <div class="stat-card stat-card--danger">
+          <!-- [交互] 点击打开应急求助记录弹窗，并按“拨打120 + 当前时间段”筛选 -->
+          <div class="stat-card stat-card--danger" onclick="openHelpRecordFromStat('拨打120');event.stopPropagation();">
             <div class="stat-card__num">23</div>
             <div class="stat-card__label">拨打120次数</div>
           </div>
-          <div class="stat-card stat-card--success">
+          <!-- [交互] 点击打开应急求助记录弹窗，并按“全部类型 + 当前时间段”筛选 -->
+          <div class="stat-card stat-card--success" onclick="openHelpRecordFromStat('');event.stopPropagation();">
             <div class="stat-card__num">3,562</div>
             <div class="stat-card__label">累计受理次数</div>
           </div>
@@ -1394,44 +1112,741 @@
       </div>
     </div>
 
-    <!-- 应急求助重点人员 -->
-    <div class="panel" style="flex-shrink:0;">
+    <!-- 人员现状监测（环形图） -->
+    <div class="panel panel--health-monitor" style="flex-shrink:0;">
       <div class="panel__header">
         <div class="panel__header-diamond"></div>
-        <span class="panel__header-title">应急重点人员</span>
-        <select class="panel__header-select" onchange="switchPeriod(this.value)">
-          <option value="today" selected>今日</option>
-          <option value="week">近一周</option>
+        <span class="panel__header-title">人员现状监测</span>
+      </div>
+      <div class="panel__body">
+        <div class="health-monitor">
+          <!-- 环形图：中心显示总人数，环状按5类人员占比划分 -->
+          <div class="health-monitor__chart">
+            <svg viewBox="0 0 240 240" aria-hidden="true">
+              <!-- 底环衬底 -->
+              <circle class="hm-ring hm-ring--bg" cx="120" cy="120" r="72"/>
+              <!-- 健康人员 9420 / 73.3% -->
+              <circle class="hm-ring hm-ring--seg" cx="120" cy="120" r="72" stroke="#52C41A"
+                      stroke-dasharray="331.5 120.9" stroke-dashoffset="0" transform="rotate(-90 120 120)"
+                      style="filter:drop-shadow(0 0 3px rgba(82,196,26,0.55));"/>
+              <!-- 慢病人员 1860 / 14.5% -->
+              <circle class="hm-ring hm-ring--seg" cx="120" cy="120" r="72" stroke="#FAAD14"
+                      stroke-dasharray="65.6 386.8" stroke-dashoffset="-331.5" transform="rotate(-90 120 120)"
+                      style="filter:drop-shadow(0 0 3px rgba(250,173,20,0.55));"/>
+              <!-- 指标异常 620 / 4.8% -->
+              <circle class="hm-ring hm-ring--seg" cx="120" cy="120" r="72" stroke="#00e5ff"
+                      stroke-dasharray="21.7 430.7" stroke-dashoffset="-397.1" transform="rotate(-90 120 120)"
+                      style="filter:drop-shadow(0 0 3px rgba(0,229,255,0.55));"/>
+              <!-- 大病人员 580 / 4.5% -->
+              <circle class="hm-ring hm-ring--seg" cx="120" cy="120" r="72" stroke="#FF4D4F"
+                      stroke-dasharray="20.4 432" stroke-dashoffset="-418.8" transform="rotate(-90 120 120)"
+                      style="filter:drop-shadow(0 0 3px rgba(255,77,79,0.55));"/>
+              <!-- 评估异常 376 / 2.9% -->
+              <circle class="hm-ring hm-ring--seg" cx="120" cy="120" r="72" stroke="#b37feb"
+                      stroke-dasharray="13.1 439.3" stroke-dashoffset="-439.2" transform="rotate(-90 120 120)"
+                      style="filter:drop-shadow(0 0 3px rgba(179,127,235,0.55));"/>
+              <!-- 环外人数标签：通过引导线错位排布，避免小比例数值堆积 -->
+              <polyline class="hm-label-line" points="184,178 197,186" stroke="#52C41A"/>
+              <polyline class="hm-label-line" points="48,94 36,91" stroke="#FAAD14"/>
+              <polyline class="hm-label-line" points="72,52 55,43 45,43" stroke="#00e5ff"/>
+              <polyline class="hm-label-line" points="94,42 102,29 111,29" stroke="#FF4D4F"/>
+              <polyline class="hm-label-line" points="112,39 151,26 166,26" stroke="#b37feb"/>
+              <text class="hm-value-label" x="204" y="190" fill="#52C41A" text-anchor="middle" dominant-baseline="middle">9,420</text>
+              <text class="hm-value-label" x="27" y="91" fill="#FAAD14" text-anchor="middle" dominant-baseline="middle">1,860</text>
+              <text class="hm-value-label" x="36" y="43" fill="#00e5ff" text-anchor="middle" dominant-baseline="middle">620</text>
+              <text class="hm-value-label" x="120" y="26" fill="#FF4D4F" text-anchor="middle" dominant-baseline="middle">580</text>
+              <text class="hm-value-label" x="181" y="26" fill="#b37feb" text-anchor="middle" dominant-baseline="middle">376</text>
+            </svg>
+            <div class="health-monitor__center">
+              <span class="health-monitor__center-label">总人数</span>
+              <span class="health-monitor__center-num">12,856</span>
+              <span class="health-monitor__center-unit">人</span>
+            </div>
+          </div>
+          <!-- 图例：色块 + 名称 -->
+          <div class="health-monitor__legend">
+            <div class="health-monitor__legend-item">
+              <span class="health-monitor__legend-dot" style="background:#52C41A;color:#52C41A;"></span>
+              <span class="health-monitor__legend-name">健康人员</span>
+            </div>
+            <div class="health-monitor__legend-item">
+              <span class="health-monitor__legend-dot" style="background:#FAAD14;color:#FAAD14;"></span>
+              <span class="health-monitor__legend-name">慢病人员</span>
+            </div>
+            <div class="health-monitor__legend-item">
+              <span class="health-monitor__legend-dot" style="background:#00e5ff;color:#00e5ff;"></span>
+              <span class="health-monitor__legend-name">指标异常</span>
+            </div>
+            <div class="health-monitor__legend-item">
+              <span class="health-monitor__legend-dot" style="background:#FF4D4F;color:#FF4D4F;"></span>
+              <span class="health-monitor__legend-name">大病人员</span>
+            </div>
+            <div class="health-monitor__legend-item">
+              <span class="health-monitor__legend-dot" style="background:#b37feb;color:#b37feb;"></span>
+              <span class="health-monitor__legend-name">评估异常</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </aside>
+
+  <!-- 中间地图 -->
+  <div class="center">
+    <!-- 地图容器 -->
+    <div class="map-wrap" id="mapWrap">
+      <!-- 资源Tab栏 —— 内嵌在地图顶部，每项含分类图标与数量 -->
+      <nav class="res-tabs">
+        <div class="res-tab active" onclick="switchTab(this,'all')">
+          <svg class="res-tab__icon res-tab__icon--all" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <rect x="2" y="2" width="5" height="5" rx="0.5"/>
+            <rect x="9" y="2" width="5" height="5" rx="0.5"/>
+            <rect x="2" y="9" width="5" height="5" rx="0.5"/>
+            <rect x="9" y="9" width="5" height="5" rx="0.5"/>
+          </svg>全部资源
+        </div>
+        <div class="res-tab" onclick="switchTab(this,'oilfield')">
+          <svg class="res-tab__icon res-tab__icon--oilfield" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M8 1.5C8 1.5 3 6.5 3 10C3 12.5 5 14.5 8 14.5C11 14.5 13 12.5 13 10C13 6.5 8 1.5 8 1.5Z"/>
+            <path d="M8 8.5v3M6.5 10h3"/>
+          </svg>油田医院<span class="res-tab__count">1</span>
+        </div>
+        <div class="res-tab" onclick="switchTab(this,'cooperative')">
+          <svg class="res-tab__icon res-tab__icon--cooperative" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="5.5" cy="8" r="3.5"/>
+            <circle cx="10.5" cy="8" r="3.5"/>
+          </svg>合作医院<span class="res-tab__count">1</span>
+        </div>
+        <div class="res-tab" onclick="switchTab(this,'local')">
+          <svg class="res-tab__icon res-tab__icon--local" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M2 14V5L8 2L14 5V14"/>
+            <path d="M2 14h12"/>
+            <path d="M8 7v3M6.5 8.5h3"/>
+          </svg>地方医院<span class="res-tab__count">2</span>
+        </div>
+        <div class="res-tab" onclick="switchTab(this,'clinic')">
+          <svg class="res-tab__icon res-tab__icon--clinic" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <rect x="1.5" y="4" width="13" height="9" rx="1"/>
+            <path d="M5 4V3a1 1 0 011-1h4a1 1 0 011 1v1"/>
+            <path d="M8 7v3M6.5 8.5h3"/>
+          </svg>医疗点<span class="res-tab__count">3</span>
+        </div>
+        <div class="res-tab" onclick="switchTab(this,'ambulance')">
+          <svg class="res-tab__icon res-tab__icon--ambulance" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M1.5 11V5a1 1 0 011-1h6a1 1 0 011 1v6"/>
+            <path d="M9.5 7H12.5L14.5 9v2H9.5"/>
+            <circle cx="4.5" cy="12" r="1.3"/>
+            <circle cx="11.5" cy="12" r="1.3"/>
+            <path d="M6 7v2M5 8h2"/>
+          </svg>救护车<span class="res-tab__count">2</span>
+        </div>
+        <div class="res-tab" onclick="switchTab(this,'aed')">
+          <svg class="res-tab__icon res-tab__icon--aed" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M8 13.5C8 13.5 1.5 9.5 1.5 5.5C1.5 3.6 3 2 5 2C6.2 2 7.3 2.7 8 3.7C8.7 2.7 9.8 2 11 2C13 2 14.5 3.6 14.5 5.5C14.5 9.5 8 13.5 8 13.5Z"/>
+            <path d="M8.5 5L6 9h2.5L7.5 12"/>
+          </svg>AED<span class="res-tab__count">2</span>
+        </div>
+        <div class="res-tab res-tab--plan" id="planTab" onclick="toggleRoutePlan(this)">
+          <span class="dot"></span>路径规划
+        </div>
+      </nav>
+
+      <!-- [交互] 路径规划面板：点击"路径规划"Tab 后在 Tab 栏下方展开 -->
+      <div class="plan-panel" id="planPanel">
+        <div class="plan-panel__field">
+          <label class="plan-panel__label plan-panel__label--start"><span class="dot"></span>起点</label>
+          <select class="plan-panel__select" id="planStart">
+            <option value="emp">当前位置</option>
+            <option value="clinic1">采油一厂医疗点</option>
+            <option value="clinic2">采油二厂医疗点</option>
+            <option value="clinic3">采油三厂医疗点</option>
+            <option value="hospital1">兴隆医院</option>
+            <option value="hospital2">宝石花医院</option>
+            <option value="hospital3">庆阳医院</option>
+            <option value="hospital4">高陵医院</option>
+            <option value="amb1">陕A·120-03</option>
+            <option value="amb2">陕A·120-01</option>
+            <option value="aed1">AED-001</option>
+            <option value="aed2">AED-002</option>
+          </select>
+        </div>
+        <div class="plan-panel__divider"></div>
+        <div class="plan-panel__field">
+          <label class="plan-panel__label plan-panel__label--end"><span class="dot"></span>终点</label>
+          <select class="plan-panel__select" id="planEnd">
+            <option value="emp">当前位置</option>
+            <option value="clinic1">采油一厂医疗点</option>
+            <option value="clinic2">采油二厂医疗点</option>
+            <option value="clinic3" selected>采油三厂医疗点</option>
+            <option value="hospital1">兴隆医院</option>
+            <option value="hospital2">宝石花医院</option>
+            <option value="hospital3">庆阳医院</option>
+            <option value="hospital4">高陵医院</option>
+            <option value="amb1">陕A·120-03</option>
+            <option value="amb2">陕A·120-01</option>
+            <option value="aed1">AED-001</option>
+            <option value="aed2">AED-002</option>
+          </select>
+        </div>
+        <div class="plan-panel__divider"></div>
+        <button class="plan-panel__btn" onclick="executeRoutePlan()">
+          <svg viewBox="0 0 16 16" fill="none"><path d="M2 13L6 9l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6" cy="9" r="1.6" fill="currentColor"/><circle cx="13" cy="6" r="1.6" fill="currentColor"/></svg>
+          路径规划
+        </button>
+        <button class="plan-panel__btn plan-panel__btn--ghost" onclick="clearRoutePlan()">
+          <svg viewBox="0 0 16 16" fill="none"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
+          清除
+        </button>
+      </div>
+
+      <!-- [交互] 路径规划信息卡片：规划完成后在地图右上角显示距离与用时 -->
+      <div class="plan-route-info" id="planRouteInfo">
+        <div class="plan-route-info__title">规划路线</div>
+        <div class="plan-route-info__row"><span>总距离</span><b id="planRouteDist">--</b></div>
+        <div class="plan-route-info__row"><span>预计用时</span><b id="planRouteTime">--</b></div>
+      </div>
+
+      <div class="map-bg"></div>
+      <!-- 道路 -->
+      <div class="map-road map-road--h" style="top:30%"></div>
+      <div class="map-road map-road--h" style="top:60%"></div>
+      <div class="map-road map-road--v" style="left:25%"></div>
+      <div class="map-road map-road--v" style="left:75%"></div>
+      <div class="map-road map-road--h" style="top:80%;opacity:0.5;"></div>
+      <div class="map-road map-road--v" style="left:50%;opacity:0.5;"></div>
+      <!-- 区域 -->
+      <div class="map-area" style="top:8%;left:5%;width:120px;height:70px;">兴隆医院</div>
+      <div class="map-area" style="top:65%;left:8%;width:140px;height:80px;">高陵医院</div>
+      <div class="map-area" style="top:10%;left:70%;width:130px;height:75px;">宝石花医院</div>
+      <div class="map-area" style="top:50%;left:55%;width:110px;height:65px;">庆阳医院</div>
+      <div class="map-area" style="top:35%;left:30%;width:100px;height:60px;">采油一厂</div>
+      <div class="map-area" style="top:40%;left:60%;width:100px;height:60px;">采油二厂</div>
+      <div class="map-area" style="top:75%;left:45%;width:110px;height:60px;">采油三厂</div>
+      <!-- 道路标签 -->
+      <div class="map-label" style="top:28%;left:35%;">CQ大道</div>
+      <div class="map-label" style="top:58%;left:10%;">能源北路</div>
+      <div class="map-label" style="top:48%;left:72%;">兴隆路</div>
+
+      <!-- 地图标记点 (默认全部显示) -->
+      <div class="map-marker" style="top:18%;left:12%;" data-type="oilfield" id="markerHospital" onclick="onMapMarkerClick(this,'oilfield');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
+        <div class="map-marker__label">兴隆医院</div>
+      </div>
+      <div class="map-marker" style="top:75%;left:15%;" data-type="local" onclick="onMapMarkerClick(this,'local-gaoling');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
+        <div class="map-marker__label">高陵医院</div>
+      </div>
+      <div class="map-marker" style="top:20%;left:75%;" data-type="cooperative" id="markerCooperative" onclick="onMapMarkerClick(this,'cooperative');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(114,46,209,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#722ED1" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
+        <div class="map-marker__label">宝石花医院</div>
+      </div>
+      <div class="map-marker" style="top:55%;left:60%;" data-type="local" id="markerLocal" onclick="onMapMarkerClick(this,'local');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(24,144,255,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#1890FF" stroke="#fff" stroke-width="1.5"/><circle cx="14" cy="13" r="4" fill="#fff"/></svg>
+        <div class="map-marker__label">庆阳医院</div>
+      </div>
+      <!-- 医疗点 -->
+      <div class="map-marker" style="top:38%;left:35%;" data-type="clinic" id="markerClinic" onclick="onMapMarkerClick(this,'clinic');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
+        <div class="map-marker__label">采油一厂医疗点</div>
+      </div>
+      <div class="map-marker" style="top:43%;left:65%;" data-type="clinic" onclick="onMapMarkerClick(this,'clinic-eryuan');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
+        <div class="map-marker__label">采油二厂医疗点</div>
+      </div>
+      <div class="map-marker" style="top:80%;left:50%;" data-type="clinic" onclick="onMapMarkerClick(this,'clinic-sanyuan');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(19,194,194,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#13C2C2" stroke="#fff" stroke-width="1.5"/><path d="M14 9v8M10 13h8" stroke="#fff" stroke-width="1.5"/></svg>
+        <div class="map-marker__label">采油三厂医疗点</div>
+      </div>
+      <!-- AED -->
+      <div class="map-marker" style="top:33%;left:28%;" data-type="aed" id="markerAed" onclick="onMapMarkerClick(this,'aed');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/><path d="M14 8l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z" fill="#fff"/></svg>
+        <div class="map-marker__label">AED-001</div>
+      </div>
+      <div class="map-marker" style="top:47%;left:68%;" data-type="aed" onclick="onMapMarkerClick(this,'aed-002');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(255,77,79,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.5"/><path d="M14 8l2 4 4 1-3 3 1 4-4-2-4 2 1-4-3-3 4-1z" fill="#fff"/></svg>
+        <div class="map-marker__label">AED-002</div>
+      </div>
+      <!-- 救护车 -->
+      <div class="map-marker" style="top:60%;left:35%;" data-type="ambulance" id="markerAmbulance" onclick="onMapMarkerClick(this,'ambulance');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/><rect x="8" y="10" width="12" height="6" rx="1" fill="#fff"/><path d="M10 13h2M16 13h2" stroke="#FAAD14" stroke-width="1.5"/></svg>
+        <div class="map-marker__label">陕A·120-03</div>
+      </div>
+      <div class="map-marker" style="top:25%;left:55%;" data-type="ambulance" onclick="onMapMarkerClick(this,'ambulance-001');event.stopPropagation();">
+        <div class="map-marker__pulse" style="background:rgba(250,173,20,0.2);"></div>
+        <svg class="map-marker__pin" viewBox="0 0 28 36" fill="none"><path d="M14 2C8 2 3 7 3 13c0 10 11 21 11 21s11-11 11-21c0-6-5-11-11-11z" fill="#FAAD14" stroke="#fff" stroke-width="1.5"/><rect x="8" y="10" width="12" height="6" rx="1" fill="#fff"/><path d="M10 13h2M16 13h2" stroke="#FAAD14" stroke-width="1.5"/></svg>
+        <div class="map-marker__label">陕A·120-01</div>
+      </div>
+
+
+      <!-- [急救路线] 员工当前位置标记 -->
+      <div class="emp-marker" id="empMarker" style="top:50%;left:50%;">
+        <div class="emp-marker__ripple"></div>
+        <svg class="emp-marker__pin" viewBox="0 0 32 40" fill="none">
+          <path d="M16 2C10 2 5 7 5 13c0 12 11 25 11 25s11-13 11-25c0-6-5-11-11-11z" fill="#FF4D4F" stroke="#fff" stroke-width="1.8"/>
+          <circle cx="16" cy="13" r="5" fill="#fff"/>
+          <circle cx="16" cy="13" r="3" fill="#FF4D4F"/>
+        </svg>
+        <div id="empInfoCard" class="emp-info-card">
+	          <div class="emp-info-card__header">告警详情</div>
+	          <div class="emp-info-card__grid">
+	            <div class="emp-info-card__item">
+	              <span class="emp-info-card__label">异常类型</span>
+	              <span class="emp-info-card__value">摔倒</span>
+	            </div>
+	            <div class="emp-info-card__item">
+	              <span class="emp-info-card__label">异常值</span>
+	              <span class="emp-info-card__value" style="color:var(--text-dim);">--</span>
+	            </div>
+	            <div class="emp-info-card__item">
+	              <span class="emp-info-card__label">告警时间</span>
+	              <span class="emp-info-card__value">2026-06-23 14:32:15</span>
+	            </div>
+	            <div class="emp-info-card__item">
+	              <span class="emp-info-card__label">员工姓名</span>
+	              <span class="emp-info-card__value">张建国</span>
+	            </div>
+	            <div class="emp-info-card__item">
+	              <span class="emp-info-card__label">单位部门</span>
+	              <span class="emp-info-card__value">采油一厂生产区</span>
+	            </div>
+	            <div class="emp-info-card__item emp-info-card__item--full">
+	              <span class="emp-info-card__label">详细地址</span>
+	              <span class="emp-info-card__value">采油一厂生产基地B区3号井组作业平台</span>
+	            </div>
+	          </div>
+	        </div>
+      </div>
+
+      <!-- [资源标记弹窗] 点击资源标记后显示 -->
+      <div class="marker-popup" id="markerPopup">
+        <div class="marker-popup__name" id="markerPopupName"></div>
+        <div class="marker-popup__cat" id="markerPopupCat"></div>
+        <div class="marker-popup__label">详细地址</div>
+        <div class="marker-popup__addr" id="markerPopupAddr"></div>
+        <div class="marker-popup__label">联系电话</div>
+        <div class="marker-popup__phone" id="markerPopupPhone"></div>
+        <!-- [交互] 仅在应急路线模式下显示，点击后 toast 提示 -->
+        <button class="marker-popup__dispatch" id="markerPopupDispatch" type="button" onclick="dispatchEmergencyNotice()">
+          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M2 4l5 4-5 4V4z"/>
+            <line x1="9" y1="4" x2="14" y2="4"/>
+            <line x1="9" y1="12" x2="14" y2="12"/>
+            <line x1="12" y1="8" x2="14" y2="8"/>
+          </svg>下发急救通知
+        </button>
+      </div>
+
+      <!-- [急救路线] SVG路线图层 -->
+      <svg class="route-svg" id="routeSvg" viewBox="0 0 100 100" preserveAspectRatio="none">
+        <!-- 油田医院：兴隆医院 -->
+        <line id="routeOilfield" x1="50" y1="50" x2="12" y2="18" stroke="#1890FF" stroke-width="0.3" stroke-dasharray="1.5 0.8" opacity="0"/>
+        <!-- 合作医院：宝石花医院 -->
+        <line id="routeCooperative" x1="50" y1="50" x2="75" y2="20" stroke="#722ED1" stroke-width="0.3" stroke-dasharray="1.5 0.8" opacity="0"/>
+        <!-- 地方医院：庆阳医院 -->
+        <line id="routeLocal" x1="50" y1="50" x2="60" y2="55" stroke="#1890FF" stroke-width="0.3" stroke-dasharray="2 1" opacity="0"/>
+        <!-- 医疗点：采油一厂医疗点 -->
+        <line id="routeClinic" x1="50" y1="50" x2="35" y2="38" stroke="#13C2C2" stroke-width="0.3" stroke-dasharray="1 0.8" opacity="0"/>
+        <!-- 救护车：陕A·120-03 -->
+        <line id="routeAmbulance" x1="50" y1="50" x2="35" y2="60" stroke="#FAAD14" stroke-width="0.3" stroke-dasharray="1.2 0.8" opacity="0"/>
+        <!-- AED：AED-001 -->
+        <line id="routeAed" x1="50" y1="50" x2="28" y2="33" stroke="#FF4D4F" stroke-width="0.3" stroke-dasharray="0.8 0.8" opacity="0"/>
+      </svg>
+
+      <!-- [急救路线] 右侧资源信息面板 -->
+      <div class="route-panel" id="routePanel">
+        <div class="route-panel__title">距离最近资源</div>
+        <!-- [交互] 点击某个资源后在地图上显示对应路线和标记 -->
+        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('oilfield')" data-route="oilfield">
+          <div class="route-panel__dot" style="background:#1890FF;box-shadow:0 0 6px rgba(24,144,255,0.5);"></div>
+          <div class="route-panel__info">
+            <div class="route-panel__name">兴隆医院 <span class="route-panel__cat">油田医院</span></div>
+            <div class="route-panel__meta"><span>2.4 km</span><span>约8分钟</span></div>
+          </div>
+        </div>
+        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('cooperative')" data-route="cooperative">
+          <div class="route-panel__dot" style="background:#722ED1;box-shadow:0 0 6px rgba(114,46,209,0.5);"></div>
+          <div class="route-panel__info">
+            <div class="route-panel__name">宝石花医院 <span class="route-panel__cat">合作医院</span></div>
+            <div class="route-panel__meta"><span>5.2 km</span><span>约15分钟</span></div>
+          </div>
+        </div>
+        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('local')" data-route="local">
+          <div class="route-panel__dot" style="background:transparent;border:1.5px dashed #1890FF;box-shadow:0 0 6px rgba(24,144,255,0.3);"></div>
+          <div class="route-panel__info">
+            <div class="route-panel__name">庆阳医院 <span class="route-panel__cat">地方医院</span></div>
+            <div class="route-panel__meta"><span>3.6 km</span><span>约11分钟</span></div>
+          </div>
+        </div>
+        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('clinic')" data-route="clinic">
+          <div class="route-panel__dot" style="background:#13C2C2;box-shadow:0 0 6px rgba(19,194,194,0.5);"></div>
+          <div class="route-panel__info">
+            <div class="route-panel__name">采油一厂医疗点 <span class="route-panel__cat">医疗点</span></div>
+            <div class="route-panel__meta"><span>0.3 km</span><span>约1分钟</span></div>
+          </div>
+        </div>
+        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('ambulance')" data-route="ambulance">
+          <div class="route-panel__dot" style="background:#FAAD14;box-shadow:0 0 6px rgba(250,173,20,0.5);"></div>
+          <div class="route-panel__info">
+            <div class="route-panel__name">陕A·120-03 <span class="route-panel__cat">救护车</span></div>
+            <div class="route-panel__meta"><span>2.2 km</span><span>约7分钟</span></div>
+          </div>
+        </div>
+        <div class="route-panel__item route-panel__item--clickable" onclick="selectRoute('aed')" data-route="aed">
+          <div class="route-panel__dot" style="background:#FF4D4F;box-shadow:0 0 6px rgba(255,77,79,0.5);"></div>
+          <div class="route-panel__info">
+            <div class="route-panel__name">AED-001 <span class="route-panel__cat">AED</span></div>
+            <div class="route-panel__meta"><span>0.5 km</span><span>约2分钟</span></div>
+          </div>
+        </div>
+      </div>
+
+      <!-- [急救提示书] 右侧抽屉面板 -->
+      <div class="guide-panel" id="guidePanel">
+        <div class="guide-panel__header">
+          <span class="guide-panel__title">急救提示书</span>
+          <span class="guide-panel__close" onclick="closeGuidePanel()">&times;</span>
+        </div>
+        <div class="guide-panel__body">
+          <ol>
+            <li>心率与血氧异常，<b>可能是心梗前期</b></li>
+            <li><b>立即停止活动，平躺</b>减少能量和氧气消耗</li>
+            <li>如有症状发生请<b>立即拨打120</b></li>
+            <li>请准备<b>硝酸甘油</b>准备服用</li>
+            <li>距离350米处有<b>AED</b>可用，电话<b>15698987876</b></li>
+            <li>距离580米处有<b>急救包</b>可用，电话<b>12569869896</b></li>
+            <li>距离8.5公里处有<b>救护车</b>，电话<b>13656956688</b>，<b>15分钟可赶来</b></li>
+            <li>距离8.5公里处有<b>医疗点</b>，电话<b>15698963656</b>，<b>15分钟可赶来</b></li>
+            <li>距离18公里处有<b>庆城县医院</b>，救护车来回约45分钟，该医院内科李晓涛医生、王开来医生较为专长</li>
+            <li>距离52公里处有<b>庆阳市医院</b>，救护车来回约75分钟，该医院心梗急救能力强，教授胡忠、副教授李悦、教授徐立专长心梗，徐立是油田专家库签约教授</li>
+            <li>距离339公里有<b>西京医院、唐都医院、交大一附院、交大二附院</b>等，急救能力强，有油田签约教授，在征得医生意见后，可谨慎考虑前往</li>
+            <li>距离335公里有<b>油田应急就医服务中心</b>，可咨询就医，可帮助对以上应急医疗资源进行联系、协调，电话<b>02986565199</b></li>
+          </ol>
+        </div>
+      </div>
+
+      <!-- 地图右上角：图层切换，点击图标后展开图层卡片 -->
+      <div class="map-layer" id="mapLayer" onclick="event.stopPropagation();">
+        <button class="map-layer__trigger" type="button" onclick="toggleMapLayerPanel();event.stopPropagation();" title="图层切换" aria-label="图层切换">
+          <svg viewBox="0 0 18 18" fill="none" aria-hidden="true"><path d="M9 2.2 15.2 5.4 9 8.6 2.8 5.4 9 2.2Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/><path d="M4.1 8.1 9 10.6l4.9-2.5M4.1 10.8 9 13.3l4.9-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
+        </button>
+        <div class="map-layer__panel">
+          <span class="map-layer__item active" onclick="switchMapLayer(this,'default')">默认地图</span>
+          <span class="map-layer__item" onclick="switchMapLayer(this,'satellite')">卫星地图</span>
+          <span class="map-layer__item" onclick="switchMapLayer(this,'standard')">标准地图</span>
+        </div>
+      </div>
+
+      <!-- 地图右下角：接听状态控制 -->
+      <div class="map-ctrl">
+        <div class="map-ctrl__row">
+          <span class="map-ctrl__label">当前接收状态</span>
+          <label class="map-ctrl__switch" title="切换接听状态">
+            <input type="checkbox" id="acceptSwitch" checked onchange="onAcceptSwitch(this.checked)">
+            <div class="map-ctrl__switch-track"></div>
+            <div class="map-ctrl__switch-thumb"></div>
+          </label>
+        </div>
+        <!-- [交互] 点击发起视频通话 -->
+        <button class="map-ctrl__btn" onclick="onVideoCall();event.stopPropagation();" title="视频通话">
+          <svg viewBox="0 0 16 16" fill="none"><path d="M1 4.5A1.5 1.5 0 012.5 3h7A1.5 1.5 0 0111 4.5v2.8l3.2-2.4a.5.5 0 01.8.4v5.4a.5.5 0 01-.8.4L11 8.7v2.8a1.5 1.5 0 01-1.5 1.5h-7A1.5 1.5 0 011 11.5v-7z" fill="currentColor"/></svg>
+          视频通话
+        </button>
+      </div>
+
+      <!-- [交互] 路径规划 SVG 层：独立于急救路线，绘制规划路径与起终点标记 -->
+      <svg class="plan-route-svg" id="planRouteSvg" viewBox="0 0 100 100" preserveAspectRatio="none">
+        <path class="plan-route-path" id="planRoutePath" d="" opacity="0"/>
+        <circle class="plan-endpoint" id="planStartDot" cx="0" cy="0" r="1.2" fill="#52C41A" opacity="0"/>
+        <circle class="plan-endpoint" id="planEndDot" cx="0" cy="0" r="1.2" fill="#FF4D4F" opacity="0"/>
+      </svg>
+
+      <!-- [交互] 资源统计胶囊：点击医疗点/救护车/AED Tab 后在地图底部居中悬浮显示 -->
+      <div class="res-stat-row" id="resStatRow">
+        <div class="res-stat-card">
+          <div class="res-stat-card__icon" id="resStatIcon1"></div>
+          <div class="res-stat-card__body">
+            <div class="res-stat-card__num" id="resStatNum1">--</div>
+            <div class="res-stat-card__label" id="resStatLabel1">--</div>
+          </div>
+        </div>
+        <div class="res-stat-card">
+          <div class="res-stat-card__icon" id="resStatIcon2"></div>
+          <div class="res-stat-card__body">
+            <div class="res-stat-card__num" id="resStatNum2">--</div>
+            <div class="res-stat-card__label" id="resStatLabel2">--</div>
+          </div>
+        </div>
+        <div class="res-stat-card">
+          <div class="res-stat-card__icon" id="resStatIcon3"></div>
+          <div class="res-stat-card__body">
+            <div class="res-stat-card__num" id="resStatNum3">--</div>
+            <div class="res-stat-card__label" id="resStatLabel3">--</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 底部统计卡片栏 -->
+    <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">128<unit>次</unit></div>
+          <div class="top-stat-card__label">今日应急求助总数 <span class="top-stat-card__trend top-stat-card__trend--up">↑12%</span></div>
+        </div>
+      </div>
+      <!-- 今日待处理应急数 -->
+      <div class="top-stat-card top-stat-card--warning">
+        <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--success">
+        <div class="top-stat-card__body">
+          <div class="top-stat-card__num">4'32"<unit></unit></div>
+          <div class="top-stat-card__label">今日平均响应时长 <span class="top-stat-card__trend top-stat-card__trend--down">↓8%</span></div>
+        </div>
+      </div>
+      <!-- 今日告警次数 -->
+      <div class="top-stat-card top-stat-card--danger">
+        <div class="top-stat-card__body">
+          <div class="top-stat-card__num">35<unit>次</unit></div>
+          <div class="top-stat-card__label">今日告警次数</div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 右侧面板 -->
+  <aside class="side">
+    <!-- 穿戴告警分布（筛选 + 指标切换 + 图表） -->
+    <div class="panel panel--wearable-dist" style="flex-shrink:0;">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">穿戴告警分布</span>
+        <!-- [交互] 切换时间范围后刷新当前检测指标的区间分布 -->
+        <select class="panel__header-select" id="wearableRangeSelect" onchange="updateWearableDistribution()">
+          <option value="today">今日</option>
+          <option value="week" selected>近一周</option>
           <option value="month">近一月</option>
           <option value="year">近一年</option>
         </select>
       </div>
       <div class="panel__body">
-        <div class="help-person-list">
-          <div class="help-person-item">
-            <span class="help-person-item__name">张建国</span>
-            <span class="help-person-item__dept">采油一厂生产区</span>
-            <span class="help-person-item__count">求助次数：<b>18</b>次</span>
+        <div class="wearable-dist">
+          <div class="wearable-dist__tabs" id="wearableMetricTabs">
+            <!-- [交互] 点击切换检测指标；睡眠指标展示深睡/浅睡双柱状图，其余指标展示环形区间分布 -->
+            <button class="wearable-dist__tab active" data-metric="heart" onclick="switchWearableMetric(this,'heart')">心率</button>
+            <button class="wearable-dist__tab" data-metric="spo2" onclick="switchWearableMetric(this,'spo2')">血氧</button>
+            <button class="wearable-dist__tab" data-metric="pressure" onclick="switchWearableMetric(this,'pressure')">压力</button>
+            <button class="wearable-dist__tab" data-metric="temp" onclick="switchWearableMetric(this,'temp')">体温</button>
+            <button class="wearable-dist__tab" data-metric="sleep" onclick="switchWearableMetric(this,'sleep')">睡眠</button>
+            <button class="wearable-dist__tab" data-metric="steps" onclick="switchWearableMetric(this,'steps')">步数</button>
           </div>
-          <div class="help-person-item">
-            <span class="help-person-item__name">李明辉</span>
-            <span class="help-person-item__dept">采油二厂设备区</span>
-            <span class="help-person-item__count">求助次数：<b>15</b>次</span>
+          <div class="wearable-chart" id="wearableChart"></div>
+        </div>
+      </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="openAlarmRecordModal();event.stopPropagation();">查看更多</span>
+      </div>
+      <div class="panel__body" style="overflow:hidden;padding:0;">
+        <div class="alarm-list">
+          <div class="alarm-list__track" id="alarmTrack">
+            <!-- [内容] 告警事件列表，自动上下滚动 -->
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--fall">摔倒</span>
+                <span class="alarm-item__time">2026-06-23 14:32:15</span>
+                <span class="alarm-item__value"></span>
+              </div>
+              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
+                <span class="alarm-item__time">2026-06-23 14:28:03</span>
+                <span class="alarm-item__value">142 bpm</span>
+              </div>
+              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
+                <span class="alarm-item__time">2026-06-23 14:15:47</span>
+                <span class="alarm-item__value">89%</span>
+              </div>
+              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--sos">一键告警</span>
+                <span class="alarm-item__time">2026-06-23 13:58:22</span>
+                <span class="alarm-item__value"></span>
+              </div>
+              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--bp">压力异常</span>
+                <span class="alarm-item__time">2026-06-23 13:42:10</span>
+                <span class="alarm-item__value">180/110 mmHg</span>
+              </div>
+              <div class="alarm-item__desc">陈晓东 · 男 · 41岁 · 采油一厂维修队</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--temp">体温异常</span>
+                <span class="alarm-item__time">2026-06-23 13:20:35</span>
+                <span class="alarm-item__value">38.5°C</span>
+              </div>
+              <div class="alarm-item__desc">刘雪梅 · 女 · 36岁 · 采油二厂行政楼</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
+                <span class="alarm-item__time">2026-06-23 12:55:08</span>
+                <span class="alarm-item__value">156 bpm</span>
+              </div>
+              <div class="alarm-item__desc">孙志强 · 男 · 47岁 · 高陵医院后勤</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
+                <span class="alarm-item__time">2026-06-23 12:38:41</span>
+                <span class="alarm-item__value">91%</span>
+              </div>
+              <div class="alarm-item__desc">周丽华 · 女 · 33岁 · 宝石花医院护理部</div>
+            </div>
+            <!-- 重复一份用于无缝滚动 -->
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--fall">摔倒</span>
+                <span class="alarm-item__time">2026-06-23 14:32:15</span>
+                <span class="alarm-item__value"></span>
+              </div>
+              <div class="alarm-item__desc">张建国 · 男 · 52岁 · 采油一厂生产区</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--heart">心率异常</span>
+                <span class="alarm-item__time">2026-06-23 14:28:03</span>
+                <span class="alarm-item__value">142 bpm</span>
+              </div>
+              <div class="alarm-item__desc">李明辉 · 男 · 38岁 · 采油二厂设备区</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--spo2">血氧异常</span>
+                <span class="alarm-item__time">2026-06-23 14:15:47</span>
+                <span class="alarm-item__value">89%</span>
+              </div>
+              <div class="alarm-item__desc">王芳 · 女 · 45岁 · 公司机关办公楼</div>
+            </div>
+            <div class="alarm-item">
+              <div class="alarm-item__header">
+                <span class="alarm-item__type-tag alarm-item__type-tag--sos">一键告警</span>
+                <span class="alarm-item__time">2026-06-23 13:58:22</span>
+                <span class="alarm-item__value"></span>
+              </div>
+              <div class="alarm-item__desc">赵刚 · 男 · 29岁 · 采油三厂调度室</div>
+            </div>
           </div>
-          <div class="help-person-item">
-            <span class="help-person-item__name">王芳</span>
-            <span class="help-person-item__dept">公司机关办公楼</span>
-            <span class="help-person-item__count">求助次数：<b>12</b>次</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- AI智能预警分析 -->
+    <div class="panel panel--ai-analysis" style="flex-shrink:0;" id="aiPanel">
+      <div class="panel__header">
+        <div class="panel__header-diamond"></div>
+        <span class="panel__header-title">AI智能预警分析</span>
+        <!-- [交互] 点击查看更多，打开心脑血管预警记录弹窗 -->
+        <span class="panel__header-link" onclick="openCvRecordModal();event.stopPropagation();">历史记录</span>
+      </div>
+      <div class="panel__body">
+        <div class="ai-analysis">
+          <!-- [内容] 当前 AI 预警总体态势 -->
+          <div class="ai-analysis__summary">
+            <div class="ai-analysis__metric">
+              <div class="ai-analysis__metric-num">20</div>
+              <div class="ai-analysis__metric-label">今日预警</div>
+            </div>
+            <div class="ai-analysis__metric ai-analysis__metric--danger">
+              <div class="ai-analysis__metric-num">3</div>
+              <div class="ai-analysis__metric-label">高危人数</div>
+            </div>
+            <div class="ai-analysis__metric ai-analysis__metric--warning">
+              <div class="ai-analysis__metric-num">+12%</div>
+              <div class="ai-analysis__metric-label">较昨日</div>
+            </div>
           </div>
-          <div class="help-person-item">
-            <span class="help-person-item__name">孙志强</span>
-            <span class="help-person-item__dept">高陵医院后勤</span>
-            <span class="help-person-item__count">求助次数：<b>10</b>次</span>
+
+          <!-- [内容] 疾病类型 × 风险等级堆叠柱状图 -->
+          <div class="ai-analysis__section-head">
+            <b>预警分布</b>
+            <span>按疾病类型/风险等级</span>
           </div>
-          <div class="help-person-item">
-            <span class="help-person-item__name">赵刚</span>
-            <span class="help-person-item__dept">采油三厂调度室</span>
-            <span class="help-person-item__count">求助次数：<b>8</b>次</span>
+          <div class="ai-risk-chart">
+            <div class="ai-risk-col">
+              <div class="ai-risk-stack" title="心梗：高危1、中危2、低危3">
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--high" style="height:12px;"></span>
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--mid" style="height:24px;"></span>
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--low" style="height:36px;"></span>
+              </div>
+              <div class="ai-risk-col__name">心梗</div>
+              <div class="ai-risk-col__count">6</div>
+            </div>
+            <div class="ai-risk-col">
+              <div class="ai-risk-stack" title="脑梗：高危1、中危1、低危4">
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--high" style="height:12px;"></span>
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--mid" style="height:12px;"></span>
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--low" style="height:48px;"></span>
+              </div>
+              <div class="ai-risk-col__name">脑梗</div>
+              <div class="ai-risk-col__count">6</div>
+            </div>
+            <div class="ai-risk-col">
+              <div class="ai-risk-stack" title="脑出血：高危1、中危1、低危2">
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--high" style="height:12px;"></span>
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--mid" style="height:12px;"></span>
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--low" style="height:24px;"></span>
+              </div>
+              <div class="ai-risk-col__name">脑出血</div>
+              <div class="ai-risk-col__count">4</div>
+            </div>
+            <div class="ai-risk-col">
+              <div class="ai-risk-stack" title="猝死：高危0、中危1、低危3">
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--mid" style="height:12px;"></span>
+                <span class="ai-risk-stack__seg ai-risk-stack__seg--low" style="height:36px;"></span>
+              </div>
+              <div class="ai-risk-col__name">猝死</div>
+              <div class="ai-risk-col__count">4</div>
+            </div>
+          </div>
+
+          <div class="ai-analysis__legend">
+            <span><i style="background:var(--danger);color:var(--danger);"></i>高危 3</span>
+            <span><i style="background:var(--warning);color:var(--warning);"></i>中危 5</span>
+            <span><i style="background:var(--primary);color:var(--primary);"></i>低危 12</span>
           </div>
         </div>
       </div>
@@ -1504,7 +1919,7 @@
 
       <div class="modal__actions">
         <button class="modal__btn modal__btn--route" onclick="openEmergencyRouteFromAlarmModal()">急救路线</button>
-        <button class="modal__btn modal__btn--primary" onclick="closeAlarmModal()">确定</button>
+        <button class="modal__btn modal__btn--primary" onclick="closeAlarmModal()">关闭</button>
       </div>
     </div>
   </div>
@@ -1575,7 +1990,7 @@
 
       <div class="modal__actions">
         <button class="modal__btn modal__btn--route" onclick="openEmergencyRouteFromHelpModal()">急救路线</button>
-        <button class="modal__btn modal__btn--primary" onclick="closeHelpModal()">确定</button>
+        <button class="modal__btn modal__btn--primary" onclick="closeHelpModal()">关闭</button>
       </div>
     </div>
   </div>
@@ -1588,7 +2003,7 @@
       <div class="modal__header-icon" style="background:rgba(114,46,209,0.15);color:#b37feb;">
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
       </div>
-      <span class="modal__title">心脑血管预警(AI)</span>
+      <span class="modal__title">AI智能预警</span>
     </div>
     <div class="modal__body">
       <!-- [内容] 顶部提示文字 -->
@@ -1650,7 +2065,83 @@
 
       <div class="modal__actions">
         <button class="modal__btn modal__btn--guide-cv" onclick="openEmergencyGuideFromCvModal()">急救提示书</button>
-        <button class="modal__btn modal__btn--primary" onclick="closeCvModal()">确定</button>
+        <button class="modal__btn modal__btn--primary" onclick="closeCvModal()">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- [弹窗] 视频通话 - 选择加入的应急中心 -->
+<div class="modal-overlay" id="videoCallModal" style="display:none;" onclick="closeVideoCallModal()">
+  <div class="modal vc-modal" onclick="event.stopPropagation();">
+    <div class="modal__header">
+      <div class="modal__header-icon" style="background:rgba(24,144,255,0.15);color:var(--primary);">
+        <svg viewBox="0 0 16 16" width="16" height="16" fill="none"><path d="M1 4.5A1.5 1.5 0 012.5 3h7A1.5 1.5 0 0111 4.5v2.8l3.2-2.4a.5.5 0 01.8.4v5.4a.5.5 0 01-.8.4L11 8.7v2.8a1.5 1.5 0 01-1.5 1.5h-7A1.5 1.5 0 011 11.5v-7z" fill="currentColor"/></svg>
+      </div>
+      <span class="modal__title">发起视频通话</span>
+      <span class="modal__close" onclick="closeVideoCallModal()">&times;</span>
+    </div>
+    <div class="modal__body">
+      <div class="vc-hint">请选择需要加入本次视频通话的应急中心（可多选），<b>仅在线</b>的中心可加入通话。</div>
+      <div class="vc-grid" id="vcGrid">
+        <!-- 救场应急中心 · 在线 -->
+        <div class="vc-card vc-card--selected" data-name="救场应急中心" data-online="1" onclick="toggleVcCard(this)">
+          <div class="vc-card__row">
+            <span class="vc-card__name">救场应急中心</span>
+            <span class="vc-card__status vc-card__status--online"><span class="vc-card__dot vc-card__dot--online"></span>在线</span>
+          </div>
+          <div class="vc-card__meta"><span>值班负责人：<b>李志强</b></span></div>
+          <span class="vc-card__check"><svg viewBox="0 0 12 12" fill="none"><path d="M2.5 6.2l2.3 2.3L9.5 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
+        </div>
+        <!-- 标准应急中心 · 在线 -->
+        <div class="vc-card vc-card--selected" data-name="标准应急中心" data-online="1" onclick="toggleVcCard(this)">
+          <div class="vc-card__row">
+            <span class="vc-card__name">标准应急中心</span>
+            <span class="vc-card__status vc-card__status--online"><span class="vc-card__dot vc-card__dot--online"></span>在线</span>
+          </div>
+          <div class="vc-card__meta"><span>值班负责人：<b>王建华</b></span></div>
+          <span class="vc-card__check"><svg viewBox="0 0 12 12" fill="none"><path d="M2.5 6.2l2.3 2.3L9.5 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
+        </div>
+        <!-- 长庆油田应急中心 · 忙碌 -->
+        <div class="vc-card" data-name="长庆油田应急中心" data-online="1" data-busy="1" onclick="toggleVcCard(this)">
+          <div class="vc-card__row">
+            <span class="vc-card__name">长庆油田应急中心</span>
+            <span class="vc-card__status vc-card__status--busy"><span class="vc-card__dot vc-card__dot--busy"></span>忙碌</span>
+          </div>
+          <div class="vc-card__meta"><span>值班负责人：<b>赵明</b></span></div>
+          <span class="vc-card__check"><svg viewBox="0 0 12 12" fill="none"><path d="M2.5 6.2l2.3 2.3L9.5 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
+        </div>
+        <!-- 延安应急中心 · 离线 -->
+        <div class="vc-card vc-card--offline" data-name="延安应急中心" data-online="0" onclick="toggleVcCard(this)">
+          <div class="vc-card__row">
+            <span class="vc-card__name">延安应急中心</span>
+            <span class="vc-card__status vc-card__status--offline"><span class="vc-card__dot vc-card__dot--offline"></span>离线</span>
+          </div>
+          <div class="vc-card__meta"><span>值班负责人：<b>陈昊</b></span></div>
+          <span class="vc-card__lock"><svg viewBox="0 0 12 12" fill="none"><path d="M3.5 5V4a2.5 2.5 0 015 0v1M3 5h6v4.5H3V5z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
+        </div>
+        <!-- 庆阳应急中心 · 在线 -->
+        <div class="vc-card" data-name="庆阳应急中心" data-online="1" onclick="toggleVcCard(this)">
+          <div class="vc-card__row">
+            <span class="vc-card__name">庆阳应急中心</span>
+            <span class="vc-card__status vc-card__status--online"><span class="vc-card__dot vc-card__dot--online"></span>在线</span>
+          </div>
+          <div class="vc-card__meta"><span>值班负责人：<b>刘文博</b></span></div>
+          <span class="vc-card__check"><svg viewBox="0 0 12 12" fill="none"><path d="M2.5 6.2l2.3 2.3L9.5 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
+        </div>
+        <!-- 榆林应急中心 · 在线 -->
+        <div class="vc-card" data-name="榆林应急中心" data-online="1" onclick="toggleVcCard(this)">
+          <div class="vc-card__row">
+            <span class="vc-card__name">榆林应急中心</span>
+            <span class="vc-card__status vc-card__status--online"><span class="vc-card__dot vc-card__dot--online"></span>在线</span>
+          </div>
+          <div class="vc-card__meta"><span>值班负责人：<b>孙鹏</b></span></div>
+          <span class="vc-card__check"><svg viewBox="0 0 12 12" fill="none"><path d="M2.5 6.2l2.3 2.3L9.5 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
+        </div>
+      </div>
+      <div class="modal__actions">
+        <button class="modal__btn" onclick="closeVideoCallModal()">取消</button>
+        <button class="modal__btn modal__btn--primary" onclick="confirmVideoCall()">发起通话</button>
       </div>
     </div>
   </div>
@@ -2152,33 +2643,34 @@ var currentEventData=null;  /* {type:"alarm"|"help", fields...} */
 
 /* ========== 地图资源标记弹窗 ========== */
 var RESOURCE_INFO={
-  'oilfield':       {name:'兴隆医院',    cat:'油田医院',catColor:'#1890FF',addr:'西安市高陵区兴隆路88号兴隆医院门诊楼'},
-  'local-gaoling':  {name:'高陵医院',    cat:'地方医院',catColor:'#1890FF',addr:'西安市高陵区能源北路32号高陵医院住院部'},
-  'cooperative':    {name:'宝石花医院',  cat:'合作医院',catColor:'#722ED1',addr:'西安市高陵区宝石花大道126号宝石花医院综合楼'},
-  'local':          {name:'庆阳医院',    cat:'地方医院',catColor:'#1890FF',addr:'甘肃省庆阳市庆城县北大街55号庆阳医院急诊楼'},
-  'clinic':         {name:'采油一厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油一厂生产基地综合楼1层医疗点'},
-  'clinic-eryuan':  {name:'采油二厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油二厂生产基地综合楼1层医疗点'},
-  'clinic-sanyuan': {name:'采油三厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油三厂生产基地综合楼1层医疗点'},
-  'aed':            {name:'AED-001',     cat:'AED设备',catColor:'#FF4D4F',addr:'采油一厂生产区B区办公楼大厅东侧走廊'},
-  'aed-002':        {name:'AED-002',     cat:'AED设备',catColor:'#FF4D4F',addr:'采油二厂设备区主控楼1层大厅入口处'},
-  'ambulance':      {name:'陕A·120-03',  cat:'救护车',catColor:'#FAAD14',addr:'兴隆医院急救站停车场，24小时待命'},
-  'ambulance-001':  {name:'陕A·120-01',  cat:'救护车',catColor:'#FAAD14',addr:'宝石花医院急救站停车场，24小时待命'}
+  'oilfield':       {name:'兴隆医院',    cat:'油田医院',catColor:'#1890FF',addr:'西安市高陵区兴隆路88号兴隆医院门诊楼',phone:'029-8696 5120'},
+  'local-gaoling':  {name:'高陵医院',    cat:'地方医院',catColor:'#1890FF',addr:'西安市高陵区能源北路32号高陵医院住院部',phone:'029-8602 0120'},
+  'cooperative':    {name:'宝石花医院',  cat:'合作医院',catColor:'#722ED1',addr:'西安市高陵区宝石花大道126号宝石花医院综合楼',phone:'029-8671 9120'},
+  'local':          {name:'庆阳医院',    cat:'地方医院',catColor:'#1890FF',addr:'甘肃省庆阳市庆城县北大街55号庆阳医院急诊楼',phone:'0934-3212 0120'},
+  'clinic':         {name:'采油一厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油一厂生产基地综合楼1层医疗点',phone:'029-8696 8001'},
+  'clinic-eryuan':  {name:'采油二厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油二厂生产基地综合楼1层医疗点',phone:'029-8696 8002'},
+  'clinic-sanyuan': {name:'采油三厂医疗点',cat:'医疗点',catColor:'#13C2C2',addr:'采油三厂生产基地综合楼1层医疗点',phone:'029-8696 8003'},
+  'aed':            {name:'AED-001',     cat:'AED设备',catColor:'#FF4D4F',addr:'采油一厂生产区B区办公楼大厅东侧走廊',phone:'138 9192 0086'},
+  'aed-002':        {name:'AED-002',     cat:'AED设备',catColor:'#FF4D4F',addr:'采油二厂设备区主控楼1层大厅入口处',phone:'138 9192 0087'},
+  'ambulance':      {name:'陕A·120-03',  cat:'救护车',catColor:'#FAAD14',addr:'兴隆医院急救站停车场，24小时待命',phone:'189 9120 6603'},
+  'ambulance-001':  {name:'陕A·120-01',  cat:'救护车',catColor:'#FAAD14',addr:'宝石花医院急救站停车场，24小时待命',phone:'189 9120 6601'}
 };
 
 function onMapMarkerClick(el, key){
   var routePanel=document.getElementById('routePanel');
   var inRouteMode=routePanel&&routePanel.classList.contains('route-panel--show');
-  /* 急救路线模式下保持原有路线选择逻辑 */
+  /* 急救路线模式下：保留路线选择逻辑，并展示资源详情卡（含下发急救通知按钮） */
   if(inRouteMode&&ROUTE_MAP[key]){
     selectRoute(key);
+    showResourcePopup(el, key, true);
     return;
   }
-  /* 普通模式：隐藏所有路线，显示资源弹窗 */
+  /* 普通模式：隐藏所有路线，显示资源弹窗（不带下发按钮） */
   hideAllRoutes();
-  showResourcePopup(el, key);
+  showResourcePopup(el, key, false);
 }
 
-function showResourcePopup(el, key){
+function showResourcePopup(el, key, withDispatch){
   var info=RESOURCE_INFO[key];
   if(!info)return;
   var popup=document.getElementById('markerPopup');
@@ -2194,12 +2686,53 @@ function showResourcePopup(el, key){
   document.getElementById('markerPopupName').textContent=info.name;
   document.getElementById('markerPopupCat').innerHTML='<span style="background:'+info.catColor+';box-shadow:0 0 6px '+info.catColor+';"></span>'+info.cat;
   document.getElementById('markerPopupAddr').textContent=info.addr;
+  document.getElementById('markerPopupPhone').textContent=info.phone||'--';
+  /* 下发急救通知按钮：仅应急路线模式下显示 */
+  var dispatchBtn=document.getElementById('markerPopupDispatch');
+  if(dispatchBtn){
+    dispatchBtn.classList.toggle('marker-popup__dispatch--show', !!withDispatch);
+    /* 记录当前资源类型，供 dispatchEmergencyNotice 使用 */
+    dispatchBtn.setAttribute('data-res-key', key);
+  }
   popup.classList.add('marker-popup--show');
 }
 
 function hideResourcePopup(){
   var popup=document.getElementById('markerPopup');
   if(popup)popup.classList.remove('marker-popup--show');
+  /* 同步隐藏下发急救通知按钮 */
+  var dispatchBtn=document.getElementById('markerPopupDispatch');
+  if(dispatchBtn)dispatchBtn.classList.remove('marker-popup__dispatch--show');
+}
+
+/* [交互] 下发急救通知：点击按钮后 toast 提示，按钮字样保持不变 */
+function dispatchEmergencyNotice(){
+  var dispatchBtn=document.getElementById('markerPopupDispatch');
+  var key=dispatchBtn?dispatchBtn.getAttribute('data-res-key'):'';
+  var info=RESOURCE_INFO[key]||{};
+  var target=info.name||'目标资源';
+  showToast('急救通知已下发至 '+target+'，请保持通讯畅通', 'danger');
+}
+
+/* 通用 toast 提示：自动消失，不阻塞交互 */
+var __toastTimer=null;
+function showToast(msg, variant){
+  var toast=document.getElementById('globalToast');
+  if(!toast){
+    toast=document.createElement('div');
+    toast.id='globalToast';
+    toast.className='toast';
+    toast.innerHTML='<span class="toast__dot"></span><span class="toast__msg"></span>';
+    document.body.appendChild(toast);
+  }
+  toast.querySelector('.toast__msg').textContent=msg;
+  toast.classList.toggle('toast--danger', variant==='danger');
+  toast.classList.add('toast--show');
+  if(__toastTimer){clearTimeout(__toastTimer);__toastTimer=null;}
+  __toastTimer=setTimeout(function(){
+    toast.classList.remove('toast--show');
+    __toastTimer=null;
+  }, 2600);
 }
 
 function hideAllRoutes(){
@@ -2258,6 +2791,7 @@ function openEmergencyRoute(){
 	  closeAlarmModal();
 	  closeHelpModal();
 	  closeCvModal();
+	  closeVideoCallModal();
 
 	  /* close guide panel if open */
 	  document.getElementById('guidePanel').classList.remove('guide-panel--show');
@@ -2401,7 +2935,9 @@ document.getElementById('alarmTrack').addEventListener('click',function(e){
 /* ========== 心脑血管预警列表点击事件 ========== */
 /* [interact] click AI warning list item -> open emergency guide (same as 急救提示书 button) */
 /* [interact] click AI warning list item -> extract CV data then open emergency guide */
-document.getElementById('aiWarnTrack').addEventListener('click',function(e){
+var aiWarnTrackEl=document.getElementById('aiWarnTrack');
+if(aiWarnTrackEl){
+aiWarnTrackEl.addEventListener('click',function(e){
 	  var item=e.target.closest('.ai-warn-item');
 	  if(item){
 	    /* extract cardiovascular AI warning data from list item */
@@ -2438,6 +2974,7 @@ document.getElementById('aiWarnTrack').addEventListener('click',function(e){
 	    openEmergencyGuide();
 	  }
 });
+}
 
 /* [交互] 点击应急求助列表项 → 直接进入急救路线模式（与弹窗中"急救路线"按钮一致） */
 /* [interact] click emergency help list item -> enter emergency route mode */
@@ -2477,11 +3014,204 @@ document.getElementById('helpTrack').addEventListener('click',function(e){
 	  }
 });
 
-/* ========== 应急服务数据 时间段切换 ========== */
-function switchPeriod(period){
-  /* [交互] 根据 period('today'/'week'/'month'/'year') 异步刷新下方6项指标数据 */
+/* ========== 应急事件统计 时间段切换 ========== */
+var currentEmergencyStatPeriod = 'week';
+
+function switchEmergencyStatPeriod(period){
+  /* [交互] 根据 period('week'/'month'/'year') 异步刷新下方统计指标数据 */
+  currentEmergencyStatPeriod = period || 'week';
 }
 
+/* ========== 通用时间段切换 ========== */
+function switchPeriod(period){
+  /* [交互] 根据 period('today'/'week'/'month'/'year') 异步刷新当前面板指标数据 */
+}
+
+/* ========== 穿戴告警分布：指标切换与图表刷新 ========== */
+var currentWearableMetric = 'heart';
+var currentWearableSegmentName = '';
+
+var WEARABLE_FACTOR = {
+  range: {today:0.18, week:1, month:3.4, year:11.6}
+};
+
+var WEARABLE_DISTRIBUTION_DATA = {
+  heart: {
+    name:'心率', unit:'次/分钟', total:993, min:34, max:185,
+    segments:[
+      {name:'正常', percent:84.52, color:'#1890FF'},
+      {name:'异常', percent:15.48, color:'#ff6b4a'}
+    ]
+  },
+  spo2: {
+    name:'血氧', unit:'%', total:921, min:82, max:100,
+    segments:[
+      {name:'正常 >=95%', percent:88.2, color:'#1890FF'},
+      {name:'偏低 90-94%', percent:8.7, color:'#FAAD14'},
+      {name:'严重 <90%', percent:3.1, color:'#FF4D4F'}
+    ]
+  },
+  pressure: {
+    name:'压力', unit:'指数', total:868, min:18, max:96,
+    segments:[
+      {name:'平稳', percent:72.6, color:'#52C41A'},
+      {name:'偏高', percent:19.3, color:'#FAAD14'},
+      {name:'高压', percent:8.1, color:'#FF4D4F'}
+    ]
+  },
+  temp: {
+    name:'体温', unit:'℃', total:902, min:35.4, max:39.1,
+    segments:[
+      {name:'正常', percent:91.4, color:'#1890FF'},
+      {name:'低温', percent:2.6, color:'#13C2C2'},
+      {name:'发热', percent:6.0, color:'#FF4D4F'}
+    ]
+  },
+  steps: {
+    name:'步数', unit:'步', total:884, min:326, max:23580,
+    segments:[
+      {name:'达标', percent:61.5, color:'#52C41A'},
+      {name:'不足', percent:31.2, color:'#FAAD14'},
+      {name:'过量', percent:7.3, color:'#1890FF'}
+    ]
+  },
+  sleep: {
+    name:'睡眠', unit:'小时',
+    days:[
+      {day:'06/17', deep:1.8, light:4.2},
+      {day:'06/18', deep:2.1, light:4.6},
+      {day:'06/19', deep:1.5, light:3.9},
+      {day:'06/20', deep:2.4, light:4.8},
+      {day:'06/21', deep:1.7, light:4.1},
+      {day:'06/22', deep:2.6, light:5.0},
+      {day:'06/23', deep:2.0, light:4.4}
+    ]
+  }
+};
+
+function getWearableScale(){
+  var range = document.getElementById('wearableRangeSelect') ? document.getElementById('wearableRangeSelect').value : 'week';
+  return WEARABLE_FACTOR.range[range] || 1;
+}
+
+function formatWearableNumber(num){
+  return Math.max(1, Math.round(num)).toLocaleString('zh-CN');
+}
+
+function switchWearableMetric(el, metric){
+  /* [交互] 切换检测指标并刷新图表；睡眠使用双柱状图，其余指标使用环形区间分布 */
+  currentWearableMetric = metric || 'heart';
+  var tabs = document.querySelectorAll('#wearableMetricTabs .wearable-dist__tab');
+  tabs.forEach(function(tab){tab.classList.remove('active');});
+  if(el){el.classList.add('active');}
+  updateWearableDistribution();
+}
+
+function updateWearableDistribution(){
+  /* [交互] 时间范围、指标变化时统一刷新右侧顶部图表 */
+  var data = WEARABLE_DISTRIBUTION_DATA[currentWearableMetric] || WEARABLE_DISTRIBUTION_DATA.heart;
+  if(data.days){
+    renderWearableSleepChart(data);
+  }else{
+    renderWearableRingChart(data);
+  }
+}
+
+function renderWearableRingChart(data){
+  var chart = document.getElementById('wearableChart');
+  if(!chart){return;}
+  chart.className = 'wearable-chart wearable-chart--ring';
+  var scale = getWearableScale();
+  var total = Math.max(1, Math.round(data.total * scale));
+  var c = 314;
+  var offset = 0;
+  var circles = data.segments.map(function(seg){
+    var arc = Math.max(0, c * seg.percent / 100 - 3);
+    var dash = arc.toFixed(1) + ' ' + (c - arc).toFixed(1);
+    var circle = '<circle class="wearable-ring__segment" cx="80" cy="80" r="50" fill="none" stroke="'+seg.color+'" stroke-width="18" '+
+      'stroke-dasharray="'+dash+'" stroke-dashoffset="'+(-offset).toFixed(1)+'" stroke-linecap="butt" '+
+      'transform="rotate(-90 80 80)" opacity="0.96" data-segment-name="'+seg.name+'" data-metric-name="'+data.name+'" '+
+      'onclick="openWearableSegmentModal(\''+escapeJsString(data.name)+'\',\''+escapeJsString(seg.name)+'\')"></circle>';
+    offset += c * seg.percent / 100;
+    return circle;
+  }).join('');
+  var legend = data.segments.map(function(seg){
+    var value = Math.round(total * seg.percent / 100);
+    return '<div class="wearable-legend__item">'+
+      '<span class="wearable-legend__dot" style="color:'+seg.color+';background:'+seg.color+'"></span>'+
+      '<span class="wearable-legend__name">'+seg.name+'</span>'+
+      '<span class="wearable-legend__value">'+formatWearableNumber(value)+' · '+seg.percent.toFixed(1)+'%</span>'+
+    '</div>';
+  }).join('');
+  chart.innerHTML =
+    '<div class="wearable-ring-layout">'+
+      '<div class="wearable-ring">'+
+        '<svg viewBox="0 0 160 160" aria-hidden="true">'+
+          '<circle cx="80" cy="80" r="50" fill="none" stroke="rgba(24,144,255,0.08)" stroke-width="18"></circle>'+
+          circles+
+        '</svg>'+
+        '<div class="wearable-ring__center">'+
+          '<div class="wearable-ring__label">总人数</div>'+
+          '<div class="wearable-ring__num">'+formatWearableNumber(total)+'</div>'+
+          '<div class="wearable-ring__unit">人</div>'+
+        '</div>'+
+      '</div>'+
+      '<div class="wearable-summary">'+
+        '<div class="wearable-summary__title">'+data.name+'区间分布</div>'+
+        '<div class="wearable-summary__range">最小值-最大值：<b>'+data.min+'~'+data.max+data.unit+'</b></div>'+
+        '<div class="wearable-legend">'+legend+'</div>'+
+      '</div>'+
+    '</div>';
+}
+
+function renderWearableSleepChart(data){
+  var chart = document.getElementById('wearableChart');
+  if(!chart){return;}
+  chart.className = 'wearable-chart wearable-chart--sleep';
+  var rangeSelect = document.getElementById('wearableRangeSelect');
+  var range = rangeSelect ? rangeSelect.value : 'week';
+  var adjust = (WEARABLE_FACTOR.range[range] || 1) * 0.01;
+  var maxHour = 6;
+  var daysHtml = data.days.map(function(d){
+    var deep = Math.min(maxHour, d.deep + adjust);
+    var light = Math.min(maxHour, d.light + adjust * 0.6);
+    return '<div class="sleep-day">'+
+      '<div class="sleep-day__bars">'+
+        '<span class="sleep-day__bar sleep-day__bar--deep" title="深睡 '+deep.toFixed(1)+'小时" style="height:'+(deep / maxHour * 88).toFixed(0)+'px"></span>'+
+        '<span class="sleep-day__bar sleep-day__bar--light" title="浅睡 '+light.toFixed(1)+'小时" style="height:'+(light / maxHour * 88).toFixed(0)+'px"></span>'+
+      '</div>'+
+      '<span class="sleep-day__label">'+d.day+'</span>'+
+    '</div>';
+  }).join('');
+  chart.innerHTML =
+    '<div class="sleep-chart">'+
+      '<div class="sleep-chart__summary">'+
+        '<span>按天展示深睡/浅睡</span>'+
+        '<span>平均睡眠 <b>6.7h</b></span>'+
+      '</div>'+
+      '<div class="sleep-chart__plot">'+daysHtml+'</div>'+
+      '<div class="sleep-chart__legend">'+
+        '<span><i class="sleep-chart__dot" style="color:#13C2C2;background:#13C2C2"></i>深睡</span>'+
+        '<span><i class="sleep-chart__dot" style="color:#1890FF;background:#1890FF"></i>浅睡</span>'+
+      '</div>'+
+    '</div>';
+}
+
+function escapeJsString(str){
+  return String(str || '').replace(/\\/g,'\\\\').replace(/'/g,'\\\'');
+}
+
+function openWearableSegmentModal(metricName, segmentName){
+  currentWearableSegmentName = segmentName || '';
+  openAlarmRecordModal({
+    title:(metricName || '穿戴告警') + (segmentName ? ' - ' + segmentName : '') + '人员列表',
+    typeFilter:''
+  });
+}
+
+/* [初始化] 页面加载时默认渲染心率区间环形图 */
+updateWearableDistribution();
+
 /* ========== Tab切换 - 地图资源筛选 ========== */
 function switchTab(el,type){
   hideResourcePopup();
@@ -2516,6 +3246,158 @@ function switchTab(el,type){
   }else{
     markers.forEach(function(m){if(m.getAttribute('data-type')===type)m.style.display='block';});
   }
+
+  /* 同步更新地图下方资源统计卡片行 */
+  updateResStatRow(type);
+
+  /* 切换到普通资源 Tab 时，关闭路径规划面板并清除已绘制路径 */
+  var planPanel=document.getElementById('planPanel');
+  if(planPanel)planPanel.classList.remove('plan-panel--show');
+  clearRoutePlan();
+}
+
+/* ========== 路径规划（独立于急救路线） ========== */
+/* 路径规划备选点坐标（viewBox 0 0 100 100，与地图标记点位置一致） */
+var PLAN_POINTS = {
+  emp:       {x:50, y:50, name:'当前位置'},
+  clinic1:   {x:35, y:38, name:'采油一厂医疗点'},
+  clinic2:   {x:65, y:43, name:'采油二厂医疗点'},
+  clinic3:   {x:50, y:80, name:'采油三厂医疗点'},
+  hospital1: {x:12, y:18, name:'兴隆医院'},
+  hospital2: {x:75, y:20, name:'宝石花医院'},
+  hospital3: {x:60, y:55, name:'庆阳医院'},
+  hospital4: {x:15, y:75, name:'高陵医院'},
+  amb1:      {x:35, y:60, name:'陕A·120-03'},
+  amb2:      {x:55, y:25, name:'陕A·120-01'},
+  aed1:      {x:28, y:33, name:'AED-001'},
+  aed2:      {x:68, y:47, name:'AED-002'}
+};
+
+/* 切换路径规划 Tab：展开/收起规划面板，并保持所有地图标记可见 */
+function toggleRoutePlan(el){
+  var tab=document.getElementById('planTab');
+  var panel=document.getElementById('planPanel');
+  if(!tab||!panel)return;
+  var isActive=tab.classList.contains('active');
+  if(isActive){
+    /* 再次点击：收起面板并清除路径 */
+    tab.classList.remove('active');
+    panel.classList.remove('plan-panel--show');
+    clearRoutePlan();
+  }else{
+    /* 激活：取消其他 Tab 选中、隐藏统计胶囊、显示全部标记 */
+    document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active','res-tab--route-active');});
+    tab.classList.add('active');
+    panel.classList.add('plan-panel--show');
+    var statRow=document.getElementById('resStatRow');
+    if(statRow)statRow.style.display='none';
+    document.querySelectorAll('.map-marker').forEach(function(m){m.style.display='block';});
+    /* 仅清除已绘制路径，保留面板打开 */
+    var svg=document.getElementById('planRouteSvg');
+    var path=document.getElementById('planRoutePath');
+    var info=document.getElementById('planRouteInfo');
+    var sd=document.getElementById('planStartDot');
+    var ed=document.getElementById('planEndDot');
+    if(svg)svg.classList.remove('plan-route-svg--show');
+    if(path)path.setAttribute('opacity','0');
+    if(info)info.classList.remove('plan-route-info--show');
+    if(sd)sd.setAttribute('opacity','0');
+    if(ed)ed.setAttribute('opacity','0');
+  }
+}
+
+/* 清除路径规划已绘制的路径与信息卡片（不动 Tab 与面板状态） */
+function clearRoutePlan(){
+  var svg=document.getElementById('planRouteSvg');
+  var path=document.getElementById('planRoutePath');
+  var info=document.getElementById('planRouteInfo');
+  var sd=document.getElementById('planStartDot');
+  var ed=document.getElementById('planEndDot');
+  if(svg)svg.classList.remove('plan-route-svg--show');
+  if(path)path.setAttribute('opacity','0');
+  if(info)info.classList.remove('plan-route-info--show');
+  if(sd)sd.setAttribute('opacity','0');
+  if(ed)ed.setAttribute('opacity','0');
+}
+
+/* 执行路径规划：根据起点终点绘制曲线路径并显示距离与用时 */
+function executeRoutePlan(){
+  var sk=document.getElementById('planStart').value;
+  var ek=document.getElementById('planEnd').value;
+  if(sk===ek){alert('起点和终点不能相同，请重新选择。');return;}
+  var s=PLAN_POINTS[sk], e=PLAN_POINTS[ek];
+  if(!s||!e)return;
+  var path=document.getElementById('planRoutePath');
+  var svg=document.getElementById('planRouteSvg');
+  var info=document.getElementById('planRouteInfo');
+  var sd=document.getElementById('planStartDot');
+  var ed=document.getElementById('planEndDot');
+  /* 二次贝塞尔曲线：控制点垂直偏移，使路径呈现弧形而非直线 */
+  var mx=(s.x+e.x)/2, my=(s.y+e.y)/2;
+  var cx=mx+(e.y-s.y)*0.18, cy=my+(s.x-e.x)*0.18;
+  var d='M '+s.x+' '+s.y+' Q '+cx+' '+cy+' '+e.x+' '+e.y;
+  path.setAttribute('d',d);
+  path.setAttribute('opacity','1');
+  sd.setAttribute('cx',s.x);sd.setAttribute('cy',s.y);sd.setAttribute('opacity','1');
+  ed.setAttribute('cx',e.x);ed.setAttribute('cy',e.y);ed.setAttribute('opacity','1');
+  svg.classList.add('plan-route-svg--show');
+  /* Mock 距离/用时：按 viewBox 距离换算 */
+  var dx=s.x-e.x, dy=s.y-e.y, dist=Math.sqrt(dx*dx+dy*dy);
+  var km=(dist*0.15).toFixed(1);
+  var min=Math.max(1,Math.round(dist*0.6));
+  document.getElementById('planRouteDist').textContent=km+' km';
+  document.getElementById('planRouteTime').textContent=min+' 分钟';
+  info.classList.add('plan-route-info--show');
+}
+
+/* ========== 资源统计卡片行（医疗点/救护车/AED） ========== */
+/* 资源统计卡片数据：点击对应 Tab 后在地图下方展示 */
+var RES_STAT_CONFIG = {
+  clinic: {
+    cards: [
+      {label:'医疗点总数', num:'3', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 21V5a2 2 0 012-2h14a2 2 0 012 2v16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 21h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 7v6M9 10h6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
+      {label:'覆盖人数', num:'2,860', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="9" cy="7" r="4" stroke="currentColor" stroke-width="2"/><path d="M22 21v-2a4 4 0 00-3-3.87" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M16 3.13a4 4 0 010 7.75" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--cyan'},
+      {label:'医护人员', num:'28', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M9 11H7a2 2 0 00-2 2v7a2 2 0 002 2h10a2 2 0 002-2v-7a2 2 0 00-2-2h-2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 11V7M10 9h4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 3v2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--success'}
+    ]
+  },
+  ambulance: {
+    cards: [
+      {label:'急救型救护车', num:'5', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 17V7a2 2 0 012-2h9v8h7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 17h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="7.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><circle cx="17.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><path d="M15 8h4l2 3v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M9 9v4M7 11h4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--warning'},
+      {label:'转运型救护车', num:'3', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M3 17V7a2 2 0 012-2h9v8h7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M3 17h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="7.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><circle cx="17.5" cy="17.5" r="2" stroke="currentColor" stroke-width="2"/><path d="M15 8h4l2 3v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M8 11h6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
+      {label:'出勤次数', num:'128', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M22 12h-4l-3 9L9 3l-3 9H2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', tone:'--danger'}
+    ]
+  },
+  aed: {
+    cards: [
+      {label:'在线设备', num:'18', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M12 2a10 10 0 100 20 10 10 0 000-20z" stroke="currentColor" stroke-width="2"/><path d="M12 6v6l4 2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:'--success'},
+      {label:'离线设备', num:'2', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M12 2a10 10 0 100 20 10 10 0 000-20z" stroke="currentColor" stroke-width="2"/><path d="M8 12h8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>', tone:''},
+      {label:'使用次数', num:'36', icon:'<svg viewBox="0 0 24 24" fill="none"><path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>', tone:'--danger'}
+    ]
+  }
+};
+
+/* 根据当前资源 Tab 类型更新地图下方统计卡片 */
+function updateResStatRow(type){
+  var row=document.getElementById('resStatRow');
+  if(!row)return;
+  var config=RES_STAT_CONFIG[type];
+  if(!config){
+    row.style.display='none';
+    return;
+  }
+  row.style.display='flex';
+  config.cards.forEach(function(card,idx){
+    var i=idx+1;
+    var iconEl=document.getElementById('resStatIcon'+i);
+    var numEl=document.getElementById('resStatNum'+i);
+    var labelEl=document.getElementById('resStatLabel'+i);
+    if(iconEl){
+      iconEl.innerHTML=card.icon;
+      iconEl.className='res-stat-card__icon'+(card.tone||'');
+    }
+    if(numEl)numEl.textContent=card.num;
+    if(labelEl)labelEl.textContent=card.label;
+  });
 }
 
 /* ========== 地图标记脉冲动画优化 ========== */
@@ -2944,6 +3826,30 @@ function openHelpRecordModal(){
   renderHelpRecordTable();
 }
 
+function getHelpRecordDateRangeByPeriod(period){
+  /* [交互] 统计卡片跳转弹窗时，将左侧时间段转换为应急求助记录弹窗的日期筛选 */
+  var rangeMap = {
+    week: {from:'2026-06-17', to:'2026-06-23'},
+    month: {from:'2026-05-24', to:'2026-06-23'},
+    year: {from:'2025-06-24', to:'2026-06-23'}
+  };
+  return rangeMap[period] || rangeMap.week;
+}
+
+function openHelpRecordFromStat(helpType){
+  /* [交互] 统计卡片复用同一个应急求助记录弹窗，并带入事件类型与时间范围筛选 */
+  var range = getHelpRecordDateRangeByPeriod(currentEmergencyStatPeriod);
+  document.getElementById('helpRecordOverlay').style.display='flex';
+  document.getElementById('filterHelpType').value = helpType || '';
+  document.getElementById('filterHelpStatus').value = '';
+  document.getElementById('filterHelpDateFrom').value = range.from;
+  document.getElementById('filterHelpDateTo').value = range.to;
+  document.getElementById('filterHelpName').value = '';
+  document.getElementById('filterHelpEmpId').value = '';
+  helpRecordPageSizeVal = parseInt(document.getElementById('helpRecordPageSize').value)||10;
+  applyHelpRecordFilter();
+}
+
 function closeHelpRecordModal(){
   document.getElementById('helpRecordOverlay').style.display='none';
 }
@@ -3073,14 +3979,62 @@ function onAcceptSwitch(checked){
 
 function switchMapLayer(el, layer){
   /* [交互] 切换地图图层：default/satellite/standard */
-  var items = el.parentElement.querySelectorAll('.map-layer__item');
+  var layerWrap = el.closest('.map-layer');
+  var items = layerWrap.querySelectorAll('.map-layer__item');
   items.forEach(function(t){t.classList.remove('active');});
   el.classList.add('active');
+  layerWrap.classList.remove('map-layer--open');
 }
 
+function toggleMapLayerPanel(){
+  /* [交互] 点击图层图标展开/收起地图图层切换卡片 */
+  var layerWrap=document.getElementById('mapLayer');
+  if(layerWrap){layerWrap.classList.toggle('map-layer--open');}
+}
+
+document.addEventListener('click',function(e){
+  var layerWrap=document.getElementById('mapLayer');
+  if(layerWrap&&!e.target.closest('.map-layer')){
+    layerWrap.classList.remove('map-layer--open');
+  }
+});
+
 function onVideoCall(){
-  /* [交互] 点击视频通话按钮，弹出确认或直接发起视频通话 */
-  alert('正在发起视频通话…');
+  /* [交互] 点击视频通话按钮，弹出选择需要加入通话的应急中心弹窗 */
+  var modal=document.getElementById('videoCallModal');
+  if(modal){modal.style.display='flex';}
+}
+
+function closeVideoCallModal(){
+  /* [交互] 关闭视频通话选择弹窗 */
+  var modal=document.getElementById('videoCallModal');
+  if(modal){modal.style.display='none';}
+}
+
+function toggleVcCard(el){
+  /* [交互] 切换应急中心卡片的选中态；离线卡片不可选 */
+  if(el.classList.contains('vc-card--offline')){return;}
+  el.classList.toggle('vc-card--selected');
+}
+
+function confirmVideoCall(){
+  /* [交互] 收集已选中的应急中心名称，发起视频通话并关闭弹窗 */
+  var grid=document.getElementById('vcGrid');
+  if(!grid){closeVideoCallModal();return;}
+  var selected=grid.querySelectorAll('.vc-card--selected');
+  var names=[];
+  selected.forEach(function(c){
+    var n=c.getAttribute('data-name');
+    if(n){names.push(n);}
+  });
+  closeVideoCallModal();
+  if(names.length===0){
+    alert('请至少选择一个应急中心加入视频通话');
+    var modal=document.getElementById('videoCallModal');
+    if(modal){modal.style.display='flex';}
+    return;
+  }
+  alert('已发起视频通话，已邀请：'+names.join('、'));
 }
 
 </script>
diff --git a/web-admin/nutrition/doc/缓存中转服务器产品需求说明书.md b/web-admin/nutrition/doc/缓存中转服务器产品需求说明书.md
index 274050a..708dfe5 100644
--- a/web-admin/nutrition/doc/缓存中转服务器产品需求说明书.md
+++ b/web-admin/nutrition/doc/缓存中转服务器产品需求说明书.md
@@ -84,30 +84,30 @@
 
 业务支持功能只覆盖需要现场硬件、现场终端、本地任务执行、本地采集或弱网连续作业的后台二级菜单。云端只把现场执行所需的资料、任务、规则、配置或文件下发到边缘服务器，边缘服务器只上报现场产生的业务流水、设备状态、执行结果和异常事件。
 
-| 功能菜单      | 云端下发数据                           | 下发规则说明                                                                  | 边缘数据上报                        | 上报规则说明                                                                                                                                                                              |
-|-----------|----------------------------------|-------------------------------------------------------------------------|-------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| 食物成分      | 食材编码、食物成分项、营养素含量、单位换算、适用状态、净菜类型等 | 1. 食物成分信息调整后实时增量下发。<br>2. 新部署边缘节点执行全量初始化下发。                             | 暂无                            | 暂无                                                                                                                                                                                  |
-| 餐品总库      | 餐品编码、餐品名称、餐品组成、食材用量、营养指标、餐品规格等   | 1. 餐品发布、调整、停用后实时增量下发。<br>2. 新部署边缘节点执行全量初始化下发。                           | 菜品研发（味养创新）                    | 1.新研发菜品数据实时增量上报；                                                                                                                                                                    |
-| 用户管理      | 用户、部门、权限、人脸特征、人员状态、会员标识          | 1. 人员、人脸、会员等级、权限变更后实时增量下发。<br>2. 每日低峰执行一次全量一致性校验。<br>3. 人员停用或权限回收需立即下发。 | 新用户注册、人脸录入、会员充值等              | 1. 有新用户注册、人脸录入时实时增量上传。<br>2.会员充值操作必须以云端响应状态为准，边缘服务器节点不能私自改变充值状态，弱网、断网、服务器连接异常的情况下不允许充值操作或标记为充值失败。                                                                                   |
-| 取餐管理      | 暂无                               | 暂无                                                                      | 取餐记录、取餐核销、结算信息、用餐明细等          | 1. 取餐结算完成后立即写入边缘节点本地库。<br>2. 就餐数据3分钟一次定时增量上传。<br>3. 重复核销、异常核销需优先上报并生成告警。<br>4. 如若使用本系统的支付结算必须以云端响应状态为准，边缘服务器节点不能私自改变结算状态，弱网、断网、服务器连接异常的情况下不允许结算操作或标记为结算失败。<br>5. 支付和退款结果按交易唯一键幂等上报。 |
-| 终端管理      | 设备档案、绑定关系、业务配置、升级任务、升级包元数据       | 1. 设备绑定和业务配置变更后实时下发。<br>2. 新部署边缘节点执行按食堂全量初始化下发。                         | 设备状态、运行日志、升级结果、设备异常           | 1. 设备状态每30分钟周期上报。<br>2. 设备异常、升级失败、配置应用失败需立即上报。<br>3. 异常日志优先上报。                                                                                                                      |
-| 供商管理      | 内部供应商、外部供应商、供应商资质                | 1. 供应商信息发生变更后实时增量下发。<br>2. 升级任务按运维指定时间窗下发。<br>3. 供应商资质变更后实时增量下发。        | 暂无                            | 暂无                                                                                                                                                                                  |
-| 采供管理      | 采购单信息、采购单明细                      | 1. 产生新的采购单后实时增量下发。<br>2. 采购单状态变更后实时下发（如取消，接单，发货等）。                      | 设备新增采购单                       | 1. 毛菜入库的无订单验收需要同步新建采购单，新建后实时上报至云端服务。                                                                                                                                                |
-| 仓储管理      | 仓库档案、区域信息                        | 1. 仓库信息和区域信息变更后实时下发。<br>2. 新部署边缘节点执行按食堂全量初始化下发。                         | 暂无                            | 暂无                                                                                                                                                                                  |
-| 毛菜入库      | 入库单、采购单、供应商、食材档案                 | 1. 采购单、供应商、食材档案等信息已在其他模块中明确了下发规则。                                       | 称重记录、入库批次、质检状态、现场照片、操作员、设备编号  | 1. 验收称重完成后实时增量上报。<br>2. 入库批次、称重记录、质检状态按同一业务唯一键上报。                                                                                                                                   |
-| 净菜加工      | 加工任务、净菜类型、加工规格                   | 1. 加工任务生成后实时下发。<br>2. 净菜类型已在食物成分模块明确下发规则。                               | 毛菜加工、净菜加工、毛重、净重、出净率           | 1. 从毛菜加工开始、称重、完成节点分别写入边缘节点本地库。<br>2. 加工完成后汇总毛重、净重、出净率和损耗实时上报至云端服务。<br>3. 过程图片或者视频按文件队列异步补传。                                                                                         |
-| 净菜入库      | 人工录入的入库信息、入库信息在后台被修改             | 1.后台人工录入的净菜入库信息需要实时下发至边缘节点服务器。<br>2. 入库信息在后台被手动编辑、删除、出库等信息需实时下发。        | 入库记录、库位绑定、入库重量                | 1. 入库完成后实时增量上报。                                                                                                                                                                     |
-| 净菜包装      | 包装任务、包装规格、溯源码规则                  | 1. 包装任务生成后实时下发。。<br>2. 包装任务变更后增量下发。                                     | 包装批次、包装重量、组配信息、设备信息           | 1. 包装、称重、打标节点单菜品包装完成先记录与边缘服务器本地库。<br>2. 整个订单包装完成后实时上报云端。                                                                                                                            |
-| 净菜内供、净菜外售 | 内供订单、外售订单                        | 1. 内供或内功订单产生后实时下发。<br>2. 配送计划变更后实时补发。<br>3. 订单状态变更后实时下发（如取消订单）。         | 暂无                            | 暂无                                                                                                                                                                                  |
-| 净菜进柜      | 暂无                               | 暂不考虑后台手动添加的进柜记录同步至边缘节点，理论上进柜记录都是从设备端主动发起                                | 进柜记录、格口占用、取放记录、柜体异常、重量变更      | 1. 进柜、取出等操作实时上报。<br>2. 格口占用变化需实时上报。。                                                                                                                                                |
-| 净菜组配      | 组配任务、餐品规格、份数、食材明细、标准用量、差异阈值      | 1. 组配任务发布后实时下发。<br>2. 餐品规格和标准用量按餐品版本下发（餐品总库）。                           | 任务状态、称重明细、实际用量、设备编号、操作员、完成状态  | 1. 任务完成后汇总称重明细和完成状态上报。                                                                                                                                                              |
-| 按单烹制      | 烹制任务、餐品、需求份数、食材明细、工艺要求、温度阈值      | 1. 烹制任务发布后实时下发。<br>2. 任务调整后实时补发到后厨终端。<br>3. 工艺要求和温度阈值按版本发布后下发（餐品总库）。    | 开始/完成、厨师、生重、熟重、生熟比、温度过程、质量结果  | 1. 边缘节点服务器实时记录烹制过程，烹制完成后一次性实时上报至云端服务器。                                                                                                                                              |
-| 食谱管理      | 当周食谱数据、餐品数据、食谱状态                 | 1. 后台周食谱生成后实时下发。<br>2. 食谱调整后实时下发。                                       | 暂无                            | 暂无                                                                                                                                                                                  |
-| 上餐监控      | 暂无                               | 暂无（食谱、餐品、设备数据均已在其他模块下发）                                                 | 上餐时间、出锅温度、上餐重量、补餐记录、余量记录      | 1. 开餐信息实时上报。<br>2.补餐、余量监控等信息可3分钟周期性上报。                                                                                                                                              |
-| 餐线管理      | 餐线档案、档口信息、餐线终端绑定、餐线状态规则          | 1.新增餐线或档案变更后实时下发。<br>2. 新部署边缘节点执行按食堂全量初始化下发；                            | 餐线状态、档口终端状态、餐线异常、终端应用回执       | 1. 餐线状态、监测信息按3分钟周期上报。<br>2. 档口终端离线或餐线异常需立即上报。                                                                                                                                       |
-| 营养点餐      | 点餐订单、餐品信息、餐品价格、营养指标、点餐规则         | 1. 点餐订单创建或变更后实时下发。                                                      | 暂无                            | 暂无                                                                                                                                                                                  |
-| 余量处置      | 暂无                               | 暂无                                                                      | 余量重量、处置方式、领取明细、捐赠记录、废弃记录      | 1. 称重、领取、捐赠、废弃节点分别写入边缘。<br>2. 员工福利领取需按人员和批次做幂等上报。<br>3. 废弃记录和异常处置需优先上报。                                                                                                             |
-| 食安监控      | 留样规则、证件规则、能耗阈值、摄像头档案、水电气设备       | 1. 预警规则变更、设备档案信息变更、人员证件信息变更后实时下发。<br>2. 新部署边缘节点执行按食堂全量初始化下发；                                       | 留样记录、巡检记录、证件状态、能耗数据、视频索引、设备数据 | 1. 留样、巡检、证件检查完成后立即上报业务结果。<br>2. 能耗数据按配置30分钟一次周期上报，越界数据立即上报。<br>3. 视频只上报索引和关键事件，原文件按存储策略处理。                                                                                          |
+| 功能菜单      | 云端下发数据                           | 下发规则说明                                                                                                         | 边缘数据上报                        | 上报规则说明                                                                                                                                                                              |
+|-----------|----------------------------------|----------------------------------------------------------------------------------------------------------------|-------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| 食物成分      | 食材编码、食物成分项、营养素含量、单位换算、适用状态、净菜类型等 | 1. 食物成分信息调整后实时增量下发。<br>2. 新部署边缘节点执行全量初始化下发。                                                                    | 暂无                            | 暂无                                                                                                                                                                                  |
+| 餐品总库      | 餐品编码、餐品名称、餐品组成、食材用量、营养指标、餐品规格等   | 1. 餐品发布、调整、停用后实时增量下发。<br>2. 新部署边缘节点执行全量初始化下发。                                                                  | 菜品研发（味养创新）                    | 1.新研发菜品数据实时增量上报；                                                                                                                                                                    |
+| 用户管理      | 用户、部门、权限、人脸特征、人员状态、会员标识          | 1. 人员、人脸、会员等级、权限变更后实时增量下发。<br>2. 每日低峰执行一次全量一致性校验。<br>3. 人员停用或权限回收需立即下发。                                        | 新用户注册、人脸录入、会员充值等              | 1. 有新用户注册、人脸录入时实时增量上传。<br>2.会员充值操作必须以云端响应状态为准，边缘服务器节点不能私自改变充值状态，弱网、断网、服务器连接异常的情况下不允许充值操作或标记为充值失败。                                                                                   |
+| 取餐管理      | 暂无                               | 暂无                                                                                                             | 取餐记录、取餐核销、结算信息、用餐明细等          | 1. 取餐结算完成后立即写入边缘节点本地库。<br>2. 就餐数据3分钟一次定时增量上传。<br>3. 重复核销、异常核销需优先上报并生成告警。<br>4. 如若使用本系统的支付结算必须以云端响应状态为准，边缘服务器节点不能私自改变结算状态，弱网、断网、服务器连接异常的情况下不允许结算操作或标记为结算失败。<br>5. 支付和退款结果按交易唯一键幂等上报。 |
+| 终端管理      | 设备档案、绑定关系、业务配置、升级任务、升级包元数据       | 1. 设备绑定和业务配置变更后实时下发。<br>2. 新部署边缘节点执行按食堂全量初始化下发。<br>3.终端设备版本升级根据运维后台的配置在低频时段定时统一下发。<br>4.后台物料信息更新实时下发（竖屏、统计屏等）； | 设备状态、运行日志、升级结果、设备异常           | 1. 设备状态每30分钟周期上报。<br>2. 设备异常、升级失败、配置应用失败需立即上报。<br>3. 异常日志优先上报。                                                                                                                      |
+| 供商管理      | 内部供应商、外部供应商、供应商资质                | 1. 供应商信息发生变更后实时增量下发。<br>2. 升级任务按运维指定时间窗下发。<br>3. 供应商资质变更后实时增量下发。                                               | 暂无                            | 暂无                                                                                                                                                                                  |
+| 采供管理      | 采购单信息、采购单明细                      | 1. 产生新的采购单后实时增量下发。<br>2. 采购单状态变更后实时下发（如取消，接单，发货等）。                                                             | 设备新增采购单                       | 1. 毛菜入库的无订单验收需要同步新建采购单，新建后实时上报至云端服务。                                                                                                                                                |
+| 仓储管理      | 仓库档案、区域信息                        | 1. 仓库信息和区域信息变更后实时下发。<br>2. 新部署边缘节点执行按食堂全量初始化下发。                                                                | 暂无                            | 暂无                                                                                                                                                                                  |
+| 毛菜入库      | 入库单、采购单、供应商、食材档案                 | 1. 采购单、供应商、食材档案等信息已在其他模块中明确了下发规则。                                                                              | 称重记录、入库批次、质检状态、现场照片、操作员、设备编号  | 1. 验收称重完成后实时增量上报。<br>2. 入库批次、称重记录、质检状态按同一业务唯一键上报。                                                                                                                                   |
+| 净菜加工      | 加工任务、净菜类型、加工规格                   | 1. 加工任务生成后实时下发。<br>2. 净菜类型已在食物成分模块明确下发规则。                                                                      | 毛菜加工、净菜加工、毛重、净重、出净率           | 1. 从毛菜加工开始、称重、完成节点分别写入边缘节点本地库。<br>2. 加工完成后汇总毛重、净重、出净率和损耗实时上报至云端服务。<br>3. 过程图片或者视频按文件队列异步补传。                                                                                         |
+| 净菜入库      | 人工录入的入库信息、入库信息在后台被修改             | 1.后台人工录入的净菜入库信息需要实时下发至边缘节点服务器。<br>2. 入库信息在后台被手动编辑、删除、出库等信息需实时下发。                                               | 入库记录、库位绑定、入库重量                | 1. 入库完成后实时增量上报。                                                                                                                                                                     |
+| 净菜包装      | 包装任务、包装规格、溯源码规则                  | 1. 包装任务生成后实时下发。。<br>2. 包装任务变更后增量下发。                                                                            | 包装批次、包装重量、组配信息、设备信息           | 1. 包装、称重、打标节点单菜品包装完成先记录与边缘服务器本地库。<br>2. 整个订单包装完成后实时上报云端。                                                                                                                            |
+| 净菜内供、净菜外售 | 内供订单、外售订单                        | 1. 内供或内功订单产生后实时下发。<br>2. 配送计划变更后实时补发。<br>3. 订单状态变更后实时下发（如取消订单）。                                                | 暂无                            | 暂无                                                                                                                                                                                  |
+| 净菜进柜      | 暂无                               | 暂不考虑后台手动添加的进柜记录同步至边缘节点，理论上进柜记录都是从设备端主动发起                                                                       | 进柜记录、格口占用、取放记录、柜体异常、重量变更      | 1. 进柜、取出等操作实时上报。<br>2. 格口占用变化需实时上报。。                                                                                                                                                |
+| 净菜组配      | 组配任务、餐品规格、份数、食材明细、标准用量、差异阈值      | 1. 组配任务发布后实时下发。<br>2. 餐品规格和标准用量按餐品版本下发（餐品总库）。                                                                  | 任务状态、称重明细、实际用量、设备编号、操作员、完成状态  | 1. 任务完成后汇总称重明细和完成状态上报。                                                                                                                                                              |
+| 按单烹制      | 烹制任务、餐品、需求份数、食材明细、工艺要求、温度阈值      | 1. 烹制任务发布后实时下发。<br>2. 任务调整后实时补发到后厨终端。<br>3. 工艺要求和温度阈值按版本发布后下发（餐品总库）。                                           | 开始/完成、厨师、生重、熟重、生熟比、温度过程、质量结果  | 1. 边缘节点服务器实时记录烹制过程，烹制完成后一次性实时上报至云端服务器。                                                                                                                                              |
+| 食谱管理      | 当周食谱数据、餐品数据、食谱状态                 | 1. 后台周食谱生成后实时下发。<br>2. 食谱调整后实时下发。                                                                              | 暂无                            | 暂无                                                                                                                                                                                  |
+| 上餐监控      | 暂无                               | 暂无（食谱、餐品、设备数据均已在其他模块下发）                                                                                        | 上餐时间、出锅温度、上餐重量、补餐记录、余量记录      | 1. 开餐信息实时上报。<br>2.补餐、余量监控等信息可3分钟周期性上报。                                                                                                                                              |
+| 餐线管理      | 餐线档案、档口信息、餐线终端绑定、餐线状态规则          | 1.新增餐线或档案变更后实时下发。<br>2. 新部署边缘节点执行按食堂全量初始化下发；                                                                   | 餐线状态、档口终端状态、餐线异常、终端应用回执       | 1. 餐线状态、监测信息按3分钟周期上报。<br>2. 档口终端离线或餐线异常需立即上报。                                                                                                                                       |
+| 营养点餐      | 点餐订单、餐品信息、餐品价格、营养指标、点餐规则         | 1. 点餐订单创建或变更后实时下发。                                                                                             | 暂无                            | 暂无                                                                                                                                                                                  |
+| 余量处置      | 暂无                               | 暂无                                                                                                             | 余量重量、处置方式、领取明细、捐赠记录、废弃记录      | 1. 称重、领取、捐赠、废弃节点分别写入边缘。<br>2. 员工福利领取需按人员和批次做幂等上报。<br>3. 废弃记录和异常处置需优先上报。                                                                                                             |
+| 食安监控      | 留样规则、证件规则、能耗阈值、摄像头档案、水电气设备       | 1. 预警规则变更、设备档案信息变更、人员证件信息变更后实时下发。<br>2. 新部署边缘节点执行按食堂全量初始化下发；                                                   | 留样记录、巡检记录、证件状态、能耗数据、视频索引、设备数据 | 1. 留样、巡检、证件检查完成后立即上报业务结果。<br>2. 能耗数据按配置30分钟一次周期上报，越界数据立即上报。<br>3. 视频只上报索引和关键事件，原文件按存储策略处理。                                                                                          |
 
 
 ## 6. 核心同步规则