docs: 全面更新——README/API/DEVELOPMENT 摘除 STF 章节（设备池/型号/看屏/新端点文档，技术红线改为共享 transport 表述）

README.md

@@ -1,8 +1,8 @@
 # 设备自动化后台（platform-tools）
 
-基于 **STF（Smartphone Test Farm）+ uiautomator2 + Flask** 的 Android 多设备自动化任务执行平台。
+基于 **uiautomator2 + Flask + 自建设备池** 的 Android 多设备自动化任务执行平台（已摘除 OpenSTF 依赖）。
 
-提供 Web 管理后台，支持多设备并发任务执行、定时调度、设备分组管理、APK 批量安装、UI 元素抓取等功能。内置抖音养号任务和通用步骤任务，可扩展任意 App 的自动化操作。
+提供 Web 管理后台，支持多设备并发任务执行、定时调度、设备分组管理、设备池管理（新增/停用/删除/型号采集）、APK 批量安装、网页远程看屏（MJPEG 实时流 + 触控）、UI 元素抓取等功能。内置抖音养号任务和通用步骤任务，可扩展任意 App 的自动化操作。
 
 ---
 
@@ -26,9 +26,9 @@
 ### 环境要求
 
 - **Python 3.10+**（推荐 3.12）
-- **OpenSTF 服务**：已部署并运行，设备已接入 STF
 - **Windows / Linux / macOS**均可（adb 二进制需放对应平台版本到 `bin/adb/`）
-- 设备需开启 **USB 调试**或通过 **adb 网络连接**（IP:5555）接入
+- 设备需开启 **USB 调试**（USB 连上后 `adb tcpip 5555` 转网络调试），并加入 Tailscale 获得 `100.100.10.x` IP
+- 新增设备在后台「工具 → 设备池管理」添加 `IP:5555`（自动连接，任务运行时 u2 自动推送 atx-agent）
 
 ### 三步启动
 
@@ -36,8 +36,8 @@
 # 1. 安装依赖
 pip install -r requirements.txt
 
-# 2. 修改配置（STF 地址、token、adb 路径等）
+# 2. 修改配置（可选）：USB 设备在 220 上时配置 USB_ADB_HOST/PORT（默认 100.100.10.1:5037 已可用）
-#    编辑 config.py 中的 STF_URL 和 STF_TOKEN
+#    密钥类配置放 .env（WEB_SECRET_KEY / TAILSCALE_API_KEY）
 
 # 3. 启动 Web 后台
 python web_server.py
@@ -59,11 +59,12 @@ python web_server.py
 ### 首次使用流程
 
 1. **登录后台** → 用 `admin/admin123` 登录，建议立即修改密码
-2. **查看设备** → 首页"监控"Tab 自动展示 STF 设备池状态
+2. **添加设备** → "工具 → 设备池管理"添加设备（serial 形如 `100.100.10.20:5555`，自动连接并采集型号）
-3. **创建分组**（可选）→ "分组"Tab 按批次/项目给设备分组
+3. **查看设备** → 首页"监控"Tab 展示设备池状态（在线/型号/任务）
-4. **创建任务** → "任务"Tab 新建任务，选择任务类型、目标设备、参数、调度
+4. **创建分组**（可选）→ "分组"Tab 按批次/项目给设备分组
-5. **执行任务** → 任务列表点"立即执行"，或在"监控"Tab 勾选设备批量操作
+5. **创建任务** → "任务"Tab 新建任务，选择任务类型、目标设备、参数、调度
-6. **查看日志** → "日志"Tab 实时查看运行日志
+6. **执行任务** → 任务列表点"立即执行"，或在"监控"Tab 勾选设备批量操作（亮屏/息屏/停止）
+7. **查看日志** → "日志"Tab 实时查看运行日志
 
 ---
 
@@ -77,16 +78,15 @@ platform-tools/
 │
 ├── core/                        # 核心基础设施层
 │   ├── logger.py                #   统一日志（分文件、10MB 滚动）
-│   ├── stf_client.py            #   STF REST API 封装（占用/释放/远程连接）
+│   ├── device_pool.py           #   设备池（SQLite 清单 + adb 在线状态 + 型号采集）
 │   ├── adb_helper.py            #   adb 命令封装（全局锁，绝不 kill-server）
-│   ├── device_worker.py         #   BaseWorker 基类 + STFDevice + 心跳看门狗
+│   ├── device_worker.py         #   BaseWorker 基类 + 设备生命周期 + 心跳看门狗
 │   ├── task_manager.py          #   TaskManager 调度器 + 前台App扫描器
 │   ├── u2_helper.py             #   uiautomator2 通用辅助函数
 │   ├── uiauto_helper.py         #   uiautodev 元素抓取客户端
 │   ├── apk_manager.py           #   APK 上传/解析/批量安装
 │   ├── ocr.py                   #   屏幕 OCR（RapidOCR，条件判断 OCR 选择器）
-│   ├── ssh_client.py            #   SSH 统一执行（paramiko 纯密码 / 免密密钥）
+│   ├── ssh_client.py            #   SSH 统一执行（paramiko 纯密码 / 免密密钥，预留运维用）
-│   ├── stf_device_mgmt.py       #   STF 设备池管理（读写 220 脚本 + adb connect/disconnect）
 │   ├── tailscale_client.py      #   Tailscale API v2 客户端
 │   ├── models.py                #   SQLAlchemy 数据模型 + 数据库初始化
 │   └── actions/                 #   全局 Action 框架
@@ -99,7 +99,7 @@ platform-tools/
 │       └── task.py              #     步骤执行引擎（open_app/click/swipe/if_el...）
 │
 ├── templates/admin/             # 前端页面
-│   ├── monitor.html             #   单页应用（监控/任务/分组/日志/用户/维护/工具）
+│   ├── monitor.html             #   单页应用（监控/任务/分组/日志/用户/工具）
 │   └── login.html               #   登录页
 │
 ├── static/admin/                # 前端 JS 模块（monitor.html 按依赖顺序加载）
@@ -108,10 +108,12 @@ platform-tools/
 │   ├── monitor.js               #   监控页（设备表/截图/异常汇总）
 │   ├── editor.js                #   步骤编辑器（拖拽/条件判断/元素抓取）
 │   ├── tasks.js                 #   任务 Tab + 自定义动作
-│   ├── tools.js                 #   工具 Tab（剪贴板/应用版本/STF设备/adb终端/Tailscale）
+│   ├── tools.js                 #   工具 Tab（剪贴板/设备池管理/adb终端/Tailscale/远程看屏）
 │   ├── apps.js                  #   工具 Tab-应用管理（APK/设备已装应用）
 │   ├── admin.js                 #   管理 Tab（分组/日志/用户）+ 初始化
-│   └── custom.css               # 自定义样式
+├── static/fonts/              # 自托管字体（Bricolage Grotesque + IBM Plex Mono）
+│
+├── data/
 │
 ├── data/                        # 运行时数据
 │   ├── users.db                 #   SQLite（用户/分组/任务/自定义动作/APK记录）
@@ -140,26 +142,24 @@ platform-tools/
 ### 设备生命周期
 
 ```
-STF occupy（占用设备）
+设备池选定设备（TaskManager._running 内存锁保证互斥）
     ↓
-STF remoteConnect（建立远程 ADB 隧道）
+IP:5555 → adb connect 直连；USB（serial 无冒号）→ 本机 adb 或 220 远程 adb server
-    ↓
-adb connect（连接远程设备）
     ↓
 u2.connect（连接 uiautomator2，自动推送 atx-agent）
     ↓
 Worker.run_task（执行业务逻辑）
     ↓
-adb disconnect + STF release（释放设备）
+释放（不 disconnect，遵守共享 adb transport 红线）
 ```
 
-> 直连模式：当设备 serial 为 `IP:5555` 格式时，直接 adb connect，不走 STF 桥接，更稳定。
+> 单实例部署下互斥由调度器内存锁保证；多实例场景可扩展 SQLite 行锁（见 doc/STF_REMOVAL.md 阶段 4）。
 
 ### Worker — 单设备执行线程
 
 每台设备对应一个 `Worker` 线程，继承 `BaseWorker`（`core/device_worker.py`）。基类已封装：
 
-- STF 设备占用/释放（try/finally 保证释放）
+- 设备获取（IP:5555 直连 / USB 远程 adb server，try/finally 保证释放）
 - adb 连接 + u2.connect（带 30 秒超时保护）
 - 状态上报（实时推送到前端监控大屏）
 - 异常捕获（设备离线不重试，其他异常按策略重试）
