diff --git a/docs/02-requirements.md b/docs/02-requirements.md
index c08246c..d1629d5 100644
--- a/docs/02-requirements.md
+++ b/docs/02-requirements.md
@@ -33,7 +33,8 @@
 - 批量开通不依赖逐路手工操作，支持待激活中间态。
 - 探活、离线告警、开通校时、断线自动恢复。
 - 容量写入时校验站点配额；配额服务不可用时拒绝新增/启用，但不影响已有流。
-- 隐私准入策略属于 Area，使用 `capture_policy = video_allowed | non_imaging_only`；Sense 在设备新增/启用时依据设备成像能力校验。策略读取失败时拒绝新的成像设备变更并告警，已有链路不静默停用或伪装为已收敛。
+- Site、Area 与隐私准入策略由 Bell 统一持有；`capture_policy = video_allowed | non_imaging_only` 通过版本化内部 API 或只读投影提供给 Sense。Sense 在设备新增/启用时依据设备成像能力校验，并显示策略版本/同步状态；策略读取失败时拒绝新的成像设备变更并告警，已有链路不静默停用或伪装为已收敛。
+- ONVIF 能力探测必须持久化厂商、型号、固件、认证方式、Profiles、校时与事件订阅结果以及探测时间；UI 区分探测值和最终生效值。M6 前未实现的非视频协议适配器使用 `adapter_not_ready`，不得伪造在线状态或遥测。
 
 ### 3.2 分析与规则
 
@@ -63,12 +64,14 @@
 - 多租户数据、账号、配置和存储隔离；最小 RBAC 为平台管理员、租户管理员、站点管理员、值班员、只读。
 - 全链路审计，预警生命周期可追溯。
 - Prometheus/Grafana 至少覆盖设备在线、流状态、推理延迟、事件量、未收敛项和投递 SLA。
+- Sense 提供面向接入运维的运维中心，聚合对账差异、重试退避、孤儿安全闸、媒体/推理分片、边缘隧道/补传和运维告警；它不承担 Bell 的业务预警和全局管理审计。
 - 断网时边缘缓存事件，恢复后补传。
 - 不在代码、日志、证据文件名和工单中泄露摄像头凭据、客户名或敏感地址。
 
 ### 3.6 管理端与外部集成
 
 - Bell 自研并持有事件、Alert、ack、升级链、租户和审计真相；客户既有平台不得成为这些状态的唯一真相源。
+- Bell 管理端持有 Tenant、Site、Area、RBAC、配额和全局审计真相；Sense 只消费当前租户/站点/角色上下文和带版本的配额/Area 策略投影。Area 策略变更与已有成像设备冲突时必须显式迁移或取消，禁止静默停用。
 - 对外使用版本化 OpenAPI/Webhook；M3 客户端为值班室 Web + 响应式移动 H5，可嵌入客户系统。
 - 投递层必须使用供应商无关的 provider 接口；试点至少有本地声光/Web 与一条短信或语音，生产前补齐两条独立路径及故障切换。
 
diff --git a/docs/04-architecture.md b/docs/04-architecture.md
index cb5b9aa..ad2c8a6 100644
--- a/docs/04-architecture.md
+++ b/docs/04-architecture.md
@@ -16,16 +16,16 @@ YoVision 使用“通用底座 + 场景包”，按变化频率分为：
 
 | 系统 | 语言/状态 | 职责 | 不负责 |
 | --- | --- | --- | --- |
-| Sense | Go，有状态 | 设备台账（`modality + capabilities`）、ONVIF、MediaMTX 控制、对账、探活、隧道、设备型触发、流分片、隐私区域设备准入 | AI 判定、事件业务、预警 |
+| Sense | Go，有状态 | 设备台账（`modality + capabilities`）、ONVIF 能力探测、MediaMTX 控制、对账、探活、隧道、设备型触发、流分片、配额/Area 策略投影与准入执行、接入运维中心 | AI 判定、事件业务、预警、Tenant/Site/Area/RBAC/全局审计真相 |
 | Brain | Python/CUDA，业务无状态 | 解码/推理、检测/姿态/跟踪/ReID、时间窗判定、事件 mapper、像素级触发 | 设备真相源、告警升级、租户权限 |
-| Bell | Go + Web，有状态 | 事件校验/存储、规则、预警状态机、投递、反馈、租户/RBAC、审计、配额真相源和管理端 | 媒体转发、模型执行 |
+| Bell | Go + Web，有状态 | 事件校验/存储、规则、预警状态机、投递、反馈、Tenant/Site/Area/RBAC、全局审计、配额与 `capture_policy` 真相源和统一管理端 | 媒体转发、模型执行、设备实际态 |
 
 MediaMTX、PostgreSQL、MinIO、Prometheus 等作为独立基础设施部署。
 
 ## 3. 部署与系统边界
 
 - 首期每个客户部署一套私有实例，数据和事件证据留在客户环境；数据库实体、RBAC、配置与 API 从第一版携带 `tenant_id` 并保持 SaaS-ready 边界。
-- Bell 自研且是事件、Alert、ack、升级链、租户和审计的唯一业务真相源；客户平台通过版本化 OpenAPI/Webhook 集成，不反向接管核心状态机。
+- Bell 自研且是事件、Alert、ack、升级链、Tenant/Site/Area/RBAC、配额和全局审计的唯一业务真相源；客户平台通过版本化 OpenAPI/Webhook 集成，不反向接管核心状态机。Sense 只保存执行所需的版本化只读投影，不形成第二份组织/策略真相。
 - M1–M3 的视频入口只有 ONVIF/RTSP。现有 NVR 在售前盘点；仅支持 GB/T 28181 的项目必须建立独立适配器任务，不把国标信令混入 Sense 最小骨架。
 - M3 客户端为值班室 Web + 响应式移动 H5，可嵌入客户系统；是否开发原生 App 在 M4 后另行决定。
 
@@ -45,7 +45,7 @@ Sense ── 视频流/触发信号 ──> Brain
 
 主流程：
 
-1. Bell 持有站点配额；Sense 在新增/启用设备时通过版本化内部 API 或只读投影校验。
+1. Bell 持有站点、Area、配额与 `capture_policy`；Sense 在新增/启用设备时通过版本化内部 API 或只读投影校验，并记录所用投影版本。
 2. Sense 维护设备期望态，通过 MediaMTX API 和对账器收敛实际态。
 3. Brain 消费视频与触发信号，产生符合 v0.1 的事件。
 4. Bell 做 schema 与代码级断言，生成平台 ULID，保存不可变事件。
@@ -55,7 +55,7 @@ Sense ── 视频流/触发信号 ──> Brain
 
 首个 M3 数据流部署在 S2 民办寄宿学校的 16 路高风险点位，只运行越线、危险区域和聚集等匿名规则，不加载人脸底库。
 
-## 5. 十条不可越界的决定
+## 5. 十二条不可越界的决定
 
 1. MediaMTX 独立运行，Sense 管配置与生命周期。
 2. 设备型触发源归 Sense；需要解码的像素级触发归 Brain。
@@ -66,7 +66,9 @@ Sense ── 视频流/触发信号 ──> Brain
 7. Bell 拥有 `site.max_video_channels`，Sense 在设备写路径执行；不跨 schema 直接写。
 8. 事件片段写入客户侧 MinIO/S3，常态录像留在客户 NVR；元数据/审计、人脸和训练样本使用独立生命周期。
 9. 投递状态机只依赖 Bell provider 接口，不直接依赖某家短信或语音 SDK；生产前至少两条独立路径并能故障切换。
-10. 设备领域模型使用 `modality + capabilities`，页面不以摄像头作为唯一根实体；隐私策略属于 Area，Sense 在新增/启用写路径按成像能力执行，策略不可用时只阻断新变更，不静默切断已有链路。
+10. 设备领域模型使用 `modality + capabilities`，页面不以摄像头作为唯一根实体；未实现协议适配器明确为 `adapter_not_ready`，不得用模拟遥测伪装交付。
+11. Tenant/Site/Area/RBAC、配额、`capture_policy` 与全局审计属于 Bell；Sense 只读消费版本化投影并在设备写路径执行，投影不可用时只阻断相关新变更，不静默切断已有链路。
+12. Sense 的设备操作审计先写本地持久化 outbox，再由幂等 relay 异步送入 Bell 全局审计；不得使用“先执行高风险操作、再尽力入队”的顺序。具体字段、签名、重放与留存契约必须由独立 API/契约任务冻结后实现。
 
 ## 6. 容量架构
 
@@ -83,14 +85,17 @@ Sense ── 视频流/触发信号 ──> Brain
 - 对账器水平触发、幂等、指数退避、限制并发；部分失败不做跨系统回滚，只持续收敛。
 - 孤儿删除必须有 10% 安全闸和人工可观察指标。
 - 配额读取失败只阻止新增/启用，不中断已有流。
+- Area 策略投影读取失败只阻止相关设备新增/启用；已有设备保持原状态并产生运维告警。策略变更与已有成像设备冲突时由 Bell 管理端显式处置。
+- 高风险设备操作在本地事务内同时写期望态与审计 outbox；异步 relay 可重试、幂等投递到 Bell。T-004 只验证交互归属，不定义或实现接口契约。
 - Brain 投递失败落本地队列重试，不阻塞实时推理主链路。
 - Alert 先落库再投递，进程重启恢复未完成升级链。
 - 事件证据技术默认保留 30 天并按生命周期删除；客户/法务在 M3 生产上线前确认法规适用性和最终期限，技术默认值不能覆盖其结论。
 
 ## 8. 数据与契约
 
-- 核心实体：Tenant → Site → Area（含 `capture_policy`）/Device（含 `modality + capabilities`）→ StreamBinding/Zone；Rule → Event → Alert → DeliveryAttempt/Ack。
-- Event 与 Alert 不合并：一个事件可触发多次预警与投递，一次预警也可聚合多个事件。
+- Bell 核心实体：Tenant → Site → Area（含 `capture_policy`）以及 Role/Binding/Quota/Audit；Sense 核心实体：Device（含 `modality + capabilities`）→ StreamBinding/Zone，以及带 `source_version`/`synced_at` 的 SiteQuota/AreaPolicyProjection。两个 schema 以稳定逻辑 ID 关联，不跨 schema 写入。
+- 业务实体：Rule → Event → Alert → DeliveryAttempt/Ack；Event 与 Alert 不合并。
+- 一个事件可触发多次预警与投递，一次预警也可聚合多个事件。
 - 事件 v0.1 以 `raw/contracts/event-v0.1.schema.json` 与 `raw/contracts/README.md` 为准；未知顶层字段拒绝，只允许通过 `ext` 扩展。
 - v0.1 还需代码校验时间自洽、`confidence` 当前为 null、证据文件名隐私、唯一 primary sensor 等跨字段约束。
 - S2 MVP 不处理人脸。首个人脸试点最早 M5，只允许经法务/客户门禁确认的 S4 成人访客/承包商白名单（≤10,000 人），并提供非人脸替代方式。
diff --git a/docs/07-user-stories.md b/docs/07-user-stories.md
index 02945d2..c434663 100644
--- a/docs/07-user-stories.md
+++ b/docs/07-user-stories.md
@@ -7,16 +7,16 @@
 - 角色：实施工程师。
 - 目标：一次导入并验证一个默认 16 路视频站点，不逐路手工配置；操作入口位于通用设备台账的视频模态筛选下。
 - 价值：降低交付时间并为 128 路扩展保留操作效率。
-- 验收：支持待激活、逐设备结果、失败可重试、超配额明确拒绝；128 路规模下仍使用分页/批量流程。
-- 关联：RQ-C-01～RQ-C-08，IX-001～IX-003。
+- 验收：导入后先进入待激活，任务历史可查看逐设备成功/失败原因并仅重试失败项；认证失败时提供不回显旧密码的凭据更新路径；超配额明确拒绝；128 路规模下仍使用分页/批量流程。
+- 关联：RQ-C-01～RQ-C-08，IX-001～IX-004、IX-015。
 
 ## US-002 查看设备与流健康
 
 - 角色：平台运维/站点管理员。
-- 目标：快速知道哪些设备离线、时间漂移、流未收敛或分片异常。
+- 目标：快速知道哪些设备离线、认证失败、时间漂移、流未收敛、隧道异常或分片异常，并能区分期望态与各下游实际态。
 - 价值：在业务预警受影响前定位故障。
-- 验收：设备期望态与实际态分开显示；断线重连可观察；业务预警和运维告警不混用。
-- 关联：RQ-C-06～RQ-C-08、RQ-C-29、RQ-C-34，IX-004。
+- 验收：设备期望态与媒体/推理/存储实际态分开显示；对账差异、退避、下次重试和孤儿安全闸可观察；边缘隧道与视频数据面分别显示；业务预警和运维告警不混用。
+- 关联：RQ-C-06～RQ-C-08、RQ-C-29、RQ-C-34，IX-004、IX-019。
 
 ## US-003 处置业务预警
 
@@ -63,8 +63,24 @@
 - 角色：实施工程师/站点管理员。
 - 目标：在统一设备台账中按模态和能力添加、筛选与查看视频、雷达、门磁、按钮、可穿戴等设备；隐私区域只允许非成像设备。
 - 价值：M2 固化不会因 M6 异构设备接入而推倒重来的信息架构，同时把隐私要求落实为系统准入约束。
-- 验收：一级入口使用“设备”；添加时先选模态，详情按能力显示页面；`non_imaging_only` Area 不允许新增或启用成像设备，策略读取失败时拒绝新变更并给出恢复路径；M2 完成信息架构与视频准入，M6 完成非视频适配器。
-- 关联：RQ-S1-05、NFR-CMP-05，IX-014、IX-016。
+- 验收：一级入口使用“设备”；添加时先选模态，详情按探测能力显示页面并标明来源、时间与生效差异；未实现适配器显示 `adapter_not_ready`，不得伪装在线；`non_imaging_only` Area 不允许新增或启用成像设备，策略读取失败时拒绝新变更并给出恢复路径；M2 完成信息架构与视频准入，M6 完成非视频适配器。
+- 关联：RQ-S1-05、NFR-CMP-05，IX-014、IX-016、IX-019。
+
+## US-009 以最小权限运维接入系统
+
+- 角色：平台运维/租户管理员/站点管理员/只读用户。
+- 目标：进入 Sense 时明确当前租户、站点、账号和角色，并只看到权限范围内的数据与操作。
+- 价值：让私有化单租户交付也保留 SaaS-ready 隔离边界，避免原型把管理员权限当成默认事实。
+- 验收：切换站点会刷新上下文；只读角色看不到写操作；深链越权安全拒绝且不泄露设备存在性；设备操作日志可带筛选上下文跳到 Bell 全局审计。
+- 关联：RQ-C-31～RQ-C-33，IX-013、IX-020。
+
+## US-010 管理站点与区域准入策略
+
+- 角色：租户管理员/站点管理员。
+- 目标：在统一管理端维护 Site、Area 层级与 `capture_policy`，并让 Sense 使用同一版本的策略执行设备准入。
+- 价值：避免 Area 在 Sense、Bell 各有一份真相，保证权限、报表和隐私准入口径一致。
+- 验收：Bell 是 Site/Area/配额/策略真相源；策略变更影响已有成像设备时必须显式选择迁移或取消，不自动停用；Sense 展示策略版本与同步状态，投影不可用时仅拒绝相关新写入。
+- 关联：RQ-S1-05、NFR-CMP-05，IX-016、IX-020。
 
 ## 追溯规则
 
diff --git a/docs/08-interaction-checklist.md b/docs/08-interaction-checklist.md
index 658d552..af17a63 100644
--- a/docs/08-interaction-checklist.md
+++ b/docs/08-interaction-checklist.md
@@ -4,10 +4,10 @@
 
 | ID | 场景 | 必须覆盖的状态与行为 | 关联 US | 阶段 |
 | --- | --- | --- | --- | --- |
-| IX-001 | 批量导入设备 | 下载模板、上传校验、逐行错误、重复序列号、待激活、确认写入 | US-001 | M2 |
-| IX-002 | 配额与批量结果 | 显示已用/上限；超 16 不等于非法，按站点配置校验；部分成功可重试 | US-001 | M2 |
+| IX-001 | 批量导入设备 | 下载模板、上传校验、逐行错误、重复序列号、待激活、确认写入；任务历史保留逐项结果、操作者与时间，支持仅重试失败项 | US-001 | M2 |
+| IX-002 | 配额与批量结果 | 显示已用/上限；超 16 不等于非法，按站点配置校验；部分成功可重试；配额不可读取时只禁用新增/启用并保留已有列表与流 | US-001 | M2 |
 | IX-003 | 设备列表 | 分页/筛选/批量选择；128 路不一次加载所有视频和详情 | US-001 | M2/M4 |
-| IX-004 | 设备健康 | 期望态、实际态、最后在线、时间漂移、分片、重试进度；运维告警独立 | US-002 | M2/M4 |
+| IX-004 | 设备健康 | 期望态、媒体/推理/存储实际态、认证失败、最后在线完整时间与站点时区、时间漂移、分片、重试进度；运维告警独立，凭据更新只允许写入新值且旧值永不回显 | US-002 | M2/M4 |
 | IX-005 | 预警到达 | 明确严重度、站点、时间、证据可用性；重复投递不产生重复处置 | US-003 | M3 |
 | IX-006 | ack | 一次点击可确认，显示确认人/时间；并发 ack 有清晰结果 | US-003 | M3 |
 | IX-007 | 升级 | 显示当前层级、下一次升级时间、每次投递状态；失败不能伪装成功 | US-003 | M3 |
@@ -17,11 +17,13 @@
 | IX-011 | 规则试运行 | 明确“未正式生效”，展示命中样本与影响范围，支持取消/回滚 | US-005 | M4 |
 | IX-012 | 升级链/静默 | 联系人顺序、超时、双通道；静默最长 4h、显示自动恢复时间、无永久选项 | US-005 | M3/M4 |
 | IX-013 | 权限与隐私 | 越权统一处理；无授权租户不展示人脸入口；不泄露流 URL/凭据 | US-006 | M3/M4 |
-| IX-014 | 设备模态与能力 | 一级入口为“设备”；列表可按 `modality` 筛选，添加时先选模态，详情按 `capabilities` 渐进展示；视频设备显示画面/媒体/检测区域，非视频设备保留连接与健康并显示对应遥测，不用禁用的视频页签占位 | US-008 | M2/M6 |
-| IX-015 | 停用与收敛 | 明确区分暂停推理、停用设备接入和仅踢当前会话；操作前展示对观看、推理、录制与证据回捞的影响并二次确认；期望态立即改变、实际态经对账收敛，部分失败可逐项重试；重复请求不产生重复副作用，但每次请求均留审计结果 | US-001、US-002 | M2 |
-| IX-016 | 隐私区域设备准入 | `capture_policy = non_imaging_only` 的 Area 不允许新增/启用具有成像能力的设备；前端就地禁用并解释，后端返回稳定错误码；策略读取失败时拒绝新变更并告警，已有设备遇到区域策略变化时进入显式处置流程，不静默留存或停用 | US-008 | M2/M6 |
+| IX-014 | 设备模态与能力 | 一级入口为“设备”；列表可按 `modality` 筛选，添加时先选模态，详情按 `capabilities` 渐进展示；能力同时显示厂商/型号/固件/认证、探测来源与时间、探测值和生效值差异；视频设备显示画面/媒体/检测区域，未交付的非视频适配器显示 `adapter_not_ready`，不用虚构遥测或禁用的视频页签占位 | US-008 | M2/M6 |
+| IX-015 | 停用与收敛 | 明确区分暂停推理订阅、停用设备接入和仅踢当前会话；暂停推理必须说明“解除推理侧订阅”，并在结果中显示推理订阅、其他 reader 数与上游按需拉流状态；操作前展示对观看、录制与证据回捞的影响并二次确认；期望态立即改变、实际态经对账收敛，部分失败可逐项重试；重复请求不产生重复副作用，但每次请求均留审计结果 | US-001、US-002 | M2 |
+| IX-016 | 隐私区域设备准入 | Area 与 `capture_policy` 由 Bell 统一管理，Sense 消费带版本的只读投影；`non_imaging_only` 不允许新增/启用具有成像能力的设备；前端就地禁用并解释，后端返回稳定错误码；策略读取失败时拒绝新变更并告警，已有设备遇到策略变化时由 Bell 进入显式迁移/取消流程，不静默留存或停用 | US-008、US-010 | M2/M6 |
 | IX-017 | 检测区域几何编辑 | 多边形和方向警戒线支持绘制、显式完成、撤销、清空、顶点编辑；警戒线在草稿/已保存态均显示方向箭头并可反转；鼠标与键盘坐标操作等效；画面参数变化后标记待校准且不自动改坐标；区域版本与规则版本独立 | US-005 | M3 |
 | IX-018 | 草稿与跨系统上下文 | 几何草稿自动保存并可恢复；只有持久化失败或切换空间类型等会破坏草稿的动作才拦截确认；Sense↔Bell 双向携带并消费 `camera + zone + return_to` 上下文；返回后恢复草稿，版本已被他人更新时提示冲突且不覆盖 | US-005 | M3 |
+| IX-019 | 运维中心与写入降级 | Sense 用一个一级“运维中心”聚合对账差异/退避/下次重试/孤儿安全闸、媒体与推理分片、边缘节点/隧道/补传、运维告警和系统状态；配额或 Area 策略不可读取时页面继续可读且已有链路不受影响，只禁用相关写操作；不得混入 Bell 业务预警 | US-002、US-008 | M2/M4/M6 |
+| IX-020 | 管理上下文、RBAC 与审计归属 | 全局头部显示租户、站点、账号和角色；只读角色隐藏写操作，深链越权统一拒绝且不泄露资源是否存在；Tenant/Site/Area/RBAC/配额/全局审计由 Bell 管理，Sense 只呈现消费上下文和设备操作入口，携带 tenant/site/device/return_to 深链到 Bell 审计 | US-006、US-009、US-010 | M2/M4 |
 
 ## 全局状态
 
diff --git a/docs/design/bell/index.html b/docs/design/bell/index.html
index cff18b3..34f1d63 100644
--- a/docs/design/bell/index.html
+++ b/docs/design/bell/index.html
@@ -41,6 +41,7 @@
       --shadow: 0 14px 34px rgba(32, 52, 78, .12);
     }
     * { box-sizing: border-box; }
+    [hidden] { display: none !important; }
     html { min-width: 320px; background: var(--bg); }
     body { margin: 0; min-height: 100dvh; background: var(--bg); color: var(--text); font: 14px/1.5 Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
     button, input, select, textarea { font: inherit; }
@@ -177,6 +178,14 @@
     .rule-context { margin-bottom: 12px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(56,189,248,.34); border-radius: 10px; background: rgba(56,189,248,.08); }
     .rule-context[hidden] { display: none; }
     .rule-context p { margin: 0; color: var(--muted); }
+    .site-grid { grid-template-columns: minmax(260px,.72fr) minmax(520px,1.45fr); }
+    .site-list { padding: 8px; display: grid; gap: 7px; }
+    .site-item { width: 100%; min-height: 62px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); color: var(--text); display: flex; justify-content: space-between; align-items: center; gap: 10px; text-align: left; }
+    .site-item.active { border-color: var(--primary); background: var(--primary-soft); }
+    .site-item small { display: block; color: var(--muted); }
+    .policy-note { margin: 12px 14px 0; padding: 10px 12px; border-left: 3px solid var(--warning); background: rgba(251,191,36,.08); color: var(--muted); }
+    .context-strip { margin-bottom: 12px; padding: 11px 13px; border: 1px solid rgba(56,189,248,.34); border-radius: 10px; background: rgba(56,189,248,.08); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+    .context-strip p { margin: 0; color: var(--muted); }
     .linked-zone { grid-column: 1/-1; padding: 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); }
     .linked-zone strong, .linked-zone small { display: block; }
     .linked-zone small { color: var(--muted); }
@@ -217,6 +226,7 @@
     .form-field { display: grid; gap: 6px; }
     .form-field.full { grid-column: 1/-1; }
     .form-field label { color: var(--muted); font-size: 12px; font-weight: 700; }