@@ -225,21 +225,17 @@ self.set_progress(done=5, total=80, unit="视频",
 
 | 配置项 | 默认值 | 说明 |
 |-------|--------|------|
-| `STF_URL` | `http://192.168.20.220:7100` | OpenSTF 服务地址 |
-| `STF_TOKEN` | （.env 配置） | STF API Token，在 STF 个人设置里生成（密钥类配置统一放 `.env`） |
 | `ADB_PATH` | 自动识别 | adb 二进制路径，自动区分 Windows/Linux |
 | `WEB_HOST` | `0.0.0.0` | Web 监听地址（0.0.0.0 支持局域网访问） |
 | `WEB_PORT` | `18050` | Web 端口（避开 Windows 动态端口范围） |
 | `DATA_DIR` | `data/` | 持久化数据目录 |
 | `APK_DIR` | `data/apks/` | APK 文件存储目录 |
-| `STF_SSH_TARGET` | `[email protected]` | 维护页重启 STF / STF 设备管理的 SSH 目标（需免密） |
+| `USB_ADB_HOST` | `100.100.10.1` | USB 设备所在部署机（220）的 Tailscale IP（USB 设备远程 adb server） |
-| `STF_DOCKER_CONTAINER` | `stf` | 220 上 STF Docker 容器名 |
+| `USB_ADB_PORT` | `5037` | 220 adb 容器监听端口（host 网络模式） |
-| `STF_ADB_CONTAINER` | `adb` | 220 上 adb Docker 容器名（STF 设备管理执行 adb 用） |
-| `STF_SCRIPT_PATH` | `/mnt/data/openstf/connect_devices.sh` | STF 设备池脚本路径（DEVICES 列表由此维护） |
 | `TAILSCALE_API_KEY` | （.env 配置） | Tailscale 管理 API key（Settings → API Access Tokens） |
 | `TAILSCALE_TAILNET` | 按邮箱前缀 | tailnet 名/ID |
 
-**必须修改的配置**：`.env` 里的 `STF_TOKEN`（密钥类统一放 `.env`，不入 git）；`STF_URL` 在 `config.py`。
+**必须修改的配置**：`.env` 里的 `WEB_SECRET_KEY`（会话密钥，不入 git）；其余均为可选（默认值开箱即用）。
 
 ---
 
@@ -247,17 +243,16 @@ self.set_progress(done=5, total=80, unit="视频",
 
 ### 页面结构
 
-单页应用（`templates/admin/monitor.html`），7 个 Tab；任务/工具 Tab 内部再有页内子分栏：
+单页应用（`templates/admin/monitor.html`），6 个 Tab；任务/工具 Tab 内部再有页内子分栏：
 
 | Tab | 功能 | 可见性 |
 |-----|------|--------|
-| 监控 | 设备状态大屏：在线/离线、运行任务、当前动作、进度条、前台 App、截图、停止 | 所有登录用户（设备操作按钮需"设备控制"权限） |
+| 监控 | 设备状态大屏：在线/离线、型号、运行任务、当前动作、进度条、前台 App、截图、勾选批量操作（亮屏/息屏/停止） | 所有登录用户（设备操作按钮需"设备控制"权限） |
 | 任务 | 子分栏：任务计划（CRUD/启用停用/立即执行/下次运行时间/**离线设备自动跳过**）、自定义动作（打包复用） | 所有登录用户可看，写操作需"任务管理"权限 |
 | 分组 | 设备分组管理：创建/编辑/删除分组 | 所有登录用户可看，写操作需"任务管理"权限 |
 | 日志 | 实时日志查看：按模块切换（core/task/web/action） | 需"日志查看"权限 |
 | 用户 | 用户管理：创建/删除/修改密码/分配权限 | 仅管理员 |
-| 维护 | STF 服务：一键重启容器 | 仅管理员 |
+| 工具 | 子分栏：剪贴板注入、adb 远程终端（快捷命令/自动 `-s`）、**设备池管理**（新增/停用/删除/一键重连/型号采集）、**远程看屏**（MJPEG 实时流 + 点击/滑动/按键/文字）、Tailscale 管理（改名/授权/密钥不过期/设置IP/auth key）、应用管理（APK 上传安装）、应用版本管理（按包名查所有设备版本）、设备已装应用 | 仅管理员 |
-| 工具 | 子分栏：剪贴板注入、adb 远程终端（快捷命令/自动 `-s`/卸载 STF agent）、Tailscale 管理（改名/授权/密钥不过期/设置IP/auth key）、应用管理（APK 上传安装）、应用版本管理（按包名查所有设备版本）、设备已装应用、STF 设备管理（读写 220 脚本维护设备池） | 仅管理员 |
 
 任务/工具 Tab 的子分栏会记住上次选中的位置；无权限的 tab 和按钮自动隐藏。
 
@@ -284,10 +279,9 @@ self.set_progress(done=5, total=80, unit="视频",
 
 | 设备状态 | 处理方式 |
 |---------|---------|
-| worker 运行中 | 复用已有 ADB 连接查询 |
+| worker 运行中（IP:5555） | 复用已有 ADB 连接查询 |
-| 自己占用 | 通过 STF remoteConnect 隧道查询（不 occupy/release） |
+| worker 运行中（USB） | 经 220 远程 adb server 查询 |
-| 完全空闲 | 返回"空闲"（不主动 adb connect，避免 STF 误判离线） |
+| 完全空闲 | 返回"空闲"（不主动 connect，避免扰动共享 adb transport） |
-| 他人占用 | 标记"(他人占用)" |
 
 ### 截图功能
 
@@ -357,7 +351,7 @@ self.set_progress(done=5, total=80, unit="视频",
 
 | 文件 | 模块前缀 | 内容 |
 |------|---------|------|
-| `logs/core.log` | `core.*` | STF/adb/worker/task_manager 核心程序 |
+| `logs/core.log` | `core.*` | adb/worker/task_manager/设备池 核心程序 |
 | `logs/task.log` | `task.*` | 任务执行（worker 业务逻辑） |
 | `logs/web.log` | `web.*` | Web 请求/管理 |
 | `logs/action.log` | `action.*` | 操作执行（点赞/评论等） |
@@ -396,14 +390,13 @@ netsh interface ipv4 show excludedportrange protocol=tcp
 
 修改 `config.py` 中的 `WEB_PORT` 到一个不在排除范围内的端口。
 
-### STF 设备显示离线但实际在线
+### 设备显示离线
 
-STF 状态有缓存，`present=True` 不代表设备真在线。用"扫描前台App"按钮复测，或直接尝试执行任务。
+先确认本机 `adb devices` 能看到设备（工具 → 设备池管理 → 一键重连）；看不到则检查 Tailscale 是否在线、设备是否加入了正确的 tailnet（平台与设备必须在同一 tailnet）。
 
-### 设备一直被占用无法释放
+### 新增设备后任务不调度它
 
-监控页点"**强制释放占用**"按钮释放当前账户占用的所有设备；
+新设备需在「工具 → 设备池管理」添加（serial 为 `IP:5555`），仅连上 adb 不会进入设备池。添加后自动连接并采集型号，下一轮任务即可调度。
-无人值守场景可在 `.env` 设置 `AUTO_RELEASE_STALE_OCCUPY=true`（单实例）启动自动清理。
 
 ### u2.connect 卡死
 
@@ -442,7 +435,8 @@ finally:
 | [doc/DEVELOPMENT.md](doc/DEVELOPMENT.md) | **开发手册**：开发流程、git 工作流、技术红线、环境、本地开发 |
 | [doc/TASK_DEV.md](doc/TASK_DEV.md) | 任务开发指南（新增 App 任务的完整模板和规范） |
 | [doc/ARCHITECTURE.md](doc/ARCHITECTURE.md) | 架构详解（分层设计、数据流、关键设计决策） |
-| [doc/DEPLOY.md](doc/DEPLOY.md) | 部署指南（环境准备、STF 配置、生产部署） |
+| [doc/DEPLOY.md](doc/DEPLOY.md) | 部署指南（环境准备、设备池配置、生产部署） |
+| [doc/STF_REMOVAL.md](doc/STF_REMOVAL.md) | STF 摘除迁移记录（阶段 0-3 已完成，含多实例锁方案） |
 | [doc/API.md](doc/API.md) | API 接口文档（全部 HTTP 接口说明） |
 
 > **注意**：所有 git 操作（含 push 到 dev）都需负责人确认后才能执行，详见开发手册。修改 `core/`、`tasks/`、`templates/` 后需重启服务/强刷浏览器才生效。
@@ -459,4 +453,4 @@ finally:
 | uiautomator2 | Android UI 自动化 |
 | uiautodev | UI 元素抓取（步骤编辑器"抓取元素"） |
 | pyaxmlparser | APK 元信息解析 |
-| OpenSTF | 设备农场管理（占用/释放/远程 ADB） |
+| 自建设备池 | 设备清单/在线状态/型号（SQLite + adb） |

doc/API.md

@@ -343,7 +343,7 @@
 
 （权限：设备控制）
 
-释放当前账户占用的所有 STF 设备（清理用）。
+（已随 STF 摘除移除，此接口不再存在；设备互斥由调度器内存锁保证）
 
 **响应**：
 ```json
@@ -557,7 +557,7 @@
 
 ### GET /api/apks/install/devices
 
-可安装设备列表：STF 在线设备池 + 本机 adb 设备（**含 USB 有线连接**，serial 无冒号标记 `usb`）。
+可安装设备列表：设备池在线设备（标记 `pool`）+ 本机 adb 设备（**含 USB 有线连接**，serial 无冒号标记 `usb`）。
 安装弹窗用此列表，USB 设备安装时跳过 adb connect 直接安装。
 
 **响应**：
@@ -598,26 +598,81 @@
 ## 13. 维护 / 工具（仅管理员）
 
 以下接口都**仅管理员可用**（普通用户即使有业务权限也访问不了，返回 403）。
-维护页现仅含 STF 服务管理；adb 终端、Tailscale 管理、应用管理、STF 设备管理等
+设备池管理、远程看屏、adb 终端等集中在"工具"页（页内子分栏）。
-已集中到"工具"页（页内子分栏），API 不变。
 
-### POST /api/stf/restart
+### GET /api/devices/pool
 
-一键重启 STF Docker 容器。通过 SSH 到部署机执行 `docker restart`，随后轮询 STF API 确认恢复。
+设备池清单（SQLite devices 表），含实时在线状态。**权限**：`devices`。
-
-- 目标与容器名：`STF_SSH_TARGET`（默认 `[email protected]`）、`STF_DOCKER_CONTAINER`（默认 `stf`）环境变量配置
-- 前置条件：本机可免密 SSH 到部署机
-- **有任务在运行时返回 409 拒绝执行**（STF 重启会重置设备占用状态）
-- 失败返回 502（SSH 不可达/容器名错误）；执行超时返回 408
 
 **响应**：
 ```json
-{"ok": true, "msg": "STF 容器已重启", "detail": "stf: Up 3 seconds", "api_alive": true}
+{"ok": true, "devices": [
+  {"serial": "100.100.10.20:5555", "name": "", "model": "22120RN86C",
+   "enabled": true, "online": true, "note": "", "created_at": "2026-08-17 11:10"}
+]}
 ```
 
+### POST /api/devices/pool/add
+
+添加/更新设备（upsert）。**权限**：`devices`。
+**请求**（JSON）：`{"serial": "100.100.10.20:5555", "name": "备注", "note": ""}`
+IP:5555 设备添加后立即尝试 adb connect，并后台采集型号（getprop ro.product.model）。
+
+### POST /api/devices/pool/toggle
+
+启用/停用设备（停用后不参与任务调度）。**权限**：`devices`。
+**请求**（JSON）：`{"serial": "...", "enabled": false}`
+
+### POST /api/devices/pool/remove
+
+从设备池删除（不再参与调度，不影响设备本身）。**权限**：`devices`。
+**请求**（JSON）：`{"serial": "..."}`
+
+### POST /api/devices/pool/reconnect
+
+一键重连：并发 adb connect 池内全部 IP:5555 设备（后台执行），完成后自动批量刷新型号。**权限**：`devices`。
+
+### POST /api/devices/pool/refresh_models
+
+批量采集池内在线设备的型号（后台执行）。**权限**：`devices`。
+
+### GET /api/screen/stream
+
+远程看屏：MJPEG 实时画面流（`multipart/x-mixed-replace`）。**权限**：`devices`。
+
+`?serial=xxx` 指定设备；浏览器 `<img src>` 直接渲染，客户端断开自动停止。数据源 u2（atx-agent minicap，约 3-6 帧/秒）。
+
+### POST /api/screen/tap
+
+点击设备屏幕。**权限**：`devices`。
+**请求**（JSON）：`{"serial": "...", "x": 360, "y": 800}`（设备原生分辨率坐标）
+
+### POST /api/screen/swipe
+
+滑动。**请求**（JSON）：`{"serial": "...", "x1": 360, "y1": 1200, "x2": 360, "y2": 600, "duration": 0.2}`
+
+### POST /api/screen/key
+
+按键。**请求**（JSON）：`{"serial": "...", "key": "back"}`。
+支持：back/home/recent/menu/power/volume_up/volume_down/enter/delete/search/camera
+
+### POST /api/screen/text
+
+输入文字（需焦点在输入框）。**请求**（JSON）：`{"serial": "...", "text": "你好"}`
+
+### POST /api/device/screen_all
+
+批量亮屏/息屏（并发）。**权限**：`devices`。
+
+**请求**（JSON）：
+```json
+{"mode": "on", "serials": ["100.100.10.11:5555"]}
+```
+`serials` 可选：指定设备（离线自动过滤）；不带则作用于全部在线设备。息屏会中断运行中的任务，前端有确认提示。
+
 ### GET /api/adb/devices
 
-维护终端设备列表：本地 adb 已连接（含 offline）+ STF 在线设备池（标记 `stf`）。
+维护终端设备列表：本地 adb 已连接（含 offline）+ 设备池已配置设备（标记 `pool`）。
 供终端设备选择器使用——选中后前端自动附加 `-s <serial>`。
 
 **响应**：
@@ -639,7 +694,7 @@ adb 远程终端：用平台 adb 二进制执行任意 adb 命令（20s 超时
 ```
 （开头的 `adb` 前缀可省略）
 
-**安全红线**：包含 `kill-server` / `disconnect` 的命令直接拒绝（400）——会断开 STF provider 共享的 adb transport，导致全部设备被 STF 误判离线。
+**安全红线**：包含 `kill-server` / `disconnect` 的命令直接拒绝（400）——会断开共享的 adb transport，导致全部设备连接重建。
 
 **响应**：
 ```json
@@ -653,7 +708,7 @@ adb 远程终端：用平台 adb 二进制执行任意 adb 命令（20s 超时
 ### POST /api/steps/test
 
 在指定设备上单步试执行（步骤编辑器"测试此步骤"按钮），验证选择器是否命中。
-只读连接（adb connect + u2），不占用/释放 STF，与运行中任务互不干扰。
+只读连接（adb connect + u2），与运行中任务互不干扰。
 
 **请求**（JSON）：
 ```json
@@ -721,7 +776,7 @@ adb 远程终端：用平台 adb 二进制执行任意 adb 命令（20s 超时
 {"ipv4": "100.100.10.16"}
 ```
 
-⚠ 改 IP 会断开设备当前 tailscale 会话；平台设备池 serial 随之变化，需同步更新 STF 设备池/分组/任务目标。
+⚠ 改 IP 会断开设备当前 tailscale 会话；平台设备池 serial 随之变化，需同步更新设备池/分组/任务目标。
 
 ### DELETE /api/tailscale/devices/:device_id
 
@@ -746,7 +801,7 @@ adb 远程终端：用平台 adb 二进制执行任意 adb 命令（20s 超时
 
 ## 16. 工具（仅管理员）
 
-工具页（剪贴板注入 / 应用版本管理 / STF 设备管理）接口，均仅管理员可用。
+工具页（剪贴板注入 / 应用版本管理 / 设备池管理）接口，均仅管理员可用。
 
 ### POST /api/tools/clipboard/set
 
@@ -756,7 +811,7 @@ adb 远程终端：用平台 adb 二进制执行任意 adb 命令（20s 超时
 ```json
 {"serials": ["100.100.10.11:5555", "0123456789ABCDEF"], "text": "要注入的文字"}
 ```
-设备来源与维护终端一致（本地 adb 含 USB + STF 池）。
+设备来源与维护终端一致（本地 adb 含 USB + 设备池）。
 实现：u2 `jsonrpc.setClipboard`（实测 `cmd clipboard` 在 MIUI 上不存在），支持中文/引号/换行；
 IP 设备先 adb connect（已连接跳过，绝不 disconnect），USB 设备首次自动推送 atx-agent。
 
@@ -781,33 +836,3 @@ IP 设备先 adb connect（已连接跳过，绝不 disconnect），USB 设备
  "results": {"100.100.10.11:5555": {"installed": true, "version_name": "28.5.0", "version_code": "280500"}}}
 ```
 未安装返回 `installed: false`；查询失败的设备带 `error` 字段。
-
-### GET /api/stf/devmgmt/status
-
-STF 设备管理状态：connect_devices.sh 脚本配置的 IP 列表 + 220 上 adb 实际连接状态。
-
-**响应**：
-```json
-{"ok": true,
- "configured": ["100.100.10.10", "100.100.10.11"],
- "connected": [{"serial": "100.100.10.10:5555", "state": "device"}]}
-```
-
-### POST /api/stf/devmgmt/add
-
-添加设备：写入 220 上 `connect_devices.sh` 的 DEVICES 列表 + 立即 `docker exec adb adb connect`。
-设备不可达时 connect 会 15 秒超时兜底（220 侧 `timeout`），但仍保留在脚本中，cron 每 5 分钟自动重试。
-
-**请求**（JSON）：`{"ip": "100.100.10.20"}`（可带 `:5555`，自动归一化）
-
-**响应**：
-```json
-{"ok": true, "msgs": ["已写入脚本 /mnt/data/openstf/connect_devices.sh", "连接超时（设备当前不可达），已保留在脚本中，cron 会每 5 分钟自动重试"]}
-```
-
-### POST /api/stf/devmgmt/remove
-
-移除设备：从脚本 DEVICES 删除 + `adb disconnect`（设备从 STF 池下线，任务不再分配）。
-注意：断开的是 220（STF provider 侧）的 adb 连接，与本机任务直连的 adb 相互独立。
-
-**请求**（JSON）：`{"ip": "100.100.10.20"}`

doc/DEVELOPMENT.md

@@ -13,7 +13,7 @@
 | `dev` | **开发分支**，所有新功能/修复都在这里开发 |
 | `main` | **生产分支**（主分支），只放已确认的稳定版本 |
 
-生产环境 = STF 主机 `192.168.20.220` 的 `/mnt/data/openstf/auto_control`（python-app 容器运行 `web_server.py`）。
+生产环境 = 部署机 `192.168.20.220` 的 `/mnt/data/openstf/auto_control`（python-app 容器运行 `web_server.py`）。
 
 ### 1.2 git 操作铁律（重要）
 
@@ -42,47 +42,49 @@
 | 环境 | 位置 | 说明 |
 |------|------|------|
 | 开发机 | 本机（192.168.20.57） | `.venv` + 本地运行 `web_server.py` |
-| 生产机 | STF 主机 220 的 `auto_control` | python-app 容器，`network_mode: host` |
+| 生产机 | 部署机 220 的 `auto_control` | python-app 容器，`network_mode: host` |
-| STF 服务 | `192.168.20.220:7100` | 设备农场（REST API） |
+| STF 服务 | ~~`192.168.20.220:7100`~~ | 已停用（2026-08-18 `docker stop stf`，代码已摘除依赖） |
-| 设备 | Tailscale `100.100.10.x:5555` | 5 台 Xiaomi，本机 `100.100.10.2` 在 tailnet 内 |
+| adb 容器 | 220 上 `adb`（host 网络 5037） | USB 设备远程 adb server；网络设备补连用 |
+| 设备 | Tailscale `100.100.10.x:5555` | Xiaomi 舰队，本机 `100.100.10.2` 在 tailnet 内 |
 | uiautodev | 本机 `20242` | 元素抓取服务（web_server 自动拉起） |
 
 ### 2.1 adb key（关键）
 
-- 本机 `~/.android/adbkey` 已换成 **STF adb 容器的 key**（5 台设备都信任）
+- 本机 `~/.android/adbkey` 沿用历史 key（原取自 STF adb 容器，全部设备都信任）
 - **不要随意更换 key**——设备会变 unauthorized 连不上
 - 旧 key 备份在 `~/.android/adbkey.local.bak`
 - 生产环境的容器也需要用这把 key（部署时处理）
 
 ### 2.2 设备连接方式
 
-- 设备 serial 是 `IP:5555`（Tailscale 地址），**直连**优先
+- 设备 serial 是 `IP:5555`（Tailscale 地址），**直连**优先（只 connect、绝不 disconnect）
-- STF 桥接（remoteConnect）在此环境**不可用**（隧道 adb key 认证失败，显示 unauthorized）
+- USB 设备（serial 无冒号）：插本机走本地 adb；插 220 走远程 adb server（`USB_ADB_HOST:5037`）
 - 本机已在 tailnet 内，直连可靠且快（<1s）
+- 设备加入/退出平台：工具 → 设备池管理（SQLite 清单，自动连接 + 型号采集）
 
 ---
 
-## 3. 技术红线（开发限制）—— 违反会打断 STF，需人工恢复
+## 3. 技术红线（开发限制）—— 违反会打断共享 adb transport，需人工恢复
 
-这些是踩过坑后总结的，**任何修改都不能引入**。违反任何一条都会导致设备被 STF 误判离线、需人工处理：
+这些是踩过坑后总结的，**任何修改都不能引入**。违反任何一条都会导致设备连接被全部重建（历史原因：STF provider 共享同一 adb transport，摘除 STF 后仍保留此约束）：
 
 1. **绝不 `adb kill-server`**
-   - 会断开所有设备的 adb transport，STF 对全网设备误判离线并触发重连
+   - 会断开所有设备的 adb transport，全部设备连接被重建，运行中任务中断
    - 见 `core/adb_helper.py`
 
 2. **绝不对 `IP:5555` 设备 `adb disconnect`**
-   - STF provider 共享该地址的 adb transport，disconnect 会断 STF
+   - 该地址的 adb transport 是共享的（历史与 STF provider 共用），disconnect 会断掉全部相关连接
    - 直连模式下 `release()` 不 disconnect
    - 见 `core/device_worker.py` `STFDevice.release()`
 
 3. **空闲设备扫描不主动 connect/disconnect**
-   - STF provider 内部通过 IP:5555 维持连接，外部 connect/disconnect 会让 STF 误判离线
+   - IP:5555 的 transport 由多方共享（历史与 STF provider 共用），外部 connect/disconnect 会扰动共享连接
    - `_ForegroundScanner._scan_free` 对空闲设备直接返回"空闲"，不碰 adb
    - 见 `core/task_manager.py`
 
-4. **adb key 保持为 STF 容器的 key**（见 2.1）
+4. **adb key 保持历史 key 不变**（见 2.1，设备信任该 key）
 
-5. **直连优先，不引入 STF 桥接**（见 2.2）
+5. **直连优先，不引入第三方桥接**（见 2.2）
 
 ### 3.1 其他开发限制
 
@@ -92,7 +94,7 @@
 - **数据库是 SQLite**（`data/users.db`，WAL 模式）：运行时数据不提交 git
 - **前端 JS 在 `static/admin/monitor.js`**（已从 HTML 拆分），HTML 里用 `<script src>` 引用
 - **监控页/大列表已加分页**：100 台设备也只渲染 10 行/页，不要移除分页逻辑
-- **任务批量触发已错峰**（`_START_STAGGER_SEC`）：避免大量设备同时启动造成 adb/STF 风暴，不要移除
+- **任务批量触发已错峰**（`_START_STAGGER_SEC`）：避免大量设备同时启动造成 adb 连接风暴，不要移除
 
 ---
 

static/admin/base.js

@@ -87,15 +87,17 @@ function showTab(name){
   _activeTab=name;
   document.querySelectorAll('.tab-panel').forEach(p=>p.classList.remove('active'));
   document.querySelectorAll('.navbar .tab').forEach(t=>t.classList.remove('active'));
-  document.getElementById('tab-'+name).classList.add('active');
+  const panel=document.getElementById('tab-'+name);
-  document.querySelectorAll('.navbar .tab')[['monitor','tasks','groups','logs','users','maintenance','tools'].indexOf(name)].classList.add('active');
+  if(panel)panel.classList.add('active');
+  const btn=document.querySelector('.navbar .tab[data-tab="'+name+'"]');
+  if(btn)btn.classList.add('active');
   // 停止所有定时器
   if(_monitorTimer){clearInterval(_monitorTimer);_monitorTimer=null;}
   if(_logTimer){clearInterval(_logTimer);_logTimer=null;}
   // 按需加载数据
   if(name==='monitor'){loadMonitor();_monitorTimer=setInterval(loadMonitor,5000);}
   if(name==='tasks'){showSubTab('tasks',_activeSubs.tasks);loadTasks();loadCustomActions();}
-  if(name==='tools'){showSubTab('tools',_activeSubs.tools);loadToolsDevices();loadAdbDevices();loadTailscaleDevices();loadApks();loadStfDevMgmt();}
+  if(name==='tools'){showSubTab('tools',_activeSubs.tools);loadToolsDevices();loadAdbDevices();loadTailscaleDevices();loadApks();}
   if(name==='groups')loadGroups();
   if(name==='logs'){loadLogs();if(document.getElementById('log-auto').checked)_logTimer=setInterval(loadLogs,3000);}
   if(name==='users')loadUsers();

static/admin/monitor.js

@@ -94,9 +94,13 @@ async function stopLocate(serial){
 }
 
 // 批量亮屏/息屏所有在线设备（息屏会中断运行中任务，前端已确认）
+// 亮屏/息屏：优先作用于勾选设备；未勾选则作用于全部在线设备
 async function screenAllDevices(mode){
-  if(mode==='off'&&!confirm('确定让所有在线设备息屏？\n\n运行中的任务会因屏幕熄灭而中断，请谨慎操作。'))return;
+  const label=(mode==='on'?'亮屏':'息屏');
-  const r=await apiPost('/api/device/screen_all',{mode:mode});
+  const selected=Array.from(_selectedSerials);
+  const target=selected.length?('选中设备 '+selected.length+' 台'):'全部在线设备';
+  if(!confirm(label+'：将作用于'+target+'。\n\n'+(mode==='off'?'息屏会中断运行中的任务（u2 无法操作），':'')+'确认继续吗？'))return;
+  const r=await apiPost('/api/device/screen_all',{mode:mode,serials:selected.length?selected:undefined});
   if(!r)return;
   if(r.ok)showToast((mode==='off'?'已息屏':'已亮屏')+' '+r.success+'/'+r.total+' 台设备','success');
   else showToast(r.error||'操作失败','error');
@@ -298,7 +302,8 @@ function renderDevices(){
   // 5秒自动刷新时若设备数据/分页/搜索/排序/定位状态都没变化，跳过整表重渲染（避免DOM抖动）
   const _st=_lp('devices');
   const _sig=JSON.stringify({d:_statusData.devices,p:_st.page,k:_st.kw,s:_st.sort,
-                             l:[..._locatingSerials].sort().join(',')});
+                             l:[..._locatingSerials].sort().join(','),
+                             sel:[..._selectedSerials].sort().join(',')});
   if(_sig===_devicesSig)return;
   _devicesSig=_sig;
   // 排序由 applyListPager 统一处理（sortValue + _lpSort）

templates/admin/monitor.html

@@ -5,210 +5,246 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>设备自动化后台</title>
 <style>
+/* ========== 仪表控制台主题（Instrument Console） ==========
+   自托管字体：Bricolage Grotesque（展示/数字）+ IBM Plex Mono（数据/串号）
+   配色：暖纸底 + 墨色文字 + 深青主色；状态色 = 绿/红/琥珀/靛 */
+@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/bricolage-500.woff2') format('woff2')}
+@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/bricolage-700.woff2') format('woff2')}
+@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url('/static/fonts/bricolage-800.woff2') format('woff2')}
+@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/plexmono-400.woff2') format('woff2')}
+@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/static/fonts/plexmono-500.woff2') format('woff2')}
+@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/plexmono-600.woff2') format('woff2')}
+
 :root{
-  --primary:#3b82f6; --primary-dark:#2563eb; --success:#10b981; --danger:#ef4444;
+  --primary:#0f766e; --primary-dark:#115e59; --primary-soft:#e6f4f1;
-  --warning:#f59e0b; --bg:#f8fafc; --card:#ffffff; --border:#e2e8f0;
+  --success:#16a34a; --success-soft:#e8f7ee;
-  --text:#1e293b; --text-muted:#64748b; --text-light:#94a3b8;
+  --danger:#dc2626; --danger-soft:#fdecec;
+  --warning:#d97706; --warning-soft:#fdf3e3;
+  --info:#4f46e5; --info-soft:#ecebfb;
+  --bg:#f5f4ef; --card:#ffffff; --border:#e6e3da; --border-strong:#d8d4c8;
+  --text:#1b1e24; --text-muted:#69707c; --text-light:#9aa1ab;
+  --ink:#14161a; --ink-2:#1e2127; --ink-line:#2a2e37;
+  --display:'Bricolage Grotesque','PingFang SC','Microsoft YaHei',sans-serif;
+  --mono:'IBM Plex Mono','SF Mono',Menlo,Consolas,monospace;
+  --body:-apple-system,'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;
+  --shadow-sm:0 1px 2px rgba(27,30,36,.05),0 1px 3px rgba(27,30,36,.06);
+  --shadow-md:0 4px 14px rgba(27,30,36,.08),0 2px 4px rgba(27,30,36,.05);
+  --shadow-lg:0 20px 50px rgba(20,22,26,.18);
+  --radius:10px;
 }
 *{box-sizing:border-box;margin:0;padding:0}
-body{background:var(--bg);font-family:-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);font-size:14px}
+html{-webkit-font-smoothing:antialiased}
+body{background:var(--bg);font-family:var(--body);color:var(--text);font-size:14px;line-height:1.5}
+::-webkit-scrollbar{width:9px;height:9px}
+::-webkit-scrollbar-thumb{background:#c9c5b9;border-radius:5px;border:2px solid var(--bg)}
+::-webkit-scrollbar-thumb:hover{background:#b0ab9d}
+::-webkit-scrollbar-track{background:transparent}
 
-/* 顶部导航 */
+/* 顶部导航：墨色 + 顶部青线 + 品牌脉冲点 */
-.navbar{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);padding:0 28px;display:flex;align-items:center;height:56px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
+.navbar{background:linear-gradient(180deg,#1a1d23 0%,#14161a 100%);border-top:3px solid var(--primary);padding:0 28px;display:flex;align-items:center;height:58px;box-shadow:0 2px 10px rgba(0,0,0,.2);position:sticky;top:0;z-index:500}
-.navbar .brand{color:#fff;font-weight:700;font-size:16px;margin-right:32px;white-space:nowrap}
+.navbar .brand{color:#f3f4f6;font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.3px;margin-right:34px;white-space:nowrap;display:flex;align-items:center;gap:9px}
-.navbar .tabs{display:flex;gap:4px;flex:1}
+.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 0 rgba(15,118,110,.6);animation:brandPulse 2.4s infinite}
-.navbar .tab{padding:8px 18px;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .15s;border:none;background:none}
+@keyframes brandPulse{0%{box-shadow:0 0 0 0 rgba(15,118,110,.45)}70%{box-shadow:0 0 0 8px rgba(15,118,110,0)}100%{box-shadow:0 0 0 0 rgba(15,118,110,0)}}
-.navbar .tab:hover{color:#fff;background:rgba(255,255,255,.08)}
+.navbar .tabs{display:flex;gap:2px;flex:1;align-self:stretch}
-.navbar .tab.active{background:rgba(59,130,246,.25);color:#fff}
+.navbar .tab{position:relative;padding:0 18px;color:#9aa3af;font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;transition:color .15s;letter-spacing:.2px}
-.navbar .user-info{color:#94a3b8;font-size:13px;display:flex;align-items:center;gap:12px}
+.navbar .tab::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--primary);transform:scaleX(0);transition:transform .18s}
-.navbar .user-info a{color:#cbd5e1;text-decoration:none;font-size:13px}
+.navbar .tab:hover{color:#e5e7eb}
+.navbar .tab.active{color:#fff}
+.navbar .tab.active::after{transform:scaleX(1)}
+.navbar .user-info{color:#8a93a0;font-size:13px;display:flex;align-items:center;gap:14px}
+.navbar .user-info a{color:#c2c9d3;text-decoration:none;font-size:13px;transition:color .15s}
 .navbar .user-info a:hover{color:#fff}
 
 /* 内容区 */
-.content{max-width:1600px;margin:0 auto;padding:24px 28px}
+.content{max-width:1600px;margin:0 auto;padding:26px 30px 60px}
 .tab-panel{display:none}
-.tab-panel.active{display:block}
+.tab-panel.active{display:block;animation:panelIn .22s ease-out}
-.page-title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 4px}
+@keyframes panelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
-.page-sub{font-size:13px;color:var(--text-light);margin-bottom:20px}
+.page-title{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:.2px;color:var(--text);margin:0 0 4px}
+.page-sub{font-size:13px;color:var(--text-light);margin-bottom:22px}
 
-/* 统计卡片 */
+/* 统计卡片：左侧色条 + 等宽数字 */
-.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-bottom:24px}
+.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:26px}
-.stat-card{background:var(--card);border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid var(--border);position:relative;overflow:hidden}
+.stat-card{background:var(--card);border-radius:var(--radius);padding:15px 18px;box-shadow:var(--shadow-sm);border:1px solid var(--border);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
-.stat-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent,#3b82f6)}
+.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
-.stat-card .stat-num{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px;color:var(--accent,#3b82f6)}
+.stat-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent,#0f766e);border-radius:0 3px 3px 0}
-.stat-card .stat-lbl{font-size:12px;color:var(--text-muted);font-weight:500}
+.stat-card .stat-num{font-family:var(--mono);font-size:25px;font-weight:600;line-height:1.1;margin-bottom:5px;color:var(--accent,#0f766e);font-variant-numeric:tabular-nums}
+.stat-card .stat-lbl{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.2px}
 
 /* 工具栏 */
 .toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}
 .toolbar .hint{color:var(--text-light);font-size:12px;margin-left:auto}
 
 /* 按钮 */
-.btn{border-radius:8px;font-weight:500;border:1px solid var(--border);padding:7px 16px;font-size:13px;transition:all .15s;cursor:pointer;background:var(--card);color:var(--text)}
+.btn{border-radius:8px;font-weight:500;border:1px solid var(--border-strong);padding:7px 16px;font-size:13px;transition:all .15s;cursor:pointer;background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}
-.btn:hover{background:#f1f5f9;border-color:#cbd5e1}
+.btn:hover{background:#faf9f5;border-color:#c4bfb2;transform:translateY(-1px)}
-.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
+.btn:active{transform:none}
-.btn-primary:hover{background:var(--primary-dark)}
+.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
-.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}
+.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 4px rgba(15,118,110,.35)}
-.btn-danger:hover{background:#dc2626}
+.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
+.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 1px 4px rgba(220,38,38,.3)}
+.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}
 .btn-success{background:var(--success);border-color:var(--success);color:#fff}
-.btn-success:hover{background:#059669}
+.btn-success:hover{background:#15803d;border-color:#15803d}
 .btn-sm{padding:4px 12px;font-size:12px}
-.btn-xs{padding:3px 10px;font-size:12px}
+.btn-xs{padding:3px 10px;font-size:12px;border-radius:6px}
+
+/* 表单 */
+.form-control{background:#fff;border:1px solid var(--border-strong);border-radius:8px;padding:7px 12px;font-size:13px;color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none;font-family:var(--body)}
+.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(15,118,110,.12)}
+.form-control::placeholder{color:var(--text-light)}
+.form-group{margin-bottom:12px}
+.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:5px}
+.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
+.form-check{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px}
+.form-check input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}
 
 /* 通用列表分页栏 */
-.list-pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 20px}
+.list-pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 22px}
 .list-pager .lp-total{font-size:12px;color:var(--text-light);margin-right:auto}
 .list-search{width:240px}
-.adb-console{background:#0f172a;color:#e2e8f0;font-family:monospace;font-size:12px;padding:12px;border-radius:8px;min-height:200px;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-all}
+
+/* 控制台/日志（墨色终端） */
+.adb-console{background:var(--ink);color:#d5dae1;font-family:var(--mono);font-size:12.5px;padding:14px;border-radius:10px;min-height:200px;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-all;box-shadow:inset 0 1px 6px rgba(0,0,0,.4);border:1px solid var(--ink-line)}
+.log-content{background:var(--ink);color:#d5dae1;border-radius:10px;padding:16px;font-family:var(--mono);font-size:12.5px;line-height:1.65;max-height:600px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;border:1px solid var(--ink-line);box-shadow:inset 0 1px 6px rgba(0,0,0,.4)}
+.log-content .log-err{color:#f87171}
+.log-content .log-warn{color:#fbbf24}
+.log-content .log-info{color:#67e8f9}
+.log-toolbar{display:flex;gap:10px;margin-bottom:12px;align-items:center}
 
 /* 区块标题 */
-.section-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--primary);display:inline-block}
+.section-title{font-family:var(--display);font-size:15px;font-weight:700;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--primary);display:inline-block;letter-spacing:.2px}
 
-/* 页内子分栏（维护页用） */
+/* 页内子分栏 */
-.sub-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--border)}
+.sub-tabs{display:flex;gap:2px;margin-bottom:18px;border-bottom:1px solid var(--border-strong)}
-.sub-tab{padding:9px 16px;font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:8px 8px 0 0;transition:all .15s;position:relative}
+.sub-tab{padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:8px 8px 0 0;transition:all .15s;position:relative}
-.sub-tab:hover{color:var(--text);background:#f1f5f9}
+.sub-tab:hover{color:var(--text);background:#efede6}
-.sub-tab.active{color:var(--primary);background:#eff6ff}
+.sub-tab.active{color:var(--primary)}
-.sub-tab.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-2px;height:2px;background:var(--primary);border-radius:1px}
+.sub-tab.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--primary);border-radius:2px}
 .sub-panel{display:none}
-.sub-panel.active{display:block}
+.sub-panel.active{display:block;animation:panelIn .2s ease-out}
 
 /* 表格 */
-.table{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid var(--border);width:100%;border-collapse:collapse;margin-bottom:24px}
+.table{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);width:100%;border-collapse:collapse;margin-bottom:26px}
-.table thead th{background:#f1f5f9;border-bottom:2px solid var(--border);font-weight:600;color:var(--text-muted);font-size:12px;letter-spacing:.3px;padding:12px 14px;text-align:left}
+.table thead th{background:#faf9f5;border-bottom:1px solid var(--border-strong);font-weight:600;color:var(--text-muted);font-size:12px;letter-spacing:.4px;padding:12px 14px;text-align:left;white-space:nowrap}
-.table tbody td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:13px}
+.table tbody td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:13px}
 .table tbody tr:last-child td{border-bottom:none}
-.table tbody tr:hover td{background:#f8fafc}
+.table tbody tr{transition:background .1s}
+.table tbody tr:hover td{background:#faf9f4}
+.table thead th.sortable{cursor:pointer;user-select:none}
+.table thead th.sortable:hover{background:#f3f1e9}
+.table thead th.sortable::after{content:" ⇅";color:#c6c1b4;font-weight:400;font-size:11px}
+.table thead th.sortable.sort-asc::after{content:" ↑";color:var(--primary);font-weight:700}
+.table thead th.sortable.sort-desc::after{content:" ↓";color:var(--primary);font-weight:700}
+.table tbody tr.row-checked td{background:var(--primary-soft)}
+.table .col-cb{width:38px;text-align:center}
+.table .col-cb input,.form-check input[type=checkbox],.device-list input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}
 
-/* 徽章 */
+/* 徽章（柔和底 + 深色字） */
-.label{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;display:inline-block}
+.label{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;display:inline-block;line-height:1.5;letter-spacing:.2px}
-.label-success{background:#dcfce7;color:#166534}
+.label-success{background:var(--success-soft);color:#15803d}
-.label-default{background:#f1f5f9;color:#64748b}
+.label-default{background:#f1efe8;color:var(--text-muted)}
-.label-warning{background:#fef3c7;color:#92400e}
+.label-warning{background:var(--warning-soft);color:#b45309}
-.label-primary{background:#dbeafe;color:#1e40af}
+.label-primary{background:var(--primary-soft);color:#0f766e}
-.label-info{background:#e0e7ff;color:#3730a3}
+.label-info{background:var(--info-soft);color:#4338ca}
-.label-danger{background:#fee2e2;color:#991b1b}
+.label-danger{background:var(--danger-soft);color:#b91c1c}
 
 /* 进度条 */
-.progress{background:#e2e8f0;border-radius:4px;height:6px;overflow:hidden;display:inline-block;vertical-align:middle;width:70px}
+.progress{background:#e9e6dd;border-radius:99px;height:6px;overflow:hidden;display:inline-block;vertical-align:middle;width:70px}
-.progress-bar{background:var(--primary);height:100%;border-radius:4px;transition:width .3s}
+.progress-bar{background:var(--primary);height:100%;border-radius:99px;transition:width .3s}
 
 /* 圆点 */
-.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
+.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
-.dot-on{background:var(--success);box-shadow:0 0 6px rgba(16,185,129,.5)}
+.dot-on{background:var(--success);box-shadow:0 0 6px rgba(22,163,74,.55)}
-.dot-off{background:var(--danger);opacity:.5}
+.dot-off{background:var(--danger);opacity:.55}
 
 /* 任务卡片 */
-.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
+.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:14px}
-.job-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:all .15s}
+.job-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--shadow-sm);transition:all .18s;position:relative}
-.job-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}
+.job-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
-.job-card.running{border-color:var(--success);box-shadow:0 0 0 1px var(--success)}
+.job-card.running{border-color:rgba(22,163,74,.55);box-shadow:0 0 0 1px rgba(22,163,74,.35),var(--shadow-sm)}
-.job-card .job-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
+.job-card .job-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:9px}
 .job-card .job-name{font-size:14px;font-weight:600;color:var(--text)}
-.job-card .job-type{font-size:11px;color:var(--text-light);background:#f1f5f9;padding:2px 8px;border-radius:4px;margin-top:2px;display:inline-block}
+.job-card .job-type{font-size:11px;color:var(--text-muted);background:#f1efe8;padding:2px 8px;border-radius:99px;margin-top:3px;display:inline-block;font-weight:500}
-.job-card .job-body{font-size:12px;color:var(--text-muted);margin-bottom:10px;line-height:1.6}
+.job-card .job-body{font-size:12px;color:var(--text-muted);margin-bottom:11px;line-height:1.65}
-.job-card .job-body .kv{display:inline-block;background:#f8fafc;border:1px solid var(--border);border-radius:4px;padding:1px 6px;margin:2px 2px 0 0}
+.job-card .job-body .kv{display:inline-block;background:#faf9f5;border:1px solid var(--border);border-radius:6px;padding:1px 7px;margin:2px 3px 0 0;font-family:var(--mono);font-size:11px}
 .job-card .job-actions{display:flex;gap:6px;flex-wrap:wrap}
 
-/* 空状态 */
+/* 空状态 / 辅助文本 */
-.empty{text-align:center;padding:40px;color:var(--text-light)}
+.empty{text-align:center;padding:42px;color:var(--text-light);font-size:13px}
 .text-muted{color:var(--text-light)!important}
 .err-text{color:var(--danger);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pulse{animation:pulse 2s infinite}
-@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
+@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
+.help{font-size:12px;color:var(--text-light);line-height:1.7;background:#faf9f4;border:1px dashed var(--border-strong);border-radius:8px;padding:10px 12px;margin:10px 0}
+.help code{font-family:var(--mono);background:#f1efe8;padding:1px 5px;border-radius:4px;font-size:11px;color:var(--primary-dark)}
 
 /* 模态框 */
-.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1000;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto}
+.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,22,26,.5);backdrop-filter:blur(2px);z-index:1000;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto}
 .modal-overlay.show{display:flex}
-.modal{background:var(--card);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.2);width:100%;max-width:640px;margin-bottom:40px}
+.modal{background:var(--card);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:640px;margin-bottom:40px;border:1px solid var(--border);animation:modalIn .18s ease-out}
+@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
 .modal-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
-.modal-header h3{font-size:17px;font-weight:700;color:var(--text)}
+.modal-header h3{font-size:17px;font-weight:700;color:var(--text);font-family:var(--display)}
-.modal-header .close{background:none;border:none;font-size:22px;color:var(--text-light);cursor:pointer;padding:0;width:28px;height:28px;line-height:1}
+.modal-header .btn{background:none;border:none;font-size:20px;color:var(--text-light);padding:0 6px;box-shadow:none}
-.modal-header .close:hover{color:var(--text)}
+.modal-header .btn:hover{color:var(--text)}
-.modal-body{padding:24px;max-height:60vh;overflow-y:auto}
+.modal-body{padding:20px 24px}
-.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}
+.modal-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}
-
-/* 表单 */
-.form-group{margin-bottom:16px}
-.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}
-.form-group .help{font-size:12px;color:var(--text-light);margin-top:4px}
-.form-control{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;background:#fff;color:var(--text);transition:all .15s}
-.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}
-textarea.form-control{font-family:monospace;resize:vertical;min-height:100px}
-select.form-control{cursor:pointer}
-.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
-.form-check{display:flex;align-items:center;gap:8px}
-.form-check input{width:16px;height:16px;cursor:pointer}
-.form-check label{margin:0;cursor:pointer}
-
-/* 设备多选列表 */
-.device-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:8px}
-.device-list label{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:400;cursor:pointer;border-radius:4px}
-.device-list label:hover{background:#f1f5f9}
-.device-list input{width:14px;height:14px}
-
-/* 日志 */
-.log-toolbar{display:flex;gap:10px;margin-bottom:12px;align-items:center}
-.log-content{background:#1e293b;color:#e2e8f0;border-radius:10px;padding:16px;font-family:"Cascadia Code",Consolas,monospace;font-size:12px;line-height:1.6;max-height:600px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}
-.log-content .log-err{color:#fca5a5}
-.log-content .log-warn{color:#fcd34d}
-.log-content .log-info{color:#93c5fd}
-
-/* Toast */
-.toast{position:fixed;top:20px;right:20px;z-index:2000;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;max-width:400px}
-.toast.show{display:block}
-.toast-success{background:#dcfce7;color:#166534;border:1px solid #86efac}
-.toast-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
-
-/* 截图弹窗 */
 .shot-modal{max-width:none;width:min(440px,95vw)}
-/* 宽弹窗（任务编辑器：步骤编辑需要横向空间） */
 .wide-modal{max-width:1000px}
 .shot-modal .modal-body{text-align:center;padding:14px}
-.shot-img{max-width:100%;max-height:calc(100vh - 240px);width:auto;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);background:#1e293b;min-height:200px;display:block;margin:0 auto}
+.shot-img{max-width:100%;max-height:calc(100vh - 240px);width:auto;height:auto;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);background:var(--ink);min-height:200px;display:block;margin:0 auto}
 .shot-loading{color:var(--text-light);padding:60px 0;font-size:13px}
 .shot-err{color:var(--danger);padding:40px 0;font-size:13px;white-space:pre-wrap;word-break:break-all}
 .shot-info{font-size:12px;color:var(--text-muted);margin-top:10px}
 .shot-toolbar{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:12px;flex-wrap:wrap}
 .shot-toolbar .auto-label{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}
-.shot-toolbar .auto-label input{width:14px;height:14px}
 
-/* 表头排序 */
+/* Toast */
-.table thead th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
+.toast{position:fixed;top:20px;right:20px;z-index:2000;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);display:none;max-width:400px;border-left:4px solid;animation:toastIn .18s ease-out}
-.table thead th.sortable:hover{background:#e2e8f0}
+.toast.show{display:block}
-.table thead th.sortable::after{content:" ⇅";color:#cbd5e1;font-weight:400;font-size:11px}
+@keyframes toastIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
-.table thead th.sortable.sort-asc::after{content:" ↑";color:var(--primary);font-weight:700}
+.toast-success{background:#f0faf4;color:#166534;border-color:var(--success)}
-.table thead th.sortable.sort-desc::after{content:" ↓";color:var(--primary);font-weight:700}
+.toast-error{background:#fef2f2;color:#991b1b;border-color:var(--danger)}
-.table tbody tr.row-checked td{background:#eff6ff}
+
-.table .col-cb{width:36px;text-align:center}
+/* 设备多选列表 */
-.table .col-cb input{width:14px;height:14px;cursor:pointer;vertical-align:middle}
+.device-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:8px;padding:8px;background:#fff}
+.device-list label{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:400;cursor:pointer;border-radius:6px}
+.device-list label:hover{background:#f5f3ec}
 
 /* 步骤编辑器 */
-.step-editor{display:none;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-top:8px}
+.step-editor{display:none;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:8px;background:#fff;box-shadow:var(--shadow-sm)}
 .step-editor.show{display:block}
-.step-editor .se-head{background:#f1f5f9;padding:10px 14px;font-weight:600;font-size:13px;display:flex;justify-content:space-between;align-items:center}
+.step-editor .se-head{background:#faf9f5;padding:10px 14px;font-weight:600;font-size:13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}
 .step-editor .se-body{display:grid;grid-template-columns:200px 1fr;min-height:280px}
-.step-editor .se-lib{border-right:1px solid var(--border);padding:8px;background:#f8fafc;overflow-y:auto;max-height:520px}
+.step-editor .se-lib{border-right:1px solid var(--border);padding:8px;background:#faf9f4;overflow-y:auto;max-height:520px}
-.step-editor .se-lib .lib-title{font-size:11px;color:var(--text-light);font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
+.step-editor .se-lib .lib-title{font-size:11px;color:var(--text-light);font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}
 .step-editor .se-lib .lib-item{padding:6px 8px;border-radius:6px;cursor:grab;font-size:12px;color:var(--text);display:flex;align-items:center;gap:6px;margin-bottom:2px;transition:background .1s;white-space:nowrap;overflow:hidden}
 .step-editor .se-lib .lib-item span:last-child{overflow:hidden;text-overflow:ellipsis}
-.step-editor .se-lib .lib-item:hover{background:#e2e8f0}
+.step-editor .se-lib .lib-item:hover{background:#ece9e0}
 .step-editor .se-lib .lib-item:active{cursor:grabbing}
-.step-editor .se-lib .lib-item .ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:4px;font-size:11px;flex-shrink:0}
+.step-editor .se-lib .lib-item .ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:5px;font-size:11px;flex-shrink:0}
+.step-editor .se-lib .lib-section{margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}
+.step-editor .se-lib .lib-item.custom .ico{background:#7c3aed}
+.step-editor .se-lib .lib-item.custom .del-btn{margin-left:auto;background:none;border:none;color:var(--text-light);cursor:pointer;font-size:13px;padding:0 2px}
+.step-editor .se-lib .lib-item.custom .del-btn:hover{color:var(--danger)}
 .step-editor .se-canvas{padding:8px;overflow-y:auto;max-height:480px}
 .step-editor .se-empty{text-align:center;color:var(--text-light);padding:40px 20px;font-size:13px}
 .step-editor .se-empty .hint{font-size:11px;margin-top:4px}
+.se-toolbar{display:flex;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border);background:#faf9f5}
+.se-toolbar .btn{padding:4px 10px;font-size:12px}
 .step-card{background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;transition:box-shadow .15s}
-.step-card.drag-over{border-color:var(--primary);box-shadow:0 0 0 2px rgba(59,130,246,.15)}
+.step-card.drag-over{border-color:var(--primary);box-shadow:0 0 0 2px rgba(15,118,110,.18)}
 .step-card.dragging{opacity:.5}
 .step-card .sc-head{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:grab}
 .step-card .sc-head:active{cursor:grabbing}
-.step-card .sc-ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:5px;font-size:12px;flex-shrink:0}
+.step-card .sc-ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:6px;font-size:12px;flex-shrink:0}
 .step-card .sc-label{flex:1;font-size:13px;font-weight:500;color:var(--text)}
-.step-card .sc-type{font-size:11px;color:var(--text-light);background:#f1f5f9;padding:1px 6px;border-radius:3px}
+.step-card .sc-type{font-size:11px;color:var(--text-light);background:#f1efe8;padding:1px 6px;border-radius:4px}
 .step-card .sc-actions{display:flex;gap:2px}
-.step-card .sc-actions button{background:none;border:none;color:var(--text-light);cursor:pointer;padding:2px 5px;font-size:14px;border-radius:3px;line-height:1}
+.step-card .sc-actions button{background:none;border:none;color:var(--text-light);cursor:pointer;padding:2px 5px;font-size:14px;border-radius:4px;line-height:1}
-.step-card .sc-actions button:hover{background:#f1f5f9;color:var(--text)}
+.step-card .sc-actions button:hover{background:#f1efe8;color:var(--text)}
-.step-card .sc-body{display:none;padding:8px 10px;border-top:1px solid var(--border);background:#f8fafc}
+.step-card .sc-body{display:none;padding:8px 10px;border-top:1px solid var(--border);background:#faf9f4}
 .step-card.expanded .sc-body{display:block}
 .step-card .sc-body .form-row{grid-template-columns:1fr 1fr 1fr;gap:8px}
 .step-card .sc-body .form-group{margin-bottom:8px}
@@ -216,81 +252,71 @@ select.form-control{cursor:pointer}
 .step-card .sc-body .form-control{padding:5px 8px;font-size:12px}
 .step-card.loop-block{border-left:3px solid var(--success)}
 .step-card.loop-block .sc-ico{background:var(--success)}
-.step-card.group-block{border-left:3px solid #8b5cf6}
+.step-card.group-block{border-left:3px solid #7c3aed}
-.step-card.group-block .sc-ico{background:#8b5cf6}
+.step-card.group-block .sc-ico{background:#7c3aed}
-.step-card.if-block{border-left:3px solid #f59e0b}
+.step-card.if-block{border-left:3px solid var(--warning)}
-.step-card.if-block .sc-ico{background:#f59e0b}
+.step-card.if-block .sc-ico{background:var(--warning)}
-.step-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(59,130,246,.2)}
+.step-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(15,118,110,.22)}
-.step-children{margin-left:20px;margin-top:6px;border-left:2px dashed var(--border);padding-left:8px}
+.step-children{margin-left:20px;margin-top:6px;border-left:2px dashed var(--border-strong);padding-left:8px}
 .if-branch{margin-top:6px}
 .if-branch .branch-title{font-size:11px;font-weight:600;padding:3px 10px;border-radius:4px;margin-bottom:4px;display:inline-block}
-.if-branch .branch-title.then{color:#166534;background:#dcfce7}
+.if-branch .branch-title.then{color:#15803d;background:var(--success-soft)}
-.if-branch .branch-title.else{color:#991b1b;background:#fee2e2}
+.if-branch .branch-title.else{color:#b91c1c;background:var(--danger-soft)}
-.step-children.drag-over{border-left-color:var(--primary);background:rgba(59,130,246,.06);border-radius:6px}
+.step-children.drag-over{border-left-color:var(--primary);background:rgba(15,118,110,.06);border-radius:6px}
 #se-canvas.drag-over{outline:2px dashed var(--primary);outline-offset:2px;border-radius:8px}
 .sel-picker{display:flex;gap:4px;align-items:center}
 .sel-picker input{flex:1}
 .sel-picker .btn-pick{padding:5px 8px;font-size:11px;white-space:nowrap}
-.se-lib .lib-section{margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}
-.se-lib .lib-item.custom .ico{background:#8b5cf6}
-.se-lib .lib-item.custom .del-btn{margin-left:auto;background:none;border:none;color:var(--text-light);cursor:pointer;font-size:13px;padding:0 2px}
-.se-lib .lib-item.custom .del-btn:hover{color:var(--danger)}
-.se-toolbar{display:flex;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border);background:#f8fafc}
-.se-toolbar .btn{padding:4px 10px;font-size:12px}
 
-/* 元素抓取弹窗（独立模态框，样式已内联在 HTML 中）*/
+/* 元素抓取弹窗 */
-/* 设备选择页 */
 .el-device-grid{padding:16px;overflow-y:auto;flex:1}
 .el-device-grid .egd-title{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text)}
-.el-device-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px;margin-bottom:8px}
+.el-device-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px;margin-bottom:8px;box-shadow:var(--shadow-sm)}
-.el-device-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(59,130,246,.12)}
+.el-device-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}
-.el-device-card .edc-icon{width:36px;height:36px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
+.el-device-card .edc-icon{width:36px;height:36px;background:#f1efe8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
 .el-device-card .edc-info{flex:1}
-.el-device-card .edc-serial{font-size:13px;font-weight:600;color:var(--text)}
+.el-device-card .edc-serial{font-size:13px;font-weight:600;color:var(--text);font-family:var(--mono)}
 .el-device-card .edc-model{font-size:12px;color:var(--text-light);margin-top:2px}
-.el-device-card .edc-status{font-size:11px;padding:2px 8px;border-radius:4px;background:#dcfce7;color:#166534;flex-shrink:0}
+.el-device-card .edc-status{font-size:11px;padding:2px 10px;border-radius:99px;background:var(--success-soft);color:#15803d;flex-shrink:0;font-weight:600}
-/* 截图+元素树页 */
 .el-picker-main{display:flex;flex:1;overflow:hidden}
-.el-shot-wrap{flex:0 0 320px;border-right:1px solid var(--border);background:#1e293b;display:flex;flex-direction:column}
+.el-shot-wrap{flex:0 0 320px;border-right:1px solid var(--border);background:var(--ink);display:flex;flex-direction:column}
-.el-shot-toolbar{padding:6px 10px;background:#334155;display:flex;gap:6px;align-items:center}
+.el-shot-toolbar{padding:6px 10px;background:var(--ink-2);display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--ink-line)}
-.el-shot-toolbar .btn{padding:3px 10px;font-size:12px;background:#475569;color:#fff;border:none}
+.el-shot-toolbar .btn{padding:3px 10px;font-size:12px;background:#39414d;color:#e5e7eb;border:none;box-shadow:none}
-.el-shot-toolbar .btn:hover{background:#64748b}
+.el-shot-toolbar .btn:hover{background:#4b5563}
-.el-shot-toolbar .el-shot-info{color:#cbd5e1;font-size:11px;flex:1}
+.el-shot-toolbar .el-shot-info{color:#9aa3af;font-size:11px;flex:1}
 .el-shot-container{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:8px;position:relative}
 .el-shot-container img{max-width:100%;height:auto;border-radius:4px;display:block}
-.el-shot-container .el-shot-loading{color:#94a3b8;font-size:13px;padding:40px}
+.el-shot-container .el-shot-loading{color:#8a93a0;font-size:13px;padding:40px}
-.el-shot-overlay{position:absolute;border:1px solid rgba(59,130,246,.3);background:transparent;cursor:pointer;border-radius:2px;transition:all .1s}
+.el-shot-overlay{position:absolute;border:1px solid rgba(103,232,249,.35);background:transparent;cursor:pointer;border-radius:2px;transition:all .1s}
-.el-shot-overlay:hover{border-color:#3b82f6;background:rgba(59,130,246,.2)}
+.el-shot-overlay:hover{border-color:#67e8f9;background:rgba(103,232,249,.18)}
-.el-shot-overlay.active{border:2px solid #ef4444;background:rgba(239,68,68,.2)}
+.el-shot-overlay.active{border:2px solid #f87171;background:rgba(248,113,113,.22)}
-/* 右侧元素列表 */
 .el-list-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}
-.el-picker-search{width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--border);font-size:13px;outline:none}
+.el-picker-search{width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--border);font-size:13px;outline:none;font-family:var(--body)}
 .el-picker-list{flex:1;overflow-y:auto}
 .el-picker-item{padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;font-size:12px;display:flex;gap:8px;align-items:flex-start}
-.el-picker-item:hover{background:#eff6ff}
+.el-picker-item:hover{background:var(--primary-soft)}
-.el-picker-item.active{background:#dbeafe}
+.el-picker-item.active{background:var(--primary-soft);border-left:3px solid var(--primary)}
 .el-picker-item:last-child{border-bottom:none}
-.el-picker-item .ep-depth{color:var(--text-light);font-family:monospace;flex-shrink:0;width:28px}
+.el-picker-item .ep-depth{color:var(--text-light);font-family:var(--mono);flex-shrink:0;width:28px}
 .el-picker-item .ep-info{flex:1;min-width:0}
 .el-picker-item .ep-info .ep-name{color:var(--text);font-weight:500;word-break:break-all}
 .el-picker-item .ep-info .ep-attrs{color:var(--text-light);font-size:11px;margin-top:2px;word-break:break-all}
 .el-picker-item .ep-info .ep-attrs span{margin-right:8px}
-.el-picker-item .ep-sel{font-size:10px;color:var(--primary);background:#dbeafe;padding:1px 6px;border-radius:3px;flex-shrink:0}
+.el-picker-item .ep-sel{font-size:10px;color:#fff;background:var(--primary);padding:1px 7px;border-radius:99px;flex-shrink:0;font-weight:600}
 </style>
 </head>
 <body>
 
 <!-- 顶部导航 -->
 <nav class="navbar">
-  <div class="brand">设备自动化后台</div>
+  <div class="brand"><span class="brand-dot"></span>设备自动化后台</div>
   <div class="tabs">
-    <button class="tab active" onclick="showTab('monitor')">监控</button>
+    <button class="tab active" data-tab="monitor" onclick="showTab('monitor')">监控</button>
-    <button class="tab" onclick="showTab('tasks')">任务</button>
+    <button class="tab" data-tab="tasks" onclick="showTab('tasks')">任务</button>
-    <button class="tab" onclick="showTab('groups')">分组</button>
+    <button class="tab" data-tab="groups" onclick="showTab('groups')">分组</button>
-    <button class="tab" onclick="showTab('logs')" data-perm="logs">日志</button>
+    <button class="tab" data-tab="logs" onclick="showTab('logs')" data-perm="logs">日志</button>
-    <button class="tab" onclick="showTab('users')" data-perm="admin">用户</button>
+    <button class="tab" data-tab="users" onclick="showTab('users')" data-perm="admin">用户</button>
-    <button class="tab" onclick="showTab('maintenance')" data-perm="admin">维护</button>
+    <button class="tab" data-tab="tools" onclick="showTab('tools')" data-perm="admin">工具</button>
-    <button class="tab" onclick="showTab('tools')" data-perm="admin">工具</button>
   </div>
   <div class="user-info">
     <span id="me-username">...</span>

web_server.py

@@ -634,16 +634,23 @@ def api_device_locate_stop():
 @app.route("/api/device/screen_all", methods=["POST"])
 @perm_required(PERM_DEVICES)
 def api_device_screen_all():
-    """批量亮屏/息屏所有在线设备（并发）。mode: on=亮屏解锁 / off=息屏。
+    """批量亮屏/息屏（并发）。mode: on=亮屏解锁 / off=息屏。
 
+    请求可带 serials 指定设备（前端勾选）；不带则作用于全部在线设备。
     息屏会中断运行中的任务（u2 无法操作），前端已有确认提示。
     """
     data = request.json or {}
     mode = data.get("mode", "on")
     try:
-        serials = device_pool.list_online()
+        online = set(device_pool.list_online())
     except Exception as e:
         return jsonify({"ok": False, "error": f"获取设备列表失败: {e}"}), 502
+    serials = data.get("serials") or []
+    if serials:
+        # 指定设备：过滤掉不在线的（离线设备操作无意义，直接跳过）
+        serials = [s for s in serials if s in online]
+    else:
+        serials = list(online)
     if not serials:
         return jsonify({"ok": False, "error": "无在线设备"}), 400