+    .radio-card { display: block; margin-bottom: 9px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); }
     .toast { position: fixed; right: 20px; bottom: 20px; z-index: 1100; max-width: min(420px, calc(100% - 40px)); padding: 12px 14px; border: 1px solid rgba(52,211,153,.35); border-radius: 10px; background: #0b2c25; color: #d9fff3; box-shadow: var(--shadow); transform: translateY(20px); opacity: 0; pointer-events: none; transition: .2s ease; }
     .toast.show { transform: none; opacity: 1; }
     .muted { color: var(--muted); }
@@ -240,11 +250,14 @@
       .topbar { padding: 8px 12px; }
       .site span, .top-actions .select { display: none; }
       .content { padding: 12px; }
+      .btn, .select, .field, .textarea { min-height: 44px; }
+      .icon-btn { min-width: 44px; }
       .duty-grid, .chain-grid, .chart-grid { grid-template-columns: 1fr; }
       .alert-list, .action-scroll { max-height: none; }
       .action-scroll { display: block; }
       .disposition { border-left: 0; border-top: 1px solid var(--line); }
       .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+      .site-grid { grid-template-columns: 1fr; }
       .rule-grid { grid-template-columns: 1fr 1fr; }
       .fact-grid { grid-template-columns: repeat(2, 1fr); }
       .mobile-nav { position: fixed; z-index: 50; left: 8px; right: 8px; bottom: 8px; display: grid; grid-template-columns: repeat(5, 1fr); padding: 5px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }
@@ -296,6 +309,7 @@
         <button data-view="rules"><svg class="icon"><use href="#i-rule"/></svg><span>规则策略</span></button>
         <button data-view="chains"><svg class="icon"><use href="#i-phone"/></svg><span>升级链</span></button>
         <button data-view="reports"><svg class="icon"><use href="#i-chart"/></svg><span>运营报表</span></button>
+        <button data-view="sites"><svg class="icon"><use href="#i-rule"/></svg><span>站点与 Area</span></button>
         <button data-view="audit"><svg class="icon"><use href="#i-shield"/></svg><span>审计日志</span></button>
       </nav>
       <div class="shift-card"><strong>安保值班组 · 白班</strong><span>08:00–20:00 · 4 人在线</span><div class="shift-bar"><i></i></div></div>
@@ -303,7 +317,7 @@
 
     <main class="main" id="main-content" tabindex="-1">
       <header class="topbar">
-        <div class="site"><strong>青藤寄宿学校 · 值班中心</strong><span>客户侧私有实例 · 当前仅匿名安全规则</span></div>
+        <div class="site"><strong>青藤教育集团 · 青藤寄宿学校</strong><span>当前账号：林工 · 租户管理员 · Asia/Shanghai</span></div>
         <div class="top-actions">
           <select class="select" id="stateSelect" aria-label="原型状态演示"><option value="normal">正常状态</option><option value="loading">加载中</option><option value="weak">弱网 / 证据失败</option><option value="empty">队列为空</option><option value="denied">无权限</option></select>
           <button class="btn icon-btn" id="themeToggle" aria-label="切换明暗主题" title="切换明暗主题"><svg class="icon"><use href="#i-sun"/></svg></button>
@@ -319,13 +333,13 @@
           <div class="duty-grid">
             <section class="card queue" aria-label="待处置预警队列">
               <div class="card-head"><h2>待处置预警</h2><span class="badge danger">6 个未 ack</span></div>
-              <div class="queue-head"><div class="queue-tabs" role="tablist"><button class="active" role="tab" aria-selected="true">全部 9</button><button role="tab">高危 3</button><button role="tab">我的 2</button></div></div>
+              <div class="queue-head"><div class="queue-tabs" aria-label="预警队列筛选"><button class="active" aria-pressed="true">全部 9</button><button aria-pressed="false">高危 3</button><button aria-pressed="false">我的 2</button></div></div>
               <div class="alert-list" id="alertList"></div>
             </section>
 
             <section class="card evidence" aria-label="事件事实与证据">
               <div class="evidence-summary"><div><span class="badge danger" id="selectedSeverity">高危 · S1</span><h2 id="selectedTitle">危险区域闯入</h2><p id="selectedMeta">北围墙 01 · 23:14:08 · EVT-01J8…7A2</p></div><button class="btn icon-btn" aria-label="更多事件操作"><svg class="icon"><use href="#i-more"/></svg></button></div>
-              <div class="evidence-tabs" role="tablist"><button class="active" role="tab" aria-selected="true">视频片段</button><button role="tab">抓拍 2</button><button role="tab">结构化事实</button></div>
+              <div class="evidence-tabs" aria-label="证据类型筛选"><button class="active" aria-pressed="true">视频片段</button><button aria-pressed="false">抓拍 2</button><button aria-pressed="false">结构化事实</button></div>
               <div class="video-stage" id="videoStage">
                 <svg viewBox="0 0 960 540" role="img" aria-label="北围墙 01 事件视频模拟画面，匿名目标进入危险区域">
                   <defs><linearGradient id="bellSky" x1="0" y1="0" x2="0" y2="1"><stop stop-color="#102337"/><stop offset="1" stop-color="#060a11"/></linearGradient><pattern id="bellScan" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M0 8h8" stroke="#fff" stroke-opacity=".035"/></pattern></defs>
@@ -392,9 +406,17 @@
           <div class="grid chart-grid"><article class="card chart"><h2>近 7 日预警量</h2><p>按站点日期汇总；可切换到每路每天误报数。</p><div class="bars" role="img" aria-label="近七日预警量依次为 18、22、15、31、27、24、19"><div class="bar" style="--h:58%"><span>周一</span></div><div class="bar" style="--h:70%"><span>周二</span></div><div class="bar" style="--h:48%"><span>周三</span></div><div class="bar" style="--h:100%"><span>周四</span></div><div class="bar" style="--h:87%"><span>周五</span></div><div class="bar" style="--h:77%"><span>周六</span></div><div class="bar" style="--h:61%"><span>周日</span></div></div></article><article class="card chart"><h2>处置结果</h2><p>本月已闭环事件。</p><div class="donut" role="img" aria-label="正常处置 61%，误报 22%，升级未闭环 17%"></div><div class="legend"><span><i style="background:var(--success)"></i>正常处置 61%</span><span><i style="background:var(--warning)"></i>误报 22%</span><span><i style="background:var(--danger)"></i>未闭环 17%</span></div></article></div>
         </section>
 
+        <section class="view" data-page="sites">
+          <div class="page-head"><div><h1>站点与 Area</h1><p>Bell 是 Tenant、Site、Area、配额与隐私准入策略的唯一真相源；Sense 只消费版本化投影。</p></div><div class="page-actions"><button class="btn">管理角色权限</button><button class="btn btn-primary" id="newSite">新建站点</button></div></div>
+          <div class="grid stats"><article class="card stat"><span>租户</span><strong>1</strong><span class="muted">青藤教育集团</span></article><article class="card stat"><span>站点</span><strong>2</strong><span class="muted">1 个试点中</span></article><article class="card stat"><span>视频配额</span><strong>16 / 128</strong><span class="muted">默认 16，不是硬上限</span></article><article class="card stat"><span>策略投影</span><strong>v42</strong><span class="muted">Sense 2 分钟前已同步</span></article></div>
+          <div class="grid site-grid"><article class="card"><div class="card-head"><h2>站点</h2><button class="btn btn-quiet">筛选</button></div><div class="site-list"><button class="site-item active"><span><strong>青藤寄宿学校</strong><small>site-ivy · S2 校园包</small></span><span class="badge success">启用</span></button><button class="site-item"><span><strong>城东试验点</strong><small>site-east · 未绑定场景包</small></span><span class="badge warning">准备中</span></button></div></article>
+            <article class="card"><div class="card-head"><div><h2>青藤寄宿学校 · Area</h2><span class="muted">层级、报表口径和设备准入共用同一逻辑 ID</span></div><button class="btn btn-primary" id="newArea">新建 Area</button></div><div class="policy-note"><strong>策略变更不会静默处置已有设备。</strong> 若改为“仅非成像”且 Area 内已有摄像头，必须显式迁移设备或取消变更。</div><div class="table-wrap"><table><thead><tr><th>Area</th><th>父级</th><th>capture_policy</th><th>设备</th><th>策略版本</th><th>投影状态</th><th>操作</th></tr></thead><tbody><tr><td><strong>北围墙</strong><br><span class="muted">area-north-wall</span></td><td>校园</td><td><span class="badge success">允许成像</span></td><td>4 视频</td><td>v42</td><td><span class="badge success">已同步</span></td><td><button class="btn" data-edit-area="north">编辑策略</button></td></tr><tr><td><strong>宿舍卧室</strong><br><span class="muted">area-dorm-room</span></td><td>宿舍楼</td><td><span class="badge warning">仅非成像</span></td><td>0 视频 · 1 雷达规划</td><td>v38</td><td><span class="badge success">已同步</span></td><td><button class="btn" data-edit-area="dorm">编辑策略</button></td></tr><tr><td><strong>实验楼入口</strong><br><span class="muted">area-lab-gate</span></td><td>实验楼</td><td><span class="badge success">允许成像</span></td><td>2 视频</td><td>v41</td><td><span class="badge warning">待 Sense 拉取</span></td><td><button class="btn" data-edit-area="lab">编辑策略</button></td></tr></tbody></table></div></article></div>
+        </section>
+
         <section class="view" data-page="audit">
+          <div class="context-strip" id="auditContext" hidden><p><strong>来自 Sense 设备日志：</strong>租户 <span id="auditTenant">—</span> · 站点 <span id="auditSite">—</span> · 设备 <span id="auditDevice">—</span>。已锁定筛选上下文。</p><a class="btn" id="auditReturn" href="../sense/index.html?view=device-detail">返回设备详情 ↗</a></div>
           <div class="page-head"><div><h1>审计日志</h1><p>查询、ack、规则发布和证据下载均可追溯；不记录密码与可复用连接串。</p></div><div class="page-actions"><button class="btn">导出审计记录</button></div></div>
-          <article class="card"><div class="card-head"><div class="search"><svg class="icon"><use href="#i-search"/></svg><input class="field" aria-label="搜索审计日志" placeholder="操作、角色或对象编号"></div><span class="badge info">只读</span></div><div class="table-wrap"><table><thead><tr><th>时间</th><th>角色</th><th>动作</th><th>对象</th><th>结果</th><th>来源</th></tr></thead><tbody>
+          <article class="card"><div class="card-head"><div class="search"><svg class="icon"><use href="#i-search"/></svg><input class="field" id="auditSearch" aria-label="搜索审计日志" placeholder="操作、角色或对象编号"></div><span class="badge info">只读</span></div><div class="table-wrap"><table><thead><tr><th>时间</th><th>角色</th><th>动作</th><th>对象</th><th>结果</th><th>来源</th></tr></thead><tbody id="auditRows">
             <tr><td>23:14:18</td><td>站点值班员</td><td>ACK_ALERT</td><td class="mono">ALT-1842</td><td><span class="badge success">成功</span></td><td>值班室 Web</td></tr><tr><td>22:52:06</td><td>站点管理员</td><td>PUBLISH_RULE</td><td class="mono">RULE-007</td><td><span class="badge success">成功</span></td><td>管理端</td></tr><tr><td>22:20:31</td><td>只读用户</td><td>VIEW_EVIDENCE</td><td class="mono">EVT-01J8…52C</td><td><span class="badge danger">拒绝</span></td><td>响应式 H5</td></tr>
           </tbody></table></div></article>
         </section>
@@ -419,6 +441,10 @@
   <dialog id="falseDialog" aria-labelledby="falseTitle"><form method="dialog"><div class="dialog-head"><h2 id="falseTitle">标记为误报</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭对话框">×</button></div><div class="dialog-body"><p>这只会追加事件 outcome，不会修改原始事件事实和证据。</p><div class="form-grid"><div class="form-field full"><label for="falseReason">误报原因</label><select id="falseReason" class="select" required><option value="">请选择</option><option>区域配置不准确</option><option>目标分类错误</option><option>时段策略不准确</option><option>其他</option></select></div><div class="form-field full"><label for="falseNote">补充说明（可选）</label><textarea id="falseNote" class="textarea" placeholder="便于算法团队归因，不填写真实个人信息"></textarea></div><div class="form-field full"><label><input type="checkbox" checked> 进入标注复核队列</label></div></div></div><div class="dialog-foot"><button class="btn" value="cancel">取消</button><button class="btn btn-danger" id="confirmFalse" value="default">确认标记</button></div></form></dialog>
 
   <dialog id="muteDialog" aria-labelledby="muteTitle"><form method="dialog"><div class="dialog-head"><h2 id="muteTitle">创建限时静默</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭对话框">×</button></div><div class="dialog-body"><div class="form-grid"><div class="form-field"><label for="muteScope">影响范围</label><select id="muteScope" class="select"><option>北围墙 01 · 当前规则</option><option>北围墙区域</option></select></div><div class="form-field"><label for="muteTime">持续时间</label><select id="muteTime" class="select"><option>30 分钟</option><option>1 小时</option><option>2 小时</option><option>4 小时（上限）</option></select></div><div class="form-field full"><label for="muteCause">原因</label><textarea id="muteCause" class="textarea" required placeholder="例如：现场施工维护，已安排人工巡查"></textarea></div></div><p class="muted">到期自动恢复；S1 高危事件与设备离线运维告警不受此静默影响。</p></div><div class="dialog-foot"><button class="btn" value="cancel">取消</button><button class="btn btn-primary" id="confirmMute" value="default">确认并记录审计</button></div></form></dialog>
+
+  <dialog id="areaDialog" aria-labelledby="areaTitle"><form method="dialog"><div class="dialog-head"><h2 id="areaTitle">编辑 Area 准入策略</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭对话框">×</button></div><div class="dialog-body"><div class="form-grid"><div class="form-field"><label for="areaName">Area</label><input id="areaName" class="field" value="北围墙"></div><div class="form-field"><label for="areaParent">父级</label><select id="areaParent" class="select"><option>校园</option><option>教学区</option><option>宿舍楼</option></select></div><div class="form-field full"><label for="areaPolicy">capture_policy</label><select id="areaPolicy" class="select"><option value="video_allowed">允许成像设备</option><option value="non_imaging_only">仅允许非成像设备</option></select></div><div class="form-field full"><label for="areaReason">变更原因</label><textarea id="areaReason" class="textarea" placeholder="必填，进入全局审计"></textarea></div></div><p class="muted">保存生成新策略版本；Sense 投影同步前会显示旧版本，不允许绕过后端准入检查。</p></div><div class="dialog-foot"><button class="btn" value="cancel">取消</button><button type="button" class="btn btn-primary" id="saveAreaPolicy">保存策略版本</button></div></form></dialog>
+
+  <dialog id="policyConflictDialog" aria-labelledby="policyConflictTitle"><form method="dialog"><div class="dialog-head"><h2 id="policyConflictTitle">策略与已有设备冲突</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭对话框">×</button></div><div class="dialog-body"><p>北围墙当前有 4 台成像设备。改为“仅非成像”前必须选择显式处置；系统不会自动停用、移动或保留违规设备。</p><label class="radio-card"><input type="radio" name="conflictAction" value="move"> <strong>先迁移 4 台设备到允许成像的 Area</strong><br><span class="muted">创建迁移任务，全部成功后再发布策略。</span></label><label class="radio-card"><input type="radio" name="conflictAction" value="cancel" checked> <strong>取消本次策略变更</strong><br><span class="muted">保持 v42 和现有设备不变。</span></label></div><div class="dialog-foot"><button class="btn" value="cancel">返回编辑</button><button class="btn btn-primary" value="default" id="confirmPolicyConflict">确认选择</button></div></form></dialog>
   <div class="toast" id="toast" role="status" aria-live="polite"></div>
 
   <script>
@@ -440,8 +466,8 @@
 
     function switchView(name) { $$('.view').forEach(v=>v.classList.toggle('active',v.dataset.page===name)); $$('[data-view]').forEach(b=>{const on=b.dataset.view===name;b.toggleAttribute('aria-current',on);b.classList.toggle('active',on);}); $('#stateSelect').value='normal'; renderState('normal'); $('#main-content').focus({preventScroll:true}); }
     $$('[data-view]').forEach(b=>b.addEventListener('click',()=>switchView(b.dataset.view)));
-    $$('.queue-tabs button').forEach(b=>b.addEventListener('click',()=>{$$('.queue-tabs button').forEach(x=>{x.classList.toggle('active',x===b);x.setAttribute('aria-selected',x===b)});notify(`队列已切换到“${b.textContent}”`);}));
-    $$('.evidence-tabs button').forEach(b=>b.addEventListener('click',()=>{$$('.evidence-tabs button').forEach(x=>{x.classList.toggle('active',x===b);x.setAttribute('aria-selected',x===b)});notify(`正在演示“${b.textContent}”标签结构`);}));
+    $$('.queue-tabs button').forEach(b=>b.addEventListener('click',()=>{$$('.queue-tabs button').forEach(x=>{x.classList.toggle('active',x===b);x.setAttribute('aria-pressed',x===b)});notify(`队列已切换到“${b.textContent}”`);}));
+    $$('.evidence-tabs button').forEach(b=>b.addEventListener('click',()=>{$$('.evidence-tabs button').forEach(x=>{x.classList.toggle('active',x===b);x.setAttribute('aria-pressed',x===b)});notify(`正在演示“${b.textContent}”标签结构`);}));
 
     function renderState(state) { const layer=$('#stateLayer'), views=$$('.view'); layer.classList.toggle('show',state!=='normal'); views.forEach(v=>v.style.display=state==='normal'?'':'none'); if(state==='normal')return; const states={
       loading:`<div><div class="skeleton" aria-label="正在加载"><i></i><i></i><i></i><i></i></div><h2>正在读取最新预警状态</h2><p>超过 300ms 显示进度；ack 和升级事实始终从服务端重新读取。</p></div>`,
@@ -458,6 +484,12 @@
     $('#muteButton').addEventListener('click',()=>$('#muteDialog').showModal());
     $('#confirmMute').addEventListener('click',e=>{if(!$('#muteCause').value.trim()){e.preventDefault();notify('请填写静默原因。');$('#muteCause').focus();return;}notify('已创建限时静默，到期将自动恢复并通知值班组。');});
 
+    $$('[data-edit-area]').forEach(button=>button.addEventListener('click',()=>{const isDorm=button.dataset.editArea==='dorm';$('#areaName').value=isDorm?'宿舍卧室':button.dataset.editArea==='lab'?'实验楼入口':'北围墙';$('#areaPolicy').value=isDorm?'non_imaging_only':'video_allowed';$('#areaDialog').showModal();}));
+    $('#newArea').addEventListener('click',()=>{$('#areaName').value='';$('#areaPolicy').value='video_allowed';$('#areaDialog').showModal();});
+    $('#newSite').addEventListener('click',()=>notify('新建站点需先填写时区、场景包、配额和管理员，本原型只枚举入口。'));
+    $('#saveAreaPolicy').addEventListener('click',()=>{if(!$('#areaReason').value.trim()){notify('请填写变更原因。');$('#areaReason').focus();return;}if($('#areaName').value==='北围墙'&&$('#areaPolicy').value==='non_imaging_only'){$('#areaDialog').close();$('#policyConflictDialog').showModal();return;}$('#areaDialog').close();notify('Area 策略新版本已保存，等待 Sense 拉取投影。');});
+    $('#confirmPolicyConflict').addEventListener('click',()=>{const action=$('input[name="conflictAction"]:checked').value;notify(action==='move'?'已创建 4 台设备迁移任务；完成前不会发布策略。':'已取消策略变更，v42 和已有设备保持不变。');});
+
     const ruleDialog = $('#ruleDialog');
     function openRuleEditor() { ruleDialog.showModal(); }
     $('#openRuleDialog').addEventListener('click', openRuleEditor);
@@ -473,6 +505,13 @@
     setInterval(()=>{if($('#ackState').textContent==='已 ack'||remain<=0)return;remain--;const m=String(Math.floor(remain/60)).padStart(2,'0'),s=String(remain%60).padStart(2,'0');$('#countdown').textContent=`${m}:${s}`;},1000);
     const routeParams = new URLSearchParams(location.search);
     if (routeParams.get('view')) switchView(routeParams.get('view'));
+    if (routeParams.get('view')==='audit' && (routeParams.has('device')||routeParams.has('site'))) {
+      const tenant=routeParams.get('tenant')||'当前租户',site=routeParams.get('site')||'当前站点',device=routeParams.get('device')||'全部设备';
+      $('#auditContext').hidden=false;$('#auditTenant').textContent=tenant;$('#auditSite').textContent=site;$('#auditDevice').textContent=device;$('#auditSearch').value=device;
+      $('#auditRows').insertAdjacentHTML('afterbegin',`<tr><td>10:47:36</td><td>站点管理员</td><td>PAUSE_INFERENCE</td><td class="mono">${device}</td><td><span class="badge success">成功</span></td><td>Sense outbox · relay 已送达</td></tr>`);
+      $('#auditReturn').href=`../sense/index.html?view=device-detail&device=${encodeURIComponent(device)}&return_to=bell-audit`;
+      notify('已应用来自 Sense 的租户、站点和设备审计筛选。');
+    }
     if (routeParams.has('camera')) {
       switchView('rules'); $('#ruleContext').hidden=false;
       const camera=routeParams.get('camera'); if([...$('#ruleCamera').options].some(option=>option.value===camera)) $('#ruleCamera').value=camera;
diff --git a/docs/design/sense/index.html b/docs/design/sense/index.html
index 9730a50..cb299c8 100644
--- a/docs/design/sense/index.html
+++ b/docs/design/sense/index.html
@@ -1,689 +1,161 @@
 <!doctype html>
-<html lang="zh-CN" data-theme="dark">
+<html lang="zh-CN">
 <head>
   <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="color-scheme" content="dark light">
-  <link rel="icon" href="data:,">
-  <title>YoVision Sense · 设备与视频接入原型</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+  <title>YoVision Sense · 接入运维工作台原型</title>
   <style>
-    :root {
-      --bg: #08111f;
-      --surface: #0d1929;
-      --surface-2: #111f31;
-      --surface-3: #17263a;
-      --text: #f2f7fb;
-      --muted: #9fb0c5;
-      --subtle: #8498b0;
-      --line: #27384d;
-      --primary: #38bdf8;
-      --primary-strong: #0369a1;
-      --primary-soft: rgba(56, 189, 248, .14);
-      --success: #34d399;
-      --warning: #fbbf24;
-      --danger: #fb7185;
-      --violet: #a78bfa;
-      --shadow: 0 16px 40px rgba(0, 0, 0, .22);
-      --radius: 14px;
-      --sidebar: 224px;
-      --banner: 28px;
-    }
-    html[data-theme="light"] {
-      --bg: #eef4f8;
-      --surface: #ffffff;
-      --surface-2: #f7fafc;
-      --surface-3: #eaf1f6;
-      --text: #112033;
-      --muted: #50647b;
-      --subtle: #596c82;
-      --primary: #0369a1;
-      --primary-strong: #075985;
-      --line: #cfdae5;
-      --primary-soft: rgba(2, 132, 199, .11);
-      --shadow: 0 14px 34px rgba(38, 64, 92, .12);
-    }
-    * { box-sizing: border-box; }
-    html { min-width: 320px; background: var(--bg); }
-    body {
-      margin: 0;
-      min-height: 100dvh;
-      background: var(--bg);
-      color: var(--text);
-      font: 14px/1.5 Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
-    }
-    button, input, select, textarea { font: inherit; }
-    button, select, input[type="checkbox"], input[type="radio"] { cursor: pointer; }
-    button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
-      outline: 3px solid rgba(56, 189, 248, .45);
-      outline-offset: 2px;
-    }
-    .prototype-banner {
-      position: fixed; inset: 0 0 auto 0; z-index: 1000;
-      height: var(--banner); display: flex; align-items: center; justify-content: center;
-      background: #f6c344; color: #211900; font-size: 12px; font-weight: 800; letter-spacing: .07em;
-    }
-    .icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
-    .app { min-height: 100dvh; padding-top: var(--banner); display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); }
-    .sidebar {
-      position: sticky; top: var(--banner); height: calc(100dvh - var(--banner));
-      border-right: 1px solid var(--line); background: var(--surface); padding: 18px 12px;
-      display: flex; flex-direction: column; z-index: 30;
-    }
-    .brand { display: flex; align-items: center; gap: 10px; padding: 2px 10px 20px; }
-    .brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(145deg, #38bdf8, #6366f1); color: white; font-weight: 900; box-shadow: 0 8px 20px rgba(14, 165, 233, .22); }
-    .brand strong { display: block; font-size: 16px; letter-spacing: .01em; }
-    .brand small { color: var(--muted); }
-    .nav-label { margin: 8px 10px 6px; color: var(--subtle); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
-    .nav { display: grid; gap: 4px; }
-    .nav button {
-      min-height: 44px; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: var(--muted);
-      display: flex; align-items: center; gap: 10px; text-align: left; transition: background .2s ease, color .2s ease;
-    }
-    .nav button:hover { color: var(--text); background: var(--surface-2); }
-    .nav button[aria-current="page"] { color: var(--text); background: var(--primary-soft); box-shadow: inset 3px 0 var(--primary); }
-    .nav .count { margin-left: auto; min-width: 22px; padding: 1px 6px; border-radius: 999px; background: var(--surface-3); color: var(--text); text-align: center; font-size: 12px; }
-    .sidebar-foot { margin-top: auto; padding: 12px 10px 2px; border-top: 1px solid var(--line); color: var(--muted); }
-    .online-row { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
-    .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(52, 211, 153, .12); }
-    .main { min-width: 0; }
-    .topbar {
-      position: sticky; top: var(--banner); z-index: 20; min-height: 64px; padding: 10px 22px;
-      display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 94%, transparent); backdrop-filter: blur(12px);
-    }
-    .site-select { display: flex; align-items: center; gap: 8px; min-width: 250px; }
-    .site-select strong { font-size: 15px; }
-    .site-select span { color: var(--muted); font-size: 12px; }
-    .top-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
-    .select, .field, .textarea {
-      width: 100%; min-height: 44px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); color: var(--text); padding: 8px 11px;
-    }
-    .textarea { min-height: 74px; resize: vertical; }
-    .top-actions .select { width: auto; min-width: 126px; }
-    .btn {
-      min-height: 44px; border: 1px solid var(--line); border-radius: 9px; padding: 8px 13px; background: var(--surface-2); color: var(--text);
-      display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; text-decoration: none; transition: border-color .2s ease, background .2s ease, opacity .2s ease;
-    }
-    .btn:hover { border-color: var(--primary); }
-    .btn-primary { background: var(--primary-strong); border-color: var(--primary-strong); color: #fff; }
-    .btn-danger { color: #ffd8df; border-color: rgba(251, 113, 133, .45); background: rgba(251, 113, 133, .1); }
-    .btn-quiet { border-color: transparent; background: transparent; color: var(--muted); }
-    .icon-btn { width: 44px; padding: 0; }
-    .content { padding: 22px; }
-    .view { display: none; animation: reveal .22s ease-out; }
-    .view.active { display: block; }
-    @keyframes reveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
-    .page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
-    .page-head h1 { margin: 0 0 4px; font-size: 24px; line-height: 1.25; }
-    .page-head p { margin: 0; color: var(--muted); }
-    .page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
-    .grid { display: grid; gap: 14px; }
-    .stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
-    .card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
-    .stat { padding: 16px; min-height: 116px; display: flex; flex-direction: column; justify-content: space-between; }
-    .stat-top { display: flex; align-items: center; justify-content: space-between; color: var(--muted); }
-    .stat strong { font-size: 27px; font-variant-numeric: tabular-nums; }
-    .trend { font-size: 12px; color: var(--success); }
-    .split { grid-template-columns: minmax(0, 1.6fr) minmax(300px, .8fr); margin-top: 14px; }
-    .card-head { padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); }
-    .card-head h2, .card-head h3 { margin: 0; font-size: 15px; }
-    .card-body { padding: 16px; }
-    .health-list { display: grid; gap: 12px; }
-    .health-row { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; }
-    .health-row span { color: var(--muted); }
-    .health-row strong { font-variant-numeric: tabular-nums; }
-    .meter { grid-column: 1/-1; height: 7px; border-radius: 99px; background: var(--surface-3); overflow: hidden; }
-    .meter i { display: block; height: 100%; border-radius: inherit; background: var(--primary); }
-    .badge { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); font-size: 12px; white-space: nowrap; }
-    .badge.success { color: #74efc1; border-color: rgba(52, 211, 153, .35); background: rgba(52, 211, 153, .1); }
-    .badge.warning { color: #ffdc74; border-color: rgba(251, 191, 36, .35); background: rgba(251, 191, 36, .1); }
-    .badge.danger { color: #ff9aae; border-color: rgba(251, 113, 133, .4); background: rgba(251, 113, 133, .1); }
-    .badge.info { color: #8edaff; border-color: rgba(56, 189, 248, .35); background: var(--primary-soft); }
-    .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
-    .search { position: relative; min-width: 220px; }
-    .search .icon { position: absolute; left: 11px; top: 11px; color: var(--subtle); pointer-events: none; }
-    .search input { padding-left: 38px; }
-    .table-wrap { overflow-x: auto; }
-    table { width: 100%; border-collapse: collapse; min-width: 1040px; }
-    th, td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
-    th { color: var(--muted); background: var(--surface-2); font-size: 12px; font-weight: 700; }
-    td { font-variant-numeric: tabular-nums; }
-    tr:last-child td { border-bottom: 0; }
-    tr:hover td { background: color-mix(in srgb, var(--primary-soft) 45%, transparent); }
-    .device-name { display: flex; align-items: center; gap: 10px; }
-    .camera-icon { width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; background: var(--surface-3); color: var(--primary); }
-    .camera-icon.radar { color: var(--warning); }
-    .capabilities { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
-    .capability { color: var(--muted); font-size: 11px; }
-    .pagination { padding: 12px 14px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid var(--line); }
-    .pagination-actions { display: flex; gap: 6px; }
-    .device-name small { display: block; color: var(--muted); }
-    .camera-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-    .camera-card { overflow: hidden; }
-    .camera-stage { aspect-ratio: 16/9; position: relative; background: #020914; overflow: hidden; }
-    .camera-stage::before { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, transparent 45%, rgba(56,189,248,.08)), repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 4px); }
-    .scene { position: absolute; inset: 0; width: 100%; height: 100%; }
-    .camera-meta { padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
-    .camera-meta small { color: var(--muted); }
-    .breadcrumb { margin-bottom: 10px; display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
-    .breadcrumb button { min-height: 44px; padding: 4px 8px; border: 0; border-radius: 7px; background: transparent; color: var(--primary); font-weight: 700; }
-    .breadcrumb button:hover { background: var(--primary-soft); }
-    .detail-tabs { margin-bottom: 12px; padding: 5px; display: flex; gap: 5px; overflow-x: auto; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
-    .detail-tabs button { min-height: 44px; padding: 7px 13px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); white-space: nowrap; }
-    .detail-tabs button.active { background: var(--primary-soft); color: var(--text); box-shadow: inset 0 -2px var(--primary); }
-    .detail-panel[hidden] { display: none; }
-    .context-strip { margin-bottom: 12px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(167,139,250,.38); border-radius: 10px; background: rgba(167,139,250,.1); }
-    .context-strip[hidden] { display: none; }
-    .context-strip p { margin: 0; color: var(--muted); }
-    .zone-layout { display: grid; grid-template-columns: minmax(420px, 1fr) 320px; gap: 12px; min-height: calc(100dvh - 260px); }
-    .zone-camera-list, .zone-settings, .zone-workspace { min-width: 0; }
-    .compact-list { display: grid; gap: 6px; padding: 10px; }
-    .compact-list button { width: 100%; min-height: 54px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--text); display: flex; align-items: center; gap: 10px; padding: 8px; text-align: left; }
-    .compact-list button:hover, .compact-list button.selected { background: var(--primary-soft); border-color: rgba(56,189,248,.32); }
-    .compact-list small { display: block; color: var(--muted); }
-    .mini-thumb { width: 54px; height: 34px; border-radius: 6px; background: linear-gradient(145deg, #24364c, #0a101a); position: relative; overflow: hidden; }
-    .mini-thumb::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 8px; height: 1px; background: var(--primary); transform: rotate(-12deg); }
-    .editor-tools { padding: 10px; display: flex; gap: 6px; align-items: center; border-bottom: 1px solid var(--line); overflow-x: auto; }
-    .tool-btn { min-width: 44px; min-height: 44px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-2); color: var(--muted); display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
-    .tool-btn.active { background: var(--primary-soft); border-color: var(--primary); color: var(--text); }
-    .tool-divider { width: 1px; align-self: stretch; background: var(--line); margin: 0 3px; }
-    .editor-stage { position: relative; aspect-ratio: 16/9; min-height: 340px; background: #030a12; overflow: hidden; }
-    .editor-stage svg { width: 100%; height: 100%; display: block; touch-action: none; }
-    .editor-hint { position: absolute; left: 12px; bottom: 12px; padding: 7px 10px; border-radius: 8px; background: rgba(3, 10, 18, .78); color: #dceaff; font-size: 12px; pointer-events: none; }
-    .editor-status { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; color: var(--muted); border-top: 1px solid var(--line); font-size: 12px; }
-    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
-    .form-field { display: grid; gap: 6px; }
-    .form-field.full { grid-column: 1/-1; }
-    .form-field label { color: var(--muted); font-size: 12px; font-weight: 700; }
-    .switch-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; }
-    .switch { position: relative; width: 42px; height: 24px; }
-    .switch input { position: absolute; opacity: 0; }
-    .switch span { position: absolute; inset: 0; border-radius: 99px; background: var(--surface-3); border: 1px solid var(--line); transition: .2s ease; }
-    .switch span::after { content: ""; position: absolute; width: 18px; height: 18px; left: 2px; top: 2px; border-radius: 50%; background: var(--muted); transition: transform .2s ease, background .2s ease; }
-    .switch input:checked + span { background: var(--primary-strong); border-color: var(--primary-strong); }
-    .switch input:checked + span::after { transform: translateX(18px); background: white; }
-    .coordinate-box { margin-top: 12px; padding: 12px; border: 1px dashed var(--line); border-radius: 10px; background: var(--surface-2); }
-    .coordinate-box h3 { margin: 0 0 4px; font-size: 13px; }
-    .coordinate-box p { margin: 0 0 10px; color: var(--muted); font-size: 12px; }
-    .coordinate-row { display: grid; grid-template-columns: 1fr 1fr auto; gap: 6px; }
-    .point-list { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
-    .point-item { display: grid; grid-template-columns: auto 1fr 1fr auto; align-items: center; gap: 6px; }
-    .point-item .field { min-width: 0; }
-    .point-index { color: var(--muted); font-size: 12px; }
-    .notice { margin: 12px 0 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); color: var(--muted); }
-    .notice.warning { border-color: rgba(251,191,36,.38); background: rgba(251,191,36,.08); color: #ffe39a; }
-    .operation-grid { display: grid; gap: 8px; }
-    .operation-option { min-height: 72px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; cursor: pointer; }
-    .operation-option:has(input:checked) { border-color: var(--primary); background: var(--primary-soft); }
-    .operation-option strong, .operation-option small { display: block; }
-    .operation-option small { color: var(--muted); }
-    .linked-rules { margin-top: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); }
-    .linked-rules h3 { margin: 0 0 4px; font-size: 13px; }
-    .linked-rules p { margin: 0 0 10px; color: var(--muted); font-size: 12px; }
-    .linked-rules ul { margin: 0 0 11px; padding-left: 18px; color: var(--muted); }
-    .settings-actions { position: sticky; bottom: 0; margin: 14px -16px -16px; padding: 12px 16px; display: flex; gap: 8px; justify-content: flex-end; border-top: 1px solid var(--line); background: var(--surface); }
-    .drop-zone { padding: 28px; border: 1px dashed var(--line); border-radius: 12px; text-align: center; background: var(--surface-2); }
-    .drop-zone .icon { width: 28px; height: 28px; color: var(--primary); }
-    .drop-zone p { margin: 8px 0 12px; color: var(--muted); }
-    .system-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-    .system-tile { padding: 16px; }
-    .system-tile h3 { margin: 0 0 12px; font-size: 14px; }
-    .system-tile dl { margin: 0; display: grid; grid-template-columns: 1fr auto; gap: 8px; color: var(--muted); }
-    .system-tile dd { margin: 0; color: var(--text); font-variant-numeric: tabular-nums; }
-    .state-layer { display: none; min-height: 380px; place-items: center; border: 1px dashed var(--line); border-radius: var(--radius); background: var(--surface); text-align: center; padding: 24px; }
-    .state-layer.show { display: grid; }
-    .state-layer .icon { width: 38px; height: 38px; color: var(--primary); }
-    .state-layer h2 { margin: 12px 0 4px; font-size: 18px; }
-    .state-layer p { margin: 0 0 14px; color: var(--muted); max-width: 440px; }
-    .skeleton { width: min(420px, 90%); display: grid; gap: 10px; }
-    .skeleton i { display: block; height: 14px; border-radius: 6px; background: linear-gradient(90deg, var(--surface-3), var(--line), var(--surface-3)); background-size: 200% 100%; animation: shimmer 1.4s infinite; }
-    .skeleton i:nth-child(2) { width: 70%; }
-    @keyframes shimmer { to { background-position: -200% 0; } }
-    dialog { width: min(680px, calc(100% - 28px)); max-height: 88dvh; border: 1px solid var(--line); border-radius: 16px; padding: 0; background: var(--surface); color: var(--text); box-shadow: 0 24px 80px rgba(0,0,0,.5); }
-    dialog::backdrop { background: rgba(0, 8, 18, .64); backdrop-filter: blur(4px); }
-    .dialog-head, .dialog-foot { padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); }
-    .dialog-head h2 { margin: 0; font-size: 17px; }
-    .dialog-body { padding: 18px; overflow: auto; }
-    .dialog-foot { border: 0; border-top: 1px solid var(--line); justify-content: flex-end; }
-    .toast { position: fixed; right: 20px; bottom: 20px; z-index: 1100; max-width: min(390px, calc(100% - 40px)); padding: 12px 14px; border: 1px solid rgba(52,211,153,.35); border-radius: 10px; background: #0b2c25; color: #d9fff3; box-shadow: var(--shadow); transform: translateY(20px); opacity: 0; pointer-events: none; transition: .2s ease; }
-    .toast.show { transform: none; opacity: 1; }
-    .muted { color: var(--muted); }
-    .mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-variant-numeric: tabular-nums; }
-    .mobile-nav { display: none; }
-    @media (max-width: 1180px) {
-      :root { --sidebar: 78px; }
-      .brand-copy, .nav span:not(.count), .nav-label, .sidebar-foot { display: none; }
-      .brand { justify-content: center; padding-inline: 0; }
-      .nav button { justify-content: center; padding: 0; }
-      .nav .count { position: absolute; margin: -24px 0 0 25px; }
-      .zone-layout { grid-template-columns: 1fr; }
-      .zone-settings { grid-column: auto; }
-      .settings-actions { position: static; margin-bottom: -16px; }
-    }
-    @media (max-width: 820px) {
-      :root { --sidebar: 0px; }
-      .app { display: block; padding-bottom: 66px; }
-      .sidebar { display: none; }
-      .topbar { padding: 8px 12px; }
-      .site-select { min-width: 0; }
-      .site-select span, .top-actions .select { display: none; }
-      .content { padding: 14px 12px; }
-      .stats, .system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-      .split, .zone-layout { grid-template-columns: 1fr; }
-      .editor-stage { min-height: 0; }
-      .context-strip, .linked-zone { display: grid; }
-      .zone-camera-list { order: 2; }
-      .zone-workspace { order: 1; }
-      .zone-settings { order: 3; }
-      .camera-grid { grid-template-columns: 1fr; }
-      .mobile-nav { position: fixed; z-index: 50; left: 8px; right: 8px; bottom: 8px; display: grid; grid-template-columns: repeat(5, 1fr); padding: 5px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); }
-      .mobile-nav button { min-height: 48px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); display: grid; place-items: center; font-size: 11px; }
-      .mobile-nav button.active { color: var(--primary); background: var(--primary-soft); }
-    }
-    @media (max-width: 560px) {
-      .stats, .system-grid { grid-template-columns: 1fr; }
-      .page-head { display: grid; }
-      .page-actions { width: 100%; }
-      .page-actions .btn { flex: 1; }
-      .form-grid { grid-template-columns: 1fr; }
-      .form-field.full { grid-column: auto; }
-      .editor-stage { min-height: 0; }
-      .coordinate-row { grid-template-columns: 1fr 1fr; }
-      .coordinate-row .btn { grid-column: 1/-1; }
-      .point-item { grid-template-columns: auto 1fr 1fr; }
-      .point-item .btn { grid-column: 2/-1; }
-      input, select, textarea { font-size: 16px; }
-    }
-    @media (prefers-reduced-motion: reduce) {
-      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
-    }
+    :root{color-scheme:dark;--bg:#07101d;--surface:#0d1928;--surface2:#122235;--line:#294057;--text:#eff7ff;--muted:#9fb2c6;--primary:#55d6be;--primary2:#113e3b;--info:#69b9ff;--warn:#ffc462;--danger:#ff8290;--success:#67d69b;--shadow:0 18px 55px rgba(0,0,0,.32);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
+    *{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% 0,#112941 0,transparent 38%),var(--bg);color:var(--text);font-size:14px;min-height:100vh}button,input,select,textarea{font:inherit}button,a,select,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #9ce7ff;outline-offset:2px}[hidden]{display:none!important}.prototype{position:sticky;top:0;z-index:100;height:28px;display:grid;place-items:center;background:#ffd66b;color:#241d00;font-weight:800;font-size:12px;letter-spacing:.04em}.shell{min-height:calc(100vh - 28px);display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;top:28px;height:calc(100vh - 28px);padding:18px 14px;border-right:1px solid var(--line);background:rgba(8,18,31,.92);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 22px}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#5c9dff);color:#06151b;font-weight:900}.brand strong{display:block;font-size:17px}.brand small{color:var(--muted)}.nav{display:grid;gap:6px}.nav button,.mobile-nav button{border:0;cursor:pointer}.nav button{min-height:46px;padding:0 12px;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;text-align:left}.nav button:hover,.nav button.active{background:var(--primary2);color:var(--text)}.nav button.active{box-shadow:inset 3px 0 var(--primary)}.count{margin-left:auto;min-width:22px;padding:2px 7px;border-radius:999px;background:#263d50;color:var(--text);font-size:12px;text-align:center}.side-note{position:absolute;left:14px;right:14px;bottom:18px;padding:12px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:12px;line-height:1.55}.main{min-width:0}.topbar{min-height:70px;padding:12px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(8,18,31,.72);backdrop-filter:blur(10px)}.context,.top-actions,.actions,.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.context-block{display:grid;gap:3px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.context strong{font-size:15px}.select,.input,.textarea{min-height:42px;border:1px solid var(--line);border-radius:9px;background:#091726;color:var(--text);padding:0 11px}.textarea{padding:10px;min-height:82px;resize:vertical}.select:disabled,.input:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.content{padding:24px;max-width:1540px;margin:auto}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h1{font-size:25px;margin:0 0 6px}.page-head p,.muted{color:var(--muted);margin:0}.btn{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#15283b;color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{border-color:#5b809f}.btn-primary{background:var(--primary);border-color:var(--primary);color:#06221e;font-weight:800}.btn-danger{background:#51232d;border-color:#86414d;color:#fff}.btn-quiet{background:transparent}.btn-sm{min-height:36px;padding:0 10px;font-size:12px}.icon-btn{width:42px;padding:0;font-size:20px}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,rgba(18,34,53,.96),rgba(10,24,39,.96));box-shadow:var(--shadow)}button.card{color:inherit;text-align:left;cursor:pointer}.stat{padding:17px}.stat b{display:block;font-size:27px;margin:8px 0 4px}.stat small{color:var(--muted)}.cols{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)}.card-head{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.card-head h2,.card-head h3{margin:0;font-size:16px}.card-body{padding:17px}.banner{margin-bottom:14px;padding:13px 15px;border:1px solid #92702f;border-radius:11px;background:#302815;color:#ffe9b0;display:flex;justify-content:space-between;gap:12px;align-items:center}.banner.danger{border-color:#84424d;background:#351b23;color:#ffd9de}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;border:1px solid #3b5369;color:#cbd9e6;font-size:12px;white-space:nowrap}.badge.success{color:#aef2cb;border-color:#36785b;background:#153b2d}.badge.warn{color:#ffe0a1;border-color:#8c682d;background:#372b17}.badge.danger{color:#ffc6ce;border-color:#8b4651;background:#3d1d25}.badge.info{color:#cce9ff;border-color:#3a6e98;background:#15314a}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{color:var(--muted);font-size:12px;font-weight:600;background:#0b1928}.table tr:last-child td{border:0}.table tbody tr:hover{background:rgba(89,181,255,.05)}.link-btn{border:0;background:transparent;color:#8fd6ff;padding:0;cursor:pointer;text-align:left}.filters{padding:14px;display:grid;grid-template-columns:minmax(220px,1fr) 160px 170px auto;gap:10px}.pager{padding:12px 14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.monitor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-card{overflow:hidden}.video{height:150px;display:grid;place-items:center;background:linear-gradient(145deg,#17273a,#07101a);color:#88a3bb;position:relative}.video:before,.video:after{content:"";position:absolute;background:#2e4961}.video:before{width:60%;height:1px;transform:rotate(20deg)}.video:after{height:60%;width:1px;transform:rotate(-20deg)}.video-card .card-body{padding:12px}.list{display:grid;gap:10px}.list-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b1928;display:flex;justify-content:space-between;gap:12px;align-items:center}.list-item strong{display:block;margin-bottom:3px}.detail-summary{padding:16px;margin-bottom:14px;display:flex;justify-content:space-between;gap:16px;align-items:center}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);padding:0 12px}.tabs button{min-height:46px;padding:0 13px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}.tabs button[aria-selected="true"]{color:var(--text);border-color:var(--primary)}.tabpanel{padding:17px}.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kv>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b1928}.kv dt{font-size:12px;color:var(--muted);margin-bottom:6px}.kv dd{margin:0;overflow-wrap:anywhere}.section-title{margin:22px 0 10px;font-size:15px}.cap-grid,.system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cap{padding:14px;border:1px solid var(--line);border-radius:10px;background:#0b1928}.cap strong{display:block;margin-bottom:8px}.cap p{margin:4px 0;color:var(--muted)}.zone-layout{grid-template-columns:minmax(320px,1.35fr) minmax(260px,.65fr)}.zone-canvas{min-height:330px;border:1px solid #38556e;border-radius:11px;background:linear-gradient(145deg,#172a3e,#081522);position:relative;overflow:hidden}.zone-canvas svg{width:100%;height:100%;position:absolute;inset:0}.zone-tools{display:grid;gap:10px;align-content:start}.vertex{display:grid;grid-template-columns:1fr 1fr 42px;gap:7px}.vertex input{min-width:0}.task-progress{height:8px;background:#24394c;border-radius:999px;overflow:hidden}.task-progress i{display:block;height:100%;background:var(--primary)}.ops-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.ops-tabs{margin-bottom:0}.ops-panel{border-top:0;border-radius:0 0 14px 14px}.system-tile{padding:15px}.system-tile h3{margin:0 0 12px}.system-tile dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:9px}.system-tile dt{color:var(--muted)}.system-tile dd{margin:0}.empty-state{padding:42px 20px;text-align:center;color:var(--muted)}.empty-state h2{color:var(--text)}.state-overlay{position:fixed;z-index:90;inset:98px 0 0 240px;background:rgba(7,16,29,.94);display:grid;place-items:center;padding:24px}.state-overlay>div{max-width:520px;text-align:center}.state-overlay h2{font-size:24px}.spinner{width:38px;height:38px;margin:auto;border:4px solid #24435b;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(700px,calc(100% - 28px));max-height:88dvh;padding:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);box-shadow:0 25px 80px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,7,13,.72);backdrop-filter:blur(4px)}.dialog-head,.dialog-foot{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:17px}.dialog-body{padding:17px;overflow:auto}.dialog-foot{border-bottom:0;border-top:1px solid var(--line);justify-content:flex-end}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{color:#c9d7e5}.radio-card{display:block;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:9px}.mobile-nav{display:none}.toast{position:fixed;z-index:120;right:18px;bottom:18px;max-width:390px;padding:13px 16px;border:1px solid #3f8467;border-radius:10px;background:#163829;color:#d9ffea;box-shadow:var(--shadow)}
+    @media(max-width:1100px){.stats,.ops-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-grid,.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kv{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}}
+    @media(max-width:850px){body{padding-bottom:74px}.shell{display:block}.sidebar{display:none}.topbar{padding:10px 12px;align-items:flex-start}.context{gap:7px}.context-block:first-child,.user-label,.manage-link{display:none}.top-actions{justify-content:flex-end}.content{padding:15px 12px}.page-head{align-items:flex-start;flex-direction:column}.stats,.ops-summary,.monitor-grid,.cap-grid,.system-grid,.kv,.zone-layout{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters .input{grid-column:1/-1}.detail-summary{align-items:flex-start;flex-direction:column}.btn,.btn-sm,.select,.input,.textarea,.link-btn{min-height:44px}.btn,.link-btn{min-width:44px}.link-btn{display:inline-flex;align-items:center}.mobile-nav{position:fixed;z-index:70;display:grid;grid-template-columns:repeat(5,1fr);left:7px;right:7px;bottom:7px;padding:5px;border:1px solid var(--line);border-radius:13px;background:#0c1928;box-shadow:var(--shadow)}.mobile-nav button{min-height:50px;border-radius:8px;background:transparent;color:var(--muted);font-size:11px}.mobile-nav button.active{background:var(--primary2);color:var(--text)}.state-overlay{inset:98px 0 0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.banner{align-items:flex-start;flex-direction:column}.table{min-width:720px}}
+    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
   </style>
 </head>
 <body>
-  <svg aria-hidden="true" width="0" height="0" style="position:absolute">
-    <symbol id="i-grid" viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></symbol>
-    <symbol id="i-video" viewBox="0 0 24 24"><rect x="3" y="5" width="14" height="14" rx="2"/><path d="m17 10 4-2v8l-4-2z"/></symbol>
-    <symbol id="i-camera" viewBox="0 0 24 24"><path d="M5 7h3l1.4-2h5.2L16 7h3a2 2 0 0 1 2 2v9H3V9a2 2 0 0 1 2-2Z"/><circle cx="12" cy="12.5" r="3"/></symbol>
-    <symbol id="i-radar" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2"/><path d="M7.8 7.8a6 6 0 0 0 0 8.4m8.4-8.4a6 6 0 0 1 0 8.4M4.6 4.6a10.5 10.5 0 0 0 0 14.8m14.8-14.8a10.5 10.5 0 0 1 0 14.8"/></symbol>
-    <symbol id="i-zone" viewBox="0 0 24 24"><path d="m5 5 14 2-2 12-12-3Z"/><circle cx="5" cy="5" r="1.5"/><circle cx="19" cy="7" r="1.5"/><circle cx="17" cy="19" r="1.5"/><circle cx="5" cy="16" r="1.5"/></symbol>
-    <symbol id="i-upload" viewBox="0 0 24 24"><path d="M12 16V4m0 0L7 9m5-5 5 5"/><path d="M4 15v5h16v-5"/></symbol>
-    <symbol id="i-pulse" viewBox="0 0 24 24"><path d="M3 12h4l2-6 4 12 2-6h6"/></symbol>
-    <symbol id="i-search" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></symbol>
-    <symbol id="i-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></symbol>
-    <symbol id="i-sun" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M2 12h2m16 0h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></symbol>
-    <symbol id="i-bell" viewBox="0 0 24 24"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9"/><path d="M10 21h4"/></symbol>
-    <symbol id="i-chevron" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></symbol>
-    <symbol id="i-pointer" viewBox="0 0 24 24"><path d="m5 3 14 8-6 2-3 6Z"/></symbol>
-    <symbol id="i-line" viewBox="0 0 24 24"><path d="m4 18 16-12"/><circle cx="4" cy="18" r="2"/><circle cx="20" cy="6" r="2"/></symbol>
-    <symbol id="i-undo" viewBox="0 0 24 24"><path d="M9 7 4 12l5 5"/><path d="M5 12h8a6 6 0 0 1 6 6"/></symbol>
-    <symbol id="i-trash" viewBox="0 0 24 24"><path d="M4 7h16M9 7V4h6v3m-9 0 1 14h10l1-14"/></symbol>
-    <symbol id="i-alert" viewBox="0 0 24 24"><path d="M12 3 2 20h20Z"/><path d="M12 9v4m0 3v.01"/></symbol>
-    <symbol id="i-check" viewBox="0 0 24 24"><path d="m5 12 4 4L19 6"/></symbol>
-    <symbol id="i-refresh" viewBox="0 0 24 24"><path d="M20 6v5h-5M4 18v-5h5"/><path d="M18 9a7 7 0 0 0-12-2M6 15a7 7 0 0 0 12 2"/></symbol>
-    <symbol id="i-more" viewBox="0 0 24 24"><circle cx="5" cy="12" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/></symbol>
-    <symbol id="i-wifi" viewBox="0 0 24 24"><path d="M4 9a12 12 0 0 1 16 0M7 13a8 8 0 0 1 10 0m-7 4a3 3 0 0 1 4 0M12 20v.01"/></symbol>
-  </svg>
-
-  <div class="prototype-banner">PROTOTYPE - 仅供枚举交互，非实现依据</div>
-  <div class="app">
-    <aside class="sidebar" aria-label="Sense 主导航">
-      <div class="brand"><div class="brand-mark">Y</div><div class="brand-copy"><strong>YoVision</strong><small>Sense · Edge Console</small></div></div>
-      <div class="nav-label">Workspace</div>
-      <nav class="nav">
-        <button data-view="overview" aria-label="运行总览"><svg class="icon"><use href="#i-grid"/></svg><span>运行总览</span></button>
-        <button data-view="monitor" aria-label="实时监控，当前 4 路"><svg class="icon"><use href="#i-video"/></svg><span>实时监控</span><span class="count">4</span></button>
-        <button data-view="devices" aria-current="page" aria-label="设备，共 17 台"><svg class="icon"><use href="#i-camera"/></svg><span>设备</span><span class="count">17</span></button>
-        <button data-view="onboarding" aria-label="接入任务，1 个进行中"><svg class="icon"><use href="#i-upload"/></svg><span>接入任务</span><span class="count">1</span></button>
-        <button data-view="system" aria-label="系统状态"><svg class="icon"><use href="#i-pulse"/></svg><span>系统状态</span></button>
+  <div class="prototype">PROTOTYPE - 仅供枚举交互，非实现依据</div>
+  <svg width="0" height="0" aria-hidden="true"><symbol id="logo" viewBox="0 0 24 24"><path fill="currentColor" d="M3 5h18v4H3zm0 6h11v8H3zm13 0h5v8h-5z"/></symbol></svg>
+  <div class="shell">
+    <aside class="sidebar">
+      <div class="brand"><span class="brand-mark">S</span><div><strong>YoVision Sense</strong><small>接入运维工作台</small></div></div>
+      <nav class="nav" aria-label="Sense 一级导航">
+        <button data-view="overview"><span>◫</span><span>运行总览</span></button>
+        <button data-view="monitor"><span>▶</span><span>实时监控</span><span class="count">4</span></button>
+        <button data-view="devices" class="active" aria-current="page"><span>▣</span><span>设备</span><span class="count">17</span></button>
+        <button data-view="onboarding"><span>⇧</span><span>接入任务</span><span class="count">2</span></button>
+        <button data-view="operations"><span>⌁</span><span>运维中心</span><span class="count">4</span></button>
       </nav>
-      <div class="sidebar-foot"><div class="online-row"><span class="dot"></span><strong>边缘节点在线</strong></div><div class="copy">sense-edge-01<br><span class="mono">v0.1-prototype</span></div></div>
+      <div class="side-note">服务器时间：Asia/Shanghai<br><span id="serverClock">2026-08-04 10:48:22</span><br>Area/配额投影：v42 · 2 分钟前</div>
     </aside>
 
     <main class="main" id="main-content" tabindex="-1">
       <header class="topbar">
-        <div class="site-select"><div><strong>青藤寄宿学校</strong><span> / 主校区 · 视频 16 / 16 路 · 设备 17 台</span></div><svg class="icon"><use href="#i-chevron"/></svg></div>
+        <div class="context">
+          <div class="context-block"><span class="eyebrow">租户</span><strong>青藤教育集团</strong></div>
+          <div class="context-block"><label class="eyebrow" for="siteSwitcher">当前站点</label><select class="select" id="siteSwitcher"><option value="ivy">青藤寄宿学校</option><option value="east">城东试验点</option></select></div>
+          <a class="btn btn-quiet manage-link" href="../bell/index.html?view=sites&tenant=tenant-ivy&site=site-ivy&return_to=sense" aria-label="到 Bell 管理站点与区域">管理站点 / Area ↗</a>
+        </div>
         <div class="top-actions">
-          <select class="select" id="stateSelect" aria-label="原型状态演示">
-            <option value="normal">正常状态</option><option value="loading">加载中</option><option value="empty">空数据</option><option value="error">连接失败</option>
-          </select>
-          <button class="btn icon-btn" id="themeToggle" aria-label="切换明暗主题" title="切换明暗主题"><svg class="icon"><use href="#i-sun"/></svg></button>
-          <button class="btn icon-btn" aria-label="查看运维通知" title="查看运维通知"><svg class="icon"><use href="#i-bell"/></svg></button>
+          <label class="eyebrow" for="roleSwitcher">演示角色</label><select class="select" id="roleSwitcher"><option value="admin">站点管理员</option><option value="readonly">只读用户</option></select>
+          <label class="eyebrow" for="stateSelect">页面状态</label><select class="select" id="stateSelect"><option value="normal">正常</option><option value="loading">加载中</option><option value="empty">空数据</option><option value="error">读取失败</option><option value="quota_unavailable">配额不可用</option><option value="policy_unavailable">Area 策略不可用</option><option value="denied">无权限</option></select>
+          <span class="user-label">林工</span>
         </div>
       </header>
-
       <div class="content">
-        <section class="state-layer" id="stateLayer" aria-live="polite"></section>
+        <div id="degradeBanner" class="banner" hidden><div><strong id="degradeTitle">依赖不可用</strong><div id="degradeText">已有设备与视频继续运行；只阻止相关新增或启用操作。</div></div><button class="btn btn-sm" id="retryDependency">重新检查</button></div>
 
         <section class="view" data-page="overview">
-          <div class="page-head"><div><h1>运行总览</h1><p>先判断是否影响业务，再进入设备或分片定位原因。</p></div><div class="page-actions"><button class="btn"><svg class="icon"><use href="#i-refresh"/></svg>立即对账</button></div></div>
+          <div class="page-head"><div><h1>运行总览</h1><p>先看影响范围，再进入设备或运维中心处理。</p></div><button class="btn btn-primary" data-write-action data-open-add>添加设备</button></div>
           <div class="grid stats">
-            <article class="card stat"><div class="stat-top"><span>在线设备</span><svg class="icon"><use href="#i-camera"/></svg></div><strong>16 / 17</strong><span class="trend">94.1% · 1 路视频重连中</span></article>
-            <article class="card stat"><div class="stat-top"><span>活跃媒体流</span><svg class="icon"><use href="#i-video"/></svg></div><strong>15</strong><span class="trend">主/子码流均衡</span></article>
-            <article class="card stat"><div class="stat-top"><span>待收敛项</span><svg class="icon"><use href="#i-refresh"/></svg></div><strong>2</strong><span class="muted">配置 1 · 时间漂移 1</span></article>
-            <article class="card stat"><div class="stat-top"><span>今日设备告警</span><svg class="icon"><use href="#i-alert"/></svg></div><strong>3</strong><span class="muted">与业务预警分开</span></article>
+            <button class="card stat" data-jump="devices"><span class="muted">设备台账</span><b>17</b><small>视频 16 · 雷达 1（适配器未就绪）</small></button>
+            <button class="card stat" data-jump="monitor"><span class="muted">当前 Readers</span><b>15</b><small>并发预览上限 4 路</small></button>
+            <button class="card stat" data-jump="operations" data-op-tab="reconcile"><span class="muted">待收敛</span><b>2</b><small>媒体 1 · 推理 1</small></button>
+            <button class="card stat" data-jump="operations" data-op-tab="alerts"><span class="muted">运维告警</span><b>4</b><small>与 Bell 业务预警分离</small></button>
           </div>
-          <div class="grid split">
-            <article class="card"><div class="card-head"><h2>分片健康</h2><span class="badge success">全部可用</span></div><div class="card-body health-list">
-              <div class="health-row"><span>当前媒体分片 media-01</span><strong>16 / 32 路</strong><div class="meter"><i style="width:50%"></i></div></div>
-              <div class="health-row"><span>分片规模</span><strong>当前 1 / 最多 4</strong><div class="meter"><i style="width:25%"></i></div></div>
-              <div class="health-row"><span>推理配置收敛</span><strong>16 / 16 路</strong><div class="meter"><i style="width:100%;background:var(--success)"></i></div></div>
-            </div></article>
-            <article class="card"><div class="card-head"><h2>需要处理</h2><span class="badge warning">2 项</span></div><div class="card-body">
-              <p><strong>北围墙 03</strong><br><span class="muted">断线 02:14 · 正在第 4 次重连</span></p>
-              <p><strong>实验楼入口 02</strong><br><span class="muted">时间漂移 +3.8s · 建议重新校时</span></p>
-            </div></article>
+          <div class="grid cols">
+            <article class="card"><div class="card-head"><h2>需要关注</h2><button class="btn btn-sm" data-jump="operations">查看全部</button></div><div class="card-body list"><div class="list-item"><div><strong>北门 02 · 认证失败</strong><span class="muted">旧凭据不会回显，等待管理员更新</span></div><span class="badge danger">阻断接入</span></div><div class="list-item"><div><strong>宿舍东侧 03 · 推理未收敛</strong><span class="muted">退避第 2 次 · 下次 10:49:10</span></div><span class="badge warn">待重试</span></div><div class="list-item"><div><strong>edge-east · 隧道断开</strong><span class="muted">视频数据面仍正常 · 补传队列 86 MB</span></div><span class="badge warn">控制面异常</span></div></div></article>
+            <article class="card"><div class="card-head"><h2>容量</h2></div><div class="card-body"><p><strong>视频 16 / 128</strong></p><div class="task-progress"><i style="width:12.5%"></i></div><p class="muted">默认交付 16，不是硬编码上限。当前媒体分片承载 16 / 初始配置建议 32，启用 1 / 最多 4。</p><button class="btn btn-sm" data-jump="operations" data-op-tab="shards">查看分片依据</button></div></article>
           </div>
         </section>
 
         <section class="view" data-page="monitor">
-          <div class="page-head"><div><h1>实时监控</h1><p>默认只并发预览 4 路子码流；切页会释放上一页播放器。</p></div><div class="page-actions"><span class="badge info">第 1 / 4 页</span><button class="btn">布局 2 × 2</button></div></div>
-          <div class="grid camera-grid" id="cameraGrid"></div>
+          <div class="page-head"><div><h1>实时监控</h1><p>默认仅 4 路低码率预览；128 路不同时加载。</p></div><div class="actions"><select class="select" aria-label="监控布局"><option>2 × 2</option><option>1 + 3</option></select><button class="btn" data-write-action>保存布局</button></div></div>
+          <div class="grid monitor-grid"><article class="card video-card"><div class="video">低码率预览</div><div class="card-body"><strong>北围墙 01</strong><p class="muted">在线 · reader 2</p></div></article><article class="card video-card"><div class="video">低码率预览</div><div class="card-body"><strong>北围墙 02</strong><p class="muted">在线 · reader 1</p></div></article><article class="card video-card"><div class="video">认证失败</div><div class="card-body"><strong>北门 02</strong><p><span class="badge danger">无画面</span></p></div></article><article class="card video-card"><div class="video">待激活</div><div class="card-body"><strong>食堂后门 04</strong><p><span class="badge warn">尚未接入</span></p></div></article></div>
         </section>
 
         <section class="view active" data-page="devices">
-          <div class="page-head"><div><h1>设备</h1><p>统一设备台账按类型与能力组织；期望态、实际态和连接信息相互独立。</p></div><div class="page-actions"><button class="btn">发现设备</button><button class="btn btn-primary" id="openDeviceDialog"><svg class="icon"><use href="#i-plus"/></svg>添加设备</button></div></div>
-          <article class="card">
-            <div class="card-head"><div class="toolbar"><div class="search"><svg class="icon"><use href="#i-search"/></svg><input class="field" id="deviceSearch" aria-label="搜索设备" placeholder="名称、序列号或点位"></div><select class="select" id="modalityFilter" aria-label="设备类型筛选"><option value="all">全部类型</option><option value="video">视频</option><option value="radar">雷达</option></select><select class="select" id="statusFilter" aria-label="设备状态筛选"><option value="all">全部状态</option><option value="exception">异常</option><option value="online">在线</option></select></div><span class="muted">视频配额 16 / 128 · 其他设备不占视频路数</span></div>
-            <div class="table-wrap"><table><thead><tr><th><input type="checkbox" aria-label="选择当前页全部设备"></th><th>设备</th><th>类型与能力</th><th>期望态</th><th>实际态</th><th>最后遥测</th><th>连接适配器</th><th>健康摘要</th><th>配置</th><th>操作</th></tr></thead><tbody id="deviceRows"></tbody></table></div>
-            <div class="pagination"><span id="devicePageSummary" class="muted">第 1 页 · 共 17 台设备</span><div class="pagination-actions"><button class="btn" id="previousDevicePage" disabled>上一页</button><button class="btn" id="nextDevicePage">下一页</button></div></div>
-          </article>
+          <div class="page-head"><div><h1>设备</h1><p><span id="siteName">青藤寄宿学校</span> · 统一台账按模态与能力展示。</p></div><div class="actions"><button class="btn" data-jump="onboarding">批量接入</button><button class="btn btn-primary" data-write-action data-open-add>添加设备</button></div></div>
+          <article class="card"><div class="filters"><label class="field"><span class="eyebrow">搜索</span><input class="input" id="deviceSearch" placeholder="名称 / 序列号"></label><label class="field"><span class="eyebrow">模态</span><select class="select" id="modalityFilter"><option value="all">全部模态</option><option value="video">视频</option><option value="radar">雷达</option></select></label><label class="field"><span class="eyebrow">状态</span><select class="select" id="statusFilter"><option value="all">全部状态</option><option value="online">在线</option><option value="pending">待激活</option><option value="auth_failed">认证失败</option><option value="offline">离线</option><option value="adapter_not_ready">适配器未就绪</option></select></label><button class="btn" id="clearFilters">清除筛选</button></div><div class="table-wrap"><table class="table"><thead><tr><th>设备</th><th>模态 / 能力</th><th>状态</th><th>期望 / 实际</th><th>Area</th><th>最后变化</th><th>操作</th></tr></thead><tbody id="deviceRows"></tbody></table></div><div class="pager"><span id="pageSummary">第 1 / 2 页</span><div class="actions"><button class="btn btn-sm" id="prevPage">上一页</button><button class="btn btn-sm" id="nextPage">下一页</button></div></div></article>
         </section>
 
         <section class="view" data-page="device-detail">
-          <div class="context-strip" id="ruleReturnContext" hidden><p><strong>来自 Bell 规则草稿：</strong>已保留摄像头与区域上下文；保存空间坐标后可返回继续配置规则。</p><a class="btn" id="returnToBell" href="../bell/index.html?view=rules&amp;camera=CAM-S2-001&amp;zone=ZONE-007&amp;return_to=sense-device">返回规则草稿</a></div>
-          <div class="breadcrumb"><button id="backToDevices">设备</button><span>/</span><span id="deviceBreadcrumb">北围墙 01</span></div>
-          <div class="page-head"><div><h1 id="deviceDetailName">北围墙 01</h1><p><span id="deviceDetailSerial" class="mono">CAM-S2-001</span> · <span id="deviceDetailDescription">视频接入、画面与空间配置。</span></p></div><div class="page-actions"><span class="badge success" id="calibrationBadge">区域已校准</span><button class="btn" id="simulateCalibration">模拟画面参数变化</button><button class="btn btn-danger" id="openOperationDialog">停止或隔离…</button></div></div>
-          <div class="detail-tabs" role="tablist" aria-label="设备详情">
-            <button id="tab-info" role="tab" data-detail-tab="info" aria-controls="panel-info" aria-selected="false" tabindex="-1">基本信息</button>
-            <button id="tab-zones" class="active" role="tab" data-detail-tab="zones" aria-controls="panel-zones" aria-selected="true" tabindex="0">画面与检测区域</button>
-            <button id="tab-health" role="tab" data-detail-tab="health" aria-controls="panel-health" aria-selected="false" tabindex="-1">连接与健康</button>
-            <button id="tab-history" role="tab" data-detail-tab="history" aria-controls="panel-history" aria-selected="false" tabindex="-1">操作记录</button>
-          </div>
-
-          <section id="panel-info" class="detail-panel" role="tabpanel" aria-labelledby="tab-info" data-detail-panel="info" hidden tabindex="0">
-            <div class="grid split"><article class="card"><div class="card-head"><h2>设备信息</h2><span class="badge success" id="detailActualBadge">在线</span></div><div class="card-body"><p><strong>点位：</strong><span id="detailArea">北围墙</span></p><p><strong>类型：</strong><span id="detailModality">视频设备</span></p><p><strong>能力：</strong><span id="detailCapabilities">图像采集、视频流、区域坐标</span></p><p><strong>协议：</strong><span id="detailProtocol">ONVIF / RTSP</span></p><p><strong>凭据：</strong>已安全保存，页面不可见</p></div></article><article class="card"><div class="card-head"><h2>期望态</h2><span class="badge info">启用</span></div><div class="card-body"><p><strong>连接适配器：</strong><span id="detailAdapter">media-01</span></p><p id="detailProfile">Profile：子码流 704 × 576 · 5 FPS</p><p class="muted">设备类型决定可用功能，能力字段决定页面与操作，不按名称猜测。</p></div></article></div>
-          </section>
-
-          <section id="panel-zones" class="detail-panel" role="tabpanel" aria-labelledby="tab-zones" data-detail-panel="zones" tabindex="0">
-          <div class="page-head"><div><h2 style="margin:0 0 4px">画面与检测区域</h2><p>区域依附当前摄像头坐标系；这里只保存空间几何，不发布告警规则。</p></div><div class="page-actions"><span class="badge info" id="draftBadge">区域 v7</span><button class="btn">区域版本记录</button></div></div>
-          <div class="zone-layout">
-            <section class="card zone-workspace" aria-label="区域绘制工作区">
-              <div class="editor-tools" role="toolbar" aria-label="区域绘制工具">
-                <button class="tool-btn" data-tool="pointer" aria-pressed="false" title="选择对象"><svg class="icon"><use href="#i-pointer"/></svg><span>选择</span></button>
-                <button class="tool-btn active" data-tool="polygon" aria-pressed="true" title="绘制多边形"><svg class="icon"><use href="#i-zone"/></svg><span>多边形</span></button>
-                <button class="tool-btn" data-tool="line" aria-pressed="false" title="绘制方向警戒线"><svg class="icon"><use href="#i-line"/></svg><span>警戒线</span></button>
-                <span class="tool-divider"></span>
-                <button class="tool-btn" id="undoPoint" title="撤销最后一个点"><svg class="icon"><use href="#i-undo"/></svg><span>撤销</span></button>
-                <button class="tool-btn" id="finishDrawing" title="显式完成当前图形"><svg class="icon"><use href="#i-check"/></svg><span>完成绘制</span></button>
-                <button class="tool-btn" id="reverseLine" title="反转警戒线方向" hidden><svg class="icon"><use href="#i-refresh"/></svg><span>反转方向</span></button>
-                <button class="tool-btn" id="clearPoints" title="清空当前草稿"><svg class="icon"><use href="#i-trash"/></svg><span>清空</span></button>
-              </div>
-              <div class="editor-stage">
-                <svg id="zoneCanvas" viewBox="0 0 960 540" role="img" aria-label="北围墙 01 子码流快照及区域叠加；可点击添加多边形顶点">
-                  <defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop stop-color="#10283b"/><stop offset="1" stop-color="#07111d"/></linearGradient><pattern id="scan" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M0 8h8" stroke="#ffffff" stroke-opacity=".035"/></pattern><marker id="draftArrow" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto" markerUnits="strokeWidth"><path d="M0,0 L0,6 L9,3 z" fill="#fbbf24"/></marker></defs>
-                  <rect width="960" height="540" fill="url(#sky)"/><path d="M0 330 160 250 330 315 510 235 690 310 820 225 960 282V540H0Z" fill="#13283a"/><rect y="410" width="960" height="130" fill="#101a22"/><path d="M0 414h960M0 472h960" stroke="#5c7489" stroke-opacity=".45"/><path d="M170 300v240m230-245v245m250-250v250m190-280v280" stroke="#6f879b" stroke-width="4"/><path d="M0 345h960" stroke="#7890a4" stroke-width="5"/><rect width="960" height="540" fill="url(#scan)"/>
-                  <polygon points="105,365 285,310 535,335 505,466 135,472" fill="#38bdf8" fill-opacity=".18" stroke="#38bdf8" stroke-width="4" stroke-dasharray="10 7"/>
-                  <g fill="#07111d" stroke="#7dd3fc" stroke-width="4"><circle cx="105" cy="365" r="7"/><circle cx="285" cy="310" r="7"/><circle cx="535" cy="335" r="7"/><circle cx="505" cy="466" r="7"/><circle cx="135" cy="472" r="7"/></g>
-                  <line x1="650" y1="340" x2="855" y2="430" stroke="#fbbf24" stroke-width="5"/><path d="m760 382 30-2-18 24" fill="none" stroke="#fbbf24" stroke-width="5"/><g id="draftLayer"></g>
-                  <text x="26" y="38" fill="#d6e8f5" font-size="18" font-family="sans-serif">北围墙 01 · 子码流预览</text><text x="26" y="66" fill="#88a4b8" font-size="14" font-family="sans-serif">CAM-S2-001 · 704 × 576 · 5 FPS</text>
-                </svg>
-                <div class="editor-hint" id="editorHint">多边形：点击画面添加顶点，再选择“完成绘制”；也可在右侧输入坐标。</div>
-              </div>
-              <div class="editor-status"><span id="pointStatus">当前草稿：0 个点</span><span>缩放 100% · 网格吸附关闭</span></div>
-            </section>
-
-            <aside class="card zone-settings"><div class="card-head"><h2>检测区域属性</h2><button class="btn btn-quiet icon-btn" aria-label="更多区域操作"><svg class="icon"><use href="#i-more"/></svg></button></div><div class="card-body">
-              <div class="form-grid">
-                <div class="form-field full"><label for="zoneName">名称</label><input id="zoneName" class="field" value="北围墙危险区域"></div>
-                <div class="form-field"><label for="zoneType">空间类型</label><select id="zoneType" class="select"><option>禁入区域</option><option>方向警戒线</option><option>关注区域</option></select></div>
-                <div class="form-field"><label for="zoneColor">叠加颜色</label><select id="zoneColor" class="select"><option>蓝色</option><option>琥珀色</option><option>红色</option></select></div>
-              </div>
-              <div class="coordinate-box"><h3>键盘坐标编辑</h3><p>坐标范围 0–100%；每个顶点都可以修改或删除，作为鼠标绘制的等效操作。</p><div class="coordinate-row"><input class="field" id="coordX" type="number" min="0" max="100" value="50" aria-label="横坐标百分比"><input class="field" id="coordY" type="number" min="0" max="100" value="50" aria-label="纵坐标百分比"><button class="btn" id="addCoordinate">添加点</button></div><ol id="pointList" class="point-list" aria-live="polite"><li class="muted">尚未添加草稿点</li></ol></div>
-              <div class="notice" id="autosaveStatus" role="status">草稿会自动保存在此浏览器会话中。</div>
-              <div class="linked-rules"><h3>关联的告警规则</h3><p>规则由 Bell 管理；Sense 只提供摄像头快照和版本化空间坐标。</p><ul><li>非授权人员进入 · 正式生效</li><li>区域内聚集 · 试运行</li></ul><a class="btn" id="configureRules" href="../bell/index.html?view=rules&amp;camera=CAM-S2-001&amp;zone=ZONE-007&amp;return_to=sense-device">在 Bell 配置规则</a></div>
-              <div class="settings-actions"><button class="btn" id="simulateConflict">模拟版本冲突</button><button class="btn" id="discardDraft">放弃修改</button><button class="btn btn-primary" id="saveDraft">保存区域版本</button></div>
-            </div></aside>
-          </div>
-          </section>
-
-          <section id="panel-health" class="detail-panel" role="tabpanel" aria-labelledby="tab-health" data-detail-panel="health" hidden tabindex="0"><div class="grid system-grid"><article class="card system-tile"><h3 id="connectionHealthTitle">媒体连接</h3><dl><dt>实际态</dt><dd><span class="badge success">在线</span></dd><dt>适配器</dt><dd id="healthAdapter">media-01</dd><dt>重连</dt><dd>0</dd></dl></article><article class="card system-tile"><h3>设备时间</h3><dl><dt>漂移</dt><dd id="healthClock">+0.2s</dd><dt>最近校时</dt><dd>5m 前</dd></dl></article><article class="card system-tile" id="calibrationTile"><h3>区域校准</h3><dl><dt>坐标版本</dt><dd>v7</dd><dt>画面参数</dt><dd>匹配</dd></dl></article></div></section>
-          <section id="panel-history" class="detail-panel" role="tabpanel" aria-labelledby="tab-history" data-detail-panel="history" hidden tabindex="0"><article class="card"><div class="card-head"><h2>操作记录</h2><span class="badge info">每次请求均审计</span></div><div class="table-wrap"><table><thead><tr><th>时间</th><th>操作</th><th>对象</th><th>执行人</th><th>结果</th></tr></thead><tbody id="historyRows"><tr><td>22:52</td><td>保存检测区域</td><td>ZONE-007 · v7</td><td>实施工程师</td><td><span class="badge success">成功</span></td></tr><tr><td>22:41</td><td>校验设备能力</td><td>CAM-S2-001</td><td>系统</td><td><span class="badge success">匹配</span></td></tr></tbody></table></div></article></section>
+          <button class="btn btn-quiet" id="backToDevices">← 返回设备</button>
+          <article class="card detail-summary"><div><span class="eyebrow" id="detailModality">视频设备</span><h1 id="detailName" style="margin:5px 0">北围墙 01</h1><div class="inline"><span id="detailStatus" class="badge success">在线</span><span class="muted" id="detailSerial">SN-HK-001</span></div></div><div class="actions" id="detailActions"><button class="btn" id="auditLink">操作日志 ↗</button><button class="btn" data-write-action id="credentialBtn">更新凭据</button><button class="btn" data-write-action id="profileBtn">切换 Profile</button><button class="btn btn-danger" data-write-action id="lifecycleBtn">接入控制</button></div></article>
+          <article class="card"><div class="tabs" role="tablist" aria-label="设备详情"><button role="tab" id="tab-summary" aria-controls="panel-summary" aria-selected="true" tabindex="0">概览</button><button role="tab" id="tab-capabilities" aria-controls="panel-capabilities" aria-selected="false" tabindex="-1">能力探测</button><button role="tab" id="tab-health" aria-controls="panel-health" aria-selected="false" tabindex="-1">连接与健康</button><button role="tab" id="tab-zones" aria-controls="panel-zones" aria-selected="false" tabindex="-1" data-video-only>画面与检测区域</button></div>
+            <section class="tabpanel" role="tabpanel" id="panel-summary" aria-labelledby="tab-summary"><div class="kv" id="summaryKv"></div><h2 class="section-title">生命周期</h2><div class="list" id="lifecycleList"></div></section>
+            <section class="tabpanel" role="tabpanel" id="panel-capabilities" aria-labelledby="tab-capabilities" hidden><div class="actions" style="justify-content:space-between"><p class="muted">最近探测：<time title="2026-08-04 10:42:18 +08:00">6 分钟前</time> · 来源 ONVIF probe-8421</p><button class="btn" data-write-action id="reprobeBtn">重新探测并比较</button></div><div class="grid cap-grid" id="capabilityGrid"></div></section>
+            <section class="tabpanel" role="tabpanel" id="panel-health" aria-labelledby="tab-health" hidden><div class="grid system-grid"><article class="cap"><strong>连接</strong><p id="healthConnection">媒体在线</p><p>重连 0 次 · RTT 12ms</p></article><article class="cap"><strong>设备时间</strong><p>漂移 +0.2s</p><p>最近校时 <time title="2026-08-04 10:43:03 +08:00">5 分钟前</time></p></article><article class="cap"><strong>下游实际态</strong><p>MediaMTX：running</p><p>Brain：subscribed · Storage：ready</p></article></div></section>
+            <section class="tabpanel" role="tabpanel" id="panel-zones" aria-labelledby="tab-zones" hidden><div class="grid zone-layout"><div class="zone-canvas" id="zoneCanvas" aria-label="检测区域示意画布"><svg viewBox="0 0 100 100" preserveAspectRatio="none"><polygon id="zonePolygon" points="18,72 38,34 74,42 82,78" fill="rgba(85,214,190,.18)" stroke="#55d6be" stroke-width="1.2" vector-effect="non-scaling-stroke"/><polyline id="zoneLine" points="" fill="none" stroke="#ffc462" stroke-width="1.4"/></svg></div><div class="zone-tools"><div><strong>危险区域 A · v7</strong><p class="muted">归一化坐标；与 Bell 规则版本分离。</p></div><div id="vertexList"></div><div class="actions"><button class="btn btn-sm" data-write-action id="addVertex">添加点</button><button class="btn btn-sm" data-write-action id="reverseZone">反转方向</button><button class="btn btn-sm" data-write-action id="finishZone">完成绘制</button></div><button class="btn btn-primary" data-write-action id="saveZone">保存区域草稿</button><a class="btn" id="bellRuleLink" href="../bell/index.html?view=rules&camera=dev-001&zone=zone-a&return_to=sense">到 Bell 配置业务规则 ↗</a><p class="muted" id="draftState">草稿已自动保存到当前会话</p></div></div></section>
+          </article>
         </section>
 
         <section class="view" data-page="onboarding">
-          <div class="page-head"><div><h1>接入任务</h1><p>默认 16 路视频也支持批量导入；扩至 128 路时不依赖逐路手工操作，非视频设备走对应适配器。</p></div><div class="page-actions"><button class="btn">下载 CSV 模板</button></div></div>
-          <div class="grid split">
-            <article class="card"><div class="card-head"><h2>批量导入视频设备</h2><span class="badge info">视频配额 16 / 128</span></div><div class="card-body"><div class="drop-zone"><svg class="icon"><use href="#i-upload"/></svg><strong>选择 CSV 文件或拖到这里</strong><p>先本地校验列、重复序列号、区域隐私策略和配额，不上传明文密码。</p><button class="btn btn-primary" id="fakeUpload">选择文件</button></div></div></article>
-            <article class="card"><div class="card-head"><h2>当前任务</h2><span class="badge warning">进行中</span></div><div class="card-body"><p><strong>宿舍区第二批 · 8 路</strong></p><div class="meter"><i style="width:62%"></i></div><p class="muted">已验证 5 / 8 · 2 路待补凭据 · 1 路重试中</p><button class="btn">查看逐项结果</button></div></article>
-          </div>
+          <div class="page-head"><div><h1>接入任务</h1><p>CSV 导入、发现与逐项激活均保留可重试结果。</p></div><div class="actions"><button class="btn">下载模板</button><button class="btn btn-primary" data-write-action id="newImport">新建批量导入</button></div></div>
+          <div class="grid stats"><article class="card stat"><span class="muted">运行中</span><b>1</b><small>发现与探测</small></article><article class="card stat"><span class="muted">待激活</span><b>2</b><small>写入台账但尚未接入</small></article><article class="card stat"><span class="muted">部分成功</span><b>1</b><small>可仅重试失败项</small></article><article class="card stat"><span class="muted">过去 24h</span><b>16</b><small>成功激活</small></article></div>
+          <article class="card"><div class="table-wrap"><table class="table"><thead><tr><th>任务</th><th>方式</th><th>进度</th><th>逐项结果</th><th>操作者 / 时间</th><th>操作</th></tr></thead><tbody><tr><td><strong>宿舍楼补点</strong><br><span class="muted">task-20260804-17</span></td><td>CSV</td><td><span class="badge warn">部分成功</span></td><td>成功 3 · 失败 1 · 待激活 1</td><td>林工<br><time class="muted" title="2026-08-04 10:31:08 +08:00">17 分钟前</time></td><td><button class="btn btn-sm" data-task-result>查看结果</button></td></tr><tr><td><strong>北区自动发现</strong><br><span class="muted">task-20260804-18</span></td><td>ONVIF 发现</td><td><div class="task-progress"><i style="width:64%"></i></div></td><td>探测 7 / 11</td><td>系统<br><time class="muted" title="2026-08-04 10:46:22 +08:00">2 分钟前</time></td><td><button class="btn btn-sm">后台继续</button></td></tr></tbody></table></div></article>
         </section>
 
-        <section class="view" data-page="system">
-          <div class="page-head"><div><h1>系统状态</h1><p>MediaMTX、数据库和对账器只是可观察组件，不替代设备台账真相。</p></div><div class="page-actions"><button class="btn"><svg class="icon"><use href="#i-refresh"/></svg>刷新</button></div></div>
-          <div class="grid system-grid">
-            <article class="card system-tile"><h3>Sense 服务</h3><dl><dt>状态</dt><dd><span class="badge success">健康</span></dd><dt>运行时间</dt><dd>12d 06h</dd><dt>待处理队列</dt><dd>2</dd></dl></article>
-            <article class="card system-tile"><h3>MediaMTX</h3><dl><dt>实例</dt><dd>2 / 2</dd><dt>Readers</dt><dd>15</dd><dt>重连</dt><dd>1</dd></dl></article>
-            <article class="card system-tile"><h3>本地资源</h3><dl><dt>CPU</dt><dd>22%</dd><dt>内存</dt><dd>4.8 / 16 GB</dd><dt>事件缓存</dt><dd>86 MB</dd></dl></article>
-          </div>
+        <section class="view" data-page="operations">
+          <div class="page-head"><div><h1>运维中心</h1><p>接入控制面的差异与基础设施告警；不包含 Bell 业务预警。</p></div><button class="btn" id="refreshOps">刷新实际态</button></div>
+          <div class="grid ops-summary"><article class="card stat"><span class="muted">待收敛</span><b>2</b><small>最高优先级 90</small></article><article class="card stat"><span class="muted">媒体分片</span><b>1 / 4</b><small>当前承载 16 / 配置建议 32</small></article><article class="card stat"><span class="muted">边缘节点</span><b>2 / 3</b><small>1 个控制面隧道断开</small></article><article class="card stat"><span class="muted">运维告警</span><b>4</b><small>P1 1 · P2 3</small></article></div>
+          <article class="card"><div class="tabs ops-tabs" role="tablist" aria-label="运维中心分类"><button role="tab" id="op-tab-reconcile" aria-controls="op-panel-reconcile" aria-selected="true" tabindex="0" data-ops-tab="reconcile">对账</button><button role="tab" id="op-tab-shards" aria-controls="op-panel-shards" aria-selected="false" tabindex="-1" data-ops-tab="shards">分片</button><button role="tab" id="op-tab-edge" aria-controls="op-panel-edge" aria-selected="false" tabindex="-1" data-ops-tab="edge">边缘与隧道</button><button role="tab" id="op-tab-alerts" aria-controls="op-panel-alerts" aria-selected="false" tabindex="-1" data-ops-tab="alerts">运维告警</button><button role="tab" id="op-tab-status" aria-controls="op-panel-status" aria-selected="false" tabindex="-1" data-ops-tab="status">系统状态</button></div>
+            <section class="tabpanel" role="tabpanel" id="op-panel-reconcile" aria-labelledby="op-tab-reconcile"><div class="table-wrap"><table class="table"><thead><tr><th>对象 / 优先级</th><th>期望态</th><th>实际态</th><th>差异与退避</th><th>下次重试</th><th>操作</th></tr></thead><tbody><tr><td><strong>宿舍东侧 03</strong><br><span class="badge danger">P90</span></td><td>Brain subscribed</td><td>worker not_found</td><td>第 2 次 · 20s</td><td><time title="2026-08-04 10:49:10 +08:00">22 秒后</time></td><td><button class="btn btn-sm" data-write-action>立即重试</button></td></tr><tr><td><strong>北围墙 02</strong><br><span class="badge warn">P60</span></td><td>Media running</td><td>path idle</td><td>第 1 次 · 10s</td><td><time title="2026-08-04 10:49:24 +08:00">36 秒后</time></td><td><button class="btn btn-sm" data-write-action>立即重试</button></td></tr></tbody></table></div><div class="card-body"><div class="banner danger"><div><strong>发现 5 个孤儿 path</strong><div>占当前 32 个实际 path 的 15.6%，超过 10% 安全闸，自动删除已阻止。</div></div><button class="btn btn-danger" data-write-action id="reviewOrphans">人工复核</button></div></div></section>
+            <section class="tabpanel" role="tabpanel" id="op-panel-shards" aria-labelledby="op-tab-shards" hidden><div class="card-body grid system-grid"><article class="cap"><strong>media-01</strong><p><span class="badge success">健康</span> · 当前承载 16 路</p><p>输入 54 Mbps · readers 15 · 重连 1</p><p>`max_streams=32` 是初始配置建议，不是产品硬上限，最终需压测确认。</p></article><article class="cap"><strong>inference-01</strong><p><span class="badge success">健康</span> · 15 / 16 源</p><p>p95 73ms · batch 4 · reconnect 0</p><p>扩容以 GPU、FPS、分辨率基准为准。</p></article><article class="cap"><strong>故障域说明</strong><p>当前启用 1 个媒体分片，逻辑最多 4 个。</p><p>迁移工作流属于 M4；本原型只展示归属和影响。</p></article></div></section>
+            <section class="tabpanel" role="tabpanel" id="op-panel-edge" aria-labelledby="op-tab-edge" hidden><div class="table-wrap"><table class="table"><thead><tr><th>节点 / 版本</th><th>在线时长 / 承载</th><th>控制面隧道</th><th>视频数据面</th><th>补传</th><th>最近心跳</th></tr></thead><tbody><tr><td>edge-north<br><span class="muted">agent 0.3.2</span></td><td>12d 06h · 9 路</td><td><span class="badge success">connected</span></td><td><span class="badge success">normal</span></td><td>0</td><td><time title="2026-08-04 10:48:39 +08:00">9 秒前</time></td></tr><tr><td>edge-east<br><span class="muted">agent 0.3.2</span></td><td>3d 11h · 7 路</td><td><span class="badge danger">disconnected</span></td><td><span class="badge success">normal</span></td><td>86 MB · 42%</td><td><time title="2026-08-04 10:46:42 +08:00">2 分钟前</time></td></tr><tr><td>edge-spare<br><span class="muted">agent 0.3.1</span></td><td>维护中 · 0 路</td><td><span class="badge warn">maintenance</span></td><td>无绑定</td><td>0</td><td><time title="2026-08-04 09:20:00 +08:00">1 小时前</time></td></tr></tbody></table></div></section>
+            <section class="tabpanel" role="tabpanel" id="op-panel-alerts" aria-labelledby="op-tab-alerts" hidden><div class="card-body list"><div class="list-item"><div><strong>P1 · Area 策略投影超过 5 分钟未更新</strong><span class="muted">仅阻止成像设备新增/启用；已有流继续</span></div><button class="btn btn-sm">查看依赖</button></div><div class="list-item"><div><strong>P2 · edge-east 隧道断开</strong><span class="muted">数据面正常，补传队列 86 MB</span></div><button class="btn btn-sm">查看节点</button></div><div class="list-item"><div><strong>P2 · 北门 02 认证失败</strong><span class="muted">连续 3 次认证拒绝，自动重试已暂停</span></div><button class="btn btn-sm" data-write-action>更新凭据</button></div></div></section>
+            <section class="tabpanel" role="tabpanel" id="op-panel-status" aria-labelledby="op-tab-status" hidden><div class="card-body grid system-grid"><article class="cap"><strong>Sense API</strong><p><span class="badge success">健康</span></p><p>运行 12d 06h · queue 2</p></article><article class="cap"><strong>MediaMTX</strong><p><span class="badge success">健康</span></p><p>1 / 1 实例 · 32 paths</p></article><article class="cap"><strong>PostgreSQL</strong><p><span class="badge success">健康</span></p><p>连接 8 / 50 · p95 7ms</p></article></div></section>
+          </article>
         </section>
       </div>
     </main>
   </div>
 
-  <nav class="mobile-nav" aria-label="移动端主导航">
-    <button data-view="overview">总览</button><button data-view="monitor">监控</button><button class="active" data-view="devices" aria-current="page">设备</button><button data-view="onboarding">接入</button><button data-view="system">系统</button>
-  </nav>
+  <nav class="mobile-nav" aria-label="移动端主导航"><button data-view="overview">总览</button><button data-view="monitor">监控</button><button data-view="devices" class="active" aria-current="page">设备</button><button data-view="onboarding">接入</button><button data-view="operations">运维</button></nav>
 
-  <dialog id="deviceDialog" aria-labelledby="deviceDialogTitle">
-    <form method="dialog">
-      <div class="dialog-head"><h2 id="deviceDialogTitle">添加设备</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭添加设备对话框">×</button></div>
-      <div class="dialog-body"><div class="form-grid">
-        <div class="form-field"><label for="deviceModality">设备类型</label><select class="select" id="deviceModality"><option value="video">视频设备</option><option value="radar">毫米波雷达</option></select></div>
-        <div class="form-field"><label for="deviceArea">所属区域</label><select class="select" id="deviceArea"><option value="north" data-capture-policy="video_allowed">北围墙 · 允许成像</option><option value="lab" data-capture-policy="video_allowed">实验楼 · 允许成像</option><option value="dorm" data-capture-policy="video_allowed">宿舍区 · 允许成像</option><option value="privacy" data-capture-policy="non_imaging_only">心理辅导室 · 仅非成像设备</option></select></div>
-        <div class="form-field"><label for="deviceName">名称</label><input class="field" id="deviceName" required value="北围墙 04"></div>
-        <div class="form-field"><label for="deviceSerial">序列号</label><input class="field" id="deviceSerial" value="CAM-DEMO-004"></div>
-        <div class="form-field"><label for="deviceProtocol">协议</label><select class="select" id="deviceProtocol"><option value="onvif">ONVIF</option><option value="rtsp">RTSP</option><option value="mqtt">MQTT</option></select></div>
-        <div class="form-field full"><label for="deviceEndpoint">设备地址</label><input class="field" id="deviceEndpoint" value="192.0.2.24:80" aria-describedby="endpointHelp"><small id="endpointHelp" class="muted">原型使用保留地址；保存后列表仅显示脱敏端点。</small></div>
-        <div class="form-field video-field"><label for="deviceUser">用户名</label><input class="field" id="deviceUser" value="operator"></div>
-        <div class="form-field video-field"><label for="devicePassword">密码</label><input class="field" id="devicePassword" type="password" value="prototype-only"></div>
-        <div class="form-field radar-field" hidden><label for="radarTopic">遥测主题</label><input class="field" id="radarTopic" value="sense/radar/demo"></div>
-        <div class="form-field radar-field" hidden><label for="radarInterval">上报周期</label><select class="select" id="radarInterval"><option>1 秒</option><option>5 秒</option><option>10 秒</option></select></div>
-      </div><div class="notice" id="privacyAdmission" role="status">当前区域允许图像采集；保存时仍会再次校验区域策略。</div><p><button type="button" class="btn" id="testConnection">测试连接</button> <span id="testResult" class="muted" aria-live="polite">保存前验证设备声明能力、连接与校时。</span></p></div>
-      <div class="dialog-foot"><button class="btn" value="cancel">取消</button><button type="button" class="btn btn-primary" id="saveDevice">保存为待激活</button></div>
-    </form>
-  </dialog>
+  <div class="state-overlay" id="stateOverlay" hidden><div id="stateOverlayBody"></div></div>
+  <div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
 
-  <dialog id="operationDialog" aria-labelledby="operationDialogTitle">
-    <form method="dialog">
-      <div class="dialog-head"><h2 id="operationDialogTitle">停止或隔离设备</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭停止或隔离对话框">×</button></div>
-      <div class="dialog-body">
-        <p>目标：<strong id="operationDeviceName">北围墙 01</strong> <span id="operationDeviceSerial" class="mono">CAM-S2-001</span></p>
-        <div class="operation-grid" role="radiogroup" aria-label="选择操作">
-          <label class="operation-option"><input type="radio" name="deviceOperation" value="pause-inference" checked><span><strong>暂停推理</strong><small>保留媒体接入与实时预览，只停止新推理任务；已产生事件不删除。</small></span></label>
-          <label class="operation-option"><input type="radio" name="deviceOperation" value="disable-ingest"><span><strong>停用接入</strong><small>写入期望态“停用”，等待适配器停止拉流或遥测；会影响实时监控。</small></span></label>
-          <label class="operation-option"><input type="radio" name="deviceOperation" value="kick-session"><span><strong>断开当前会话</strong><small>只终止当前连接，期望态仍为启用，设备可能自动重连。</small></span></label>
-        </div>
-        <div class="notice warning" id="operationImpact">影响：停止新推理；媒体连接保持在线。执行后将显示期望态与实际态的收敛过程。</div>
-        <div class="notice" id="operationProgress" role="status" aria-live="polite">尚未执行。重复提交不会产生重复副作用，但每次请求都会记录审计。</div>
-      </div>
-      <div class="dialog-foot"><button class="btn" value="cancel">取消</button><button type="button" class="btn btn-danger" id="confirmOperation">确认执行</button></div>
-    </form>
-  </dialog>
-  <div class="toast" id="toast" role="status" aria-live="polite"></div>
+  <dialog id="addDialog" aria-labelledby="addTitle"><form method="dialog"><div class="dialog-head"><h2 id="addTitle">添加设备</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭">×</button></div><div class="dialog-body"><div class="form-grid"><label class="field"><span>设备模态</span><select class="select" id="addModality"><option value="video">视频摄像头</option><option value="radar">毫米波雷达（M6）</option></select></label><label class="field"><span>Area</span><select class="select" id="addArea"><option value="gate">北门 · 允许成像</option><option value="dorm">宿舍卧室 · 仅非成像</option></select></label><label class="field full"><span>名称</span><input class="input" placeholder="例如：北门 03" required></label><label class="field"><span>稳定序列号</span><input class="input" placeholder="不使用 IP 作为身份" required></label><label class="field" id="profileField"><span>连接方式</span><select class="select"><option>ONVIF 探测</option><option>手动 RTSP</option></select></label></div><div class="banner danger" id="privacyBlock" hidden><div><strong>该 Area 不允许成像设备</strong><div>请改选允许成像的 Area；不能通过换显示名称绕过。</div></div></div><p class="muted">保存后进入“待激活”，探测成功且配额/Area 策略通过后才接入。</p></div><div class="dialog-foot"><button class="btn" value="cancel">取消</button><button type="button" class="btn btn-primary" id="savePending">保存为待激活</button></div></form></dialog>
+
+  <dialog id="credentialDialog" aria-labelledby="credentialTitle"><form method="dialog"><div class="dialog-head"><h2 id="credentialTitle">更新设备凭据</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭">×</button></div><div class="dialog-body"><div class="banner"><div><strong>旧凭据永不回显</strong><div>提交后立即写入密钥存储，并触发一次认证探测。</div></div></div><div class="form-grid"><label class="field"><span>用户名</span><input class="input" autocomplete="off"></label><label class="field"><span>新密码</span><input class="input" type="password" autocomplete="new-password"></label></div></div><div class="dialog-foot"><button class="btn" value="cancel">取消</button><button class="btn btn-primary" value="default" id="saveCredential">更新并探测</button></div></form></dialog>
+
+  <dialog id="profileDialog" aria-labelledby="profileTitle"><form method="dialog"><div class="dialog-head"><h2 id="profileTitle">切换 ONVIF Profile</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭">×</button></div><div class="dialog-body"><label class="radio-card"><input type="radio" name="profile" checked> Profile_1 · 1920×1080 · H.264 · 当前生效</label><label class="radio-card"><input type="radio" name="profile"> Profile_2 · 640×360 · H.264</label><p class="muted">切换会重新建立媒体 path，短时影响观看、推理与录制；检测区域进入待校准，不自动修改坐标。</p></div><div class="dialog-foot"><button class="btn" value="cancel">取消</button><button class="btn btn-primary" value="default" id="saveProfile">确认切换</button></div></form></dialog>
+
+  <dialog id="capDiffDialog" aria-labelledby="capDiffTitle"><form method="dialog"><div class="dialog-head"><h2 id="capDiffTitle">能力探测差异</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭">×</button></div><div class="dialog-body"><p>新探测 probe-8429 · <time title="2026-08-04 10:49:22 +08:00">刚刚</time></p><div class="table-wrap"><table class="table"><thead><tr><th>字段</th><th>上次探测</th><th>本次探测</th><th>生效值</th></tr></thead><tbody><tr><td>主 Profile</td><td>Profile_1</td><td>Profile_1</td><td>Profile_1</td></tr><tr><td>事件订阅</td><td>PullPoint</td><td>PullPoint + motion</td><td><span class="badge warn">待确认</span></td></tr><tr><td>设备时间</td><td>+0.2s</td><td>+1.8s</td><td>等待校时</td></tr></tbody></table></div></div><div class="dialog-foot"><button class="btn" value="cancel">保留当前</button><button class="btn btn-primary" value="default">应用可兼容差异</button></div></form></dialog>
+
+  <dialog id="operationDialog" aria-labelledby="operationTitle"><form method="dialog"><div class="dialog-head"><h2 id="operationTitle">设备接入控制</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭">×</button></div><div class="dialog-body"><label class="radio-card"><input type="radio" name="operation" value="pause" checked> <strong>暂停推理订阅</strong><br><span class="muted">解除推理侧对该路的订阅；有其他观看者时上游继续拉流，无其他 reader 时上游按需停止。</span></label><label class="radio-card"><input type="radio" name="operation" value="disable"> <strong>停用设备接入</strong><br><span class="muted">期望态改为 disabled；影响观看、推理、录制和后续证据回捞，实际态由对账器收敛。</span></label><label class="radio-card"><input type="radio" name="operation" value="kick"> <strong>仅踢当前会话</strong><br><span class="muted">用于异常连接恢复，不改变设备期望态，客户端可以重新连接。</span></label><div class="banner danger"><div><strong>这是高风险操作</strong><div>每次请求都会留下审计结果；幂等只避免重复副作用。</div></div></div></div><div class="dialog-foot"><button class="btn" value="cancel">取消</button><button type="button" class="btn btn-danger" id="confirmOperation">确认执行</button></div></form></dialog>
+
+  <dialog id="taskDialog" aria-labelledby="taskTitle"><form method="dialog"><div class="dialog-head"><h2 id="taskTitle">宿舍楼补点 · 逐项结果</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭">×</button></div><div class="dialog-body"><div class="table-wrap"><table class="table"><thead><tr><th>行</th><th>设备</th><th>结果</th><th>原因 / 下一步</th><th>操作</th></tr></thead><tbody><tr><td>2</td><td>食堂后门 04</td><td><span class="badge warn">待激活</span></td><td>探测完成，等待确认</td><td><button type="button" class="btn btn-sm" data-write-action data-retry-row>复核并激活</button></td></tr><tr><td>3</td><td>宿舍东侧 03</td><td><span class="badge success">成功</span></td><td>已接入 media-01</td><td>—</td></tr><tr><td>4</td><td>北门 02</td><td><span class="badge danger">失败</span></td><td>AUTH_REJECTED · 更新凭据</td><td><button type="button" class="btn btn-sm" data-write-action data-retry-row>重试此行</button></td></tr></tbody></table></div><p class="muted">部分成功不会整体回滚：成功项已生效，失败项保持可重试。</p></div><div class="dialog-foot"><button type="button" class="btn" id="exportErrors">导出错误清单</button><button class="btn" value="cancel">关闭</button><button type="button" class="btn btn-primary" data-write-action id="retryFailed">仅重试失败项</button></div></form></dialog>
+
+  <dialog id="orphanDialog" aria-labelledby="orphanTitle"><form method="dialog"><div class="dialog-head"><h2 id="orphanTitle">孤儿 path 人工恢复</h2><button class="btn btn-quiet icon-btn" value="cancel" aria-label="关闭">×</button></div><div class="dialog-body"><p>安全闸已阻止本批删除，原型不提供绕过入口。先导出 5 个对象及 publisher、reader、录像索引与待回捞证据，再由独立维护任务分批处置。</p><label class="field"><span>处置原因</span><textarea class="textarea" placeholder="必填，写入操作审计"></textarea></label></div><div class="dialog-foot"><button class="btn" value="cancel">关闭</button><button class="btn btn-primary" value="default">创建人工处置任务</button></div></form></dialog>
 
   <script>
-    const $ = (selector, root = document) => root.querySelector(selector);
-    const $$ = (selector, root = document) => [...root.querySelectorAll(selector)];
-    const toast = $('#toast');
-    let toastTimer;
-    function notify(message) { toast.textContent = message; toast.classList.add('show'); clearTimeout(toastTimer); toastTimer = setTimeout(() => toast.classList.remove('show'), 3600); }
-
-    const deviceData = [
-      {name:'北围墙 01',serial:'CAM-S2-001',modality:'video',modalityLabel:'视频',capabilities:['图像采集','视频流','区域坐标'],expected:'启用',actual:'在线',status:'success',last:'刚刚',adapter:'media-01',health:'时钟 +0.2s',config:'2 个区域',area:'北围墙',protocol:'ONVIF / RTSP',profile:'子码流 704 × 576 · 5 FPS',clock:'+0.2s'},
-      {name:'北围墙 03',serial:'CAM-S2-003',modality:'video',modalityLabel:'视频',capabilities:['图像采集','视频流','区域坐标'],expected:'启用',actual:'重连中',status:'warning',last:'2 分钟前',adapter:'media-01',health:'第 4 次重连',config:'待校准',area:'北围墙',protocol:'ONVIF / RTSP',profile:'子码流 704 × 576 · 5 FPS',clock:'未知'},
-      {name:'实验楼入口 02',serial:'CAM-S2-006',modality:'video',modalityLabel:'视频',capabilities:['图像采集','视频流','区域坐标'],expected:'启用',actual:'在线',status:'success',last:'12 秒前',adapter:'media-01',health:'时钟 +3.8s',config:'1 个区域',area:'实验楼',protocol:'ONVIF / RTSP',profile:'子码流 704 × 576 · 5 FPS',clock:'+3.8s'},
-      {name:'宿舍东通道',serial:'CAM-S2-011',modality:'video',modalityLabel:'视频',capabilities:['图像采集','视频流','区域坐标'],expected:'启用',actual:'在线',status:'success',last:'4 秒前',adapter:'media-01',health:'时钟 +0.1s',config:'3 个区域',area:'宿舍区',protocol:'RTSP',profile:'子码流 704 × 576 · 5 FPS',clock:'+0.1s'},
-      {name:'操场东侧雷达',serial:'RAD-S2-001',modality:'radar',modalityLabel:'毫米波雷达',capabilities:['目标距离','速度','方位角'],expected:'启用',actual:'在线',status:'success',last:'1 秒前',adapter:'mqtt-01',health:'丢包 0.1%',config:'1 Hz 上报',area:'操场',protocol:'MQTT',profile:'遥测主题 sense/radar/east · 1 Hz',clock:'+0.3s'},
-      {name:'配电房门口',serial:'CAM-S2-015',modality:'video',modalityLabel:'视频',capabilities:['图像采集','视频流'],expected:'停用',actual:'已停止',status:'info',last:'1 天前',adapter:'未绑定',health:'期望态已收敛',config:'未配置',area:'配电房',protocol:'ONVIF',profile:'尚未选择 Profile',clock:'—'},
-      ...Array.from({length:11},(_,i)=>({name:`教学楼通道 ${String(i+1).padStart(2,'0')}`,serial:`CAM-S2-${String(i+20).padStart(3,'0')}`,modality:'video',modalityLabel:'视频',capabilities:['图像采集','视频流','区域坐标'],expected:'启用',actual:'在线',status:'success',last:`${i+2} 秒前`,adapter:'media-01',health:'健康',config:i%3===0?'1 个区域':'未配置',area:'教学楼',protocol:'ONVIF / RTSP',profile:'子码流 704 × 576 · 5 FPS',clock:'+0.2s'}))
+    const $=s=>document.querySelector(s), $$=s=>[...document.querySelectorAll(s)];
+    const devices=[
+      {id:'dev-001',name:'北围墙 01',serial:'SN-HK-001',modality:'video',status:'online',desired:'enabled',actual:'running',area:'北围墙',changed:'2026-08-04 10:43:03',ago:'5 分钟前'},
+      {id:'dev-002',name:'北围墙 02',serial:'SN-HK-002',modality:'video',status:'online',desired:'enabled',actual:'media idle',area:'北围墙',changed:'2026-08-04 10:47:32',ago:'1 分钟前'},
+      {id:'dev-003',name:'宿舍东侧 03',serial:'SN-DA-003',modality:'video',status:'online',desired:'enabled',actual:'inference missing',area:'宿舍外廊',changed:'2026-08-04 10:45:10',ago:'3 分钟前'},
+      {id:'dev-004',name:'北门 02',serial:'SN-HK-009',modality:'video',status:'auth_failed',desired:'enabled',actual:'auth rejected',area:'北门',changed:'2026-08-04 10:31:08',ago:'17 分钟前'},
+      {id:'dev-005',name:'食堂后门 04',serial:'SN-UN-021',modality:'video',status:'pending',desired:'pending',actual:'not provisioned',area:'食堂后门',changed:'2026-08-04 10:40:00',ago:'8 分钟前'},
+      {id:'dev-006',name:'体育馆 01',serial:'SN-HK-017',modality:'video',status:'offline',desired:'enabled',actual:'unreachable',area:'体育馆',changed:'2026-08-04 09:48:00',ago:'1 小时前'},
+      {id:'dev-007',name:'宿舍走廊雷达 01',serial:'RD-MW-001',modality:'radar',status:'adapter_not_ready',desired:'pending',actual:'adapter not ready',area:'宿舍走廊',changed:'2026-08-04 09:20:00',ago:'1 小时前'},
+      {id:'dev-008',name:'图书馆 01',serial:'SN-HK-022',modality:'video',status:'online',desired:'enabled',actual:'running',area:'图书馆',changed:'2026-08-04 10:47:40',ago:'1 分钟前'}
     ];
-    const pageSize = 5;
-    let devicePage = 1;
-    let currentDevice = deviceData[0];
-    function filteredDevices() {
-      const term = $('#deviceSearch').value.trim().toLowerCase();
-      const modality = $('#modalityFilter').value;
-      const status = $('#statusFilter').value;
-      return deviceData.filter(device => {
-        const termMatch = !term || `${device.name} ${device.serial} ${device.area}`.toLowerCase().includes(term);
-        const modalityMatch = modality === 'all' || device.modality === modality;
-        const statusMatch = status === 'all' || (status === 'exception' ? device.status === 'warning' : device.actual === '在线');
-        return termMatch && modalityMatch && statusMatch;
-      });
-    }
-    function renderDevices() {
-      const filtered = filteredDevices();
-      const pages = Math.max(1, Math.ceil(filtered.length / pageSize));
-      devicePage = Math.min(devicePage, pages);
-      const start = (devicePage - 1) * pageSize;
-      const rows = filtered.slice(start, start + pageSize);
-      $('#deviceRows').innerHTML = rows.length ? rows.map(device => {
-        const icon = device.modality === 'radar' ? 'i-radar' : 'i-camera';
-        return `<tr><td><input type="checkbox" aria-label="选择 ${device.name}"></td><td><div class="device-name"><span class="camera-icon ${device.modality}"><svg class="icon"><use href="#${icon}"/></svg></span><span><strong>${device.name}</strong><small>${device.serial} · ${device.area}</small></span></div></td><td><span class="badge info">${device.modalityLabel}</span><div class="capabilities">${device.capabilities.map(c=>`<span class="capability">${c}</span>`).join('<span aria-hidden="true">·</span>')}</div></td><td>${device.expected}</td><td><span class="badge ${device.status}">${device.actual}</span></td><td>${device.last}</td><td>${device.adapter}</td><td>${device.health}</td><td>${device.config}</td><td><div class="toolbar"><button class="btn" data-open-device="${device.serial}">详情</button><button class="btn" data-device-operation="${device.serial}" aria-label="停止或隔离 ${device.name}">操作…</button></div></td></tr>`;
-      }).join('') : '<tr><td colspan="10"><div class="drop-zone"><strong>没有匹配的设备</strong><p>调整类型、状态或搜索条件。</p></div></td></tr>';
-      $('#devicePageSummary').textContent = `第 ${devicePage} / ${pages} 页 · 共 ${filtered.length} 台设备`;
-      $('#previousDevicePage').disabled = devicePage <= 1;
-      $('#nextDevicePage').disabled = devicePage >= pages;
-    }
-    ['deviceSearch','modalityFilter','statusFilter'].forEach(id => $(`#${id}`).addEventListener(id === 'deviceSearch' ? 'input' : 'change', () => { devicePage=1; renderDevices(); }));
-    $('#previousDevicePage').addEventListener('click',()=>{ devicePage--; renderDevices(); });
-    $('#nextDevicePage').addEventListener('click',()=>{ devicePage++; renderDevices(); });
-
-    const cameraNames = ['北围墙 01','实验楼入口 02','宿舍东通道','配电房门口'];
-    $('#cameraGrid').innerHTML = cameraNames.map((name, i) => `<article class="card camera-card"><div class="camera-stage"><svg class="scene" viewBox="0 0 640 360" role="img" aria-label="${name} 模拟子码流画面"><rect width="640" height="360" fill="#07111d"/><path d="M0 ${250-i*12} 140 180 310 230 460 150 640 210V360H0Z" fill="#14283a"/><path d="M0 290h640M100 210v150m210-165v165m220-190v190" stroke="#647b8e" stroke-width="4"/><rect width="640" height="360" fill="none" stroke="#ffffff" stroke-opacity=".08"/><text x="18" y="28" fill="#d7e7f3" font-size="16">${name} · 子码流</text><circle cx="598" cy="27" r="5" fill="#34d399"/></svg></div><div class="camera-meta"><span><strong>${name}</strong><small>704 × 576 · 5 FPS</small></span><span class="badge success">在线</span></div></article>`).join('');
-
-    function switchView(name) {
-      $$('.view').forEach(v => v.classList.toggle('active', v.dataset.page === name));
-      const navName = name === 'device-detail' ? 'devices' : name;
-      $$('[data-view]').forEach(b => { const on = b.dataset.view === navName; if (on) b.setAttribute('aria-current','page'); else b.removeAttribute('aria-current'); b.classList.toggle('active', on); });
-      $('#stateSelect').value = 'normal'; renderState('normal');
-      $('#main-content').focus({preventScroll:true});
-    }
-    $$('[data-view]').forEach(b => b.addEventListener('click', () => switchView(b.dataset.view)));
-    function activateDetailTab(name, focus = false) {
-      const visibleTabs = $$('.detail-tabs [role="tab"]:not([hidden])');
-      const selected = visibleTabs.find(tab => tab.dataset.detailTab === name) || visibleTabs[0];
-      $$('.detail-tabs [role="tab"]').forEach(tab => { const on = tab === selected; tab.classList.toggle('active', on); tab.setAttribute('aria-selected', String(on)); tab.tabIndex = on ? 0 : -1; });
-      $$('[data-detail-panel]').forEach(panel => panel.hidden = panel.dataset.detailPanel !== selected.dataset.detailTab);
-      if (focus) selected.focus();
-    }
-    function openDeviceDetail(serial = 'CAM-S2-001') {
-      const device = deviceData.find(d => d.serial === serial) || deviceData[0];
-      currentDevice = device;
-      $('#deviceDetailName').textContent = device.name; $('#deviceBreadcrumb').textContent = device.name; $('#deviceDetailSerial').textContent = device.serial;
-      $('#deviceDetailDescription').textContent = device.modality === 'video' ? '视频接入、画面与空间配置。' : '遥测接入、能力与健康配置。';
-      $('#detailArea').textContent=device.area; $('#detailModality').textContent=device.modalityLabel; $('#detailCapabilities').textContent=device.capabilities.join('、'); $('#detailProtocol').textContent=device.protocol; $('#detailAdapter').textContent=device.adapter; $('#detailProfile').textContent=device.profile;
-      $('#detailActualBadge').textContent=device.actual; $('#detailActualBadge').className=`badge ${device.status}`; $('#healthAdapter').textContent=device.adapter; $('#healthClock').textContent=device.clock;
-      const video = device.capabilities.includes('图像采集');
-      $('#tab-zones').hidden=!video; $('#calibrationBadge').hidden=!video; $('#simulateCalibration').hidden=!video; $('#calibrationTile').hidden=!video;
-      $('#connectionHealthTitle').textContent = video ? '媒体连接' : '遥测连接';
-      const requestedZone = new URLSearchParams(location.search).get('zone') || 'ZONE-007';
-      const bellHref = `../bell/index.html?view=rules&camera=${encodeURIComponent(device.serial)}&zone=${encodeURIComponent(requestedZone)}&return_to=sense-device`;
-      $('#configureRules').href = bellHref; $('#returnToBell').href = bellHref;
-      if (video) restoreDraft(device.serial); else { points.length=0; drawDraft({persist:false}); }
-      activateDetailTab(video ? 'zones' : 'info');
-      switchView('device-detail');
-    }
-    $('#deviceRows').addEventListener('click', event => { const detail=event.target.closest('[data-open-device]'); const operation=event.target.closest('[data-device-operation]'); if (detail) openDeviceDetail(detail.dataset.openDevice); if (operation) openOperationDialog(operation.dataset.deviceOperation); });
-    $('#backToDevices').addEventListener('click', () => switchView('devices'));
-    $$('.detail-tabs [role="tab"]').forEach(tab => {
-      tab.addEventListener('click',()=>activateDetailTab(tab.dataset.detailTab));
-      tab.addEventListener('keydown',event=>{ const tabs=$$('.detail-tabs [role="tab"]:not([hidden])'); const index=tabs.indexOf(tab); let next=index; if(event.key==='ArrowRight') next=(index+1)%tabs.length; else if(event.key==='ArrowLeft') next=(index-1+tabs.length)%tabs.length; else if(event.key==='Home') next=0; else if(event.key==='End') next=tabs.length-1; else return; event.preventDefault(); activateDetailTab(tabs[next].dataset.detailTab,true); });
-    });
-
-    function renderState(state) {
-      const layer = $('#stateLayer'); const views = $$('.view');
-      layer.classList.toggle('show', state !== 'normal'); views.forEach(v => v.style.display = state === 'normal' ? '' : 'none');
-      if (state === 'normal') return;
-      const configs = {
-        loading: `<div><div class="skeleton" aria-label="正在加载"><i></i><i></i><i></i><i></i></div><h2>正在同步边缘状态</h2><p>超过 300ms 时显示进度；已有视频流不因控制面加载而中断。</p></div>`,
-        empty: `<div><svg class="icon"><use href="#i-camera"/></svg><h2>这个站点还没有设备</h2><p>可发现视频设备、手动添加非视频设备，或下载 CSV 模板批量导入视频设备。</p><button class="btn btn-primary" onclick="switchView('onboarding')">开始接入</button></div>`,
-        error: `<div><svg class="icon" style="color:var(--danger)"><use href="#i-alert"/></svg><h2>无法读取最新状态</h2><p>边缘节点暂时不可达。当前显示可能已过期，系统不会把未知状态伪装为在线。</p><button class="btn" onclick="document.querySelector('#stateSelect').value='normal';renderState('normal')">重试</button></div>`
-      }; layer.innerHTML = configs[state];
-    }
-    $('#stateSelect').addEventListener('change', e => renderState(e.target.value));
-    $('#themeToggle').addEventListener('click', () => { const html = document.documentElement; html.dataset.theme = html.dataset.theme === 'dark' ? 'light' : 'dark'; notify(`已切换为${html.dataset.theme === 'dark' ? '深色' : '浅色'}主题`); });
-
-    const zoneCanvas = $('#zoneCanvas'), draftLayer = $('#draftLayer'), points = [];
-    let activeTool = 'polygon', drawingComplete = false, serverVersion = 7, clickTimer;
-    const draftKey = serial => `yovision-sense-zone-draft:${serial}`;
-    function safeSession(action) { try { return action(sessionStorage); } catch { return undefined; } }
-    function persistDraft() {
-      if (!currentDevice || currentDevice.modality !== 'video') return;
-      const saved=safeSession(store=>{ store.setItem(draftKey(currentDevice.serial),JSON.stringify({points,activeTool,drawingComplete,baseVersion:serverVersion})); return true; });
-      $('#autosaveStatus').textContent = saved ? `草稿已自动保存 · ${new Date().toLocaleTimeString('zh-CN',{hour:'2-digit',minute:'2-digit'})}` : '浏览器禁止会话存储；草稿仅在当前页面内保留。';
-    }
-    function clearStoredDraft() { if(currentDevice) safeSession(store=>store.removeItem(draftKey(currentDevice.serial))); }
-    function restoreDraft(serial) {
-      points.length=0; activeTool='polygon'; drawingComplete=false; serverVersion=7;
-      const raw=safeSession(store=>store.getItem(draftKey(serial)));
-      if(raw) { try { const draft=JSON.parse(raw); points.push(...(draft.points||[])); activeTool=draft.activeTool||'polygon'; drawingComplete=Boolean(draft.drawingComplete); serverVersion=Number(draft.baseVersion)||7; $('#autosaveStatus').textContent='已恢复此设备在当前浏览器会话中的未保存草稿。'; } catch { clearStoredDraft(); } }
-      $$('.tool-btn[data-tool]').forEach(button=>{ const on=button.dataset.tool===activeTool; button.classList.toggle('active',on); button.setAttribute('aria-pressed',String(on)); });
-      drawDraft({persist:false});
-    }
-    function drawDraft({persist=true} = {}) {
-      const coords = points.map(p => `${p.x},${p.y}`).join(' ');
-      const shape = activeTool === 'line' && points.length > 1 ? `<line x1="${points[0].x}" y1="${points[0].y}" x2="${points[1].x}" y2="${points[1].y}" stroke="#fbbf24" stroke-width="5" marker-end="url(#draftArrow)"/>` : drawingComplete && points.length>2 ? `<polygon points="${coords}" fill="rgba(167,139,250,.18)" stroke="#a78bfa" stroke-width="4"/>` : `<polyline points="${coords}" fill="none" stroke="#a78bfa" stroke-width="4" stroke-dasharray="8 6"/>`;
-      draftLayer.innerHTML = shape + points.map((p,i) => `<circle cx="${p.x}" cy="${p.y}" r="8" fill="#08111f" stroke="#c4b5fd" stroke-width="4"><title>点 ${i+1}</title></circle>`).join('');
-      $('#pointStatus').textContent = `当前草稿：${points.length} 个点${drawingComplete?' · 已完成绘制':' · 绘制中'}`;
-      $('#pointList').innerHTML = points.length ? points.map((p,i) => `<li class="point-item"><span class="point-index">点 ${i+1}</span><input class="field" type="number" min="0" max="100" step="0.1" value="${(p.x/9.6).toFixed(1)}" data-point-x="${i}" aria-label="点 ${i+1} 横坐标百分比"><input class="field" type="number" min="0" max="100" step="0.1" value="${(p.y/5.4).toFixed(1)}" data-point-y="${i}" aria-label="点 ${i+1} 纵坐标百分比"><button class="btn" data-delete-point="${i}" aria-label="删除点 ${i+1}">删除</button></li>`).join('') : '<li class="muted">尚未添加草稿点</li>';
-      $('#draftBadge').className = points.length ? 'badge warning' : 'badge info';
-      $('#draftBadge').textContent = points.length ? `区域有未保存修改 · 基于 v${serverVersion}` : `区域 v${serverVersion}`;
-      $('#reverseLine').hidden = activeTool !== 'line';
-      if(persist) persistDraft();
-    }
-    function addPoint(x,y) { if (activeTool === 'pointer') return; if (activeTool === 'line' && points.length >= 2) { notify('警戒线已有起点和终点；可反转方向、编辑坐标或清空重画。'); return; } drawingComplete=false; points.push({x:Math.max(0,Math.min(960,x)),y:Math.max(0,Math.min(540,y))}); drawDraft(); }
-    function finishDrawing() { const minimum=activeTool==='line'?2:3; if(activeTool==='pointer'){ notify('请先选择多边形或警戒线工具。'); return; } if(points.length<minimum){ notify(activeTool==='line'?'警戒线至少需要 2 个点。':'多边形至少需要 3 个点。'); return; } drawingComplete=true; drawDraft(); notify(`${activeTool==='line'?'方向警戒线':'多边形'}已完成绘制；保存后才会生成新版本。`); }
-    zoneCanvas.addEventListener('click', e => { clearTimeout(clickTimer); clickTimer=setTimeout(()=>{ const r=zoneCanvas.getBoundingClientRect(); addPoint((e.clientX-r.left)/r.width*960,(e.clientY-r.top)/r.height*540); },240); });
-    zoneCanvas.addEventListener('dblclick', e => { e.preventDefault(); clearTimeout(clickTimer); finishDrawing(); });
-    $$('.tool-btn[data-tool]').forEach(btn => btn.addEventListener('click', () => { if(btn.dataset.tool===activeTool) return; if(points.length && !confirm('切换绘制工具会放弃当前图形，是否继续？')) return; activeTool=btn.dataset.tool; points.length=0; drawingComplete=false; $$('.tool-btn[data-tool]').forEach(b=>{ const on=b===btn; b.classList.toggle('active',on); b.setAttribute('aria-pressed',String(on)); }); drawDraft(); $('#editorHint').textContent=activeTool==='line'?'警戒线：依次添加起点与终点，箭头显示方向；可使用“反转方向”。':activeTool==='pointer'?'选择：查看已有区域；切换绘制工具可新建草稿。':'多边形：点击画面添加顶点，再选择“完成绘制”；也可编辑右侧坐标。'; }));
-    $('#undoPoint').addEventListener('click', () => { points.pop(); drawingComplete=false; drawDraft(); });
-    $('#finishDrawing').addEventListener('click',finishDrawing);
-    $('#reverseLine').addEventListener('click',()=>{ if(points.length!==2){ notify('添加起点和终点后才能反转方向。'); return; } points.reverse(); drawDraft(); notify('警戒线方向已反转。'); });
-    $('#clearPoints').addEventListener('click', () => { if (points.length && confirm('清空当前未保存的绘制草稿？')) { points.length=0; drawDraft(); } });
-    $('#addCoordinate').addEventListener('click', () => { const x=Number($('#coordX').value), y=Number($('#coordY').value); if (!Number.isFinite(x)||!Number.isFinite(y)||x<0||x>100||y<0||y>100) { notify('坐标必须在 0–100% 之间。'); return; } addPoint(x*9.6,y*5.4); });
-    $('#pointList').addEventListener('click',event=>{ const button=event.target.closest('[data-delete-point]'); if(!button)return; points.splice(Number(button.dataset.deletePoint),1); drawingComplete=false; drawDraft(); });
-    $('#pointList').addEventListener('change',event=>{ const xIndex=event.target.dataset.pointX, yIndex=event.target.dataset.pointY; if(xIndex===undefined&&yIndex===undefined)return; const index=Number(xIndex??yIndex), value=Number(event.target.value); if(!Number.isFinite(value)||value<0||value>100){ notify('坐标必须在 0–100% 之间。'); drawDraft({persist:false}); return; } if(xIndex!==undefined) points[index].x=value*9.6; else points[index].y=value*5.4; drawingComplete=false; drawDraft(); });
-    $('#discardDraft').addEventListener('click', () => { if (!points.length || confirm('放弃未保存的区域修改？')) { points.length=0; drawingComplete=false; clearStoredDraft(); drawDraft({persist:false}); $('#autosaveStatus').textContent='未保存草稿已清除；服务器上的区域版本未改变。'; notify('已放弃本次修改，已保存区域和 Bell 规则均未改变。'); } });
-    $('#simulateConflict').addEventListener('click',()=>{ serverVersion+=1; $('#autosaveStatus').className='notice warning'; $('#autosaveStatus').textContent=`服务器区域已更新为 v${serverVersion}；当前草稿基线较旧，保存将被阻止。`; notify('已模拟另一位用户保存了新版区域。'); });
-    $('#saveDraft').addEventListener('click', () => { if ((activeTool==='polygon'&&points.length<3)||(activeTool==='line'&&points.length<2)) { notify(activeTool==='line'?'警戒线至少需要 2 个点。':'多边形至少需要 3 个点。'); return; } if(!drawingComplete){ notify('请先选择“完成绘制”，确认图形边界或警戒线方向。'); return; } const savedBase=JSON.parse(safeSession(store=>store.getItem(draftKey(currentDevice.serial)))||'{}').baseVersion; if(savedBase && savedBase!==serverVersion){ $('#autosaveStatus').className='notice warning'; $('#autosaveStatus').textContent=`保存被阻止：服务器为 v${serverVersion}，草稿基于 v${savedBase}。请记录坐标后重新载入最新版本。`; notify('检测到版本冲突，未覆盖其他用户的修改。'); return; } serverVersion+=1; points.length=0; drawingComplete=false; clearStoredDraft(); drawDraft({persist:false}); $('#draftBadge').className='badge success'; $('#draftBadge').textContent=`区域 v${serverVersion} 已保存`; $('#autosaveStatus').className='notice'; $('#autosaveStatus').textContent='保存成功；当前没有未保存草稿。'; notify(`检测区域 v${serverVersion} 已保存；关联的 Bell 规则不会被自动发布。`); });
-    $('#simulateCalibration').addEventListener('click', () => { $('#calibrationBadge').className='badge warning'; $('#calibrationBadge').textContent='区域待校准'; notify('画面分辨率或旋转发生变化，现有区域已标记为待校准。'); });
-
-    const deviceDialog = $('#deviceDialog');
-    function updatePrivacyAdmission() { const video=$('#deviceModality').value==='video'; const option=$('#deviceArea').selectedOptions[0]; const blocked=video&&option.dataset.capturePolicy==='non_imaging_only'; $('#privacyAdmission').className=`notice${blocked?' warning':''}`; $('#privacyAdmission').textContent=blocked?'该区域仅允许非成像设备：视频设备的新增或启用将被拒绝；已有关系不会被伪造为已停用。':video?'当前区域允许图像采集；保存时仍会再次校验区域策略。':'当前设备不采集图像，可进入“仅非成像设备”区域。'; $('#saveDevice').disabled=blocked; return !blocked; }
-    function updateDeviceForm(){ const radar=$('#deviceModality').value==='radar'; $$('.video-field').forEach(field=>field.hidden=radar); $$('.radar-field').forEach(field=>field.hidden=!radar); $('#deviceProtocol').value=radar?'mqtt':'onvif'; $('#deviceName').value=radar?'操场西侧雷达':'北围墙 04'; $('#deviceSerial').value=radar?'RAD-DEMO-002':'CAM-DEMO-004'; $('#testResult').textContent=radar?'保存前验证遥测主题、声明能力与设备时间。':'保存前验证 Profiles、StreamUri、声明能力与设备时间。'; updatePrivacyAdmission(); }
-    $('#openDeviceDialog').addEventListener('click', () => { updateDeviceForm(); deviceDialog.showModal(); });
-    $('#deviceModality').addEventListener('change',updateDeviceForm); $('#deviceArea').addEventListener('change',updatePrivacyAdmission);
-    $('#testConnection').addEventListener('click', async e => { const b=e.currentTarget; const radar=$('#deviceModality').value==='radar'; b.disabled=true; b.textContent='测试中…'; $('#testResult').textContent=radar?'正在订阅测试遥测并读取能力声明':'正在读取 Profiles、StreamUri 与设备时间'; await new Promise(r=>setTimeout(r,700)); b.disabled=false; b.textContent='重新测试'; $('#testResult').innerHTML=radar?'<span style="color:var(--success)">连接成功：距离、速度、方位角 · 1 Hz</span>':'<span style="color:var(--success)">连接成功：2 个 Profile，时间漂移 +0.4s</span>'; });
-    $('#saveDevice').addEventListener('click', () => { if(!updatePrivacyAdmission()) { notify('隐私准入失败：此区域禁止新增图像采集设备。'); return; } const type=$('#deviceModality').value==='radar'?'毫米波雷达':'视频设备'; deviceDialog.close(); notify(`${type}已保存为“待激活”；能力与区域策略会在启用时再次校验。`); });
-
-    const operationDialog=$('#operationDialog');
-    const operationCopy={
-      'pause-inference':'影响：停止新推理；媒体连接保持在线。执行后将显示期望态与实际态的收敛过程。',
-      'disable-ingest':'影响：实时监控与新推理都将停止；历史事件和区域版本保留。',
-      'kick-session':'影响：当前连接立即断开；由于期望态仍为启用，适配器可能自动重连。'
-    };
-    function openOperationDialog(serial=currentDevice.serial){ const device=deviceData.find(item=>item.serial===serial)||currentDevice; currentDevice=device; $('#operationDeviceName').textContent=device.name; $('#operationDeviceSerial').textContent=device.serial; $('#operationProgress').textContent='尚未执行。重复提交不会产生重复副作用，但每次请求都会记录审计。'; operationDialog.showModal(); }
-    $('#openOperationDialog').addEventListener('click',()=>openOperationDialog());
-    $$('input[name="deviceOperation"]').forEach(input=>input.addEventListener('change',()=>$('#operationImpact').textContent=operationCopy[input.value]));
-    $('#confirmOperation').addEventListener('click',async event=>{ const button=event.currentTarget; const action=$('input[name="deviceOperation"]:checked').value; const expected=action==='disable-ingest'?'停用':action==='pause-inference'?'推理暂停':'启用'; button.disabled=true; $('#operationProgress').innerHTML=`期望态：<strong>${expected}</strong> · 实际态：执行中…`; await new Promise(resolve=>setTimeout(resolve,800)); const actual=action==='disable-ingest'?'已停止':action==='pause-inference'?'推理已暂停':'会话已断开，等待自动重连'; $('#operationProgress').innerHTML=`期望态：<strong>${expected}</strong> · 实际态：<strong>${actual}</strong> · 已记录本次审计`; button.disabled=false; notify(`${currentDevice.name}：${actual}。`); });
-    $('#fakeUpload').addEventListener('click', () => notify('演示：已选择 cameras-demo.csv，检测到 1 个重复序列号。'));
-    renderDevices();
-    drawDraft({persist:false});
-    const query = new URLSearchParams(location.search);
-    if (query.get('view') === 'device-detail' || query.has('camera')) {
-      openDeviceDetail(query.get('camera') || 'CAM-S2-001');
-      if (query.get('return_to') === 'bell-rule') $('#ruleReturnContext').hidden = false;
-    }
+    let page=1,currentDevice=devices[0],role='admin',dependency='normal',activeSite='ivy',points=[[18,72],[38,34],[74,42],[82,78]];
+    const statusMeta={online:['在线','success'],pending:['待激活','warn'],auth_failed:['认证失败','danger'],offline:['离线','danger'],adapter_not_ready:['适配器未就绪','warn']};
+    function toast(msg){const t=$('#toast');t.textContent=msg;t.hidden=false;clearTimeout(window.toastTimer);window.toastTimer=setTimeout(()=>t.hidden=true,3200)}
+    function switchView(name){const navName=name==='device-detail'?'devices':name;$$('.view').forEach(v=>v.classList.toggle('active',v.dataset.page===name));$$('[data-view]').forEach(b=>{const on=b.dataset.view===navName;b.classList.toggle('active',on);b.toggleAttribute('aria-current',on)});$('#main-content').focus({preventScroll:true})}
+    $$('[data-view]').forEach(b=>b.addEventListener('click',()=>switchView(b.dataset.view)));$$('[data-jump]').forEach(b=>b.addEventListener('click',()=>{switchView(b.dataset.jump);if(b.dataset.opTab)selectOpsTab(b.dataset.opTab)}));
+    function renderDevices(){const q=$('#deviceSearch').value.trim().toLowerCase(),m=$('#modalityFilter').value,s=$('#statusFilter').value,siteRows=activeSite==='ivy'?devices:devices.slice(0,3);const rows=siteRows.filter(d=>(!q||(d.name+d.serial).toLowerCase().includes(q))&&(m==='all'||d.modality===m)&&(s==='all'||d.status===s));const pages=Math.max(1,Math.ceil(rows.length/5));page=Math.min(page,pages);const slice=rows.slice((page-1)*5,page*5);$('#deviceRows').innerHTML=slice.length?slice.map(d=>{const meta=statusMeta[d.status];return `<tr><td><button class="link-btn" data-device="${d.id}"><strong>${d.name}</strong><br><span class="muted">${d.serial}</span></button></td><td>${d.modality==='video'?'视频 · 成像/媒体':'雷达 · 遥测（M6）'}</td><td><span class="badge ${meta[1]}">${meta[0]}</span></td><td>${d.desired}<br><span class="muted">${d.actual}</span></td><td>${d.area}</td><td><time title="${d.changed} +08:00">${d.ago}</time></td><td><button class="btn btn-sm" data-device="${d.id}">查看</button></td></tr>`}).join(''):`<tr><td colspan="7"><div class="empty-state"><h2>没有匹配设备</h2><p>清除筛选或检查当前站点。</p></div></td></tr>`;$('#pageSummary').textContent=`第 ${page} / ${pages} 页 · 共 ${rows.length} 项`;$('#prevPage').disabled=page<=1;$('#nextPage').disabled=page>=pages;$$('[data-device]').forEach(b=>b.onclick=()=>openDevice(b.dataset.device))}
+    ['deviceSearch','modalityFilter','statusFilter'].forEach(id=>$('#'+id).addEventListener(id==='deviceSearch'?'input':'change',()=>{page=1;renderDevices()}));$('#clearFilters').onclick=()=>{$('#deviceSearch').value='';$('#modalityFilter').value='all';$('#statusFilter').value='all';page=1;renderDevices()};$('#prevPage').onclick=()=>{page--;renderDevices()};$('#nextPage').onclick=()=>{page++;renderDevices()};
+    function openDevice(id){currentDevice=devices.find(d=>d.id===id)||devices[0];const meta=statusMeta[currentDevice.status];$('#detailName').textContent=currentDevice.name;$('#detailSerial').textContent=currentDevice.serial;$('#detailModality').textContent=currentDevice.modality==='video'?'视频设备':'雷达设备 · M6';$('#detailStatus').textContent=meta[0];$('#detailStatus').className='badge '+meta[1];$$('[data-video-only]').forEach(e=>e.hidden=currentDevice.modality!=='video');$('#profileBtn').hidden=currentDevice.modality!=='video'||role==='readonly';$('#credentialBtn').hidden=currentDevice.modality!=='video'||role==='readonly';$('#summaryKv').innerHTML=`<div><dt>期望态</dt><dd>${currentDevice.desired}</dd></div><div><dt>实际态</dt><dd>${currentDevice.actual}</dd></div><div><dt>Area</dt><dd>${currentDevice.area} · policy v42</dd></div><div><dt>分片</dt><dd>${currentDevice.modality==='video'?'media-01 / inference-01':'signal plane（M6）'}</dd></div>`;$('#lifecycleList').innerHTML=currentDevice.status==='pending'?`<div class="list-item"><div><strong>等待激活</strong><span class="muted">先完成重新探测、校时、视频配额和 Area policy v42 复核，再写 enabled 期望态。</span></div><div class="actions"><button class="btn" data-write-action id="recheckPending">重新探测 / 复核</button><button class="btn btn-primary" data-write-action id="activateNow">确认激活</button></div></div>`:currentDevice.status==='auth_failed'?`<div class="list-item"><div><strong>认证失败，自动重试已暂停</strong><span class="muted">AUTH_REJECTED · 更新凭据后重新探测。</span></div><button class="btn btn-primary" data-write-action id="fixCredential">更新凭据</button></div>`:`<div class="list-item"><div><strong>接入已激活</strong><span class="muted">期望态 ${currentDevice.desired} · 实际态 ${currentDevice.actual}</span></div><span class="badge ${meta[1]}">${meta[0]}</span></div>`;const caps=currentDevice.modality==='video'?[['设备身份','Hikvision DS-2CD · FW 5.7.18','ONVIF probe-8421'],['采购白名单','已验证型号 · M0 文档记录','只读结果，无在线维护页'],['认证','WS-Security UsernameToken','探测值 = 生效值'],['Profiles','2 个 · H.264','Profile_1 生效'],['校时','SetSystemDateAndTime 支持','漂移 +0.2s'],['事件订阅','PullPoint 支持','motion 待确认'],['媒体','RTSP main/sub','主码流推理 · 子码流预览']]:[['适配器','mmWave 协议适配器','adapter_not_ready'],['交付阶段','M6','当前没有真实连接'],['能力声明','telemetry / occupancy','仅设计值，尚未探测']];$('#capabilityGrid').innerHTML=caps.map(x=>`<article class="cap"><strong>${x[0]}</strong><p>${x[1]}</p><p>${x[2]}</p></article>`).join('');$('#healthConnection').textContent=currentDevice.status==='adapter_not_ready'?'协议适配器尚未交付；无连接、无模拟遥测':currentDevice.actual;$('#auditLink').onclick=()=>location.href=`../bell/index.html?view=audit&tenant=tenant-ivy&site=site-ivy&device=${currentDevice.id}&return_to=sense-device`;$('#bellRuleLink').href=`../bell/index.html?view=rules&camera=${currentDevice.id}&zone=zone-a&return_to=sense-device`;switchDetailTab('summary');switchView('device-detail');const a=$('#activateNow'),f=$('#fixCredential'),r=$('#recheckPending');if(a)a.onclick=()=>toast('已提交激活期望态；等待对账收敛');if(f)f.onclick=()=>$('#credentialDialog').showModal();if(r)r.onclick=()=>toast('探测与校时完成；配额 16/128、Area policy v42 均通过');applyRole()}
+    $('#backToDevices').onclick=()=>switchView('devices');
+    function bindTabs(selector,callback){const tabs=$$(selector);tabs.forEach((tab,i)=>{tab.addEventListener('click',()=>callback(tab));tab.addEventListener('keydown',e=>{if(!['ArrowLeft','ArrowRight','Home','End'].includes(e.key))return;e.preventDefault();let n=e.key==='Home'?0:e.key==='End'?tabs.length-1:(i+(e.key==='ArrowRight'?1:-1)+tabs.length)%tabs.length;tabs[n].focus();callback(tabs[n])})})}
+    function switchDetailTab(name){const tab=$('#tab-'+name);if(!tab||tab.hidden)return;$$('[id^="tab-"]').filter(t=>t.closest('.card')&&t.getAttribute('role')==='tab'&&!t.dataset.opsTab).forEach(t=>{const on=t===tab;t.setAttribute('aria-selected',on);t.tabIndex=on?0:-1;const p=$('#'+t.getAttribute('aria-controls'));if(p)p.hidden=!on})}
+    bindTabs('.detail-summary + .card .tabs [role="tab"]',t=>switchDetailTab(t.id.replace('tab-','')));
+    function selectOpsTab(name){$$('[data-ops-tab]').forEach(t=>{const on=t.dataset.opsTab===name;t.setAttribute('aria-selected',on);t.tabIndex=on?0:-1;$('#'+t.getAttribute('aria-controls')).hidden=!on})}
+    bindTabs('[data-ops-tab]',t=>selectOpsTab(t.dataset.opsTab));
+    $$('[data-open-add]').forEach(b=>b.onclick=()=>$('#addDialog').showModal());function updatePrivacy(){const block=$('#addModality').value==='video'&&$('#addArea').value==='dorm';$('#privacyBlock').hidden=!block;$('#savePending').disabled=block||dependency!=='normal';$('#profileField').hidden=$('#addModality').value!=='video'}$('#addModality').onchange=updatePrivacy;$('#addArea').onchange=updatePrivacy;$('#savePending').onclick=()=>{$('#addDialog').close();toast('设备已保存为待激活，可在接入任务查看逐项结果')};
+    $('#credentialBtn').onclick=()=>$('#credentialDialog').showModal();$('#profileBtn').onclick=()=>$('#profileDialog').showModal();$('#reprobeBtn').onclick=()=>$('#capDiffDialog').showModal();$('#lifecycleBtn').onclick=()=>$('#operationDialog').showModal();$('#confirmOperation').onclick=()=>{const op=$('input[name="operation"]:checked').value;$('#operationDialog').close();toast(op==='pause'?'推理订阅：已解除；其他 reader：2；上游：继续拉流':op==='disable'?'期望态已改为 disabled；实际态正在收敛':'当前会话已踢出；期望态未改变')};$('#saveCredential').onclick=()=>toast('新凭据已写入，正在重新探测；旧值未回显');$('#saveProfile').onclick=()=>toast('Profile 切换已进入对账队列；检测区域标记待校准');$$('[data-task-result]').forEach(b=>b.onclick=()=>$('#taskDialog').showModal());$('#retryFailed').onclick=()=>{toast('已创建仅含 1 个失败项的重试任务');$('#taskDialog').close()};$$('[data-retry-row]').forEach(b=>b.onclick=()=>toast('已创建单行重试任务，不影响已成功项'));$('#exportErrors').onclick=()=>toast('错误清单已按当前任务生成（原型不写入文件）');$('#reviewOrphans').onclick=()=>$('#orphanDialog').showModal();
+    function renderVertices(){const box=$('#vertexList');box.innerHTML=points.map((p,i)=>`<div class="vertex"><input class="input" aria-label="点 ${i+1} X" type="number" min="0" max="100" value="${p[0]}" data-axis="0" data-index="${i}"><input class="input" aria-label="点 ${i+1} Y" type="number" min="0" max="100" value="${p[1]}" data-axis="1" data-index="${i}"><button class="btn icon-btn" data-delete-point="${i}" data-write-action aria-label="删除点 ${i+1}">×</button></div>`).join('');$('#zonePolygon').setAttribute('points',points.map(p=>p.join(',')).join(' '));$$('[data-axis]').forEach(i=>i.onchange=()=>{points[+i.dataset.index][+i.dataset.axis]=Math.max(0,Math.min(100,+i.value));renderVertices();saveDraft()});$$('[data-delete-point]').forEach(b=>b.onclick=()=>{if(points.length<=3)return toast('多边形至少需要 3 个点');points.splice(+b.dataset.deletePoint,1);renderVertices();saveDraft()});applyRole()}
+    function saveDraft(){sessionStorage.setItem('sense-zone-draft',JSON.stringify(points));$('#draftState').textContent='草稿已自动保存到当前会话 · 刚刚'}$('#addVertex').onclick=()=>{points.push([50,50]);renderVertices();saveDraft()};$('#reverseZone').onclick=()=>{points.reverse();renderVertices();saveDraft()};$('#finishZone').onclick=()=>toast(points.length>=3?'绘制已完成，可保存草稿':'至少需要 3 个点');$('#saveZone').onclick=()=>toast('检测区域草稿已保存为 v8；不会自动发布 Bell 规则');
+    function applyRole(){role=$('#roleSwitcher').value;$$('[data-write-action]').forEach(e=>e.hidden=role==='readonly');if(role==='readonly')toast('已切换为只读：所有写操作已隐藏')}
+    $('#roleSwitcher').onchange=applyRole;
+    function renderState(state){dependency=state;const overlay=$('#stateOverlay'),body=$('#stateOverlayBody'),banner=$('#degradeBanner');overlay.hidden=true;banner.hidden=true;$$('[data-write-action]').forEach(e=>{if(role!=='readonly')e.hidden=false;e.disabled=false});if(state==='loading'){body.innerHTML='<div class="spinner"></div><h2>正在读取站点状态</h2><p class="muted">不会用旧数据伪装最新状态。</p>';overlay.hidden=false}else if(state==='empty'){body.innerHTML='<h2>这个站点还没有设备</h2><p class="muted">可从接入任务发现或批量导入设备。</p><button class="btn btn-primary" onclick="document.querySelector(\'[data-view=onboarding]\').click()">开始接入</button>';overlay.hidden=false}else if(state==='error'){body.innerHTML='<h2>无法读取最新状态</h2><p class="muted">当前数据可能已过期，未知不会显示为在线。</p><button class="btn" onclick="document.querySelector(\'#stateSelect\').value=\'normal\';renderState(\'normal\')">重试</button>';overlay.hidden=false}else if(state==='denied'){body.innerHTML='<h2>无权访问此站点</h2><p class="muted">请求已被安全拒绝；页面不会确认目标设备是否存在。</p><button class="btn" onclick="history.back()">返回上一页</button>';overlay.hidden=false}else if(state==='quota_unavailable'||state==='policy_unavailable'){banner.hidden=false;$('#degradeTitle').textContent=state==='quota_unavailable'?'配额服务暂时不可用':'Area 策略投影暂时不可用';$('#degradeText').textContent=state==='quota_unavailable'?'已有设备、视频和列表继续可用；新增与启用已禁用。':'已有链路保持原状态；涉及设备新增或启用的写操作已禁用并产生运维告警。';$$('[data-open-add],#savePending,#activateNow').forEach(e=>{if(e)e.disabled=true})}applyRole();updatePrivacy()}
+    $('#stateSelect').onchange=e=>renderState(e.target.value);$('#retryDependency').onclick=()=>{$('#stateSelect').value='normal';renderState('normal');toast('依赖已恢复，写操作重新可用')};
+    $('#siteSwitcher').onchange=e=>{activeSite=e.target.value;$('#siteName').textContent=e.target.selectedOptions[0].textContent;$$('[data-view="devices"] .count').forEach(c=>c.textContent=activeSite==='ivy'?'17':'3');page=1;renderDevices();toast(`站点上下文已切换，当前示例设备 ${activeSite==='ivy'?'17':'3'} 台`)};$('#refreshOps').onclick=()=>toast('实际态已刷新 · 2026-08-04 10:49:22 +08:00');
+    const route=new URLSearchParams(location.search);if(route.get('denied')==='1'){$('#stateSelect').value='denied';renderState('denied')}if(route.get('view'))switchView(route.get('view'));if(route.get('device'))openDevice(route.get('device'));
+    const draft=sessionStorage.getItem('sense-zone-draft');if(draft){try{points=JSON.parse(draft)}catch{}}renderVertices();renderDevices();applyRole();setInterval(()=>{const d=new Date();$('#serverClock').textContent=new Intl.DateTimeFormat('zh-CN',{timeZone:'Asia/Shanghai',hour12:false,year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit',second:'2-digit'}).format(d)},1000);
   </script>
 </body>
 </html>
diff --git a/docs/raw/02-需求分析.md b/docs/raw/02-需求分析.md
index 87dbfd8..aa22e25 100644
--- a/docs/raw/02-需求分析.md
+++ b/docs/raw/02-需求分析.md
@@ -125,7 +125,7 @@ erDiagram
 | --- | --- | --- |
 | **Tenant 租户** | 计费与数据隔离的最小单位 | 所有查询必须带 tenant_id，无例外 |
 | **Site 站点** | 一个物理场所（一户 / 一所学校 / 一个小区） | 升级链、时段策略挂在这一层 |
-| **Area 区域** | 站点内的逻辑分区（教学楼 / 单元 / 客厅） | 用于权限范围、报表口径与设备准入；`capture_policy` 表达是否仅允许非成像设备 |
+| **Area 区域** | 站点内的逻辑分区（教学楼 / 单元 / 客厅），由 Bell 统一管理 | 用于权限范围、报表口径与设备准入；`capture_policy` 表达是否仅允许非成像设备，Sense 只消费带版本的策略投影 |
 | **Device 设备** | **不叫 Camera**；`modality` 表达 video/radar/contact/button/wearable/other，`capabilities` 表达成像、媒体、遥测等具体能力 | 模态负责稳定分类，能力负责决定字段与操作，避免接入新设备时重做台账和页面 |
 | **Zone 画面区域** | 画在某路画面上的多边形或警戒线 | 与 Area 是两回事：Area 是物理概念，Zone 是像素坐标 |
 | **Rule 规则** | 「主体 × 条件 × 时空 × 动作」的可配置组合 | 三级覆盖：租户默认 → 站点 → 设备 |
@@ -608,14 +608,18 @@ GPU 型号和数量不在需求阶段写死。M1 用 5 路打通，M3 以 16 路
 在参考项目基础上扩展多租户与规则/事件。**字段级设计见《03》，此处只给结构与关键约束。**
 
 ```sql
--- ── 组织（Bell 为真相源；Sense 只读配额投影）────────
+-- ── 组织（Bell 为真相源；Sense 不直接写这些表）────────
 tenants(id, code, name, status, plan, created_at)
 sites(id, tenant_id, code, name, scene_pack, subnet CIDR, timezone, status,
       max_video_channels INT NOT NULL DEFAULT 16 CHECK (max_video_channels BETWEEN 1 AND 128))
 areas(id, site_id, name, parent_id,
       capture_policy) -- video_allowed | non_imaging_only
 
--- ── 设备（不叫 cameras，为异构传感器预留）────
+-- ── Sense 只读投影（来源版本与同步时间必须可追溯）────
+site_quota_projections(site_id, max_video_channels, source_version, synced_at)
+area_policy_projections(area_id, site_id, capture_policy, source_version, synced_at)
+
+-- ── Sense 设备（不叫 cameras，为异构传感器预留）────
 devices(
   id, tenant_id, site_id, area_id,
   modality,           -- video | radar | contact | button | wearable | other
@@ -703,6 +707,8 @@ CREATE INDEX ON alerts(state) WHERE state NOT IN ('closed','suppressed');
 7. 人脸相关表独立 schema、独立加密、独立审计；`persons.valid_until` 必填，无"永久有效"选项
 8. `sites.max_video_channels` 默认 16、最大 128；配额在写入设备时校验，分片容量由运行时配置与压测决定
 9. `sites.max_video_channels` 由 Bell 持有，Sense 通过版本化内部 API 或只读投影校验设备新增/启用；不得跨 schema 直接写入
+10. Tenant/Site/Area/RBAC、配额与全局审计属于 Bell；Sense 仅使用稳定逻辑 ID 关联并保存带 `source_version` / `synced_at` 的执行投影
+11. 高风险设备写操作与本地审计 outbox 在 Sense 同一事务提交，再由幂等 relay 异步汇入 Bell；审计接口字段、签名和重放规则另立契约任务冻结
 
 ---
 
diff --git a/docs/raw/03-通用场景应用方案.md b/docs/raw/03-通用场景应用方案.md
index 12e41cc..283a924 100644
--- a/docs/raw/03-通用场景应用方案.md
+++ b/docs/raw/03-通用场景应用方案.md
@@ -1067,7 +1067,7 @@ capacity:
 
 `stream_bindings` 同时记录 `mtx_instance` 与 `inference_shard`。默认按 `site_id + device_id` 稳定分配；扩容时允许迁移，但同一设备任一时刻只能归属一个有效媒体分片和一个推理分片。
 
-`sites.max_video_channels` 的唯一真相源在 Bell；Sense 在设备新增/启用写路径通过版本化内部 API 或只读投影执行配额校验，不跨 schema 直接写入。配额依赖暂时不可用时只拒绝新的容量变更，已有视频链路继续运行。
+`sites.max_video_channels`、Site/Area 层级和 `areas.capture_policy` 的唯一真相源在 Bell；Sense 在设备新增/启用写路径通过版本化内部 API 或带 `source_version` / `synced_at` 的只读投影执行校验，不跨 schema 直接写入。配额或 Area 策略依赖暂时不可用时只拒绝相关新变更，已有视频链路继续运行并产生运维告警。
 
 > **不要单实例硬扛 128 路**：扩容必须通过增加分片与 Worker 完成。单分片故障只允许影响该分片，不能拖垮整个站点。GPU 型号与数量不在架构文档写死，M1 用 5 路打通，M3 建立 16 路基线，M4/M5 再验证 64/128 路。
 
@@ -1115,7 +1115,8 @@ OpenTelemetry → Jaeger，排查单帧处理延迟与端到端事件链路。
 
 | 端 | 核心功能 |
 | --- | --- |
-| **管理系统（Web）** | 租户/站点/设备管理、批量开通、规则配置（含试运行）、Zone 画图、升级链配置、事件看板与筛选、事件详情（视频+观测回放）、处置与工单、误报标记、统计报表、审计查询、RBAC |
+| **Sense 接入工作台（Web）** | 当前租户/站点上下文、设备台账与批量开通、能力探测、Zone 画图、对账/分片/边缘隧道/补传/运维告警；不管理 Tenant/Site/Area/RBAC 或全局审计 |
+| **Bell 统一管理端（Web）** | Tenant/Site/Area/配额/`capture_policy`、RBAC、规则配置（含试运行）、升级链、事件看板与筛选、事件详情（视频+观测回放）、处置与工单、误报标记、统计报表、全局审计；设备操作日志从 Sense 汇入并可深链返回 |
 | **App（家属/值班员）** | 预警接收与 ack、事件详情与视频回看、一键呼叫、误报反馈、限时静默、设备状态、（家属）多老人切换 |
 | **大屏/值班台** | 实时事件流、地图/平面图点位、声光联动、当班交接 |
 | **Webhook/开放 API** | 对接客户既有平台、门禁、消防、工单系统 |
@@ -1144,7 +1145,9 @@ OpenTelemetry → Jaeger，排查单帧处理延迟与端到端事件链路。
 | --- | --- | --- | --- | --- | --- |
 | **Sense** | 感知系统 | L1 接入 | Go | 有（设备台账） | M1 |
 | **Brain** | 推理系统 | L2 流水线 + L3 算法 | Python / CUDA | **无状态** | M3 |
-| **Bell** | 管理系统 | L4 业务 + L0 基座 | Go + 前端 | 有（事件、告警） | M3 → M4 |
+| **Bell** | 管理系统 | L4 业务 + L0 基座 | Go + 前端 | 有（事件、告警、组织与策略真相） | M3 → M4 |
+
+Sense 的高风险设备操作不能采用“先执行、再尽力记录审计”。实现时应在本地事务内同时写期望态与持久化 outbox，再由幂等 relay 异步汇入 Bell 全局审计。该跨系统接口的字段、签名、重放和留存必须另立 API/契约任务，不在 UI 原型任务中顺带冻结。
 
 三者之间只有一条契约——**事件实例 JSON**（§2.6，规范本体见 `contracts/event-v0.1.schema.json`）。Sense 向 Brain 供流与信号，Brain 产出事件，Bell 消费事件。这条边界让推理侧换模型、换框架（Savant → Pipeless、YOLO → YOLOX）时，另两个系统一行不改。
 
@@ -1228,7 +1231,7 @@ redis                  消息总线
 - [ ] 终止服务时的底库彻底删除义务与证明方式已约定
 
 ## 架构
-- [ ] `devices` 表而非 `cameras`，含 `modality + capabilities`；Area 持有 `capture_policy`
+- [ ] `devices` 表而非 `cameras`，含 `modality + capabilities`；Bell 持有 Area 与 `capture_policy`，Sense 只存带版本的准入投影
 - [ ] 设备身份用序列号
 - [ ] 触发入口独立成 handler
 - [ ] `sync_state` 每系统一行
diff --git a/docs/raw/08-三系统职责划分.md b/docs/raw/08-三系统职责划分.md
index 0188d92..fbd9877 100644
--- a/docs/raw/08-三系统职责划分.md
+++ b/docs/raw/08-三系统职责划分.md
@@ -31,6 +31,7 @@
 - WireGuard 控制面隧道
 - mediamtx 鉴权回调（401 + 踢流是四种停用粒度之一）
 - 容量配额执行：设备新增/启用时读取 Bell 的站点配额，只拒绝超额变更；配额服务暂时不可用时不影响已有流
+- Area 准入执行：消费 Bell 的版本化 `capture_policy` 投影；策略不可用时只拒绝相关新写入，不静默中断已有设备
 - 流绑定与媒体分片调度：维护 `mtx_instance`，默认 16 路交付；扩到 128 路时按 `media_shard.max_streams` 横向分片
 - 边缘节点 agent：推流、本地环形缓冲、断网续传
 - **设备型触发源**：雷达、门磁、按钮、ONVIF 事件订阅
@@ -54,8 +55,8 @@
 - 告警状态机：升级链、ack、抑制、静默（**≤4h，无永久选项**）
 - 投递：push / 短信 / 语音，**双供应商**
 - 误报反馈闭环：`outcome` 回写 Brain
-- 多租户 RBAC、`tenant_features`（人脸授权开关：未授权时能力在 API 与 UI 中**不可见**，不是禁用）
-- 审计日志
+- Tenant/Site/Area、`capture_policy`、多租户 RBAC、`tenant_features`（人脸授权开关：未授权时能力在 API 与 UI 中**不可见**，不是禁用）
+- 全局审计日志；接收 Sense 设备操作审计并保留来源上下文
 - 站点容量配额的唯一真相源：`site.max_video_channels` 默认 16、上限 128；提供版本化内部读取接口/投影给 Sense 执行
 - 管理后台前端 + 大屏：按 128 路设计分页/虚拟列表、筛选与批量操作，不一次性加载全部视频
 
@@ -149,9 +150,10 @@ Bell/
 | 5 | 一个 PostgreSQL 还是三个 | **一个实例，schema 分离**（`sense` / `bell`），Brain 无 schema。"DB 是唯一真相源"是对账器成立的前提，拆库即失效 |
 | 6 | 16 路与 128 路分别指什么 | **16 路是默认交付规格，128 路是本阶段单逻辑站点上限**，都不是“单进程/单服务器保证值”。媒体与推理必须横向分片；单机承载量由分辨率、码率、帧率、模型和硬件基准测试决定 |
 | 7 | 站点配额谁拥有、谁执行 | **Bell 拥有 `sites.max_video_channels`，Sense 在设备新增/启用写路径执行**。通过版本化内部 API 或只读投影同步，不允许 Sense 直接写 Bell schema；依赖暂时不可用时拒绝新变更，但已有视频链路继续运行 |
-| 8 | 设备模态与隐私准入怎么建模 | 台账使用 `modality + capabilities`，不以摄像头作为唯一根实体；**Area 拥有 `capture_policy`，Sense 按设备 `captures_image` 能力在新增/启用写路径执行**。策略不可用时拒绝新变更并告警，已有链路不静默停用；M1 固化模型，M6 再增加非视频适配器 |
+| 8 | 设备模态与隐私准入怎么建模 | 台账使用 `modality + capabilities`，不以摄像头作为唯一根实体；**Bell 拥有 Area 与 `capture_policy`，Sense 消费带版本投影并按设备 `captures_image` 能力在新增/启用写路径执行**。策略不可用时拒绝相关新变更并告警，已有链路不静默停用；M1 固化模型，M6 再增加非视频适配器 |
+| 9 | 接入操作审计怎么进入 Bell | Sense 在同一事务写设备期望态和持久化 outbox，再由幂等 relay 异步汇入 Bell 全局审计；不得先执行高风险操作再尽力入队。字段、签名、重放和留存由独立 API/契约任务冻结 |
 
-第 2、3、6、7、8 条是本文档新定的，若实施中发现更合适的切法，改这里并同步《02》《03》。
+第 2、3、6、7、8、9 条是本文档新定的，若实施中发现更合适的切法，改这里并同步《02》《03》。
 
 ---
 
diff --git a/docs/raw/09-Sense原型评审-IX草稿.md b/docs/raw/09-Sense原型评审-IX草稿.md
index 9809b9a..1500656 100644
--- a/docs/raw/09-Sense原型评审-IX草稿.md
+++ b/docs/raw/09-Sense原型评审-IX草稿.md
@@ -4,6 +4,7 @@
 > 初始输入：Claude 评审草稿，2026-08-04
 > 复核：Codex 从产品、全栈架构与 UI/UX 角度对照《02》《03》《08-三系统职责划分》、US/IX 和当前原型核验
 > 状态：项目负责人已确认按本修订稿继续；最终行为已同步到 `docs/08-interaction-checklist.md`
+> 后续：第二轮缺口复核与最终 IA 见 `11-Sense原型-第二轮缺口.md`、`12-Sense原型-待办清单.md`；若与本文原型范围冲突，以第二轮修订为准
 
 ---
 
diff --git a/docs/raw/11-Sense原型-第二轮缺口.md b/docs/raw/11-Sense原型-第二轮缺口.md
new file mode 100644
index 0000000..6c5981e
--- /dev/null
+++ b/docs/raw/11-Sense原型-第二轮缺口.md
@@ -0,0 +1,139 @@
+# Sense 原型第二轮评审复核版
+
+> 原始输入：Claude《Sense 原型第二轮评审》，2026-08-04
+> 复核基准：`docs/design/sense/index.html`，提交 `e18a1ea`
+> 复核视角：产品边界、全栈架构、M2 用户流程与 UI/UX
+> 状态：项目负责人已确认按本复核结论继续修改
+
+---
+
+## 1. 总结
+
+Claude 指出的对账运维、设备能力来源、非视频适配器阶段、待激活、凭据恢复、写入降级和边缘隧道等缺口方向成立；但原稿不能直接作为执行清单，主要有三类问题：
+
+1. **基准落后**：设备分页和推理收敛成功态已经实现，分片数据也不再是原稿引用的 `8 / 32`。
+2. **范围扩大**：T-004 当前关联 US-001、US-002、US-008 和部分 US-005，并未承诺一次画完完整 M2/M4 管理端。新增 P0 页面必须先同步 US/IX 与任务范围。
+3. **系统归属混淆**：`routes.md` 的 `/sites`、`/operations`、`/audit` 是统一管理 Web 的候选页面职责，不等于都应成为 Sense 一级导航。Bell 拥有租户/RBAC、审计、配额真相源和管理端；Sense 负责设备接入与运行态运维。
+
+因此，本轮采纳“补核心流程、收敛导航、冻结归属”的方案，不采用“Sense 导航机械扩为 8 项”。
+
+---
+
+## 2. 对原评审事实的纠正
+
+| 原判断 | 当前事实 | 处理 |
+| --- | --- | --- |
+| 设备列表分页未实现 | 已有 5 条/页、上一页/下一页、页数和总数 | 标记完成；批量选择未来新增时再定义跨页语义 |
+| “推理绑定 16/16”仍是紫色满格 | 已改为“推理配置收敛 16/16”绿色成功态 | 标记完成 |
+| 分片仍显示 `8 / 32` | 当前为 `16 / 32`，并显示“当前 1 / 最多 4” | 只补“32 是可配置建议值、最终由压测确定” |
+| T-004 `write_paths` 只有三个文件 | 已扩展到需求、架构、US/IX、评审稿和两个原型 | 更新清单基准 |
+| modality 筛选包含 ONVIF/MQTT | modality 是 video/radar；ONVIF/RTSP/MQTT 属于 protocol | 文档严格区分模态、设备种类、协议和能力 |
+
+---
+
+## 3. 最终产品信息架构
+
+### 3.1 Sense Edge Console
+
+Sense 保持最多五个一级入口，移动端底部导航不超过五项：
+
+```text
+运行总览
+实时监控
+设备
+接入任务
+运维
+  ├─ 对账与孤儿资源
+  ├─ 媒体分片
+  ├─ 边缘节点与隧道
+  ├─ 运维告警
+  └─ 系统状态
+```
+
+原“系统状态”并入“运维”。总览的待收敛项、设备告警和分片状态均可下钻到运维的对应子页。Sense 顶栏显示当前租户、站点、用户和角色，并消费 Bell 下发的授权上下文，但不自建租户/RBAC 真相源。
+
+### 3.2 Bell / 统一管理端
+
+以下能力归 Bell/统一管理端，而不是在 Sense 重复建设一级页面：
+
+- Tenant、Site、Area 管理和 RBAC。
+- Area 的 `capture_policy` 编辑与已有成像设备的显式处置流程。
+- 全局审计查询；Sense 设备操作记录只提供带设备筛选的深链。
+- `site.max_video_channels` 的配置与真相源。
+
+Area 与策略由 Bell 持有，Sense 使用带版本的只读投影执行新增/启用准入；投影未知或过期时 fail closed，只阻止新的成像变更，不中断已有链路。
+
+---
+
+## 4. 采纳的真实缺口
+
+### 4.1 对账与运维中心（P0）
+
+- 未收敛项展示期望态/实际态具体差异、重试次数、退避间隔和下次重试时间。
+- 手动动作语义为“提高优先级并重新触发收敛”，不能绕过对账器直接修改实际资源。
+- 展示孤儿资源、占比、10% 安全闸及人工处置提示；不提供绕过安全闸的一键删除。
+- 展示媒体分片、边缘节点、控制隧道、数据面、补传队列和独立运维告警。
+- 明确“控制隧道断开但已有视频数据面仍正常”的组合态。
+
+### 4.2 设备能力来源（P0）
+
+`capabilities` 必须来自探测/适配器结果并保存来源、探测时间与版本，不能由前端名称猜测。详情展示“已探测能力”和“当前生效能力”；重新探测显示新增/消失差异，能力降级时列出受影响的触发、Profile 或空间配置。
+
+US-007 的采购白名单当前仍是版本化测试文档，无产品 UI；运行设备可只读显示“白名单型号/未验证型号”，不把白名单管理升级成 M2 P0 页面。
+
+### 4.3 非视频适配器阶段态（P0）
+
+M1～M5 可登记 radar 等模态以验证信息架构和隐私准入，但实际态必须是 `adapter_not_ready`（用户文案“适配器未就绪 · M6”），不得显示在线/离线或模拟 MQTT 遥测连接，也不计入视频配额。
+
+### 4.4 设备生命周期（P0）
+
+- 待激活作为可筛选状态，支持重新探测、校时、配额/策略复核、激活和逐项失败原因。
+- 认证失败与离线分开；更新凭据只写不读、不回显旧值，更新后显示重试结果。
+- 批量凭据仅允许安全导入逐设备凭据，不提供把同一密码覆盖到多台设备的一键操作。
+- Profile 切换展示对当前观看、推理、区域校准与短暂中断的影响。
+
+### 4.5 写入降级与权限（P0）
+
+- 配额不可读：列表与已有视频可用，新增/启用被阻止。
+- Area 策略投影不可读/过期：只阻止新的成像变更，已有链路保持现状并告警。
+- 只读角色隐藏写操作；越权或资源不存在的深链使用统一安全拒绝态。
+- 原型角色切换器只用于枚举状态，不代表 Sense 拥有账号或权限数据。
+
+### 4.6 措辞与可观察结果（P0）
+
+“暂停推理”统一为：
+
+> 解除推理侧对该路的订阅；有其他观看者时上游继续拉流，无其他 reader 时上游按需停止。
+
+执行结果同时显示推理订阅、reader 数和上游拉流状态，避免实现成推理插件内部直接 `return` 而持续浪费带宽。
+
+---
+
+## 5. 降级或后置的建议
+
+| 原建议 | 最终处理 |
+| --- | --- |
+| Sense 新增“站点与区域”一级导航 | 不采纳；Bell/统一管理端持有管理页，Sense 顶栏只做站点上下文切换 |
+| Sense 新增“审计”一级导航 | 不采纳；保留设备操作记录并深链 Bell 全局审计 |
+| 直接批量覆盖同一设备密码 | 不采纳；仅做逐设备写入或安全文件导入 |
+| M2 提供跨媒体分片迁移 | 后置 M4；本轮只展示分片详情与影响范围 |
+| M2 提供节点升级/重启 | 后置独立高风险运维任务；本轮只展示状态 |
+| 提前为推理绑定、pre-roll、设备型触发创建空页面 | 不采纳；能力模型与运维子导航已保留扩展，不创建无操作价值的占位页 |
+
+---
+
+## 6. 审计接口的独立架构任务
+
+Bell 是全局审计真相源，但 T-004 不修改 `docs/api.md`。后续任务需要冻结 Sense → Bell 审计投递或等价投影契约，至少包含：
+
+- Sense 在执行高风险写操作前，把操作意图与审计 outbox 在本地持久化；不能“先执行后尝试记录”。
+- Bell 不可达时，只要本地 outbox 已持久化，业务操作可继续；恢复后幂等补投。
+- 明确租户/站点范围、事件 ID、操作者、目标、请求结果、重试与保留策略。
+
+此项属于 API/一致性设计，不用原型中的 toast 代替契约。
+
+---
+
+## 7. 本轮实施边界
+
+T-004 重新生成 Sense 原型并补 Bell 管理端入口，同时更新正式 US/IX 和本复核稿。`docs/api.md`、生产代码、事件 v0.1 与真实认证实现不在本任务修改；人工确认前 T-004 继续保持 `DOING`。
diff --git a/docs/raw/12-Sense原型-待办清单.md b/docs/raw/12-Sense原型-待办清单.md
new file mode 100644
index 0000000..2129600
--- /dev/null
+++ b/docs/raw/12-Sense原型-待办清单.md
@@ -0,0 +1,189 @@
+# Sense 原型待办清单（第二轮复核后执行版）
+
+> 来源：《09-Sense原型评审-IX草稿》《10-Sense原型-功能模块缺口》《11-Sense原型-第二轮缺口》
+> 基准：Sense 提交 `e18a1ea`
+> 适用任务：T-004
+> 原则：按产品边界执行，不把 Sense 一级导航扩成 8 项
+
+---
+
+## 1. 状态说明
+
+- `本轮`：T-004 第三轮原型必须完成。
+- `后置`：已确认方向，但不在本轮画完整动作。
+- `独立任务`：写路径或契约不同，不在 T-004 顺带修改。
+- `完成`：当前原型已有，不重复实现。
+
+---
+
+## 2. 最终导航与系统归属
+
+### Sense（五个一级入口）
+
+```text
+运行总览 · 实时监控 · 设备 · 接入任务 · 运维
+```
+
+“运维”内部使用二级 Tab：对账、分片、边缘节点、运维告警、系统状态。移动端底部导航保持五项。
+
+### Bell / 统一管理端
+
+- Tenant / Site / Area 与 `capture_policy` 管理。
+- RBAC 与当前用户授权上下文。
+- 全局审计查询和设备筛选深链。
+- 站点视频配额真相源。
+
+Sense 只消费上述上下文和带版本投影，不复制真相源。
+
+---
+
+## 3. 本轮执行项
+
+### S-01 运维中心与对账队列 · P0 · 本轮
+
+- 总览“待收敛项”可下钻。
+- 展示期望态/实际态差异、重试次数、退避间隔、下次重试时间。
+- “重新触发收敛”只提高任务优先级，不直接绕过对账器修改资源。
+- 展示孤儿资源与 10% 安全闸；安全闸触发时禁止删除并说明人工恢复路径。
+- 分片、边缘节点、运维告警和系统状态作为运维二级页。
+
+验收：能打开某个未收敛项并查看差异；能看到安全闸和下一次重试时间。
+
+### S-02 角色与安全拒绝态 · P0 · 本轮
+
+- 顶栏显示当前用户和角色，提供“站点管理员/只读”原型切换。
+- 只读模式隐藏新增、激活、停用、更新凭据、保存区域等写操作。
+- 越权深链显示统一拒绝态，不泄露资源是否存在。
+- 角色切换只是原型演示，授权真相源仍在 Bell。
+
+### S-03 租户/站点上下文与 Area 归属 · P0 · 本轮
+
+- Sense 顶栏显示当前租户并支持站点切换；切换后示例列表与计数同步更新。
+- Bell 增加站点/Area 管理入口，展示配额来源与 `capture_policy`。
+- 把已有视频设备的 Area 改为 `non_imaging_only` 时，要求先迁移设备、取消修改或进入显式处置流程，不静默停用。
+
+### S-04 全局审计深链 · P1 · 本轮
+
+- Sense 不新增一级审计页。
+- 设备详情“操作记录”增加“在 Bell 查看全部审计”，携带 tenant/site/device 筛选上下文。
+- Bell 审计页消费这些参数并显示来源为 Sense。
+
+### S-05 capabilities 探测与差异 · P0 · 本轮
+
+- 详情显示厂商、型号、固件、认证方式、Profile、校时与 ONVIF 事件订阅能力。
+- 区分已探测能力与当前生效能力，记录上次探测时间。
+- “重新探测”显示新增/消失能力及受影响配置，不自动覆盖。
+- 只读显示采购白名单结果；白名单维护继续使用 M0 文档，不新增管理页。
+
+### S-06 适配器未就绪 · P0 · 本轮
+
+- radar 可登记并进入台账，但实际态为“适配器未就绪 · M6”。
+- 不显示在线/离线、MQTT 实时遥测或测试连接成功。
+- 不计入视频配额，仍参与 `non_imaging_only` 准入判断。
+
+### S-07 待激活闭环 · P0 · 本轮
+
+- 状态筛选包含待激活，列表至少有一条示例。
+- 详情提供重新探测、校时、配额/区域策略复核和激活。
+- 批量激活展示逐项成功/失败及可重试原因。
+
+### S-08 认证失败与凭据更新 · P0 · 本轮
+
+- 认证失败作为独立实际态。
+- 凭据更新只写不读，不回显旧值；更新后自动重试并显示结果。
+- 批量场景仅演示安全文件逐设备导入，不提供同一密码批量覆盖。
+
+### S-09 写入降级态 · P0 · 本轮
+
+- 状态演示新增“配额不可读”和“区域策略不可读”。
+- 两态下实时监控和设备读取保持可用；新增/启用等相关写操作禁用并就地解释。
+- 已有设备不被伪装为停用或已收敛。
+
+### S-10 边缘节点与隧道 · P1 · 本轮
+
+- 展示节点版本、在线时长、承载数、控制隧道、视频数据面和补传队列。
+- 至少演示“隧道断开 / 视频数据面正常”和“恢复后补传”组合态。
+- 节点升级/重启只显示为后置能力，不提供可执行按钮。
+
+### S-11 Profile 切换 · P1 · 本轮
+
+- 展示主/子 Profile 和当前用途。
+- 切换前说明短暂中断、reader、推理和区域待校准影响。
+- 原型不执行真实媒体操作。
+
+### S-12 分片详情 · P1 · 本轮（迁移后置）
+
+- 展示承载设备、实际码率、重连历史与单分片故障影响范围。
+- 标注 32 为可配置建议容量，最终由压测确定。
+- 跨分片迁移动作后置 M4，本轮不提供按钮。
+
+### S-13 批量任务与逐项结果 · P0 · 本轮
+
+- 任务列表、预校验结果、逐行失败原因、单行/失败项重试、错误清单导出。
+- 明确部分成功语义：成功项已经生效，失败项可重试，不做整体回滚。
+
+### S-14 运维告警 · P1 · 本轮
+
+- 展示离线、认证失败、时间漂移、收敛失败、分片异常和隧道断开。
+- 明确运维告警不会进入 Bell 业务预警队列或通知家属。
+- 运维静默/通知配置后置，原型只显示入口归属。
+
+### S-16 时间显示口径 · P1 · 本轮
+
+- 默认显示服务器时间与时区。
+- 相对时间同时提供完整时间戳；设备时间只在漂移语义中出现。
+- 审计和对账示例使用同一口径。
+
+### S-17 当前租户 · P1 · 本轮
+
+- 顶栏显示当前租户；首期私有部署不提供租户切换器。
+- 原型文案说明列表已经按认证上下文的 tenant/site 过滤。
+
+### S-18 暂停推理措辞与结果 · P0 · 本轮
+
+- 文案改为“解除推理侧订阅；无其他 reader 时上游按需停止”。
+- 结果展示推理订阅、reader 数和上游拉流状态。
+
+### S-19 分片容量标注 · P2 · 本轮
+
+- `32` 标注为“当前配置/建议容量”，不是产品硬上限。
+
+---
+
+## 4. 已完成，不重复执行
+
+| 编号 | 状态 | 证据 |
+| --- | --- | --- |
+| S-15 设备分页 | 完成 | 5 条/页、上一页/下一页、页数和总数已实现 |
+| S-20 推理收敛视觉 | 完成 | 已改为绿色“推理配置收敛 16/16” |
+| 第一轮 IX-014～IX-018 | 完成 | 模态/能力、三种停用、隐私准入、几何方向、草稿和深链均已落地 |
+
+---
+
+## 5. 后置与独立任务
+
+| 编号 | 处理 |
+| --- | --- |
+| S-21 Sense → Bell 审计契约 | 独立任务修改 `docs/api.md`；采用本地持久化 transactional outbox + 幂等补投 |
+| S-22 推理绑定运维 | M3 在“运维”内新增二级能力，不预建空页面 |
+| S-23 pre-roll 运维 | M3 需求稳定后新增，不预建空页面 |
+| S-24 设备型触发配置 | M6 随非视频适配器实现，不预建空页面 |
+| 跨媒体分片迁移 | M4 容量/分片任务 |
+| 节点升级/重启 | 独立高风险运维任务，需要权限、回滚和维护窗口 |
+
+---
+
+## 6. 总验收
+
+- [x] Sense 一级导航保持 5 项，移动端不出现第 6 个底部入口。
+- [x] 运维中心可查看未收敛差异、退避、孤儿与安全闸。
+- [x] 只读角色下所有写操作消失，越权深链显示安全拒绝态。
+- [x] radar 显示“适配器未就绪 · M6”，不显示在线或模拟遥测成功。
+- [x] 能力重新探测显示差异，能力降级不自动覆盖依赖配置。
+- [x] 待激活、认证失败、凭据更新和逐项激活结果可演示。
+- [x] 配额/策略不可读时只阻止相关写操作，已有流与读取可用。
+- [x] “暂停推理”展示订阅、reader 和上游拉流结果。
+- [x] Bell 可管理 Site/Area 策略并显式处理已有成像设备。
+- [x] Sense 设备审计深链到 Bell，并保留 tenant/site/device 筛选。
+- [x] 1440×900、375×812、812×375 无页面级横向溢出；主要移动控件不小于 44px。
+- [x] 运行时无异常，`git diff --check` 与 `./init.ps1` 通过。
diff --git a/docs/tasks/T-004.md b/docs/tasks/T-004.md
index d849594..629be52 100644
--- a/docs/tasks/T-004.md
+++ b/docs/tasks/T-004.md
@@ -14,6 +14,8 @@ write_paths:
   - docs/design/sense/index.html
   - docs/design/bell/index.html
   - docs/raw/09-Sense原型评审-IX草稿.md
+  - docs/raw/11-Sense原型-第二轮缺口.md
+  - docs/raw/12-Sense原型-待办清单.md
   - docs/08-interaction-checklist.md
   - docs/07-user-stories.md
   - docs/02-requirements.md
@@ -31,31 +33,32 @@ Sense 与 Bell 尚无可供产品确认的页面结构。生产 UI 开工前，
 
 ## 关联需求与交互（如适用）
 
-- 用户故事：Sense 关联 US-001、US-002、US-008，并为 US-005 提供视频设备空间配置；Bell 关联 US-003～US-006，并拥有 US-005 的业务规则工作流。
-- 交互清单：Sense 关联 IX-001～IX-004、IX-014～IX-018，并提供 IX-010 所需的区域/警戒线几何；Bell 关联 IX-005～IX-013，负责 IX-010～IX-011 的规则继承、试运行和发布。
+- 用户故事：Sense 关联 US-001、US-002、US-008、US-009，并为 US-005 提供视频设备空间配置；Bell 关联 US-003～US-006、US-010，并拥有 US-005 的业务规则工作流及 Tenant/Site/Area/RBAC/配额/全局审计真相。
+- 交互清单：Sense 关联 IX-001～IX-004、IX-014～IX-020，并提供 IX-010 所需的区域/警戒线几何；Bell 关联 IX-005～IX-013、IX-016、IX-020，负责规则继承/试运行/发布、站点与 Area 策略、全局审计。
 - 相关页面 / 路由：原型阶段为 `docs/design/sense/index.html` 与 `docs/design/bell/index.html`，不定义生产路由。
 
 ## 方案
 
 1. 使用统一的 YoVision 深色安防控制台设计系统，Sense 与 Bell 保持品牌、状态色、控件和导航规律一致。
-2. Sense 制作为单页可交互工作台：总览、监控墙、设备、接入任务和系统状态；不设置一级“区域规则”。统一设备台账使用 `modality + capabilities` 决定详情页和操作，M1～M5 完整展示视频设备，非视频设备以雷达原型验证信息架构，实际适配器留到 M6。
+2. Sense 制作为单页可交互工作台：总览、监控墙、设备、接入任务和运维中心，移动端也固定为这 5 个入口；不设置一级“区域规则”或全局管理页。运维中心聚合对账、分片、边缘/隧道、运维告警和系统状态。统一设备台账使用 `modality + capabilities` 决定详情页和操作，M1～M5 完整展示视频设备，非视频设备在 M6 前明确显示 `adapter_not_ready`，不得虚构遥测。
 3. 视频设备在“画面与检测区域”页签完成多边形、方向警戒线、显式完成、方向反转、逐点编辑、会话草稿恢复、乐观并发冲突和待校准反馈；Sense 只保存空间几何并只读显示关联规则，不提供业务规则绑定、时段、持续时间、试运行或正式发布。
-4. Bell 制作为单页可交互值班台：除预警队列、事件证据、ack/处置、升级时间线、误报反馈和升级链外，规则编辑必须选择摄像头与检测区域版本，并负责继承、时段、持续时间、试运行、发布和回滚。
+4. Bell 制作为单页可交互值班台和统一管理端：除预警队列、事件证据、ack/处置、升级时间线、误报反馈和升级链外，规则编辑必须选择摄像头与检测区域版本，并负责继承、时段、持续时间、试运行、发布和回滚；Bell 同时管理 Site/Area/配额/`capture_policy`，策略与已有成像设备冲突时必须显式迁移或取消。
 5. Sense 摄像头详情与 Bell 规则草稿通过可演示的相对深链互相进入，携带摄像头/区域上下文；原型可以跨文件，但生产产品不得要求用户重新查找同一摄像头或丢失未完成草稿。
 6. 两个原型均内联 CSS/JS，使用假数据，不加载真实视频、客户信息、生产地址或外部依赖；顶部固定标注原型用途。
 7. 添加设备时先选择类型，依据能力渐进展示字段；区域的 `capture_policy` 负责隐私准入，视频设备在“仅非成像设备”区域中的新增或启用必须被阻止，策略不可用时对新写入失败关闭。
-8. 完成桌面、窄屏、横屏、键盘焦点、加载/空态/错误切换和 `prefers-reduced-motion` 检查，提交人工评审；产品确认前不把任务标为 `DONE`。
+8. 全局头部展示租户、站点、账号和角色；只读角色隐藏写操作，深链越权不泄露资源是否存在。Sense 设备日志带租户/站点/设备条件跳到 Bell 全局审计并可返回。
+9. 完成桌面、窄屏、横屏、键盘焦点、加载/空态/错误/依赖降级切换和 `prefers-reduced-motion` 检查，提交人工评审；产品确认前不把任务标为 `DONE`。
 
 ## 不可变约束
 
-- 阈值 / 数值边界：默认 16 路视频、单站点视频上限 128 路；非视频设备不占视频路数；单媒体分片建议上限 32 路、最多 4 个分片；静默最长 4 小时；原型不得暗示 128 路同时播放主码流。
+- 阈值 / 数值边界：默认 16 路视频、单站点视频上限 128 路；非视频设备不占视频路数；单媒体分片初始配置建议 `max_streams=32`、当前示例承载 16、最多 4 个分片，最终以压测为准；静默最长 4 小时；原型不得暗示 128 路同时播放主码流。
 - 判定式 / 状态转换：事件事实不可被处置改写；Alert 的首次投递、送达、看到、ack 和升级必须分开展示；检测区域版本与告警规则版本是不同对象；规则正式发布与试运行必须可区分，保存区域不得自动发布规则。
 - 安全边界：不得展示摄像头密码、完整 RTSP/ONVIF 地址、token、真实客户/未成年人数据或人脸入口；破坏性动作须确认。
 - 既有契约：原型不修改事件 v0.1、API、路由和生产技术栈，不作为生产实现代码。
 
 ## 验收要点
 
-- 任务相关验证：两个 HTML 可本地打开、无外部依赖；关键按钮和状态切换可用；Sense 一级导航无“区域规则”，设备列表可按类型筛选/分页，视频详情可编辑检测区域，非视频详情不伪装成媒体流；Bell 可选择摄像头/区域并演示试运行与正式发布；双向深链保留 `camera + zone + return_to`；运行 HTML 结构检查、`git diff --check` 与 `./init.ps1`。
+- 任务相关验证：两个 HTML 可本地打开、无外部依赖；关键按钮和状态切换可用；Sense 一级导航固定 5 项且无“区域规则”，设备列表可按类型/生命周期筛选与分页，视频详情可编辑检测区域，非视频适配器未交付时不伪装在线；运维中心覆盖对账/分片/边缘/运维告警/系统状态；Bell 可选择摄像头/区域并演示试运行与正式发布，且可管理 Site/Area 策略冲突；Sense↔Bell 规则深链保留 `camera + zone + return_to`，审计深链保留 `tenant + site + device + return_to`；运行 HTML 结构检查、`git diff --check` 与 `./init.ps1`。
 - 完整门禁：本任务不修改 schema/API/路由，因此不触发契约与导航实现门禁；若范围变化则先更新任务。
 - 人工 / 设备验收：必需。项目负责人分别打开 Sense 与 Bell 原型，确认页面结构、控件集合和主要工作流；未确认前不得标记 `DONE` 或合并为最终设计。
 - 构建产物：`docs/design/sense/index.html`、`docs/design/bell/index.html`；双击浏览器打开，零构建依赖。
@@ -75,6 +78,15 @@ Sense 与 Bell 尚无可供产品确认的页面结构。生产 UI 开工前，
 
 ## 执行记录
 
+### 2026-08-04 第二轮缺口复核与最终实现
+
+- 复核 `raw/11`、`raw/12` 后保留对账、能力探测、设备生命周期、RBAC、写入降级、边缘隧道与运维告警等真实缺口；纠正“原型无分页”“分片 8 / 32”“雷达已有真实能力”“T-004 只允许 3 个写路径”等过期事实，并把 M4/M6 能力标为后续阶段而非本轮失败。
+- 产品 IA 冻结为 Sense 5 个一级入口：运行总览、实时监控、设备、接入任务、运维中心。Tenant/Site/Area/RBAC/配额/全局审计归 Bell；Sense 仅呈现当前管理上下文并消费版本化配额/Area 策略投影。该决定已同步 US-009/US-010、IX-019/IX-020、正式需求、架构及三份原始分析文档。
+- Sense 按显著改版规则整页重新生成：补齐待激活、认证失败、写入型凭据更新、能力探测来源/时间/生效差异、`adapter_not_ready`、逐项任务结果、暂停推理 reader/upstream 结果、对账差异/退避/孤儿安全闸、16/32 分片注释、边缘隧道/补传、独立运维告警、配额/策略不可用时只禁用相关写入，以及只读/越权状态。
+- Bell 增加 Site/Area 管理、配额/策略投影状态与策略冲突显式迁移/取消；审计页能消费 Sense 的 `tenant + site + device + return_to` 上下文并返回设备详情。跨系统审计实现约定为 Sense 本地事务 outbox + 幂等 relay，但具体 API/签名/重放/留存仍需独立契约任务，本任务不修改 `docs/api/`。
+- Node.js 内联脚本语法、唯一 ID、表单标签、按钮可访问名、Tab 契约和外部资源静态检查通过。Edge Headless/CDP 在 1440×900、375×812、812×375 验证上述关键流程：两页页面级无横向溢出，移动端可见主要控件不小于 44×44px，控制台与运行时均 0 exception；运维中心与 Bell Site/Area 页面截图已人工目检，临时 QA 文件未写入仓库。
+- `./init.ps1` 通过：上下文/治理检查、16 个治理单测全部成功；`git diff --check` 通过。自动化验收已完成，任务继续保持 `DOING`，等待项目负责人打开原型进行必需人工确认；确认前不合并 PR。
+
 ### 2026-08-04 Claude 评审续修立项
 
 - 项目负责人提供 `docs/raw/09-Sense原型评审-IX草稿.md` 并确认按复核后的最终建议继续修改。复核结论为：设备模态、停用收敛、隐私准入、几何编辑、草稿恢复与无障碍问题方向成立，但分片容量来源、页内草稿丢失和双向深链现状等证据需纠正。