更新readme

调整部分名称

Dockerfile

@@ -1,48 +1,31 @@
-# ============================================================
+# 多阶段构建
-# 构建阶段
-# ============================================================
 FROM golang:alpine AS builder
 
 WORKDIR /app
 
-# 复制依赖文件
 COPY go.mod go.sum ./
+
+RUN sed -i 's/go 1.2[6-9].*/go 1.21/' go.mod && go mod tidy
 RUN go env -w GOPROXY=https://goproxy.cn,direct
 RUN go mod download
 
-# 复制源码（确保 bin/ 和 static/ 目录存在）
 COPY . .
 
-# 编译 Linux 版（CGO_ENABLED=0 保证静态编译）
+# 编译时不注入任何版本信息（纯净二进制）
 RUN CGO_ENABLED=0 GOOS=linux go build \
     -ldflags="-s -w" \
     -o frpc-console .
 
-# ============================================================
-# 运行阶段
-# ============================================================
 FROM alpine:latest
-
+# 先切换到国内镜像源，再安装包
-# 安装 ca-certificates 和 tzdata（确保 HTTPS 和时区正常）
+RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories
-RUN apk --no-cache add ca-certificates tzdata
+RUN apk --no-cache add ca-certificates tzdata sqlite
 
 WORKDIR /app
 
-# 从构建阶段复制编译好的二进制
 COPY --from=builder /app/frpc-console /app/frpc-console
+COPY static/ /app/static/
 
-# 创建数据目录（用于持久化 db 和日志）
-RUN mkdir -p /app/data
-
-# 暴露端口（默认 9300）
 EXPOSE 9300
 
-# 环境变量
-ENV PORT=9300
-ENV TZ=Asia/Shanghai
-
-# 数据卷（持久化数据库、配置、日志）
-VOLUME ["/app/data"]
-
-# 启动
 ENTRYPOINT ["/app/frpc-console"]

Dockerfile.txt

@@ -0,0 +1,30 @@
+# 多阶段构建
+FROM golang:alpine AS builder
+
+WORKDIR /app
+
+COPY go.mod go.sum ./
+
+RUN sed -i 's/go 1.2[6-9].*/go 1.21/' go.mod && go mod tidy
+RUN go env -w GOPROXY=https://goproxy.cn,direct
+RUN go mod download
+
+COPY . .
+
+# 编译时不注入任何版本信息（纯净二进制）
+RUN CGO_ENABLED=0 GOOS=linux go build \
+    -ldflags="-s -w" \
+    -o frpc-console .
+
+FROM alpine:latest
+
+RUN apk --no-cache add ca-certificates tzdata sqlite
+
+WORKDIR /app
+
+COPY --from=builder /app/frpc-console /app/frpc-console
+COPY static/ /app/static/
+
+EXPOSE 9300
+
+ENTRYPOINT ["/app/frpc-console"]

Docs/acknowledgment.md

@@ -0,0 +1,65 @@
+# 致谢与互引
+
+> *“这个项目之所以存在，是因为有一群更早的存在，以及一个更大的生态。”*
+
+---
+
+## 核心依赖
+
+frpc-console 站在以下项目的肩膀上：
+
+- **[FRP](https://github.com/fatedier/frp)** —— 这个项目存在的理由。一个稳定、高效的内网穿透工具，是 frpc-console 管理的对象。
+- **[SQLite](https://www.sqlite.org/)** —— 嵌入式数据库的典范。它让 frpc-console 不需要额外部署数据库服务，符合“降低维护成本”的总体目标。
+- **[Go](https://go.dev/)** —— 编译为单一二进制，跨平台，低内存占用。没有 Go，就没有 frpc-console 目前的部署体验。
+
+---
+
+## 框架与库
+
+- **[Gin](https://github.com/gin-gonic/gin)** —— 高性能 Go Web 框架，为 API Server 提供基础。
+- **[Vue 3](https://github.com/vuejs/vue)** —— 渐进式 JavaScript 框架，承载了 Web UI 的交互体验。
+
+---
+
+## 生态互引
+
+### FRP 生态互补工具
+
+- **[MoonProxy](https://github.com/MoonProxyHQ/moonproxy-desktop)** —— 基于 Tauri v2 + Vue 3 + Rust 构建的跨平台 FRP 桌面客户端（frpc GUI），面向 macOS 与 Windows，让内网穿透开箱即用。MIT 协议开源。
+
+### FRP 生态同类工具
+
+*暂无互引。如果您知道有同类项目愿意建立互引关系，欢迎通过 Issue 或 PR 联系我们。*
+
+---
+
+## 设计启发
+
+这个项目的许多设计决策，受到以下内容的影响：
+
+- **《The Art of Unix Programming》** —— “Do one thing and do it well.”
+- **SQLite 的设计哲学** —— 长期稳定比新功能更重要。
+- **OpenBSD 的开发理念** —— 默认安全，拒绝默认开放。
+- **Tailscale 的部署体验** —— 安装一次，忘记它。
+
+---
+
+## 致谢
+
+感谢所有在真实环境中运行 frpc-console 的用户。你们的每一次部署，都是对这套工程方法的验证。
+
+[lxh2875931338（XHLiang0）](https://git.whitetop.xyz/lxh2875931338) —— 这是项目的开发者，同时也是项目真正的第一个用户。
+
+---
+
+## 如何贡献
+
+如果你在使用 frpc-console 的过程中有新的发现、改进建议，或者想参与互引，欢迎：
+
+- 提交 [Issue](https://git.whitetop.xyz/lxh2875931338/frpc-console/issues)
+- 发起 Pull Request（请针对 `test` 分支）
+- 在相关社区分享你的部署经验
+
+---
+
+*frpc-console 的成长，离不开整个开源生态的滋养。感谢每一位为之贡献的人。*

Docs/architecture.md

@@ -0,0 +1,287 @@
+# 架构设计
+
+> *“代码定义了它如何工作，架构定义了它如何活着。”*
+
+---
+
+## 架构总览
+
+frpc-console 是一个**轻量级生命周期管理工具**，它的架构设计围绕着三个核心目标：
+
+1. **低资源占用** — 在边缘设备上也能运行
+2. **高可靠性** — 面板可挂，业务不能停
+3. **零依赖部署** — 单一二进制，开箱即用
+
+
+### 整体架构图
+
+```mermaid
+graph TB
+    subgraph User["用户侧"]
+        Browser["浏览器"]
+        CLI["命令行"]
+    end
+
+    subgraph Console["frpc-console"]
+        WebUI["Web UI<br/>(Vue 3 + 深色磨砂玻璃)"]
+        APIServer["API Server<br/>(Gin)"]
+        Lifecycle["生命周期管理器"]
+        ConfigMgr["配置管理器<br/>(TOML 解析/生成)"]
+        ProcessMgr["进程管理器<br/>(SetSid / PID 1 接管)"]
+        DB["SQLite<br/>(用户/隧道/配置)"]
+        Static["静态资源<br/>(内嵌)"]
+    end
+
+    subgraph FRP["被管理对象"]
+        FRPC["frpc 进程"]
+        TOML["frpc.toml"]
+    end
+
+    Browser --> WebUI
+    CLI --> APIServer
+    WebUI --> APIServer
+    APIServer --> DB
+    APIServer --> ConfigMgr
+    ConfigMgr --> TOML
+    APIServer --> Lifecycle
+    Lifecycle --> ProcessMgr
+    ProcessMgr --> FRPC
+    FRPC --> TOML
+    Static -.-> WebUI
+```
+
+> **说明：** `Static`（前端静态资源）在编译时通过 `embed` 直接打包进二进制，运行时无需额外加载。因此图中以虚线表示其与 WebUI 的关联，且不占用独立部署单元。
+
+---
+
+## 部署模型
+
+frpc-console 支持两种部署模型，架构核心逻辑完全一致，只是运行环境不同。
+
+### 二进制部署模型
+
+```
+┌──────────────────────────────────────────┐
+│           操作系统 (Linux/Windows)        │
+│                                          │
+│  ┌────────────────────────────────────┐  │
+│  │         frpc-console               │  │
+│  │  ┌──────────────────────────────┐ │  │
+│  │  │  Web UI  │  API Server       │ │  │
+│  │  ├──────────────────────────────┤ │  │
+│  │  │  生命周期管理 / 配置管理      │ │  │
+│  │  └──────────┬───────────────────┘ │  │
+│  └─────────────┼──────────────────────┘  │
+│                │ SetSid + 独立会话        │
+│                ▼                          │
+│  ┌────────────────────────────────────┐  │
+│  │         frpc 子进程                │  │
+│  │  (被 PID 1 接管，独立生命周期)     │  │
+│  └────────────────────────────────────┘  │
+│                                          │
+│  ┌────────────────────────────────────┐  │
+│  │   数据目录: /opt/frpc-console/data │  │
+│  │   ├── frpc-console.db              │  │
+│  │   ├── frpc.toml                    │  │
+│  │   ├── frpc (二进制)                │  │
+│  │   ├── frpc.pid                     │  │
+│  │   └── version.ini                  │  │
+│  └────────────────────────────────────┘  │
+└──────────────────────────────────────────┘
+```
+
+**关键机制：**
+
+- frpc-console 启动时，通过 `SetSid` 为 frpc 创建**独立会话**
+- frpc 进程完全脱离父进程的生命周期控制
+- 即使 console 崩溃或被 kill，frpc 会被 init（PID 1）接管，继续运行
+
+### Docker 部署模型
+
+```
+┌──────────────────────────────────────────┐
+│              Docker Host                  │
+│                                          │
+│  ┌────────────────────────────────────┐  │
+│  │   Container: frpc-console          │  │
+│  │  ┌──────────────────────────────┐ │  │
+│  │  │  Web UI  │  API Server       │ │  │
+│  │  ├──────────────────────────────┤ │  │
+│  │  │  生命周期管理 / 配置管理      │ │  │
+│  │  └──────────┬───────────────────┘ │  │
+│  │             │ 启动 frpc            │  │
+│  │             ▼                      │  │
+│  │  ┌──────────────────────────────┐ │  │
+│  │  │  frpc 子进程 (容器内)        │ │  │
+│  │  └──────────────────────────────┘ │  │
+│  └──────────────┬─────────────────────┘  │
+│                 │ Volume 挂载             │
+│                 ▼                          │
+│  ┌────────────────────────────────────┐  │
+│  │  数据卷: /opt/frpc-console/data   │  │
+│  │  ├── frpc-console.db              │  │
+│  │  ├── frpc.toml                    │  │
+│  │  ├── frpc.pid                     │  │
+│  │  └── version.ini                  │  │
+│  └────────────────────────────────────┘  │
+│                                          │
+│  重启策略: --restart=always               │
+└──────────────────────────────────────────┘
+```
+
+**关键机制：**
+
+- 容器配置 `--restart=always`，console 退出时 Docker 自动重启
+- 数据目录通过 Volume 挂载持久化
+- 容器重启后自动重新拉起 frpc
+
+---
+
+## 核心模块
+
+### 1. Web UI（前端）
+
+- **框架：** Vue 3
+- **风格：** 深色磨砂玻璃视觉
+- **设计原则：** 需要时清晰易用，不需要时不打扰
+- **构建产物：** 静态资源通过 Go embed 内嵌于二进制
+
+### 2. API Server
+
+- **框架：** Gin
+- **认证：** Session / JWT
+- **职责：** 提供 RESTful API，处理前端请求
+
+### 3. 生命周期管理器
+
+负责 frpc 进程的完整生命周期：
+
+| 操作 | 行为 |
+|---|---|
+| 启动 | 根据当前 frpc.toml 启动 frpc 进程 |
+| 停止 | 向 frpc 发送终止信号 |
+| 重启 | 停止 → 重新加载配置 → 启动 |
+| 状态检查 | 读取 PID 文件，验证进程是否存在 |
+| 热加载 | 修改配置后自动重启 frpc（无需手动操作） |
+
+### 4. 配置管理器
+
+- 解析和生成 TOML 格式的 frp 配置文件
+- 支持从现有 frpc.toml 导入
+- 修改配置后自动触发重启
+
+### 5. 进程管理器
+
+- 通过 `SetSid` 创建独立会话（Linux）
+- frpc 二进制内置在部署包中，无需额外下载
+- 记录 PID 到文件，用于状态检查和进程管理
+- Windows 版本使用相应的进程管理 API
+
+### 6. SQLite 数据库
+
+- **表结构：**
+  - `users` — 管理员账户
+  - `tunnels` — 隧道配置
+  - `configs` — 全局配置
+- **备份机制：** 部署脚本在降级前自动备份数据库文件
+- **位置：** `data/frpc-console.db`
+
+---
+
+## 关键交互流程
+
+### 启动流程
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Console
+    participant FRPC
+
+    User->>Console: 启动 frpc-console
+    Console->>Console: 读取 data/frpc.toml
+    alt 配置文件存在
+        Console->>FRPC: 启动 frpc (SetSid)
+        FRPC-->>Console: PID 写入 frpc.pid
+        Console-->>User: 服务就绪
+    else 配置文件不存在
+        Console-->>User: 等待 WebUI 导入配置
+        User->>Console: WebUI 导入 frpc.toml
+        Console->>FRPC: 启动 frpc
+    end
+```
+
+### 配置更新流程
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant WebUI
+    participant API
+    participant ConfigMgr
+    participant FRPC
+
+    User->>WebUI: 修改隧道配置
+    WebUI->>API: PUT /api/tunnels/:id
+    API->>ConfigMgr: 更新配置
+    ConfigMgr->>ConfigMgr: 写入 data/frpc.toml
+    ConfigMgr-->>API: 配置已更新
+    API-->>WebUI: 200 OK
+    API->>FRPC: 重启 frpc (热加载)
+    FRPC-->>API: 启动成功
+```
+
+---
+
+## 资源边界
+
+### 运行时资源
+
+| 资源 | 典型值 | 说明 |
+|---|---|---|
+| CPU（idle） | ~0% | 无后台轮询 |
+| 内存（idle） | < 20MB | 无额外守护进程 |
+| 存储（二进制） | ~15MB | 静态编译，无依赖 |
+| 存储（数据） | < 1MB | SQLite + 配置文件 |
+
+> 真实设备实测数据见 [工程设计哲学 - 稳定性与可观测性](./engineering-philosophy.md#稳定性与可观测性)
+
+### 文件系统布局
+
+```
+/opt/frpc-console/                    # 默认部署目录
+├── data/                             # 数据目录（持久化）
+│   ├── frpc-console.db               # SQLite 数据库
+│   ├── frpc.toml                     # 当前 frpc 配置
+│   ├── frpc                          # FRP 二进制（内置）
+│   ├── frpc.pid                      # frpc 进程 PID
+│   ├── frpc.log                      # frpc 日志（可选）
+│   └── version.ini                   # 当前版本标识
+├── frpc-console                      # 主二进制（二进制部署）
+└── .old_backup_*                     # 旧版本备份（迁移时生成）
+```
+
+---
+
+## 架构演进
+
+当前架构不是一次性设计完成的，而是经历了以下阶段：
+
+1. **最初**：一个简单的 Web UI，通过命令行调用 frpc
+2. **发现问题**：SSH 断开后 frpc 也跟着退出 → 引入 SetSid
+3. **发现问题**：配置文件修改需要手动重启 → 引入热加载
+4. **发现问题**：ARMHF 设备跑不动 Docker → 引入二进制部署
+5. **发现问题**：边缘设备内存不足 → 优化运行时内存占用
+6. **发现问题**：更新时数据丢失 → 引入事务性部署脚本
+7. **持续演化中**：每次真实部署都可能带来新的架构调整
+
+---
+
+## 相关文档
+
+- [工程设计哲学](./engineering-philosophy.md) — 架构决策背后的设计原则
+- [设计决策记录](./design-decisions.md) — 每个“为什么”的详细记录
+- [边缘节点部署](./edge-node.md) — 在受限环境中的架构适配
+- [更新策略](./update-strategy.md) — 版本管理和升级机制
+- [部署指南](./INSTALL_DOCKER.md) — Docker 部署详细步骤
+- [二进制安装指南](./INSTALL_BINARY.md) — 二进制部署详细步骤

Docs/deployment-engine-design.md

@@ -0,0 +1,355 @@
+# 部署引擎设计
+
+> *部署不是执行命令。*  
+>
+> *部署是让一个未知环境变得可预测的过程。*
+>
+> *不理解环境的部署脚本，只能算是穿着风衣的命令。*
+
+---
+
+## 为什么需要部署引擎
+
+`deploy.sh` 不是安装脚本。它是部署引擎。
+
+安装脚本解决的是“怎么把文件放到正确的位置”。部署引擎解决的是“如何让一个未知环境进入可运行状态”。
+
+用户的机器从来都不是一致的。在实际部署中，可能遇到：
+
+- Docker 未安装
+- Docker 已安装但未启动
+- `daemon.json` 不存在
+- `daemon.json` 存在但为空
+- `daemon.json` 存在但格式非法
+- `registry-mirrors` 不存在
+- `registry-mirrors` 存在但全部不可用
+- `registry-mirrors` 存在但部分不可用
+- `jq` 未安装
+- Git 未安装
+- `frpc-console` 容器已存在
+- `frpc-console` 容器正在运行
+- 当前版本高于目标版本（降级）
+- 当前版本低于目标版本（升级）
+- LTS 与 Preview 通道混用
+
+因此：**部署不是执行命令。部署首先是环境诊断。**
+
+`deploy.sh` 的设计目标：
+
+1. **探测** —— 了解当前环境的状态
+2. **分析** —— 判断当前状态与目标状态之间的差距
+3. **规划** —— 生成最小必要变更的执行计划
+4. **确认** —— 让用户在执行前理解即将发生的变化
+5. **执行** —— 按照计划执行变更
+6. **验证** —— 确认变更生效且系统正常
+7. **清理** —— 移除临时产物，保持系统整洁
+
+---
+
+## 部署生命周期
+
+`deploy.sh` 的执行流程可以用以下状态流转图表示：
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│                     Environment Detection                      │
+│  OS / ARCH / Git / Curl / Wget / Docker / jq / Container       │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                       State Analysis                           │
+│  镜像源状态 / 容器状态 / 版本状态 / 通道状态                    │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                     Deployment Planning                        │
+│  生成变更清单：镜像源配置 / 工具安装 / 代码拉取 / 镜像构建     │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                      User Confirmation                         │
+│  展示计划 → 等待确认 → 允许自定义配置                          │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                         Execution                              │
+│  备份（降级时）→ 安装工具 → 拉取代码 → 配置镜像源 → 构建镜像   │
+│  → 清理旧容器 → 启动新容器 → 写入版本                          │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                        Verification                            │
+│  镜像内容 / 容器状态 / 数据库可用性 / 版本一致性 / frpc PID     │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                          Cleanup                               │
+│  清理旧镜像（保留最近 N 个）/ 清理临时文件                      │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+每个阶段都是独立的、可观测的、可失败的。任何一个阶段失败，系统都不会进入下一个阶段。
+
+---
+
+## 状态机设计
+
+`deploy.sh` 的核心不是“执行命令”，而是“状态转换”。
+
+以 Docker 镜像源检测为例：
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│                      初始状态                                    │
+│                daemon.json 存在性未知                            │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                     daemon.json 不存在                          │
+│                         状态: no_file                           │
+│                         动作: 创建并写入                        │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                  daemon.json 存在但格式非法                     │
+│                     状态: (检测到非法)                          │
+│                  动作: 备份 → 重建为 {}                         │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│               daemon.json 存在但无 registry-mirrors             │
+│                        状态: no_key                             │
+│                    动作: 写入可用镜像源                         │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│           registry-mirrors 存在且全部可用                       │
+│                   状态: has_valid_ordered                       │
+│                      动作: 跳过（无变更）                       │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│        registry-mirrors 存在但可用源排在不可用源之后            │
+│               状态: has_valid_reorder_needed                    │
+│                   动作: 重排（可用源前置）                      │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│              registry-mirrors 全部不可用                        │
+│                     状态: all_invalid                           │
+│              动作: 插入可用默认源（如存在）                     │
+└─────────────────────────────────────────────────────────────────┘
+                              │
+                              ▼
+┌─────────────────────────────────────────────────────────────────┐
+│                   默认镜像源全部不可用                          │
+│                 状态: default_unavailable                       │
+│              动作: 跳过（提示用户手动配置）                     │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+这个状态机的核心原则是：
+
+> **只在需要时修改。只在确认后执行。每次修改都是可逆的或有备份的。**
+
+所有状态都通过 `jq` 检测，所有修改都通过 `jq` 执行，所有原始配置都被备份。
+
+---
+
+## 幂等设计
+
+`deploy.sh` 是幂等的。多次执行的结果与一次执行相同。
+
+幂等性通过以下方式保证：
+
+### 1. 条件执行
+
+```bash
+# 只在容器存在时执行删除
+if docker ps -a | grep -q frpc-console; then
+    docker stop frpc-console
+    docker rm frpc-console
+fi
+```
+
+### 2. 状态检测前置
+
+```bash
+# 检测到用户配置全部可用时跳过修改
+if [ "$MIRROR_STATUS" = "has_valid_ordered" ]; then
+    WRITE_DAEMON=false
+    RESTART_DOCKER=false
+fi
+```
+
+### 3. 版本标记
+
+```bash
+# 每次构建使用唯一标签，不覆盖已有镜像
+IMAGE_TAG="${SEMVER}-lts-$(date +%Y%m%d)"
+```
+
+### 4. 增量修改而非覆盖
+
+镜像源配置采用“插入到最前面”而非“替换整个文件”的策略，保留用户原有配置。
+
+幂等性的意义在于：
+
+> **用户可以在任何时候重新运行 `deploy.sh`，而不必担心系统被破坏。**
+
+---
+
+## 事务完整性
+
+`deploy.sh` 采用类似数据库事务的设计原则：
+
+### 1. 变更前备份
+
+降级操作会触发数据库备份：
+
+```bash
+if [ "$TGT_SEMVER" \< "$CUR_SEMVER" ]; then
+    BACKUP_DIR="/opt/frpc-console-backups/${TIMESTAMP}_${CHANNEL}"
+    cp -r "$DEPLOY_DIR" "$BACKUP_DIR/frpc-console"
+fi
+```
+
+修改 `daemon.json` 前也会备份原文件：
+
+```bash
+cp "$DAEMON_JSON" "${DAEMON_JSON}.bak.$(date +%Y%m%d-%H%M%S)"
+```
+
+### 2. 变更后验证
+
+每次写入后都验证目标状态是否达成：
+
+- 写入镜像源后验证 JSON 有效性
+- 启动容器后验证容器状态
+- 写入版本后验证版本一致性
+- 启动后验证 frpc 进程是否存在
+
+### 3. 失败不继续
+
+任何关键步骤失败都会中断部署，不会进入下一阶段：
+
+```bash
+if [ $? -ne 0 ]; then
+    print_error "Docker 构建失败"
+    exit 1
+fi
+```
+
+---
+
+## 验证不是可选项
+
+大多数安装脚本在“安装完成”后即结束。`deploy.sh` 在“安装完成”后才开始验证。
+
+验证链：
+
+```
+构建完成
+    │
+    ▼
+验证镜像内容 ──→ 失败则退出
+    │
+    ▼
+启动容器
+    │
+    ▼
+验证容器状态 ──→ 失败则退出
+    │
+    ▼
+验证数据库可用性
+    │
+    ▼
+验证版本一致性 ──→ 警告但不退出
+    │
+    ▼
+验证 frpc 子进程 ──→ 警告但不退出
+```
+
+验证的目的是区分“部署完成”和“部署成功”。
+
+- **部署完成**：脚本执行完毕
+- **部署成功**：所有组件正常运行
+
+`deploy.sh` 提供明确的信号来区分这两种状态。
+
+---
+
+## 边界条件处理
+
+边界条件是部署脚本最大的不确定性来源。`deploy.sh` 在处理边界时遵循一个原则：**先假设它可能出问题，再设计应对方式。**
+
+以下边界条件已被识别并处理：
+
+### 已处理的边界
+
+- `daemon.json` 不存在 → 创建
+- `daemon.json` 为空 → 写入 `{}`
+- `daemon.json` 格式非法 → 备份并重建
+- `jq` 未安装 → 尝试安装，失败则降级处理
+- `registry-mirrors` 不存在 → 写入可用源
+- `registry-mirrors` 全部不可用 → 插入可用默认源
+- 用户镜像源全部失效 → 插入可用默认源到最前面
+- 默认镜像源全部不可用 → 跳过配置，提示用户手动处理
+- 旧版本文件在根目录 → 自动迁移到 `data/`
+- 容器已存在 → 停止并删除
+- 容器正在运行 → 优雅停止
+- 降级操作 → 自动备份，用户确认
+- LTS ↔ Preview 通道切换 → 备份数据库，用户确认
+- 旧镜像积累 → 保留最近 N 个，自动清理
+
+### 处理原则
+
+每新增一个边界条件，都是在扩展一个同一个决策表：当 `环境变量 X` 处于 `状态 Y` 时，引擎应该执行 `动作 Z`。这些条目不相互覆盖，而是叠加在同一个状态机之上，彼此通过前置条件互锁。
+
+这种方式的优点是：边界条件越多，系统对环境的适应能力越强，但状态机的核心结构不需要跟着膨胀。
+
+---
+
+## 与工程设计哲学的关系
+
+`deployment-engine-design.md` 与 `engineering-philosophy.md` 的关系是：
+
+| 文档 | 回答的问题 |
+|:---|:---|
+| `engineering-philosophy.md` | 为什么这样设计？ |
+| `deployment-engine-design.md` | 这些设计如何落地？ |
+| `deploy.sh` | 落地后的最终产物 |
+
+三者形成一条完整的链路：
+
+```
+哲学 → 架构 → 部署引擎 → 代码
+```
+
+哲学文档定义“为什么”，部署引擎文档定义“如何实现”，`deploy.sh` 是“实现的最终形态”。
+
+---
+
+## 结语
+
+> `deploy.sh` 不是安装脚本。
+>
+> 它是 `frpc-console` 的部署引擎。
+>
+> 它负责：环境探测、状态分析、部署规划、用户确认、执行动作、结果验证、环境清理。
+>
+> 它的设计目标是：**在尽量不打扰用户已有环境的前提下，把部署成功率提高到接近 100%。**
+
+这份文档记录了它为什么长成这样。

Docs/design-decisions.md

@@ -0,0 +1,168 @@
+# 设计决策
+
+> *“这不是 API 文档，这是设计记录。它回答的不是‘怎么用’，而是‘为什么会变成这样’。”*
+
+---
+
+## 关于这份文档
+
+frpc-console 的许多设计，如果只看最终结果，可能会让人觉得“奇怪”或“不按常理出牌”。
+
+这份文档记录的就是这些“奇怪”背后的原因。
+
+每一个决策，都来自真实部署中遇到的问题——而不是预先的设计。
+
+---
+
+## 为什么叫 Console，而不是 Manager？
+
+这个命名不是随意选的。
+
+| | Manager | Console |
+|---|---|---|
+| 暗示 | 管理权、控制中心 | 入口、操作界面 |
+| 角色 | 大脑 | 工具 |
+| 依赖关系 | 业务依赖 Manager | Console 依赖业务 |
+
+**结论：**
+
+frpc-console 不接管 FRP，不成为 FRP 的依赖。它只是一个入口，让你在需要的时候操作 FRP。
+
+用完之后，关闭浏览器，FRP 还在跑。
+
+这就是 Console 和 Manager 的区别。
+
+---
+
+## 为什么没有 CI/CD？
+
+这个项目没有复杂的 CI/CD 发布流程。不是做不到，而是选择不做。
+
+**原因：**
+
+- CI/CD 在云端跑，部署在真实环境跑。两者之间隔着一个“信任”的黑洞。
+- 如果发布流程和用户安装流程是两套不同的路径，维护者永远无法保证用户侧的真实体验。
+- 每一次部署，都应该在真实环境中被验证。
+
+**所以：**
+
+部署脚本就是发布流水线。开发过程中使用的更新链路，就是最终用户使用的更新链路。
+
+没有特权通道，没有隐藏开关。你用的，就是我用的。
+
+---
+
+## 为什么没有 Patch 版本？
+
+版本号格式：`2.5-LTS-260804-203825`
+
+详见：[更新策略](./update-strategy.md)
+
+---
+
+## 为什么支持 ARMHF？
+
+详见：[边缘节点部署](./edge-node.md)
+
+---
+
+## 为什么采用 Preview / LTS 双线版本？
+
+详见：[更新策略](./update-strategy.md)
+
+---
+
+## 为什么“存储换内存”？
+
+在边缘设备上，存储和内存的成本结构完全颠倒：
+
+| | 服务器 | 边缘设备 |
+|---|---|---|
+| 存储 | 昂贵（NVMe SSD） | 便宜（SD 卡 / eMMC） |
+| 内存 | 便宜（可扩展） | 昂贵（不可扩展，BGA 焊接） |
+
+**结论：**
+
+镜像大几十 MB，可以接受。内存多占 10MB，不能接受。
+
+牺牲存储空间，换来 50MB 以内的内存占用——这笔账在边缘设备上怎么算都不亏。
+
+---
+
+## 为什么用 SQLite，不用 PostgreSQL / MySQL？
+
+- 边缘设备跑不动 PostgreSQL
+- 不需要网络连接
+- 单文件备份，复制即迁移
+- 零配置，零维护
+
+符合“降低维护成本”的总体目标。
+
+---
+
+## 为什么使用 Gin 和 Vue，而不是更轻的框架？
+
+这是一个有意识的选择。
+
+frpc-console 的 Web 部分需要提供完整的图形化操作界面，不是一个简单的 API 服务。使用成熟的框架，换取开发效率和稳定性。
+
+**但要注意：**
+
+框架的选择不影响运行时资源占用。前端资源在首次加载后缓存，后端 Gin 在 idle 状态下几乎没有额外开销。
+
+---
+
+## 为什么默认不写日志？
+
+边缘设备存储有限（SD 卡 / eMMC）。
+
+默认不写日志，避免存储被写满导致设备不可用。
+
+用户需要时，可以显式开启日志功能。
+
+---
+
+## 为什么 openSUSE 在部署脚本中排第一？
+
+详见：[工程设计哲学](./engineering-philosophy.md) 中的“用户不是测试员”和“Real World First”原则。
+
+---
+
+## 为什么 Docker 和 Binary 都支持？
+
+因为使用场景不同：
+
+| 场景 | 推荐方式 |
+|---|---|
+| 现代服务器（有 Docker） | Docker |
+| 边缘设备（无 Docker） | Binary |
+| 开发者测试 | Docker |
+| 开发测试（无 Docker）| Binary |
+| 生产环境（有 Docker） | Docker |
+| 生产环境（无 Docker） | Binary |
+
+**核心原则：** 无论运行在哪里，体验应该保持一致。
+
+---
+
+## 为什么叫“阴阳模式”？
+
+详见：[工程设计哲学](./engineering-philosophy.md) 中的“阴阳模式”章节。
+
+---
+
+## 这些决策的共同点
+
+所有设计决策，都指向同一个问题：
+
+**一个长期运行的基础设施工具，应该是什么样？**
+
+答案不是“功能最多”，不是“界面最美”，而是：
+
+**降低长期维护的成本。**
+
+每一个“为什么”的答案，最终都落在这句话上。
+
+---
+
+*这份文档会持续更新。每一次新的设计决策，都会被记录在这里。*

Docs/edge-node.md

@@ -0,0 +1,154 @@
+# 边缘节点部署
+
+> *“真正需要管理工具的，往往不是机房里那台 64 核 256GB 的服务器，而是弱电箱里那块连散热片都没有的 ARM 开发板。”*
+
+---
+
+## 真实场景
+
+frpc-console 对边缘节点的支持，不是来自“市场调研”。
+
+它来自以下设备：
+
+- **全志 H3**（256MB / 512MB 内存），运行社区的精简版 ARMbian 或官方剪枝版 Debian，放在弱电箱里跑 frp 穿透
+- **RK3506**（128MB / 256MB 版本共存），没有 Docker，甚至没有 systemd
+- 老旧 ARM 开发板（ARMv7l / ARM-HF），原本可能是一块电视盒子，刷上 ARMbian 之后被重新利用
+
+这些设备的共同特征：
+
+- 存储介质：SD 卡 / eMMC（便宜，容量大，但读写速度不敏感）
+- 内存：128MB ~ 512MB（**没有任何拓展条件**）
+- 系统环境：极简化，不常用的工具基本都被剪枝，极端情况下很可能只有 Kernel + BusyBox + init
+- 网络环境：长期在线，但带宽有限
+- 物理位置：没有理由长期触及（弱电箱、吊顶、室外机柜）
+
+它们承担的工作却并不边缘：
+
+- 内网穿透
+- 远程维护通道
+- IoT 设备接入
+- 边缘计算节点
+
+---
+
+## 边缘环境特征
+
+### 存储 vs 内存：成本结构的倒挂
+
+在边缘设备上，存储和内存的成本结构与服务器完全不同：
+
+| | 服务器 | 边缘设备 |
+|---|---|---|
+| 存储 | 昂贵（NVMe SSD） | 便宜（SD 卡 / eMMC） |
+| 内存 | 便宜（可扩展） | 昂贵（不可扩展，BGA 焊接） |
+
+这意味着：
+
+**镜像大几十 MB，可以接受。内存多占 10MB，不能接受。**
+
+所以 frpc-console 的 Docker 镜像虽然包含了完整的构建环境和依赖，但它不会在运行时消耗额外内存。镜像大小和运行时内存占用，在边缘场景下是两个独立且优先级完全不同的指标。
+
+### 缺失的依赖
+
+边缘设备可能缺失以下内容：
+
+- **Docker**：很多 ARMHF 设备跑不动 Docker，或者根本没有 Docker 的预编译包
+- **systemd**：精简系统中可能只有 init 或 busybox-init
+- **glibc**：某些环境只提供 uClibc 或 musl
+- **包管理器**：内存小到一定程度的时候，它的存在堪称奢望
+
+因此，**二进制部署是边缘节点的唯一可行方案**。
+
+---
+
+## frpc-console 对边缘节点的适配
+
+### 1. 二进制静态编译
+
+frpc-console 采用 Go 编写，编译时使用 `CGO_ENABLED=0`：
+
+- 不依赖 glibc
+- 单一二进制文件
+- 可运行于 musl 环境（Alpine、BusyBox）
+- 不需要任何运行时依赖
+
+### 2. 多架构支持
+
+| 架构 | 说明 |
+|---|---|
+| x86_64 / AMD64 | 标准服务器 |
+| ARM64 / Aarch64 | 现代 ARM 设备（树莓派 3/4/5） |
+| ARMHF / ARMv7l | 老旧 ARM 设备（全志 H3、RK3506） |
+
+### 3. 无 systemd 运行方式
+
+在只有 init + BusyBox 的环境中：
+
+```bash
+# 直接运行
+./frpc-console &
+
+# 或通过 init 启动（写入 /etc/init.d/）
+```
+
+frpc-console 自身会通过 `Setsid` 为 frpc 创建独立会话，确保 frpc 在 console 退出后仍被 PID 1 接管。
+
+### 4. 数据目录设计
+
+```
+/opt/frpc-console/data/
+├── frpc-console.db    # SQLite 数据库
+├── frpc.toml          # FRP 配置文件
+├── frpc               # FRP 二进制（内置，无需额外下载）
+├── frpc.pid           # frpc 进程 PID
+├── frpc.log           # frpc 日志（可选）
+└── version.ini        # 当前版本标识
+```
+
+所有数据在同一个目录下，备份只需复制整个文件夹。
+
+### 5. 无日志默认策略
+
+边缘设备存储有限，所以：
+
+- 默认不写入日志文件
+- 日志仅在用户明确开启时写入
+- 避免 SD 卡被日志写满导致设备不可用
+
+---
+
+## 部署注意事项
+
+### 推荐的最小硬件规格
+
+| 场景 | CPU | 内存 | 存储 |
+|---|---|---|---|
+| 最小运行 | ARMv7 / ARM-HF | 128MB | 50MB（二进制 + 数据库） |
+| 推荐运行 | ARMv7 / ARM64 | 256MB | 100MB |
+| 舒适运行 | ARM64 / x86_64 | 512MB | 200MB |
+
+### 不建议部署的场景
+
+- **内存低于 64MB**：很极限，需要系统本身有极强的剪枝水准，以保证基础内存消耗不高于20M，但这并不现实
+- **存储低于 20MB**：没有足够的空间存放二进制和数据
+- **内核版本过低**（< 3.x）：某些系统调用可能不支持
+- **刷了OpenWRT的软/硬路由**：这种建议去下opkg的源包，而不是看向我们这个项目。
+
+### 网络要求
+
+- 边缘节点的网络出口带宽一般有限，首次访问 WebUI 时加载的静态资源（约 1-2MB）可能需要稍长时间
+- 后续操作仅传输 JSON 数据，流量极小
+
+---
+
+## 为什么这件事值得单独记录？
+
+因为主流开源项目在讨论 ARM 支持时，讨论的是“树莓派 4B（4GB 版本）”。
+
+而真正部署在边缘的设备，可能只有 256MB 内存，甚至连 Docker 都没有。
+
+frpc-console 对 ARMHF 的支持，不是“支持的架构列表里多了一项”，而是：
+
+**这个工具可以跑到那些真正藏在弱电箱里、承担网络基础设施工作的小板子上。**
+
+这才是边缘节点部署的意义。

Docs/engineering-philosophy.md

@@ -0,0 +1,305 @@
+# 工程设计哲学
+
+> *“Every line of code is a decision. Every document is an explanation of that decision.”*
+>
+> *（每一行代码都是一次设计决策，而每一份文档，都是对这次决策的解释。）*
+
+> *“Infrastructure software should disappear after deployment.”*
+>
+> *（基础设施软件，在部署完成以后，就应该消失。）*
+
+很多工具追求功能。
+
+很多工具追求界面。
+
+很多工具追求自动化。
+
+**但frpc-console 从来没有试图成为功能最多的 FRP 管理工具。**
+
+**它真正想解决的问题，是让一套 FRP 基础设施，在部署完成之后，能够稳定运行很多年，而几乎不需要再次打扰使用者。**
+
+如果一个工具每天提醒你更新，每天提醒你配置，每天提醒你维护——那么它已经失败了。
+
+部署，只发生一次。
+
+运行，却持续很多年。
+
+所以整个 frpc-console 都围绕这一件事情设计：
+
+**安装。配置。运行。然后——忘记它。**
+
+---
+
+## 为什么会有这个项目？
+
+最初，这只是一个给自己 Homelab 用的小工具。
+
+我需要一套简单、可靠的方式管理本地运行的 frpc。
+
+后来，在不断使用、不断重构的过程中，我意识到：
+
+真正的问题，从来不是"有没有一个管理页面"。
+
+而是：
+
+**如果 FRP 是一项长期运行的基础设施，它应该长什么样？**
+
+于是，这个项目开始慢慢偏离最初的方向。
+
+它不再只是一个 Web 面板，而是开始关注：
+
+- 生命周期管理
+- 长期维护
+- 多种部署方式
+- 极简运行环境
+- 用户真实的使用场景
+
+直到今天。
+
+---
+
+## 核心问题
+
+**一个长期运行的基础设施工具，应该是什么样？**
+
+这个问题的答案，驱动了 frpc-console 的所有设计。
+
+它不是一个功能列表，而是一套判断标准：
+
+- 功能应该增加，还是减少？
+- 部署应该复杂，还是简单？
+- 更新应该频繁，还是稳定？
+- 工具应该显眼，还是隐身？
+
+每个问题的答案，都指向同一个方向：
+
+**降低长期维护的成本。**
+
+---
+
+## 设计目标
+
+frpc-console 希望成为这样一种工具：
+
+**安装。配置。运行。然后，忘记它。**
+
+真正优秀的基础设施，不应该每天提醒用户自己的存在。
+
+它应该像交换机、路由器、UPS 一样——平时不会想到它，但需要的时候，它一直在那里。
+
+---
+
+## 设计哲学
+
+### 工具应该降低复杂度，而不是增加复杂度
+
+GUI 的意义，并不是隐藏配置文件，而是**降低维护成本**。
+
+如果一个图形界面最终比命令行更复杂，那么它已经偏离了存在的意义。
+
+### 每增加一个功能，都意味着新的维护成本
+
+功能不是越多越好。
+
+一个功能只有在真正改善体验时才值得存在。否则，宁可不做。
+
+这也是为什么：有些别人认为"理所当然"的功能，这里没有。不是不会，而是不值得。
+
+### 用户不是测试员
+
+这个项目的大多数设计，都来自于真实使用。
+
+开发者，也是第一个用户。
+
+如果一个设计连我自己都不愿意每天面对，那么它不会进入正式版本。
+
+### Docker 不是目标
+
+Docker 很重要，Binary 同样重要。
+
+真正重要的是：**无论运行在哪里，体验应该保持一致。**
+
+Docker、x86、ARM64、ARMHF，甚至极简 Linux——都应该拥有同样的管理体验。
+
+### Real World First
+
+这个项目的很多设计，都来自于真实部署，而不是 Demo。
+
+例如：
+
+- Docker 更新顺序
+- Git 拉取时机
+- 编译流程
+- 边缘部署
+- 二进制运行
+- BusyBox 环境
+
+很多看起来"奇怪"的实现，其实都来自于**踩坑**。
+
+不是设计出来的，而是试出来的。
+
+### 存储换内存，在嵌入式平台上不是交易，是生存策略
+
+镜像可以大几十 MB，但内存必须省。
+
+因为存储卡便宜，内存颗粒贵。
+
+对于 RK3506（128/256MB 版本共存）或全志 H3（256/512MB 并存）这类平台——
+
+牺牲一点存储空间（镜像大了几十 MB），换来 50MB 以内的内存占用，这笔账怎么算都不亏。
+
+---
+
+## 稳定性与可观测性
+
+"安装、配置、运行，然后忘记它"。
+
+但忘记，不等于失控。
+
+frpc-console 在设计上始终保持一个原则：
+
+**工具自身的开销，不应该成为需要被关注的对象。**
+
+所以：
+
+- 主进程在 idle 状态下 CPU 占用接近 0%
+- 内存占用控制在 20MB 以内
+- 没有额外的后台守护进程
+- 没有定期轮询的健康检查
+- 不会主动写入日志文件，除非你明确开启
+
+在真实设备上，frpc 和 frpc-console 同时运行时，两者加起来不到 30MB。
+
+这意味着，它不会成为你需要"照顾"的对象。
+
+---
+
+## 关键设计决策
+
+### 阴阳模式：面板可以挂，隧道不能停
+
+这是 frpc-console 与同类项目最核心的区别。
+
+**大多数管理工具走的是"阳阴模式"：**
+面板是大脑，业务是肢体。大脑一旦停止工作，肢体也就瘫痪了。
+
+**frpc-console 走的是"阴阳模式"：**
+业务是根基，面板是工具。
+
+- **阴**：看不见的业务流（frpc 进程、TOML 配置文件）
+- **阳**：看得见的管理面板（Web 界面、API 服务）
+
+二进制部署时，frpc-console 通过 `Setsid` 为 frpc 创建独立会话，使其完全脱离父进程的生命周期控制。
+
+即使 console 退出，frpc 也会被 init 进程（PID 1）接管，继续稳定运行。
+
+Docker 部署时，容器使用 `--restart=always`，console 退出时 Docker 自动重启并重新拉起 frpc。
+
+两种部署方式的本质一致：
+
+**面板是"阳"，服务于"阴"；"阴"不依赖"阳"而存在。**
+
+> **管理面板可以丢，业务功能打死不能停。**
+
+### 为什么叫 Console，而不是 Manager？
+
+这个命名不是随意选的。
+
+- **Manager** 暗示"管理权"，暗示它是一个控制中心，是大脑。
+- **Console** 暗示"入口"，暗示它是一个操作界面，是工具。
+
+这个区别，直接体现了项目的设计立场：
+
+**frpc-console 不接管 FRP，不成为 FRP 的依赖。它只是一个入口，让你在需要的时候，通过它来操作 FRP。**
+
+用完之后，关闭浏览器，FRP 还在跑。
+
+这就是 Console 和 Manager 的区别。
+
+### 为什么没有 CI/CD？
+
+这个项目没有复杂的 CI/CD 发布流程。
+
+不是做不到，而是选择不做。
+
+因为：
+
+- CI/CD 在云端跑，部署在真实环境跑。两者之间隔着一个"信任"的黑洞。
+- 如果发布流程和用户安装流程是两套不同的路径，维护者永远无法保证用户侧的真实体验。
+- 每一次部署，都应该在真实环境中被验证。
+
+所以，frpc-console 的部署脚本本身就是发布流水线：
+
+- 拉取代码 → 构建镜像 → 启动容器 → 写入版本 → 检查进程
+- 支持 `--dry-run` 预览、`--check` 环境检测
+- 降级前自动备份数据库
+- 保留最近 3 个镜像，便于回滚
+
+开发过程中使用的更新链路，就是最终用户使用的更新链路。
+
+没有特权通道，没有隐藏开关。
+
+你用的，就是我用的。
+
+因此，每一次更新，实际上都在验证整个部署流程。
+
+### 为什么支持 ARMHF？
+
+因为很多时候，真正需要这种工具的，并不是性能很强的服务器。
+
+而是一块全志 H3、RK3506，或者老旧 ARM 开发板——放在弱电箱里的边缘节点。
+
+它们可能没有 Docker，没有 systemd，甚至只有：
+
+- Kernel
+- BusyBox
+- init
+
+但它们依然承担着网络基础设施的工作。
+
+对于这些设备来说，图形化管理反而比高性能服务器更重要。
+
+### 为什么采用 Preview / LTS 双线版本？
+
+- **Preview**：用于验证新的设计与实现（test 分支）
+- **LTS**：保持稳定，并持续滚动维护（main 分支）
+
+某些修复不会等待下一个大版本。
+
+因为对于基础设施而言，**稳定比版本号更重要**。
+
+---
+
+## 这个项目不是什么
+
+这个项目：
+
+- 不追求成为功能最多的 FRP 管理平台
+- 不追求重新定义 FRP
+- 不追求构建自己的生态
+- 不追求让用户每天打开它
+
+它只是希望：
+
+**把复杂留给软件，把简单留给用户。**
+
+---
+
+## 最后
+
+如果有一天，你已经忘记 frpc-console 安装在哪里，也忘记它上一次更新是什么时候。
+
+但是：
+
+- FRP 依然稳定运行
+- 偶尔需要修改配置
+- 打开浏览器
+- 两分钟完成
+- 关闭
+- 继续忘记它
+
+那么，它已经完成了自己的使命。
+
+---
+
+*这份文档会持续更新。因为 frpc-console 的设计，本身就是一个不断演化的过程。每一次真实部署中遇到的新问题，都可能成为下一版设计哲学的注脚。*

Docs/install_binary.md

@@ -0,0 +1,147 @@
+## 📦 二进制安装指南
+
+> 直接下载编译好的二进制文件，开箱即用，无需 Docker、无需 Go 环境。
+
+
+### 一、📥 下载
+
+从 [Releases](https://git.whitetop.xyz/lxh2875931338/frpc-console/releases) 页面下载对应平台的二进制文件：
+
+| 平台 | 文件名 |
+|---|---|
+| Linux x86-64 | `frpc-console-linux-amd64.tar.gz` |
+| Linux ARM64 | `frpc-console-linux-arm64.tar.gz` |
+| Windows x86-64 | `frpc-console-windows-amd64.zip` |
+
+
+### 二、🐧 Linux 部署
+
+**1. 解压并放好**
+
+```bash
+tar -xzf frpc-console-linux-amd64.tar.gz
+sudo mv frpc-console-linux-amd64 /usr/local/bin/frpc-console
+sudo chmod +x /usr/local/bin/frpc-console
+```
+
+**2. 直接运行**
+
+```bash
+./frpc-console
+```
+
+默认监听 `http://localhost:9300`。
+
+**3. 注册为 systemd 服务（推荐，开机自启）**
+
+创建服务文件：
+
+```bash
+sudo nano /etc/systemd/system/frpc-console.service
+```
+
+写入：
+
+```ini
+[Unit]
+Description=frpc-console
+After=network.target
+
+[Service]
+Type=simple
+User=root
+WorkingDirectory=/opt/frpc-console
+ExecStart=/usr/local/bin/frpc-console
+Restart=always
+RestartSec=10
+
+[Install]
+WantedBy=multi-user.target
+```
+
+启动并启用：
+
+```bash
+sudo systemctl daemon-reload
+sudo systemctl enable frpc-console
+sudo systemctl start frpc-console
+sudo systemctl status frpc-console
+```
+
+
+### 三、🪟 Windows 部署
+
+**1. 解压**
+
+将 `frpc-console-windows-amd64.zip` 解压到目标文件夹，比如 `C:\frpc-console\`。
+
+**2. 直接运行**
+
+双击 `frpc-console.exe`，或打开命令行：
+
+```cmd
+cd C:\frpc-console
+frpc-console.exe
+```
+
+默认监听 `http://localhost:9300`。
+
+**3. 后台运行（隐藏窗口）**
+
+方式一：使用 `start /b`
+
+```cmd
+start /b frpc-console.exe
+```
+
+方式二：使用 `nssm` 注册为 Windows 服务
+
+```cmd
+nssm install frpc-console
+# 按提示填写路径
+nssm start frpc-console
+```
+
+
+### 四、🚀 首次访问
+
+启动后，浏览器打开：
+
+```
+http://localhost:9300
+```
+
+首次访问会自动跳转到注册页面，填写用户名和密码，完成管理员账户创建。
+
+登录后，在「隧道列表」页面点击「导入 TOML」，即可将现有的 `frpc.toml` 迁移到 WebUI 中管理。
+
+
+### 五、📂 数据目录说明
+
+默认情况下，数据文件会生成在与二进制同级的目录下：
+
+| 文件 | 说明 |
+|---|---|
+| `frpc-console.db` | SQLite 数据库 |
+| `frpc.toml` | 生成的 frpc 配置文件 |
+| `frpc.log` | frpc 运行日志 |
+| `frpc.pid` | frpc 进程 PID（Linux） |
+
+建议将数据目录单独存放，便于备份和迁移。
+
+
+### 六、🔄 升级
+
+下载新版本二进制，覆盖旧文件，重启服务即可。数据文件会自动保留，无需额外操作。
+
+**Linux systemd 升级：**
+
+```bash
+sudo systemctl stop frpc-console
+sudo cp frpc-console-linux-amd64 /usr/local/bin/frpc-console
+sudo systemctl start frpc-console
+```
+
+**Windows 升级：**
+
+停止旧进程，替换 `frpc-console.exe`，重新运行。

Docs/install_docker.md

@@ -0,0 +1,200 @@
+## 🐳 Docker 版安装指南
+
+> 推荐方式：一键脚本自动部署，无需手动安装 Go 环境，无需预先配置 Docker 镜像源。
+
+> ⚠️ **注意**：Docker 版直接从源码构建，使用的是当前所选分支（LTS / Preview）的最新代码。如需使用特定 Release 版本，请查看 [Releases](https://git.whitetop.xyz/lxh2875931338/frpc-console/releases) 并通过二进制方式部署。
+
+---
+
+### 一、📥 前置条件
+
+- **已安装 Docker**（必须，版本不限）
+- **curl**（其余依赖脚本会自动检查并安装）
+- **操作系统**：Linux（x86_64 / ARM64 / ARMv7 / ARMHF 均可）
+- **网络**：需能访问 Gitea 仓库（git.whitetop.xyz）
+
+> 💡 脚本会自动检测并配置 Docker 镜像加速，无需手动设置。
+
+---
+
+### 二、🚀 一键部署（推荐）
+
+在目标 Linux 服务器上执行：
+
+```bash
+curl -sSL https://git.whitetop.xyz/lxh2875931338/frpc-console/raw/main/run-deploy.sh | sudo bash
+```
+
+部署过程中会提示选择通道：
+
+· LTS（稳定版） → main 分支，生产环境推荐
+· Preview（技术预览版） → test 分支，尝鲜和新特性验证
+
+脚本会完整执行整个部署流程，包括镜像源自动检测与配置。
+
+---
+
+三、⚙️ 部署引擎自动完成内容
+
+deploy.sh 是一个完整的状态机驱动部署引擎，按时间顺序执行以下操作：
+
+```mermaid
+flowchart TD
+    subgraph 检测阶段
+        A[检测操作系统] --> B[检测CPU架构]
+        B --> C[检测必要工具]
+        C --> D[检测Docker环境]
+        D --> E[检测镜像源配置]
+    end
+
+    subgraph 决策阶段
+        E --> F[状态机计算]
+        F --> G[生成部署计划]
+        G --> H[用户确认]
+    end
+
+    subgraph 执行阶段
+        H --> I[拉取源码]
+        I --> J[配置镜像源]
+        J --> K[重启Docker]
+        K --> L[构建镜像]
+        L --> M[清理旧容器]
+        M --> N[启动容器]
+        N --> O[写入版本]
+    end
+
+    subgraph 验证阶段
+        O --> P[验证镜像内容]
+        P --> Q[验证数据库]
+        Q --> R[验证版本]
+    end
+
+    subgraph 清理阶段
+        R --> S[清理旧镜像]
+        S --> T[清理临时文件]
+    end
+
+    T --> U[部署完成]
+```
+
+---
+
+四、📂 数据持久化
+
+脚本默认将数据存储在 /opt/frpc-console/data/：
+
+文件 说明
+frpc-console.db SQLite 数据库（用户、隧道、配置）
+frpc.toml 当前 frpc 配置文件
+frpc.log frpc 运行日志
+frpc.pid frpc 进程 PID
+version.ini 当前版本标识
+
+升级或重建容器时，数据自动保留，不会丢失。
+
+---
+
+五、🔄 升级
+
+方式一：重新运行部署脚本（推荐）
+
+```bash
+curl -sSL https://git.whitetop.xyz/lxh2875931338/frpc-console/raw/main/run-deploy.sh | sudo bash
+```
+
+脚本会自动：
+
+1. 拉取最新代码
+2. 构建新镜像
+3. 停止并删除旧容器
+4. 启动新容器
+5. 数据卷保持不变
+
+方式二：手动更新
+
+```bash
+# 停止旧容器
+docker stop frpc-console
+docker rm frpc-console
+
+# 重新运行 deploy.sh
+curl -sSL https://git.whitetop.xyz/lxh2875931338/frpc-console/raw/main/run-deploy.sh | sudo bash
+```
+
+💡 升级时如检测到语义版本降级（如 2.6 → 2.5），脚本会自动备份数据目录，并等待用户确认后再执行。
+
+---
+
+六、🧹 常用命令
+
+```bash
+# 查看日志
+docker logs -f frpc-console
+
+# 查看 frpc 子进程状态
+docker exec frpc-console ps aux | grep frpc
+
+# 重启容器
+docker restart frpc-console
+
+# 停止容器
+docker stop frpc-console
+
+# 启动容器
+docker start frpc-console
+
+# 查看当前版本
+cat /opt/frpc-console/data/version.ini
+```
+
+---
+
+七、🌐 访问地址
+
+部署完成后，浏览器打开：
+
+```
+http://你的服务器IP:9300
+```
+
+首次访问会自动跳转到注册页面，填写用户名和密码，完成管理员账户创建。
+
+登录后，在「隧道列表」页面点击「导入 TOML」，即可将现有的 frpc.toml 迁移到 WebUI 中管理。
+
+---
+
+八、📌 手动部署（不使用脚本）
+
+如果你已有源码，或想完全手动控制：
+
+```bash
+# 1. 克隆代码
+git clone https://git.whitetop.xyz/lxh2875931338/frpc-console.git
+cd frpc-console
+
+# 2. 构建镜像
+docker build -t frpc-console:latest .
+
+# 3. 创建数据目录
+mkdir -p /opt/frpc-console/data
+
+# 4. 启动容器
+docker run -d \
+  --name frpc-console \
+  --restart=always \
+  --network host \
+  -v /opt/frpc-console/data:/app/data \
+  -e PORT=9300 \
+  -e TZ=Asia/Shanghai \
+  frpc-console:latest
+```
+
+⚠️ 手动部署不会自动处理镜像源配置、版本管理、容器冲突检测和镜像清理。建议优先使用一键部署脚本。
+
+---
+
+### 九、📖 相关文档
+
+- [部署引擎设计详解](./deployment-engine-design.md) — 了解 `deploy.sh` 的状态机设计与工程决策
+- [工程设计哲学](./engineering-philosophy.md) — 理解部署脚本背后的设计理念
+- [二进制安装指南](./install_binary.md) — 适用于无 Docker 或边缘设备场景

Docs/update-strategy.md

@@ -0,0 +1,142 @@
+# 更新策略
+
+一句话：
+
+更新策略不是为了更新
+
+而是为了让你可以几年以后</br>
+依旧知道自己运行的是哪个版本
+
+---
+
+## 版本号格式
+
+frpc-console 的版本号遵循以下格式：
+
+```
+<semver>-<channel>-<date>-<time>
+```
+
+**示例：** `2.5-LTS-260804-203825`
+
+| 组成部分 | 说明 | 示例 |
+|---|---|---|
+| **semver** | 语义版本号（主版本.次版本） | `2.5` |
+| **channel** | 发布通道 | `LTS` / `Preview` |
+| **date** | 构建日期（YYMMDD） | `260804` |
+| **time** | 构建时间（HHMMSS） | `203825` |
+
+---
+
+## 为什么没有 Patch 版本？
+
+你可能已经注意到了：
+
+**版本号里只有主版本和次版本（如 `2.5`），没有 patch 号。**
+
+这不是疏忽，而是有意识的设计选择。
+
+原因很简单：
+
+- frpc-console 的发行逻辑是标准的滚动式发行逻辑，而非完全由版本号驱动
+- 因此，frpc-console 的更新粒度是基于**构建时间戳**的，每一个不同的构建时间点，对应的可能是不一样的版本
+- 每一次构建都是一个独立的版本，通过日期时间精确标识
+- `2.5-LTS-260804-203825` 和 `2.5-LTS-260805-091422` 之间，不需要、也不应该用第三个数字来区分
+
+---
+
+## 双通道：LTS / Preview
+
+项目采用双线开发模式，对应两个不同的分支：
+
+### LTS（Long-Term Support）
+
+- **分支：** `main`
+- **定位：** 稳定版，生产环境推荐
+- **特征：** 低更新频率，可以在不接收任何冷热更新的情况下，长时间稳定自持
+- **适用场景：** 生产环境、Homelab 主节点、长期运行设备
+
+### Preview
+
+- **分支：** `test`
+- **定位：** 技术预览版，包含最新设计和实验性功能
+- **特征：** 极高更新频率，很多时候会伴随大量不稳定commit，稳定性并不佳
+- **适用场景：** 开发者用测试环境、尝鲜用户、边缘节点验证
+
+---
+
+## 更新机制
+
+### 部署脚本中的更新逻辑
+
+`deploy.sh` 脚本在每次运行时，会从远程仓库读取当前分支的最新版本：
+
+```bash
+# 从远程读取 version.ini
+SEMVER=$(curl -sSL https://git.whitetop.xyz/.../version.ini)
+
+# 根据通道生成完整版本号
+if [ "$channel" = "lts" ]; then
+    TARGET_VERSION="${SEMVER}-lts-$(date +%Y%m%d)"
+else
+    TARGET_VERSION="${SEMVER}-preview-$(date +%Y%m%d-%H%M%S)"
+fi
+```
+
+每次运行部署脚本，都会生成一个新的版本号，并写入 `data/version.ini`。
+
+### 版本比较
+
+部署脚本在更新前会检查当前版本和目标版本：
+
+```bash
+CURRENT_VERSION=$(cat /opt/frpc-console/data/version.ini)
+CUR_SEMVER=$(echo "$CURRENT_VERSION" | sed -E 's/^([0-9]+\.[0-9]+).*$/\1/')
+TGT_SEMVER=$(echo "$TARGET_VERSION" | sed -E 's/^([0-9]+\.[0-9]+).*$/\1/')
+```
+
+如果检测到**语义版本降级**（例如从 `2.6` 降到 `2.5`），脚本会：
+
+1. 发出警告
+2. 自动备份当前数据目录
+3. 等待用户确认后才继续
+
+### 通道固定原则
+
+一旦选择了一个通道（LTS 或 Preview），后续升级时**不应切换通道**：
+
+- LTS → LTS：允许，正常升级
+- Preview → Preview：允许，正常升级
+- LTS → Preview：**不推荐**，可能引入未经充分验证的变更
+- Preview → LTS：**不推荐**，可能发生版本降级
+
+如果确实需要切换通道，部署脚本会在抓取源码前，自动备份你的数据库到安全位置，但是脚本本身也存在可能的不稳定因素，此时请保证你的手中至少有一份可用的较新的toml文件，可供部署完成后恢复
+
+---
+
+## 镜像保留策略
+
+Docker 部署时，脚本会自动保留最近 **3 个** 镜像：
+
+```bash
+KEEP_IMAGES=3
+```
+
+这 3 个镜像足够用于回滚，又不会占用过多存储空间（边缘节点存储有限）。
+
+---
+
+## 为什么这套策略是合理的？
+
+1. **基础设施工具不需要频繁的版本号膨胀。** 一年发布一个大版本，中间用 LTS 累积修复，比每个小补丁都发一个新版本更符合长期运行环境的预期。
+
+2. **构建日期比 patch 号更有信息量。** `2.5-LTS-260804` 一眼就能看出是 2026 年 8 月 4 日构建的 LTS 版本，不需要查 changelog。
+
+3. **用户不需要关心 patch。** 用户只需要知道当前是 LTS 还是 Preview，以及发布日期。具体的修复内容，在更新日志里。
+
+---
+
+## 相关文档
+
+- 部署脚本的更新逻辑详见：[部署指南 - Docker版](./install_docker.md) 和 [部署指南-二进制版](./install_binary.md)
+- 版本号的设计背景详见：[工程设计哲学](./engineering-philosophy.md)

api.go

@@ -5,9 +5,11 @@ import (
 	"embed"
 	"fmt"
 	"io/fs"
+	"net"
 	"net/http"
 	"strconv"
 	"text/template"
+	"time"
 
 	"github.com/gin-gonic/gin"
 	"golang.org/x/crypto/bcrypt"
@@ -40,10 +42,13 @@ func SetupRouter() *gin.Engine {
 
 	api := r.Group("/api")
 	{
+		// ---- 公开路由（不需要认证） ----
 		api.GET("/check/users", checkUsersHandler)
 		api.POST("/register", registerHandler)
 		api.POST("/login", loginHandler)
+		api.GET("/ping", pingHandler)
 
+		// ---- 需要认证的路由 ----
 		auth := api.Group("/")
 		auth.Use(AuthMiddleware())
 		{
@@ -60,6 +65,7 @@ func SetupRouter() *gin.Engine {
 			auth.POST("/frpc/start", startFrpcHandler)
 			auth.POST("/frpc/stop", stopFrpcHandler)
 			auth.GET("/frpc/status", getFrpcStatusHandler)
+			auth.GET("/frpc/log", getFrpcLogHandler)
 
 			auth.POST("/import/toml", importTomlHandler)
 			auth.GET("/export/toml", ExportTomlHandler)
@@ -71,7 +77,7 @@ func SetupRouter() *gin.Engine {
 	return r
 }
 
-// ========== 所有 Handler ==========
+// ========== 认证 Handler ==========
 
 func checkUsersHandler(c *gin.Context) {
 	count, err := CountUsers()
@@ -219,6 +225,8 @@ func changePasswordHandler(c *gin.Context) {
 	c.JSON(http.StatusOK, gin.H{"code": 0, "msg": "密码修改成功"})
 }
 
+// ========== 配置 Handler ==========
+
 func getConfigHandler(c *gin.Context) {
 	cfg, err := GetGlobalConfig()
 	if err != nil {
@@ -254,6 +262,8 @@ func updateConfigHandler(c *gin.Context) {
 	c.JSON(http.StatusOK, gin.H{"code": 0, "msg": "配置更新成功"})
 }
 
+// ========== 隧道 Handler ==========
+
 func getProxiesHandler(c *gin.Context) {
 	proxies, err := GetProxies()
 	if err != nil {
@@ -344,6 +354,8 @@ func deleteProxyHandler(c *gin.Context) {
 	c.JSON(http.StatusOK, gin.H{"code": 0, "msg": "隧道删除成功"})
 }
 
+// ========== frpc 进程管理 Handler ==========
+
 func reloadFrpcHandler(c *gin.Context) {
 	if err := GenerateFrpcConfig(); err != nil {
 		c.JSON(http.StatusInternalServerError, gin.H{"code": 2, "msg": "生成配置失败: " + err.Error()})
@@ -381,6 +393,63 @@ func getFrpcStatusHandler(c *gin.Context) {
 	c.JSON(http.StatusOK, gin.H{"code": 0, "data": gin.H{"running": running}})
 }
 
+// ========== 日志 Handler ==========
+
+func getFrpcLogHandler(c *gin.Context) {
+	// readTailLog 在 frp.go 中定义，读取 ./data/frpc.log
+	lines, err := readTailLog("./data/frpc.log", 200)
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{
+			"code": 0,
+			"data": gin.H{
+				"lines": []string{},
+				"total": 0,
+				"error": err.Error(),
+			},
+		})
+		return
+	}
+	c.JSON(http.StatusOK, gin.H{
+		"code": 0,
+		"data": gin.H{
+			"lines": lines,
+			"total": len(lines),
+		},
+	})
+}
+
+// ========== Ping Handler ==========
+
+func pingHandler(c *gin.Context) {
+	target := c.Query("target")
+	if target == "" {
+		c.JSON(http.StatusBadRequest, gin.H{"code": 1, "msg": "缺少 target 参数"})
+		return
+	}
+
+	cfg, err := GetGlobalConfig()
+	if err != nil {
+		c.JSON(http.StatusInternalServerError, gin.H{"code": 2, "msg": "读取配置失败"})
+		return
+	}
+
+	port := cfg.ServerPort
+	address := net.JoinHostPort(target, strconv.Itoa(port))
+
+	start := time.Now()
+	conn, err := net.DialTimeout("tcp", address, 5*time.Second)
+	if err != nil {
+		c.JSON(http.StatusOK, gin.H{"code": 1, "msg": "ping 失败", "latency": -1})
+		return
+	}
+	conn.Close()
+
+	latency := time.Since(start).Milliseconds()
+	c.JSON(http.StatusOK, gin.H{"code": 0, "latency": latency})
+}
+
+// ========== 导入/导出 TOML ==========
+
 func importTomlHandler(c *gin.Context) {
 	file, err := c.FormFile("file")
 	if err != nil {
@@ -468,12 +537,19 @@ func ExportTomlHandler(c *gin.Context) {
 
 	data := struct {
 		*GlobalConfig
-		Proxies []Proxy
+		Proxies          []Proxy
+		WireProtocolLine string
 	}{
 		GlobalConfig: cfg,
 		Proxies:      activeProxies,
 	}
 
+	if cfg.WireProtocolV2 {
+		data.WireProtocolLine = `wireProtocol = "v2"`
+	} else {
+		data.WireProtocolLine = ""
+	}
+
 	tmpl, err := template.New("frpc").Parse(FrpcTemplateContent)
 	if err != nil {
 		c.JSON(http.StatusInternalServerError, gin.H{"code": 2, "msg": "解析模板失败: " + err.Error()})

db-history.go

@@ -0,0 +1,91 @@
+package main
+
+// ============================================================
+// db-history.go - Schema 版本声明与字段映射
+// ============================================================
+
+type SchemaVersionDef struct {
+	Version   string
+	TableName string
+	Columns   map[string]ColumnDef
+}
+
+type ColumnDef struct {
+	Type    string
+	NotNull bool
+	Default string
+	Primary bool
+}
+
+var schemaHistory = []SchemaVersionDef{
+	// v1：初始版本
+	{
+		Version:   "v1",
+		TableName: "proxies",
+		Columns: map[string]ColumnDef{
+			"id":          {Type: "INTEGER", Primary: true},
+			"name":        {Type: "TEXT", NotNull: true},
+			"type":        {Type: "TEXT", NotNull: true, Default: "'tcp'"},
+			"local_ip":    {Type: "TEXT", NotNull: true},
+			"local_port":  {Type: "INTEGER", NotNull: true},
+			"remote_port": {Type: "INTEGER", NotNull: true},
+			"enabled":     {Type: "INTEGER", NotNull: true, Default: "1"},
+			"created_at":  {Type: "DATETIME", Default: "CURRENT_TIMESTAMP"},
+			"updated_at":  {Type: "DATETIME", Default: "CURRENT_TIMESTAMP"},
+		},
+	},
+	// v2：当前版本（frpc-console 2.0 LTS）
+	{
+		Version:   "v2",
+		TableName: "proxies",
+		Columns: map[string]ColumnDef{
+			"id":          {Type: "INTEGER", Primary: true},
+			"name":        {Type: "TEXT", NotNull: true},
+			"type":        {Type: "TEXT", NotNull: true, Default: "'tcp'"},
+			"local_ip":    {Type: "TEXT", NotNull: true},
+			"local_port":  {Type: "INTEGER", NotNull: true},
+			"remote_port": {Type: "INTEGER", NotNull: true},
+			"enabled":     {Type: "INTEGER", NotNull: true, Default: "1"},
+			"created_at":  {Type: "DATETIME", Default: "CURRENT_TIMESTAMP"},
+			"updated_at":  {Type: "DATETIME", Default: "CURRENT_TIMESTAMP"},
+		},
+	},
+}
+
+func getSchemaDef(version string) *SchemaVersionDef {
+	for _, def := range schemaHistory {
+		if def.Version == version {
+			return &def
+		}
+	}
+	return nil
+}
+
+func getLatestSchemaDef() *SchemaVersionDef {
+	if len(schemaHistory) == 0 {
+		return nil
+	}
+	return &schemaHistory[len(schemaHistory)-1]
+}
+
+func schemaVersionsEqual(v1, v2 *SchemaVersionDef) bool {
+	if v1 == nil || v2 == nil {
+		return false
+	}
+	if v1.TableName != v2.TableName {
+		return false
+	}
+	if len(v1.Columns) != len(v2.Columns) {
+		return false
+	}
+	for name, col1 := range v1.Columns {
+		col2, ok := v2.Columns[name]
+		if !ok {
+			return false
+		}
+		if col1.Type != col2.Type || col1.NotNull != col2.NotNull || col1.Default != col2.Default {
+			return false
+		}
+	}
+	return true
+}

db.go

@@ -4,14 +4,21 @@ import (
 	"crypto/rand"
 	"database/sql"
 	"encoding/hex"
+	"fmt"
+	"io"
 	"log"
+	"os"
+	"sort"
+	"strings"
+	"time"
 
 	_ "modernc.org/sqlite"
 )
 
 var DB *sql.DB
 
-// ===== 全局配置表（A表）=====
+const SchemaVersion = "v2"
+
 type GlobalConfig struct {
 	ID                int    `json:"id"`
 	ServerAddr        string `json:"serverAddr"`
@@ -24,9 +31,9 @@ type GlobalConfig struct {
 	HeartbeatInterval int    `json:"heartbeatInterval"`
 	HeartbeatTimeout  int    `json:"heartbeatTimeout"`
 	PoolCount         int    `json:"poolCount"`
+	WireProtocolV2    bool   `json:"wireProtocolV2"`
 }
 
-// ===== 隧道表（B表）=====
 type Proxy struct {
 	ID         int    `json:"id"`
 	Name       string `json:"name"`
@@ -37,7 +44,6 @@ type Proxy struct {
 	Enabled    bool   `json:"enabled"`
 }
 
-// ===== 用户表（C表）=====
 type User struct {
 	ID           int    `json:"id"`
 	Username     string `json:"username"`
@@ -45,16 +51,37 @@ type User struct {
 	CreatedAt    string `json:"createdAt"`
 }
 
-// ===== 初始化数据库 =====
 func InitDB() error {
+	// 确保 data 目录存在
+	if err := os.MkdirAll("./data", 0755); err != nil {
+		return fmt.Errorf("创建数据目录失败: %w", err)
+	}
+
+	dbPath := "./data/frpc-console.db"
 	var err error
-	DB, err = sql.Open("sqlite", "./frpc-console.db")
+	DB, err = sql.Open("sqlite", dbPath)
 	if err != nil {
 		return err
 	}
 
-	// 用户表（C表）
+	if err := createTables(); err != nil {
-	_, err = DB.Exec(`
+		return err
+	}
+
+	if err := runMigrations(); err != nil {
+		return err
+	}
+
+	if err := ensureJwtSecret(); err != nil {
+		return err
+	}
+
+	log.Println("✅ 数据库初始化完成 (Schema " + SchemaVersion + ")")
+	return nil
+}
+
+func createTables() error {
+	_, err := DB.Exec(`
         CREATE TABLE IF NOT EXISTS users (
             id INTEGER PRIMARY KEY AUTOINCREMENT,
             username TEXT UNIQUE NOT NULL,
@@ -67,13 +94,12 @@ func InitDB() error {
 		return err
 	}
 
-	// 全局配置表（A表）
 	_, err = DB.Exec(`
         CREATE TABLE IF NOT EXISTS global_config (
             id INTEGER PRIMARY KEY CHECK (id = 1),
-            server_addr TEXT NOT NULL DEFAULT 'frp.whitetop.xyz',
+            server_addr TEXT NOT NULL DEFAULT 'frp.example.com',
-            server_port INTEGER NOT NULL DEFAULT 9358,
+            server_port INTEGER NOT NULL DEFAULT 7000,
-            token TEXT NOT NULL DEFAULT 'Lxh10020328',
+            token TEXT NOT NULL DEFAULT 'CHANGE_ME',
             log_level TEXT NOT NULL DEFAULT 'info',
             log_max_days INTEGER NOT NULL DEFAULT 3,
             tcp_mux INTEGER NOT NULL DEFAULT 1,
@@ -81,6 +107,7 @@ func InitDB() error {
             heartbeat_interval INTEGER NOT NULL DEFAULT 15,
             heartbeat_timeout INTEGER NOT NULL DEFAULT 70,
             pool_count INTEGER NOT NULL DEFAULT 8,
+            wire_protocol_v2 INTEGER NOT NULL DEFAULT 0,
             updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
         )
     `)
@@ -88,22 +115,6 @@ func InitDB() error {
 		return err
 	}
 
-	var count int
-	DB.QueryRow("SELECT COUNT(*) FROM global_config").Scan(&count)
-	if count == 0 {
-		_, err = DB.Exec(`
-            INSERT INTO global_config (
-                id, server_addr, server_port, token, log_level, log_max_days,
-                tcp_mux, tcp_mux_keepalive, heartbeat_interval, heartbeat_timeout, pool_count
-            ) VALUES (1, 'frp.whitetop.xyz', 9358, 'Lxh10020328', 'info', 3, 1, 30, 15, 70, 8)
-        `)
-		if err != nil {
-			return err
-		}
-		log.Println("✅ 全局配置初始化完成")
-	}
-
-	// 隧道表（B表）
 	_, err = DB.Exec(`
         CREATE TABLE IF NOT EXISTS proxies (
             id INTEGER PRIMARY KEY AUTOINCREMENT,
@@ -121,7 +132,6 @@ func InitDB() error {
 		return err
 	}
 
-	// 应用配置表（JWT密钥等）
 	_, err = DB.Exec(`
         CREATE TABLE IF NOT EXISTS app_config (
             key TEXT PRIMARY KEY,
@@ -133,15 +143,282 @@ func InitDB() error {
 		return err
 	}
 
-	if err := ensureJwtSecret(); err != nil {
+	var count int
-		return err
+	DB.QueryRow("SELECT COUNT(*) FROM global_config").Scan(&count)
+	if count == 0 {
+		_, err = DB.Exec(`
+            INSERT INTO global_config (
+                id, server_addr, server_port, token, log_level, log_max_days,
+                tcp_mux, tcp_mux_keepalive, heartbeat_interval, heartbeat_timeout, pool_count,
+                wire_protocol_v2
+            ) VALUES (1, 'frp.example.com', 7000, 'CHANGE_ME', 'info', 3, 1, 30, 15, 70, 8, 0)
+        `)
+		if err != nil {
+			return err
+		}
+		log.Println("✅ 全局配置初始化完成")
 	}
 
-	log.Println("✅ 数据库初始化完成")
 	return nil
 }
 
-// ===== JWT 密钥管理 =====
+func getCurrentSchemaVersion() string {
+	var version string
+	err := DB.QueryRow("SELECT value FROM app_config WHERE key = 'schema_version'").Scan(&version)
+	if err != nil {
+		if err == sql.ErrNoRows {
+			var count int
+			DB.QueryRow("SELECT COUNT(*) FROM users").Scan(&count)
+			if count > 0 {
+				return "v1"
+			}
+			return SchemaVersion
+		}
+		log.Printf("⚠️  读取 Schema 版本失败: %v", err)
+		return "v1"
+	}
+	return version
+}
+
+func setSchemaVersion(version string) error {
+	_, err := DB.Exec(`
+        INSERT INTO app_config (key, value) VALUES ('schema_version', ?)
+        ON CONFLICT(key) DO UPDATE SET value = excluded.value, updated_at = CURRENT_TIMESTAMP
+    `, version)
+	return err
+}
+
+func backupDatabase() (string, error) {
+	src := "./data/frpc-console.db"
+	if _, err := os.Stat(src); os.IsNotExist(err) {
+		return "", nil
+	}
+
+	timestamp := time.Now().Format("20060102_150405")
+	dst := fmt.Sprintf("./data/frpc-console.db.pre-%s.%s", SchemaVersion, timestamp)
+
+	srcFile, err := os.Open(src)
+	if err != nil {
+		return "", fmt.Errorf("打开源数据库失败: %w", err)
+	}
+	defer srcFile.Close()
+
+	dstFile, err := os.Create(dst)
+	if err != nil {
+		return "", fmt.Errorf("创建备份文件失败: %w", err)
+	}
+	defer dstFile.Close()
+
+	if _, err := io.Copy(dstFile, srcFile); err != nil {
+		return "", fmt.Errorf("复制数据库失败: %w", err)
+	}
+
+	log.Printf("✅ 数据库备份完成: %s", dst)
+	return dst, nil
+}
+
+func restoreDatabase(backupPath string) error {
+	srcFile, err := os.Open(backupPath)
+	if err != nil {
+		return err
+	}
+	defer srcFile.Close()
+
+	dstFile, err := os.Create("./data/frpc-console.db")
+	if err != nil {
+		return err
+	}
+	defer dstFile.Close()
+
+	if _, err := io.Copy(dstFile, srcFile); err != nil {
+		return err
+	}
+
+	log.Printf("✅ 数据库已从备份恢复: %s", backupPath)
+	return nil
+}
+
+func runMigrations() error {
+	currentVer := getCurrentSchemaVersion()
+	targetVer := SchemaVersion
+
+	log.Printf("📌 当前数据库 Schema: %s, 目标版本: %s", currentVer, targetVer)
+
+	if currentVer == targetVer {
+		var userCount int
+		err := DB.QueryRow("SELECT COUNT(*) FROM users").Scan(&userCount)
+		if err != nil || userCount == 0 {
+			log.Println("  数据库为空或无效，无需迁移，直接初始化")
+			return nil
+		}
+		log.Println("✅ Schema 已是最新，数据库有效")
+		return nil
+	}
+
+	log.Printf("🔄 检测到版本变更 (%s → %s)，开始迁移...", currentVer, targetVer)
+
+	backupPath, err := backupDatabase()
+	if err != nil {
+		return fmt.Errorf("备份数据库失败: %w", err)
+	}
+	if backupPath != "" {
+		log.Printf("📦 备份文件: %s", backupPath)
+	}
+
+	currentSchema := getSchemaDef(currentVer)
+	targetSchema := getSchemaDef(targetVer)
+
+	if targetSchema == nil {
+		return fmt.Errorf("目标 Schema 版本 %s 未在 schemaHistory 中定义", targetVer)
+	}
+
+	if currentSchema == nil || schemaVersionsEqual(currentSchema, targetSchema) {
+		log.Println("  迁移类型: 轻量复制（Schema 无变更）")
+		var userCount int
+		err := DB.QueryRow("SELECT COUNT(*) FROM users").Scan(&userCount)
+		if err != nil || userCount == 0 {
+			log.Println("  数据库为空或无效，跳过迁移，直接初始化")
+			return nil
+		}
+		log.Println("  数据库有效，继续使用")
+	} else {
+		log.Println("  迁移类型: 重型迁移（Schema 有变更，新建表 + 搬数据）")
+		if err := heavyMigration(currentSchema, targetSchema); err != nil {
+			if backupPath != "" {
+				log.Printf("❌ 迁移失败，尝试恢复备份: %s", backupPath)
+				if restoreErr := restoreDatabase(backupPath); restoreErr != nil {
+					log.Printf("⚠️  恢复备份失败: %v", restoreErr)
+				}
+			}
+			return fmt.Errorf("重型迁移失败: %w", err)
+		}
+	}
+
+	if err := setSchemaVersion(targetVer); err != nil {
+		return fmt.Errorf("更新 Schema 版本失败: %w", err)
+	}
+
+	log.Printf("✅ 迁移完成，当前 Schema: %s", targetVer)
+	return nil
+}
+
+func heavyMigration(oldDef, newDef *SchemaVersionDef) error {
+	if oldDef == nil {
+		return fmt.Errorf("旧 Schema 定义为空，无法执行重型迁移")
+	}
+
+	oldTable := oldDef.TableName
+	newTable := oldTable + "_new"
+
+	createSQL := buildCreateTableSQL(newTable, newDef)
+	log.Printf("  创建新表: %s", newTable)
+	if _, err := DB.Exec(createSQL); err != nil {
+		return fmt.Errorf("创建新表失败: %w", err)
+	}
+
+	insertSQL, err := buildInsertSQL(oldTable, newTable, oldDef, newDef)
+	if err != nil {
+		return fmt.Errorf("构建数据迁移 SQL 失败: %w", err)
+	}
+	log.Printf("  迁移数据: %s → %s", oldTable, newTable)
+	if _, err := DB.Exec(insertSQL); err != nil {
+		return fmt.Errorf("数据迁移失败: %w", err)
+	}
+
+	var oldCount, newCount int
+	DB.QueryRow(fmt.Sprintf("SELECT COUNT(*) FROM %s", oldTable)).Scan(&oldCount)
+	DB.QueryRow(fmt.Sprintf("SELECT COUNT(*) FROM %s", newTable)).Scan(&newCount)
+	if oldCount != newCount {
+		return fmt.Errorf("数据迁移不完整: 旧表 %d 行，新表 %d 行", oldCount, newCount)
+	}
+	log.Printf("  数据迁移验证通过: %d 行", newCount)
+
+	tempTable := oldTable + "_old_temp"
+	if _, err := DB.Exec(fmt.Sprintf("ALTER TABLE %s RENAME TO %s", oldTable, tempTable)); err != nil {
+		return fmt.Errorf("重命名旧表失败: %w", err)
+	}
+	if _, err := DB.Exec(fmt.Sprintf("ALTER TABLE %s RENAME TO %s", newTable, oldTable)); err != nil {
+		DB.Exec(fmt.Sprintf("ALTER TABLE %s RENAME TO %s", tempTable, oldTable))
+		return fmt.Errorf("重命名新表失败: %w", err)
+	}
+	if _, err := DB.Exec(fmt.Sprintf("DROP TABLE %s", tempTable)); err != nil {
+		log.Printf("⚠️  删除临时表失败（不影响使用）: %v", err)
+	}
+
+	log.Printf("  表交换完成: %s (新表已生效)", oldTable)
+	return nil
+}
+
+func buildCreateTableSQL(tableName string, def *SchemaVersionDef) string {
+	var cols []string
+	var primaryKey string
+
+	names := make([]string, 0, len(def.Columns))
+	for name := range def.Columns {
+		names = append(names, name)
+	}
+	sort.Strings(names)
+
+	for _, name := range names {
+		col := def.Columns[name]
+		parts := []string{name, col.Type}
+		if col.NotNull {
+			parts = append(parts, "NOT NULL")
+		}
+		if col.Default != "" {
+			parts = append(parts, "DEFAULT "+col.Default)
+		}
+		if col.Primary {
+			primaryKey = "PRIMARY KEY (" + name + ")"
+		} else {
+			cols = append(cols, strings.Join(parts, " "))
+		}
+	}
+
+	if primaryKey != "" {
+		cols = append(cols, primaryKey)
+	}
+
+	return fmt.Sprintf("CREATE TABLE %s (\n    %s\n)", tableName, strings.Join(cols, ",\n    "))
+}
+
+func buildInsertSQL(oldTable, newTable string, oldDef, newDef *SchemaVersionDef) (string, error) {
+	newCols := make([]string, 0, len(newDef.Columns))
+	for name := range newDef.Columns {
+		newCols = append(newCols, name)
+	}
+	sort.Strings(newCols)
+
+	var selectParts []string
+	var colNames []string
+
+	for _, name := range newCols {
+		colNames = append(colNames, name)
+		if _, ok := oldDef.Columns[name]; ok {
+			selectParts = append(selectParts, name)
+		} else {
+			colDef := newDef.Columns[name]
+			if colDef.Default != "" {
+				selectParts = append(selectParts, colDef.Default+" AS "+name)
+			} else if colDef.Type == "INTEGER" {
+				selectParts = append(selectParts, "0 AS "+name)
+			} else if colDef.Type == "TEXT" {
+				selectParts = append(selectParts, "'' AS "+name)
+			} else {
+				selectParts = append(selectParts, "NULL AS "+name)
+			}
+		}
+	}
+
+	return fmt.Sprintf(
+		"INSERT INTO %s (%s) SELECT %s FROM %s",
+		newTable,
+		strings.Join(colNames, ", "),
+		strings.Join(selectParts, ", "),
+		oldTable,
+	), nil
+}
+
 func ensureJwtSecret() error {
 	var value string
 	err := DB.QueryRow("SELECT value FROM app_config WHERE key = 'jwt_secret'").Scan(&value)
@@ -161,7 +438,7 @@ func ensureJwtSecret() error {
 	if err != nil {
 		return err
 	}
-	log.Printf("✅ JWT 密钥已生成并保存到数据库")
+	log.Printf("✅ JWT 密钥已生成")
 	return nil
 }
 
@@ -174,17 +451,18 @@ func GetJwtSecret() (string, error) {
 	return secret, nil
 }
 
-// ===== 全局配置 CRUD =====
 func GetGlobalConfig() (*GlobalConfig, error) {
 	var cfg GlobalConfig
 	err := DB.QueryRow(`
         SELECT id, server_addr, server_port, token, log_level, log_max_days,
-               tcp_mux, tcp_mux_keepalive, heartbeat_interval, heartbeat_timeout, pool_count
+               tcp_mux, tcp_mux_keepalive, heartbeat_interval, heartbeat_timeout, pool_count,
+               wire_protocol_v2
         FROM global_config WHERE id = 1
     `).Scan(
 		&cfg.ID, &cfg.ServerAddr, &cfg.ServerPort, &cfg.Token,
 		&cfg.LogLevel, &cfg.LogMaxDays, &cfg.TcpMux, &cfg.TcpMuxKeepalive,
 		&cfg.HeartbeatInterval, &cfg.HeartbeatTimeout, &cfg.PoolCount,
+		&cfg.WireProtocolV2,
 	)
 	if err != nil {
 		return nil, err
@@ -199,14 +477,15 @@ func UpdateGlobalConfig(cfg *GlobalConfig) error {
             server_addr = ?, server_port = ?, token = ?, log_level = ?, log_max_days = ?,
             tcp_mux = 1,
             tcp_mux_keepalive = ?, heartbeat_interval = ?, heartbeat_timeout = ?, pool_count = ?,
+            wire_protocol_v2 = ?,
             updated_at = CURRENT_TIMESTAMP
         WHERE id = 1
     `, cfg.ServerAddr, cfg.ServerPort, cfg.Token, cfg.LogLevel, cfg.LogMaxDays,
-		cfg.TcpMuxKeepalive, cfg.HeartbeatInterval, cfg.HeartbeatTimeout, cfg.PoolCount)
+		cfg.TcpMuxKeepalive, cfg.HeartbeatInterval, cfg.HeartbeatTimeout, cfg.PoolCount,
+		cfg.WireProtocolV2)
 	return err
 }
 
-// ===== 隧道 CRUD =====
 func GetProxies() ([]Proxy, error) {
 	rows, err := DB.Query(`
         SELECT id, name, type, local_ip, local_port, remote_port, enabled
@@ -226,10 +505,7 @@ func GetProxies() ([]Proxy, error) {
 		}
 		proxies = append(proxies, p)
 	}
-	if err = rows.Err(); err != nil {
+	return proxies, rows.Err()
-		return nil, err
-	}
-	return proxies, nil
 }
 
 func GetProxy(id int) (*Proxy, error) {
@@ -272,7 +548,6 @@ func DeleteProxy(id int) error {
 	return err
 }
 
-// ===== 用户 CRUD =====
 func GetUserByUsername(username string) (*User, error) {
 	var u User
 	err := DB.QueryRow(`

frp.go

@@ -4,6 +4,7 @@ import (
 	"bytes"
 	"embed"
 	"fmt"
+	"io"
 	"log"
 	"os"
 	"os/exec"
@@ -27,10 +28,6 @@ var (
 	frpcPathMutex  sync.Mutex
 )
 
-// getFrpcPath 获取 frpc 路径，优先级：
-// 1. 当前目录 ./bin/<platform>   （便于用户手动管理 frpc 版本）
-// 2. embed 解压到 /tmp           （便于开箱即用）
-// 3. 系统 PATH 中的 frpc          （降级方案）
 func getFrpcPath() (string, error) {
 	frpcPathMutex.Lock()
 	defer frpcPathMutex.Unlock()
@@ -46,14 +43,12 @@ func getFrpcPath() (string, error) {
 	switch {
 	case runtime.GOOS == "windows" && runtime.GOARCH == "amd64":
 		fileName = "frpc_windows_amd64.exe"
-	case runtime.GOOS == "windows" && runtime.GOARCH == "386":
-		fileName = "frpc_windows_386.exe"
 	case runtime.GOOS == "linux" && runtime.GOARCH == "amd64":
 		fileName = "frpc_linux_amd64"
 	case runtime.GOOS == "linux" && runtime.GOARCH == "arm64":
 		fileName = "frpc_linux_arm64"
 	case runtime.GOOS == "linux" && runtime.GOARCH == "arm":
-		fileName = "frpc_linux_armv7"
+		fileName = "frpc_linux_arm_hf"
 	default:
 		path, err := exec.LookPath("frpc")
 		if err == nil {
@@ -63,14 +58,12 @@ func getFrpcPath() (string, error) {
 		return "", fmt.Errorf("不支持的平台: %s/%s", runtime.GOOS, runtime.GOARCH)
 	}
 
-	// 优先级1：本地 ./bin/
 	localPath := filepath.Join(".", "bin", fileName)
 	if _, err := os.Stat(localPath); err == nil {
 		cachedFrpcPath = localPath
 		return localPath, nil
 	}
 
-	// 优先级2：embed 解压到临时目录
 	data, err := embeddedFrpc.ReadFile("bin/" + fileName)
 	if err == nil {
 		tmpPath := filepath.Join(os.TempDir(), "frpc")
@@ -87,17 +80,15 @@ func getFrpcPath() (string, error) {
 		}
 	}
 
-	// 优先级3：系统 PATH
 	path, err := exec.LookPath("frpc")
 	if err == nil {
 		cachedFrpcPath = path
 		return path, nil
 	}
 
-	return "", fmt.Errorf("未找到 frpc 文件 (本地 bin/、embed、PATH 均无)")
+	return "", fmt.Errorf("未找到 frpc 文件")
 }
 
-// GenerateFrpcConfig 生成 frpc.toml
 func GenerateFrpcConfig() error {
 	cfg, err := GetGlobalConfig()
 	if err != nil {
@@ -118,12 +109,19 @@ func GenerateFrpcConfig() error {
 
 	data := struct {
 		*GlobalConfig
-		Proxies []Proxy
+		Proxies          []Proxy
+		WireProtocolLine string
 	}{
 		GlobalConfig: cfg,
 		Proxies:      activeProxies,
 	}
 
+	if cfg.WireProtocolV2 {
+		data.WireProtocolLine = `wireProtocol = "v2"`
+	} else {
+		data.WireProtocolLine = ""
+	}
+
 	var tmplContent string
 	if _, err := os.Stat("frpc.tmpl"); err == nil {
 		content, readErr := os.ReadFile("frpc.tmpl")
@@ -146,16 +144,19 @@ func GenerateFrpcConfig() error {
 		return fmt.Errorf("渲染模板失败: %w", err)
 	}
 
-	if err := os.WriteFile("./frpc.toml", buf.Bytes(), 0644); err != nil {
+	if err := os.MkdirAll("./data", 0755); err != nil {
+		return fmt.Errorf("创建 data 目录失败: %w", err)
+	}
+
+	if err := os.WriteFile("./data/frpc.toml", buf.Bytes(), 0644); err != nil {
 		return fmt.Errorf("写入配置文件失败: %w", err)
 	}
 
 	return nil
 }
 
-// isFrpcRunning 通过 PID 文件检查 frpc 是否在运行
 func isFrpcRunning() bool {
-	pidData, err := os.ReadFile("./frpc.pid")
+	pidData, err := os.ReadFile("./data/frpc.pid")
 	if err != nil {
 		return false
 	}
@@ -165,7 +166,6 @@ func isFrpcRunning() bool {
 	}
 
 	if runtime.GOOS == "windows" {
-		// Windows 用 tasklist 检查
 		cmd := exec.Command("tasklist", "/FI", "PID eq", strconv.Itoa(pid))
 		output, err := cmd.CombinedOutput()
 		if err != nil {
@@ -174,7 +174,6 @@ func isFrpcRunning() bool {
 		return strings.Contains(string(output), strconv.Itoa(pid))
 	}
 
-	// Linux/Unix: 用 kill 0 检查进程是否存在
 	process, err := os.FindProcess(pid)
 	if err != nil {
 		return false
@@ -182,14 +181,17 @@ func isFrpcRunning() bool {
 	return process.Signal(syscall.Signal(0)) == nil
 }
 
-// StartFrpc 启动 frpc（独立进程，脱离父进程）
 func StartFrpc() error {
 	frpcPath, err := getFrpcPath()
 	if err != nil {
 		return fmt.Errorf("获取 frpc 路径失败: %w", err)
 	}
 
-	if _, err := os.Stat("./frpc.toml"); os.IsNotExist(err) {
+	if err := os.MkdirAll("./data", 0755); err != nil {
+		return fmt.Errorf("创建 data 目录失败: %w", err)
+	}
+
+	if _, err := os.Stat("./data/frpc.toml"); os.IsNotExist(err) {
 		if err := GenerateFrpcConfig(); err != nil {
 			return fmt.Errorf("生成配置文件失败: %w", err)
 		}
@@ -199,17 +201,13 @@ func StartFrpc() error {
 		return nil
 	}
 
-	// 清理旧的 PID 文件
+	os.Remove("./data/frpc.pid")
-	os.Remove("./frpc.pid")
 
-	cmd := exec.Command(frpcPath, "-c", "./frpc.toml")
+	cmd := exec.Command(frpcPath, "-c", "./data/frpc.toml")
 	setWindowHide(cmd)
-
-	// ✅ 设置进程属性（Unix: Setsid 脱离父进程，Windows: 不处理）
 	setSysProcAttr(cmd)
 
-	// 把输出重定向到日志文件
+	logFile, err := os.OpenFile("./data/frpc.log", os.O_CREATE|os.O_WRONLY|os.O_APPEND, 0644)
-	logFile, err := os.OpenFile("./frpc.log", os.O_CREATE|os.O_WRONLY|os.O_APPEND, 0644)
 	if err != nil {
 		return fmt.Errorf("打开日志文件失败: %w", err)
 	}
@@ -220,29 +218,34 @@ func StartFrpc() error {
 		return fmt.Errorf("启动 frpc 失败: %w", err)
 	}
 
-	// ✅ 保存 PID 到文件
+	// 回收子进程（防止僵尸进程）
-	if err := os.WriteFile("./frpc.pid", []byte(fmt.Sprintf("%d", cmd.Process.Pid)), 0644); err != nil {
+	go func() {
+		if err := cmd.Wait(); err != nil {
+			log.Printf("frpc 子进程退出: %v", err)
+		}
+		// 子进程退出后清理 PID 文件
+		os.Remove("./data/frpc.pid")
+	}()
+
+	if err := os.WriteFile("./data/frpc.pid", []byte(fmt.Sprintf("%d", cmd.Process.Pid)), 0644); err != nil {
 		return fmt.Errorf("保存 PID 失败: %w", err)
 	}
 
 	return nil
 }
 
-// StopFrpc 停止 frpc（通过 PID 文件精准杀进程）
 func StopFrpc() error {
 	if runtime.GOOS == "windows" {
 		cmd := exec.Command("taskkill", "/F", "/IM", "frpc.exe")
 		if err := cmd.Run(); err != nil && !strings.Contains(err.Error(), "not found") {
 			return fmt.Errorf("停止 frpc 失败: %w", err)
 		}
-		os.Remove("./frpc.pid")
+		os.Remove("./data/frpc.pid")
 		return nil
 	}
 
-	// Linux: 读取 PID 文件精准杀进程
+	pidData, err := os.ReadFile("./data/frpc.pid")
-	pidData, err := os.ReadFile("./frpc.pid")
 	if err != nil {
-		// 降级到 pkill
 		cmd := exec.Command("pkill", "-f", "frpc")
 		if err := cmd.Run(); err != nil && !strings.Contains(err.Error(), "no process") {
 			return fmt.Errorf("停止 frpc 失败: %w", err)
@@ -253,7 +256,7 @@ func StopFrpc() error {
 	pid, _ := strconv.Atoi(strings.TrimSpace(string(pidData)))
 	process, err := os.FindProcess(pid)
 	if err != nil {
-		os.Remove("./frpc.pid")
+		os.Remove("./data/frpc.pid")
 		return nil
 	}
 
@@ -261,16 +264,14 @@ func StopFrpc() error {
 		return fmt.Errorf("杀死进程失败: %w", err)
 	}
 
-	os.Remove("./frpc.pid")
+	os.Remove("./data/frpc.pid")
 	return nil
 }
 
-// GetFrpcStatus 获取 frpc 运行状态（通过 PID 文件）
 func GetFrpcStatus() (bool, error) {
 	return isFrpcRunning(), nil
 }
 
-// ReloadFrpc 热加载，失败时自动降级为重启
 func ReloadFrpc() error {
 	running := isFrpcRunning()
 	if !running {
@@ -282,7 +283,7 @@ func ReloadFrpc() error {
 		return fmt.Errorf("获取 frpc 路径失败: %w", err)
 	}
 
-	cmd := exec.Command(frpcPath, "reload", "-c", "./frpc.toml")
+	cmd := exec.Command(frpcPath, "reload", "-c", "./data/frpc.toml")
 	_, err = cmd.CombinedOutput()
 	if err != nil {
 		log.Printf("⚠️  热加载失败 (%v)，自动降级为重启 frpc", err)
@@ -296,3 +297,77 @@ func ReloadFrpc() error {
 	}
 	return nil
 }
+
+// readTailLog 读取文件末尾 n 行
+func readTailLog(filePath string, n int) ([]string, error) {
+	file, err := os.Open(filePath)
+	if err != nil {
+		return nil, err
+	}
+	defer file.Close()
+
+	info, err := file.Stat()
+	if err != nil {
+		return nil, err
+	}
+	fileSize := info.Size()
+	if fileSize == 0 {
+		return []string{}, nil
+	}
+
+	const chunkSize = 4096
+	var lines []string
+	var leftover []byte
+	offset := fileSize
+
+	for len(lines) < n && offset > 0 {
+		readSize := chunkSize
+		if offset < int64(chunkSize) {
+			readSize = int(offset)
+		}
+		offset -= int64(readSize)
+
+		buf := make([]byte, readSize)
+		_, err := file.ReadAt(buf, offset)
+		if err != nil && err != io.EOF {
+			return nil, err
+		}
+
+		data := append(buf, leftover...)
+		leftover = nil
+
+		start := 0
+		for i := len(data) - 1; i >= 0; i-- {
+			if data[i] == '\n' {
+				if i+1 < len(data) {
+					line := string(data[i+1:])
+					if line != "" {
+						lines = append([]string{line}, lines...)
+						if len(lines) >= n {
+							break
+						}
+					}
+				}
+				start = i
+			}
+		}
+
+		if len(lines) < n && start > 0 {
+			leftover = data[:start]
+		}
+	}
+
+	if len(lines) < n && len(leftover) > 0 {
+		parts := strings.Split(string(leftover), "\n")
+		for i := len(parts) - 1; i >= 0; i-- {
+			if parts[i] != "" {
+				lines = append([]string{parts[i]}, lines...)
+				if len(lines) >= n {
+					break
+				}
+			}
+		}
+	}
+
+	return lines, nil
+}

frpc.tmpl

@@ -15,6 +15,9 @@ tcpMuxKeepaliveInterval = {{.TcpMuxKeepalive}}
 heartbeatInterval = {{.HeartbeatInterval}}
 heartbeatTimeout = {{.HeartbeatTimeout}}
 poolCount = {{.PoolCount}}
+{{if .WireProtocolLine}}
+{{.WireProtocolLine}}
+{{end}}
 
 [webServer]
 addr = "127.0.0.1:7400"

main.go

@@ -2,15 +2,29 @@ package main
 
 import (
 	"log"
+	"os"
+	"strings"
 	"time"
 )
 
 func main() {
+	// 确保 data 目录存在
+	if err := os.MkdirAll("./data", 0755); err != nil {
+		log.Printf("⚠️  创建 data 目录失败: %v", err)
+	}
+
+	// 读取 version.ini 显示版本
+	if data, err := os.ReadFile("./data/version.ini"); err == nil {
+		version := strings.TrimSpace(string(data))
+		log.Printf("📌 版本: %s", version)
+	} else {
+		log.Printf("📌 版本: (未记录)")
+	}
+
 	if err := InitDB(); err != nil {
 		log.Fatal("❌ 数据库初始化失败:", err)
 	}
 
-	// 启动时生成配置并启动 frpc
 	if err := GenerateFrpcConfig(); err != nil {
 		log.Println("⚠️  生成配置文件失败:", err)
 	}
@@ -19,7 +33,6 @@ func main() {
 		log.Println("⚠️  启动 frpc 失败:", err)
 	}
 
-	// ✅ 启动 Watchdog：每 30 秒检查一次 frpc 状态，挂了自动重启
 	go startWatchdog()
 
 	r := SetupRouter()
@@ -32,7 +45,6 @@ func main() {
 	}
 }
 
-// Watchdog 协程：定期检查 frpc 是否存活
 func startWatchdog() {
 	ticker := time.NewTicker(30 * time.Second)
 	defer ticker.Stop()

readme.md

@@ -1,236 +1,60 @@
-# 🚀 frpc-console
+<p align="center">
+  <img src="static/logo.svg" alt="frpc-console" width="360" />
+</p>
 
-> 轻量级 frpc 管理面板 —— 为你的内网穿透插上翅膀
+# frpc-console
 
+[![Release](https://img.shields.io/gitea/v/release/lxh2875931338/frpc-console?gitea_url=https://git.whitetop.xyz)](https://git.whitetop.xyz/lxh2875931338/frpc-console/releases)
 [![Go Version](https://img.shields.io/badge/Go-1.21+-00ADD8?style=flat&logo=go)](https://golang.org/)
 [![License](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
-[![Release](https://img.shields.io/github/v/release/lxh2875931338/frpc-console)](https://git.whitetop.xyz/lxh2875931338/frpc-console/releases)
+
+**专为超长期frpc部署而设计。**
+
+一个基于实际工程实践而构建的——轻量级生命周期控制台。
+
+同时也是一个为边缘环境设计的、自包含的、具备发行版级更新策略的 frp 运维基础设施
+
+**安装一次。配置一次。然后——忘记它。**
 
 ---
 
-## 📖 简介
+## 📖 文档索引
+| 目录 | 简要说明 |
+|---|---|
+| [📖 工程设计哲学](./Docs/engineering-philosophy.md) | 为什么它会长成今天这样 |
+| [🏗 架构设计](./Docs/architecture.md)  | 整体架构设计思路 |
+| [🚀 部署引擎设计](./Docs/deployment-engine-design.md)  | deploy 的完整架构设计 |
+| [🌐 边缘节点](./Docs/edge-node.md)  | 为什么支持 BusyBox、ARMHF |
+| [🔄 更新策略](./Docs/update-strategy.md)  | Preview / LTS |
+| [⚙ 设计决策](./Docs/design-decisions.md)  | 为什么没有 CI？为什么叫 Console？ |
 
-**frpc-console** 是一个专为 [frp](https://github.com/fatedier/frp) 设计的轻量级管理工具。它解决了 frpc 配置文件手动维护繁琐、缺少可视化界面的痛点，让你在浏览器中轻松管理所有隧道。
+---
 
-### ✨ 核心特性
+> *“最好的基础设施工具，是当你部署完毕、配置妥当之后，便几乎感觉不到它还在运行的那一个。”*
 
-- 🔐 **首次启动引导** —— Web 端完成管理员注册，无需 CLI 交互
+如果想了解这句话背后的设计思考：
-- 📋 **隧道全生命周期管理** —— 增删改查 + 一键启用/禁用
+
-- 📦 **导入/导出 TOML** —— 无缝迁移现有 frpc 配置
+📖 阅读[《工程设计哲学》→](./Docs/engineering-philosophy.md) 
-- 🔄 **配置热加载** —— 修改即生效，无需重启 frpc
-- 🖥️ **多平台支持** —— Windows / Linux / ARM 全平台兼容
-- 🐳 **容器化就绪** —— 提供 Docker 镜像，开箱即用
-- 🎨 **深色磨砂玻璃 UI** —— 现代化视觉体验，日夜皆宜
 
 ---
 
 ## 🚀 快速开始
 
-### 方式一：直接运行二进制
+选择适合您环境的部署方法：
 
-从 [Releases](https://git.whitetop.xyz/lxh2875931338/frpc-console/releases) 下载对应平台版本：
+- [二进制安装指南](./Docs/install_binary.md)
+- [Docker 安装指南](./Docs/install_docker.md)
 
-```bash
+首次访问：
-# Linux / macOS
-chmod +x frpc-console
-./frpc-console
 
-# Windows
+1. 注册管理员账户。
-frpc-console.exe
+2. 导入你的 `frpc.toml`。
-```
 
-首次启动会在终端提示设置管理员账户，之后访问 http://localhost:8080 即可。
+然后——
 
-### 方式二：Docker 运行
+**忘记它。**
-
-```bash
-docker run -d \
-  --name frpc-console \
-  -p 9300:9300 \
-  -v ./data:/app/data \
-  lxh2875931338/frpc-console:latest
-```
-
-### 方式三：源码编译
-
-```bash
-git clone https://github.com/lxh2875931338/frpc-console.git
-cd frpc-console
-go mod tidy
-go build -o frpc-console .
-./frpc-console
-```
-
-## 🗂️ 项目结构
-```txt
-frpc-console/
-├── main.go              # 入口
-├── api.go               # HTTP 路由 & Handler
-├── db.go                # SQLite 数据库操作
-├── auth.go              # JWT 认证 & 密码管理
-├── frp.go               # frpc 管理核心逻辑
-├── toml_parser.go       # TOML 解析器
-├── static/              # 前端静态资源
-│   ├── index.html
-│   ├── app.js
-│   ├── style-1.css      # 全局基础样式
-│   ├── style-2.css      # 登录页样式
-│   └── style-3.css      # 主界面样式
-├── bin/                 # 内嵌 frpc 二进制 (多平台)
-│   ├── frpc_windows_amd64.exe
-│   ├── frpc_linux_amd64
-│   └── frpc_linux_arm64
-├── frpc.tmpl            # frpc 配置模板
-├── Dockerfile
-└── go.mod
-```
-
-## ⚙️ 配置说明
-
-### 环境变量
-
-| 变量 | 说明 | 默认值 |
-|---|---|---|
-| PORT | 监听端口 | 9300 |
-
-
-### 数据存储
-
-· 数据库文件：./frpc-console.db
-· frpc 配置文件：./frpc.toml
-· frpc 日志文件：./frpc.log
 
 ---
 
-## 🛠️ 开发指南
+[**MIT License © 2026 lxh2875931338（XHLiang0）**](./License.md) · [GitHub](https://github.com/XHLiang0) · [致谢](./Docs/acknowledgment.md)
 
-```bash
-# 克隆项目
-git clone https://github.com/lxh2875931338/frpc-console.git
-cd frpc-console
-
-# 安装依赖
-go mod tidy
-
-# 开发模式运行
-go run .
-
-# 编译生产版本
-go build -ldflags="-s -w" -o frpc-console .
-```
-
-## 前端开发
-
-前端使用 Vue 3 CDN + Naive UI，无需额外构建工具。修改 static/ 目录下的文件后，刷新浏览器即可预览效果。
-
----
-
-### 📦 构建 Docker 镜像
-
-```bash
-# 构建 amd64 镜像
-docker build -t frpc-console:amd64 .
-
-# 多架构构建 (需要 buildx)
-docker buildx build --platform linux/amd64,linux/arm64 -t frpc-console:latest --push .
-```
-
----
-
-## 🔧 常见问题
-
-#### Q: 如何修改管理员密码？
-
-登录后，在「全局配置」页面顶部找到「账户管理」区域，输入当前密码和新密码即可。
-
-#### Q: 如何导入现有的 frpc.toml？
-
-在「隧道列表」页面点击「导入 TOML」，选择你的 frpc.toml 文件即可。
-
-#### Q: frpc 启动失败怎么办？
-
-检查 frpc.toml 配置是否正确，或查看 ./frpc.log 日志文件。
-
-#### Q: 支持哪些 frp 版本？
-
-目前支持情况如下：
-
-| 系统 | 架构版本 | 版本号 |
-|---|---|---|
-| Linux | AMD64/x86-64 | 0.70.0 |
-| Linux | ARM64/Aarch64 | 0.70.0 |
-| Windows | AMD64/x86-64 | 0.69.0 |
-
-> 不是Windows不配高版本，是直到现在frp设计者那边0.70.0都没发Windows版本</br>（除非我单独下载下来make一个0.70.0的Windows，但是作者没放出来，肯定是有原因的）
-
-#### Q: 为什么不用 / 不推荐 Podux？
-
-Podux 是个好项目，理念上和我们是一致的：用 Web 界面管理 frpc</br>
-但它的设计取向和我们完全不同：
-
-| 对比项 | frpc-console | Podux |
-|---|---|---|
-| 数据库 | SQLite（单文件，几 MB） | PocketBase（带 Admin UI、用户系统、全套 API） |
-| 前端 | Vue CDN | React + Webpack |
-| 实机内存占用 | **~50 MB** | **没启动成功，1GB RAM 独立分配仍 OOM（原因不明）** |
-| 镜像大小 | 封装多平台二进制frpc后 120.28 MB | 76.1 MB |
-| 部署方式 | 单二进制 / Docker | 单二进制 / Docker |
-| 多平台支持 | ✅ 原生交叉编译 | ✅ 原生交叉编译 |
-
-> Podux 与其说是一个 frp 控制面板，不如说是一个“一站式 frp 管理器 + 可视化数据流面板 + 通道保活监测工具”。这种一站式本身没毛病，甚至功能实现非常到位。</br>但 podux的框架选型有点重，而且很明显细节稍显仓促。PocketBase 自带 WebUI 的情况下，Podux 还要再包一层 WebUI——相当于给数据库的 UI 又套了个 UI。更费解的是，这层 WebUI 只支持导入，不支持导出。这设计确实让人有点摸不着头脑。</br>这也正是我们选择 SQLite + Vue CDN 的原因。
-
-
-### Q: 为什么不直接用 frp 官方提供的 web 界面？
-
-frp 官方确实提供了 `dashboard` 和 `frpc-admin` 功能，但它们更多是“监控”视角，而非“管理”视角。你需要手动编辑配置文件，重启 frpc，或者依赖命令行操作。
-
-frpc-console 的目标是：
-- **点一点就能新增隧道**
-- **开关一拨就能启用/禁用**
-- **导入导出无缝迁移**
-- **热加载无需重启**
-
-### Q: 支持 frp 的所有功能吗？
-
-frpc-console 覆盖了 frp 最核心的 **TCP 隧道管理** 功能，包括 `tcpMux`、负载均衡、心跳配置等。如果你有更复杂的需求（比如 STCP、XTCP、P2P），欢迎提 issue，我们会评估是否加入。
-
----
-
-## 🧠 设计哲学
-
-frpc-console 遵循 **“够用就好”** 的原则：
-
-1. **frp 是轻量工具，管理工具也应该是轻量的。**
-2. **能用 SQLite 就不用 PostgreSQL，能用 Vue CDN 就不用 React 全家桶。**
-3. **前端能做的事，后端不加额外复杂度。**
-4. **删掉一个容器等于删掉所有垃圾，所以用 Docker 隔离是对的。**
-
----
-
-## 📝 更新日志
-
-### 1.0-Release (2026-07-24)
-
-· 🎉 首次发布</br>
-· ✨ 支持隧道增删改查</br>
-· ✨ 支持 TOML 导入/导出</br>
-· ✨ 首次启动 Web 注册</br>
-· ✨ 深色磨砂玻璃 UI</br>
-· ✨ 多平台 frpc 自动适配</br>
-· 🐳 Docker 镜像支持
-
-### .0-Release (正在修整，后续开发)
-
----
-
-## 📄 许可证
-
-MIT License © 2026 lxh2875931338
-
----
-
-## 🙏 致谢
-
-· fatedier/frp —— 强大的内网穿透工具</br>
-· gin-gonic/gin —— 高性能 Go Web 框架</br>
-· vuejs/vue —— 渐进式 JavaScript 框架

run-deploy.sh

@@ -0,0 +1,115 @@
+#!/bin/bash
+
+# ============================================================
+# frpc-console 部署入口（前置引导脚本）
+# 此脚本固定在 main 分支，永不变化。
+# 职责：引导用户选择通道，拉取对应分支的 deploy.sh 并执行
+# 
+# 用法:
+#   curl -sSL https://git.whitetop.xyz/.../run-deploy.sh | sudo bash
+#   curl -sSL https://git.whitetop.xyz/.../run-deploy.sh | sudo bash -s -- --channel preview
+# ============================================================
+
+set -e
+
+if [ -t 1 ]; then
+    RED='\033[0;31m'; GREEN='\033[0;32m'; YELLOW='\033[1;33m'
+    BLUE='\033[0;34m'; CYAN='\033[0;36m'; MAGENTA='\033[0;35m'; NC='\033[0m'
+else
+    RED=''; GREEN=''; YELLOW=''; BLUE=''; CYAN=''; MAGENTA=''; NC=''
+fi
+
+print_info() { echo -e "${BLUE}[INFO]${NC} $1"; }
+print_error() { echo -e "${RED}[✗]${NC} $1"; }
+
+REPO_URL="https://git.whitetop.xyz/lxh2875931338/frpc-console.git"
+WORK_DIR="/tmp/frpc-console-deploy"
+CHANNEL=""
+BRANCH=""
+
+parse_args() {
+    for arg in "$@"; do
+        case $arg in
+            --channel)
+                shift; CHANNEL="$1"
+                ;;
+            --channel=*)
+                CHANNEL="${arg#*=}"
+                ;;
+            --help|-h)
+                echo "用法: curl .../run-deploy.sh | sudo bash -s -- [选项]"
+                echo ""
+                echo "选项:"
+                echo "  --channel lts       使用 LTS 通道 (main 分支)"
+                echo "  --channel preview   使用 Preview 通道 (test 分支)"
+                echo "  --help, -h          显示帮助信息"
+                exit 0
+                ;;
+            *)
+                print_error "未知选项: $arg"
+                echo "使用 --help 查看帮助"
+                exit 1
+                ;;
+        esac
+    done
+}
+
+select_channel() {
+    if [ -n "$CHANNEL" ]; then
+        if [ "$CHANNEL" != "lts" ] && [ "$CHANNEL" != "preview" ]; then
+            print_error "无效通道: $CHANNEL (仅支持 lts / preview)"
+            exit 1
+        fi
+        BRANCH="$([ "$CHANNEL" = "preview" ] && echo "test" || echo "main")"
+        print_info "使用命令行参数: ${CHANNEL} 通道 (${BRANCH} 分支)"
+        return
+    fi
+
+    echo ""
+    echo -e "${CYAN}请选择部署通道:${NC}"
+    echo "  1. LTS (稳定版，生产推荐) [默认] → main 分支"
+    echo "  2. Preview (技术预览版，包含新特性) → test 分支"
+    echo ""
+    read -p "请选择 [1]: " CHANNEL_INPUT </dev/tty
+    CHANNEL_INPUT=${CHANNEL_INPUT:-1}
+    case $CHANNEL_INPUT in
+        1|"") CHANNEL="lts"; BRANCH="main" ;;
+        2) CHANNEL="preview"; BRANCH="test" ;;
+        *) print_error "无效选择"; exit 1 ;;
+    esac
+    print_info "已选择: ${CHANNEL} 通道 (${BRANCH} 分支)"
+}
+
+fetch_and_run() {
+    local deploy_url="https://git.whitetop.xyz/lxh2875931338/frpc-console/raw/${BRANCH}/deploy.sh"
+    echo ""
+    echo -e "${CYAN}▶ 从 ${BRANCH} 分支拉取 deploy.sh...${NC}"
+    rm -rf "$WORK_DIR"
+    mkdir -p "$WORK_DIR"
+    cd "$WORK_DIR"
+    if ! curl -sSL -o deploy.sh "$deploy_url"; then
+        print_error "无法下载 deploy.sh: $deploy_url"
+        exit 1
+    fi
+    chmod +x deploy.sh
+    echo -e "${GREEN}[✓] deploy.sh 已拉取${NC}"
+    echo ""
+    echo -e "${CYAN}▶ 执行部署脚本...${NC}"
+    echo ""
+    export DEPLOY_CHANNEL="$CHANNEL"
+    export DEPLOY_BRANCH="$BRANCH"
+    exec ./deploy.sh "$@"
+}
+
+main() {
+    clear 2>/dev/null || true
+    echo -e "${MAGENTA}════════════════════════════════════════════════════════${NC}"
+    echo -e "${MAGENTA}  frpc-console 部署入口${NC}"
+    echo -e "${MAGENTA}════════════════════════════════════════════════════════${NC}"
+    echo ""
+    parse_args "$@"
+    select_channel
+    fetch_and_run "$@"
+}
+
+main "$@"

script/build.go

@@ -9,6 +9,7 @@ import (
 	"os/exec"
 	"path/filepath"
 	"strings"
+	"time"
 )
 
 type Platform struct {
@@ -20,18 +21,89 @@ type Platform struct {
 
 var platforms = []Platform{
 	{"windows", "amd64", "Windows x86-64", ".exe"},
-	{"windows", "386", "Windows x86", ".exe"},
 	{"linux", "amd64", "Linux x86-64", ""},
 	{"linux", "arm64", "Linux ARM64", ""},
-	{"linux", "armv7", "Linux ARMv7", ""},
+	{"linux", "arm", "Linux ARMv7l", ""},
 }
 
 const (
-	Version   = "1.0.0"
+	BuildTime = "2026-07-29"
-	BuildTime = "2026-07-24"
 	Binary    = "frpc-console"
 )
 
+// ============================================================
+// 版本管理核心
+// ============================================================
+
+func readVersion() (semver string, ltsDate string) {
+	data, err := os.ReadFile("./version.ini")
+	if err != nil {
+		return "0.0.0", ""
+	}
+	lines := strings.Split(string(data), "\n")
+	var content string
+	for _, line := range lines {
+		line = strings.TrimSpace(line)
+		if line == "" || strings.HasPrefix(line, ";") || strings.HasPrefix(line, "#") {
+			continue
+		}
+		content = line
+		break
+	}
+	parts := strings.Fields(content)
+	if len(parts) < 1 {
+		return "0.0.0", ""
+	}
+	semver = parts[0]
+	if len(parts) > 1 {
+		ltsDate = parts[1]
+	}
+	return semver, ltsDate
+}
+
+func getVersionType(semver string) string {
+	parts := strings.Split(semver, ".")
+	if len(parts) < 2 {
+		return "preview"
+	}
+	minor := parts[1]
+	if minor == "0" || minor == "5" {
+		return "lts"
+	}
+	return "preview"
+}
+
+func getFullVersion() string {
+	semver, ltsDate := readVersion()
+	vType := getVersionType(semver)
+
+	switch vType {
+	case "lts":
+		if ltsDate == "" {
+			ltsDate = time.Now().Format("20060102")
+		}
+		return semver + "-lts-" + ltsDate
+	default:
+		timestamp := time.Now().Format("20060102-150405")
+		return semver + "-preview-" + timestamp
+	}
+}
+
+func getImageTag() string {
+	semver, ltsDate := readVersion()
+	vType := getVersionType(semver)
+
+	switch vType {
+	case "lts":
+		if ltsDate == "" {
+			ltsDate = time.Now().Format("20060102")
+		}
+		return semver + "-lts-" + ltsDate
+	default:
+		return "preview-" + time.Now().Format("20060102-150405")
+	}
+}
+
 func main() {
 	if len(os.Args) > 1 {
 		target := os.Args[1]
@@ -45,6 +117,12 @@ func main() {
 		case "list":
 			listPlatforms()
 			return
+		case "version":
+			fmt.Println(getFullVersion())
+			return
+		case "image-tag":
+			fmt.Println(getImageTag())
+			return
 		}
 		for _, p := range platforms {
 			if target == p.OS+"/"+p.Arch {
@@ -53,8 +131,8 @@ func main() {
 			}
 		}
 		fmt.Println("❌ 不支持的平台:", target)
-		fmt.Println("   可用: windows/amd64, windows/386, linux/amd64, linux/arm64, linux/armv7")
+		fmt.Println("   可用: windows/amd64, linux/amd64, linux/arm64, linux/arm")
-		fmt.Println("   或: all, list, clean")
+		fmt.Println("   或: all, list, clean, version, image-tag")
 		return
 	}
 	interactiveMenu()
@@ -69,15 +147,19 @@ func listPlatforms() {
 
 func interactiveMenu() {
 	fmt.Println("========================================")
-	fmt.Println("  frpc-console 多平台构建工具 v" + Version)
+	fmt.Println("  frpc-console 多平台构建工具")
 	fmt.Println("========================================")
 	fmt.Println()
+	fmt.Println("  当前版本:", getFullVersion())
+	fmt.Println("  镜像标签:", getImageTag())
+	fmt.Println()
 
 	for i, p := range platforms {
 		fmt.Printf("  %d. %s (%s/%s)\n", i+1, p.Name, p.OS, p.Arch)
 	}
 	fmt.Println("  a. 全部构建")
 	fmt.Println("  c. 清理构建产物")
+	fmt.Println("  v. 显示版本信息")
 	fmt.Println("  q. 退出")
 	fmt.Println()
 
@@ -97,6 +179,10 @@ func interactiveMenu() {
 	case "a":
 		buildAll()
 		return
+	case "v":
+		fmt.Println("版本:", getFullVersion())
+		fmt.Println("镜像标签:", getImageTag())
+		return
 	default:
 		var idx int
 		if n, err := fmt.Sscanf(input, "%d", &idx); n == 1 && err == nil && idx >= 1 && idx <= len(platforms) {
@@ -126,12 +212,22 @@ func build(p Platform, silent bool) {
 		return
 	}
 
-	outName := Binary + "-" + p.OS + "-" + p.Arch + p.Ext
+	fullVersion := getFullVersion()
+	imageTag := getImageTag()
+
+	outName := Binary + "-" + p.OS + "-" + p.Arch
+	if p.Arch == "arm" {
+		outName += "v7"
+	}
+	outName += p.Ext
 	outPath := filepath.Join(outDir, outName)
 
-	// 用 "go" 而不是硬编码路径，让系统去 PATH 里找
 	cmd := exec.Command("go", "build",
-		"-ldflags=-s -w -X main.version="+Version,
+		"-ldflags="+
+			"-s -w "+
+			"-X main.buildVersion="+fullVersion+" "+
+			"-X main.buildImageTag="+imageTag+" "+
+			"-X main.buildTime="+BuildTime,
 		"-o", outPath,
 		".",
 	)
@@ -140,6 +236,11 @@ func build(p Platform, silent bool) {
 		"GOARCH="+p.Arch,
 		"CGO_ENABLED=0",
 	)
+
+	if p.Arch == "arm" {
+		cmd.Env = append(cmd.Env, "GOARM=7")
+	}
+
 	cmd.Stdout = os.Stdout
 	cmd.Stderr = os.Stderr
 
@@ -150,6 +251,7 @@ func build(p Platform, silent bool) {
 
 	if !silent {
 		fmt.Printf("✅ 构建完成: %s\n", outPath)
+		fmt.Printf("   版本: %s\n", fullVersion)
 		if info, err := os.Stat(outPath); err == nil {
 			size := float64(info.Size()) / 1024 / 1024
 			fmt.Printf("   📦 %.2f MB\n", size)

static/app.js

@@ -1,13 +1,12 @@
 // app.js - 普通脚本（非模块）
 
-const { createApp, ref, reactive, computed, onMounted } = Vue;
+const { createApp, ref, reactive, computed, onMounted, nextTick, watch } = Vue;
 
 // ============================================================
 // 1. 基础 API
 // ============================================================
 const API_BASE = "/api";
 
-
 function getToken() {
     return localStorage.getItem("frpc_token") || "";
 }
@@ -29,6 +28,13 @@ async function apiFetch(endpoint, options = {}) {
         ...options,
         headers: { ...headers, ...(options.headers || {}) },
     });
+
+    if (res.status === 401) {
+        clearAuthState();
+        window.dispatchEvent(new CustomEvent("auth:expired"));
+        return { code: 401, msg: "认证已过期，请重新登录" };
+    }
+
     return res.json();
 }
 
@@ -86,9 +92,9 @@ async function login(username, password) {
 // 3. Config
 // ============================================================
 const defaultConfig = {
-    serverAddr: "frp.whitetop.xyz",
+    serverAddr: "frp.example.com",
-    serverPort: 9358,
+    serverPort: 7000,
-    token: "",
+    token: "CHANGE_ME",
     logLevel: "info",
     logMaxDays: 3,
     tcpMux: true,
@@ -96,6 +102,7 @@ const defaultConfig = {
     heartbeatInterval: 15,
     heartbeatTimeout: 70,
     poolCount: 8,
+    wireProtocolV2: false,
 };
 
 async function loadConfig() {
@@ -183,7 +190,26 @@ async function getFrpcStatus() {
 }
 
 // ============================================================
-// 6. UI State
+// 6. Logs
+// ============================================================
+async function fetchLogsApi() {
+    try {
+        const data = await apiFetch("/frpc/log");
+        if (data.code === 0) {
+            return {
+                lines: data.data.lines || [],
+                total: data.data.total || 0,
+                error: data.data.error || "",
+            };
+        }
+        return { lines: [], total: 0, error: "加载失败" };
+    } catch (e) {
+        return { lines: [], total: 0, error: "网络错误" };
+    }
+}
+
+// ============================================================
+// 7. UI State
 // ============================================================
 const activeTab = ref("proxies");
 const dialogVisible = ref(false);
@@ -197,6 +223,7 @@ const dialogForm = ref({
     remotePort: 0,
 });
 const searchKeyword = ref("");
+const showToken = ref(false);
 
 function openAddDialog() {
     dialogMode.value = "add";
@@ -222,7 +249,7 @@ function closeDialog() {
 }
 
 // ============================================================
-// 7. Vue App
+// 8. Vue App
 // ============================================================
 const app = createApp({
     setup() {
@@ -251,7 +278,6 @@ const app = createApp({
         const globalConfig = reactive({});
         const proxies = ref([]);
         const frpcRunning = ref(false);
-        const showDetail = ref(false);
 
         // ---- 修改密码 ----
         const passwordChange = reactive({
@@ -262,8 +288,92 @@ const app = createApp({
         const passwordChangeError = ref("");
         const passwordChangeSuccess = ref("");
 
+        // ---- 日志 ----
+        const logLines = ref([]);
+        const logTotal = ref(0);
+        const logError = ref("");
+        const logLastUpdate = ref("");
+        const logAutoScroll = ref(true);
+        let logTimer = null;
+        let logFetching = false;
+
+        // ---- Ping 延迟检测 ----
+        const pingLatency = ref(null);
+        let pingTimer = null;
+        const PING_INTERVAL_MS = 30000;
+        const PING_TIMEOUT_MS = 5000;
+
+        const pingStatusClass = computed(() => {
+            if (pingLatency.value === null) return "ping-fail";
+            if (pingLatency.value < 1000) return "ping-good";
+            if (pingLatency.value < 5000) return "ping-slow";
+            return "ping-fail";
+        });
+
+        const pingIcon = computed(() => {
+            if (pingLatency.value === null) {
+                return `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256">
+                    <path d="M0 0h256v256H0z" fill="none"/>
+                    <g fill="currentColor">
+                        <path d="m224.39 104.34-90.24 108.78a8 8 0 0 1-12.3 0L17.8 87.69a7.79 7.79 0 0 1 1.31-11.21A179.58 179.58 0 0 1 128 40a182 182 0 0 1 33.06 3a7.94 7.94 0 0 1 4.17 2.21L224 104Z" opacity=".2"/>
+                        <path d="M229.66 98.34a8 8 0 0 1-11.32 11.32L200 91.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L188.69 80l-18.35-18.34a8 8 0 0 1 11.32-11.32L200 68.69l18.34-18.35a8 8 0 0 1 11.32 11.32L211.31 80Zm-33.06 39.5a8 8 0 0 0-11.27 1L128 208L24.09 82.74A170.76 170.76 0 0 1 128 48c2.54 0 5.11.06 7.65.17a8 8 0 0 0 .7-16c-2.77-.12-5.58-.18-8.35-.18A186.67 186.67 0 0 0 14.28 70.1a15.93 15.93 0 0 0-6.17 10.81a15.65 15.65 0 0 0 3.54 11.89l104 125.43A15.93 15.93 0 0 0 128 224a15.93 15.93 0 0 0 12.31-5.77l57.34-69.12a8 8 0 0 0-1.05-11.27"/>
+                    </g>
+                </svg>`;
+            }
+            if (pingLatency.value < 1000) {
+                return `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 25 24">
+                    <path d="M0 0h25v24H0z" fill="none"/>
+                    <path fill="currentColor" d="M2.046 6.725c6.192-4.967 15.05-4.967 21.243 0l.779.625l-11.4 14.25L1.265 7.35z"/>
+                </svg>`;
+            }
+            return `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
+                <path d="M0 0h24v24H0z" fill="none"/>
+                <path fill="none" stroke="currentColor" stroke-width="2" d="M21.996 7.505L12 20L2.004 7.505c5.827-4.673 14.165-4.673 19.992 0Z"/>
+            </svg>`;
+        });
+
+        async function doPing() {
+            if (!frpcRunning.value) {
+                pingLatency.value = null;
+                return;
+            }
+            const addr = globalConfig.serverAddr || "frp.example.com";
+            const start = performance.now();
+            try {
+                const res = await fetch(
+                    `/api/ping?target=${encodeURIComponent(addr)}`,
+                    { signal: AbortSignal.timeout(PING_TIMEOUT_MS) },
+                );
+                if (!res.ok) throw new Error("Ping failed");
+                const end = performance.now();
+                pingLatency.value = Math.round(end - start);
+            } catch {
+                pingLatency.value = null;
+            }
+        }
+
+        function startPingPolling() {
+            if (pingTimer) return;
+            doPing();
+            pingTimer = setInterval(doPing, PING_INTERVAL_MS);
+        }
+
+        function stopPingPolling() {
+            if (pingTimer) {
+                clearInterval(pingTimer);
+                pingTimer = null;
+            }
+        }
+
+        // ---- 认证过期处理 ----
+        const handleAuthExpired = () => {
+            doLogout();
+        };
+
         // ---- 初始化 ----
         onMounted(() => {
+            window.addEventListener("auth:expired", handleAuthExpired);
+
             const saved = loadAuthState();
             if (saved.valid) {
                 token.value = saved.token;
@@ -279,6 +389,24 @@ const app = createApp({
             }
         });
 
+        // ---- Tab 切换监听日志轮询 ----
+        watch(activeTab, (newTab) => {
+            if (newTab === "logs") {
+                startLogPolling();
+            } else {
+                stopLogPolling();
+            }
+        });
+
+        watch(frpcRunning, (running) => {
+            if (!running) {
+                stopPingPolling();
+                pingLatency.value = null;
+            } else if (loggedIn.value) {
+                startPingPolling();
+            }
+        });
+
         async function checkUsers() {
             try {
                 const res = await fetch("/api/check/users");
@@ -312,6 +440,58 @@ const app = createApp({
             frpcRunning.value = running;
         }
 
+        // ---- 日志轮询 ----
+        async function fetchLogs() {
+            if (logFetching) return;
+            logFetching = true;
+            try {
+                const result = await fetchLogsApi();
+                if (result.code === 401) {
+                    logFetching = false;
+                    return;
+                }
+                logLines.value = result.lines;
+                logTotal.value = result.total;
+                logError.value = result.error;
+                logLastUpdate.value = new Date().toLocaleTimeString();
+                if (logAutoScroll.value) {
+                    await nextTick();
+                    const container = document.getElementById("logContainer");
+                    if (container) {
+                        container.scrollTop = container.scrollHeight;
+                    }
+                }
+            } catch (e) {
+                logError.value = "网络错误";
+            } finally {
+                logFetching = false;
+            }
+        }
+
+        function startLogPolling() {
+            if (logTimer) return;
+            fetchLogs();
+            logTimer = setInterval(fetchLogs, 8000);
+        }
+
+        function stopLogPolling() {
+            if (logTimer) {
+                clearInterval(logTimer);
+                logTimer = null;
+            }
+        }
+
+        function refreshLogs() {
+            fetchLogs();
+        }
+
+        function scrollLogToBottom() {
+            const container = document.getElementById("logContainer");
+            if (container) {
+                container.scrollTop = container.scrollHeight;
+            }
+        }
+
         // ---- 登录 ----
         const doLogin = async () => {
             if (!loginForm.username || !loginForm.password) {
@@ -368,9 +548,7 @@ const app = createApp({
                 });
                 const data = await res.json();
                 if (data.code === 0) {
-                    // ✅ 注册成功，不再是首次启动
                     isFirstRun.value = false;
-
                     const token = data.data.token;
                     const expire = saveAuthState(token, registerForm.username);
                     token.value = token;
@@ -398,6 +576,8 @@ const app = createApp({
         // ---- 退出 ----
         const doLogout = () => {
             if (expireTimer) clearInterval(expireTimer);
+            stopLogPolling();
+            stopPingPolling();
             contentVisible.value = false;
             loggedIn.value = false;
             token.value = "";
@@ -407,8 +587,6 @@ const app = createApp({
             loading.value = false;
             transitioning.value = false;
             clearAuthState();
-
-            // ✅ 重置注册相关状态
             isFirstRun.value = false;
             registerForm.username = "";
             registerForm.password = "";
@@ -504,7 +682,7 @@ const app = createApp({
             }
         };
 
-        // ---- 导入导出（已移入 setup，可访问 loadAllData） ----
+        // ---- 导入导出 ----
         const triggerImport = () => {
             document.getElementById("tomlFileInput").click();
         };
@@ -559,9 +737,14 @@ const app = createApp({
 
         // ---- 计算属性 ----
         const filteredProxies = computed(() =>
-            filterProxies(proxies.value, searchKeyword.value)
+            filterProxies(proxies.value, searchKeyword.value),
         );
 
+        const showDefaultTip = computed(() => {
+            const addr = globalConfig.serverAddr;
+            return !addr || addr === "frp.example.com" || addr.trim() === "";
+        });
+
         // ---- 返回 ----
         return {
             loggedIn,
@@ -579,7 +762,6 @@ const app = createApp({
 
             activeTab,
             globalConfig,
-            showDetail,
             saveConfig,
 
             proxies,
@@ -608,6 +790,22 @@ const app = createApp({
             passwordChangeError,
             passwordChangeSuccess,
             changePassword,
+
+            showDefaultTip,
+
+            logLines,
+            logTotal,
+            logError,
+            logLastUpdate,
+            logAutoScroll,
+            refreshLogs,
+            scrollLogToBottom,
+
+            showToken,
+
+            pingLatency,
+            pingStatusClass,
+            pingIcon,
         };
     },
 });

static/index.html

@@ -12,6 +12,7 @@
     <link rel="stylesheet" href="/static/style-1.css" />
     <link rel="stylesheet" href="/static/style-2.css" />
     <link rel="stylesheet" href="/static/style-3.css" />
+    <link rel="stylesheet" href="/static/style-4.css" />
 </head>
 
 <body>
@@ -26,7 +27,7 @@
             <!-- ====== 登录/注册页 ====== -->
             <div v-if="!loggedIn" class="login-card">
 
-                <!-- Logo 区域（可替换） -->
+                <!-- Logo 区域 -->
                 <div class="login-logo">
                     <img src="/static/logo.svg" alt="frpc-console" class="logo-img" />
                     <span class="logo-text">frpc-console</span>
@@ -87,7 +88,7 @@
             <!-- ====== 主界面 ====== -->
             <div v-else class="main-panel" :class="{ visible: contentVisible }">
 
-                <!-- 顶部导航（含 Logo 小标） -->
+                <!-- 顶部导航 -->
                 <div class="top-bar">
                     <div class="top-left">
                         <img src="/static/logo.svg" alt="frpc-console" class="nav-logo" />
@@ -96,11 +97,16 @@
                             <span class="status-wrapper">
                                 <span class="status-dot" :class="{ active: frpcRunning }"></span>
                                 <span class="status-text">{{ frpcRunning ? 'frpc 运行中' : 'frpc 已停止' }}</span>
+                                <!-- Ping 延迟显示 -->
+                                <span class="ping-display" :class="pingStatusClass">
+                                    <span class="ping-icon" v-html="pingIcon"></span>
+                                    <span class="ping-value">{{ pingLatency !== null ? pingLatency + 'ms' : '--ms'
+                                        }}</span>
+                                </span>
                             </span>
                         </div>
                     </div>
                     <div class="top-right">
-                        <span class="user-name">{{ loginForm.username }}</span>
                         <button class="logout-btn" @click="doLogout">退出</button>
                     </div>
                 </div>
@@ -111,103 +117,17 @@
                         @click="activeTab = 'proxies'">隧道列表</span>
                     <span class="tab-item" :class="{ active: activeTab === 'config' }"
                         @click="activeTab = 'config'">全局配置信息</span>
+                    <span class="tab-item" :class="{ active: activeTab === 'logs' }"
+                        @click="activeTab = 'logs'">运行日志</span>
+                    <span class="tab-item" :class="{ active: activeTab === 'user' }"
+                        @click="activeTab = 'user'">用户配置：{{loginForm.username }}</span>
                 </div>
 
                 <!-- 内容区 -->
                 <div class="content-area">
 
-                    <!-- ====== 全局配置 ====== -->
-                    <div v-if="activeTab === 'config'" class="tab-content">
-
-                        <!-- 账户管理 -->
-                        <div class="profile-section">
-                            <div class="profile-header">
-                                <span>👤 账户管理</span>
-                                <span class="profile-username">{{ loginForm.username }}</span>
-                            </div>
-                            <div class="profile-form">
-                                <div class="form-row">
-                                    <label>当前密码</label>
-                                    <input v-model="passwordChange.oldPassword" type="password" placeholder="输入当前密码" />
-                                </div>
-                                <div class="form-row">
-                                    <label>新密码</label>
-                                    <input v-model="passwordChange.newPassword" type="password"
-                                        placeholder="至少8位，含大小写/数字/特殊字符" />
-                                </div>
-                                <div class="form-row">
-                                    <label>确认新密码</label>
-                                    <input v-model="passwordChange.confirmPassword" type="password"
-                                        placeholder="再次输入新密码" />
-                                </div>
-                                <button class="save-btn" @click="changePassword">修改密码</button>
-                                <p v-if="passwordChangeError" class="login-error">{{ passwordChangeError }}</p>
-                                <p v-if="passwordChangeSuccess" class="login-success">{{ passwordChangeSuccess }}</p>
-                            </div>
-                        </div>
-
-                        <!-- 配置卡片 -->
-                        <div class="config-grid">
-                            <div class="metric-card">
-                                <div class="metric-label">TCP Multiplexing</div>
-                                <div class="metric-value">
-                                    <span class="status-dot active"></span>
-                                    <span class="status-text active">已启用（固定）</span>
-                                </div>
-                            </div>
-                            <div class="metric-card">
-                                <div class="metric-label">连接池大小</div>
-                                <div class="metric-value">
-                                    <span class="big-number">{{ globalConfig.poolCount || 8 }}</span>
-                                    <span class="unit">个</span>
-                                </div>
-                            </div>
-                            <div class="metric-card">
-                                <div class="metric-label">心跳间隔 / 超时</div>
-                                <div class="metric-value">
-                                    <span class="digit">{{ globalConfig.heartbeatInterval || 15 }}s</span>
-                                    <span class="sep">/</span>
-                                    <span class="digit">{{ globalConfig.heartbeatTimeout || 70 }}s</span>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="detail-collapse" @click="showDetail = !showDetail">
-                            <span>{{ showDetail ? '收起全部配置 ▲' : '展开全部配置 ▼' }}</span>
-                        </div>
-                        <div v-show="showDetail" class="detail-panel">
-                            <div class="form-row"><label>Server Address</label><input
-                                    v-model="globalConfig.serverAddr" /></div>
-                            <div class="form-row"><label>Server Port</label><input type="number"
-                                    v-model="globalConfig.serverPort" /></div>
-                            <div class="form-row"><label>Token</label><input type="password"
-                                    v-model="globalConfig.token" /></div>
-                            <div class="form-row">
-                                <label>Log Level</label>
-                                <select v-model="globalConfig.logLevel">
-                                    <option value="trace">trace</option>
-                                    <option value="debug">debug</option>
-                                    <option value="info">info</option>
-                                    <option value="warn">warn</option>
-                                    <option value="error">error</option>
-                                </select>
-                            </div>
-                            <div class="form-row"><label>Log Max Days</label><input type="number"
-                                    v-model="globalConfig.logMaxDays" /></div>
-                            <div class="form-row"><label>TCP Mux Keepalive</label><input type="number"
-                                    v-model="globalConfig.tcpMuxKeepalive" /></div>
-                            <div class="form-row"><label>Heartbeat Interval</label><input type="number"
-                                    v-model="globalConfig.heartbeatInterval" /></div>
-                            <div class="form-row"><label>Heartbeat Timeout</label><input type="number"
-                                    v-model="globalConfig.heartbeatTimeout" /></div>
-                            <div class="form-row"><label>Pool Count</label><input type="number"
-                                    v-model="globalConfig.poolCount" /></div>
-                            <button class="save-btn" @click="saveConfig">保存配置并热加载</button>
-                        </div>
-                    </div>
-
                     <!-- ====== 隧道列表 ====== -->
-                    <div v-else-if="activeTab === 'proxies'" class="tab-content">
+                    <div v-if="activeTab === 'proxies'" class="tab-content">
                         <div class="toolbar">
                             <div class="toolbar-left">
                                 <button class="btn-import" @click="triggerImport">导入 TOML</button>
@@ -245,11 +165,193 @@
                             <div v-if="filteredProxies.length === 0" class="empty-state">暂无隧道，点击「新增隧道」添加</div>
                         </div>
                     </div>
-                </div>
-            </div>
-        </div>
 
-        <!-- ====== 弹窗 ====== -->
+                    <!-- ====== 全局配置信息 ====== -->
+                    <div v-if="activeTab === 'config'" class="tab-content config-tab-content">
+                        <div class="config-page-header">
+                            <h2>全局配置信息</h2>
+                            <p class="config-subtitle">管理 frpc 连接参数与传输设置</p>
+                        </div>
+
+                        <div v-if="showDefaultTip" class="config-tip">
+                            首次使用请修改「服务器地址」和「认证令牌」为您的真实 frps 配置
+                        </div>
+
+                        <!-- 卡片1: 服务器连接 -->
+                        <div class="config-card">
+                            <div class="config-card-header">
+                                <span class="card-title">服务器连接</span>
+                            </div>
+                            <div class="config-card-body">
+                                <div class="form-row">
+                                    <label>服务器地址</label>
+                                    <input v-model="globalConfig.serverAddr" placeholder="例如: frp.example.com" />
+                                </div>
+                                <div class="form-row">
+                                    <label>服务器端口</label>
+                                    <input type="number" v-model="globalConfig.serverPort" placeholder="7000" />
+                                </div>
+                                <div class="form-row" style="grid-column: 1 / -1;">
+                                    <label>认证令牌</label>
+                                    <div class="token-input-wrapper">
+                                        <input :type="showToken ? 'text' : 'password'" v-model="globalConfig.token"
+                                            placeholder="CHANGE_ME" />
+                                        <button class="token-toggle-btn" @click="showToken = !showToken">
+                                            {{ showToken ? '隐藏' : '显示' }}
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 卡片2: 传输配置 -->
+                        <div class="config-card">
+                            <div class="config-card-header">
+                                <span class="card-title">传输配置</span>
+                            </div>
+                            <div class="config-card-body">
+                                <div class="form-row" style="grid-column: 1 / -1;">
+                                    <label>TCP 多路复用</label>
+                                    <div class="readonly-value">
+                                        <span class="status-dot active"></span>
+                                        <span class="status-text active">已强制开启</span>
+                                        <span class="hint-text">优化连接性能，减少延迟，frp 官方推荐开启</span>
+                                    </div>
+                                </div>
+                                <div class="form-row">
+                                    <label>保活间隔（秒）</label>
+                                    <input type="number" v-model="globalConfig.tcpMuxKeepalive" />
+                                </div>
+                                <div class="form-row">
+                                    <label>心跳间隔（秒）</label>
+                                    <input type="number" v-model="globalConfig.heartbeatInterval" />
+                                </div>
+                                <div class="form-row">
+                                    <label>心跳超时（秒）</label>
+                                    <input type="number" v-model="globalConfig.heartbeatTimeout" />
+                                </div>
+                                <div class="form-row">
+                                    <label>连接池大小（个）</label>
+                                    <input type="number" v-model="globalConfig.poolCount" />
+                                </div>
+                                <div class="form-row v2-switch-row">
+                                    <label>frp v2 隧道支持</label>
+                                    <div class="v2-switch-wrapper">
+                                        <label class="switch">
+                                            <input type="checkbox" v-model="globalConfig.wireProtocolV2" />
+                                            <span class="slider"></span>
+                                        </label>
+                                    </div>
+                                    <span class="hint-text v2-hint">
+                                        此功能为 frp 0.70.0 以上版本才能开启，若要打开必须搭配同版本 frpc 使用，否则此功能不生效
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 卡片3: 日志配置 -->
+                        <div class="config-card">
+                            <div class="config-card-header">
+                                <span class="card-title">日志配置</span>
+                            </div>
+                            <div class="config-card-body">
+                                <div class="form-row">
+                                    <label>日志级别</label>
+                                    <select v-model="globalConfig.logLevel">
+                                        <option value="trace">trace</option>
+                                        <option value="debug">debug</option>
+                                        <option value="info">info</option>
+                                        <option value="warn">warn</option>
+                                        <option value="error">error</option>
+                                    </select>
+                                </div>
+                                <div class="form-row">
+                                    <label>日志保留天数（天）</label>
+                                    <input type="number" v-model="globalConfig.logMaxDays" />
+                                </div>
+                            </div>
+                        </div>
+
+                        <button class="save-config-btn" @click="saveConfig">保存配置并热加载</button>
+                    </div>
+
+                    <!-- ====== 运行日志 ====== -->
+                    <div v-else-if="activeTab === 'logs'" class="tab-content log-tab-content">
+                        <div class="log-toolbar">
+                            <div class="log-toolbar-left">
+                                <span class="log-info-badge">共 {{ logTotal }} 行</span>
+                                <span v-if="logError" class="log-error-badge">{{ logError }}</span>
+                            </div>
+                            <div class="log-toolbar-right">
+                                <label class="log-auto-scroll-label">
+                                    <input type="checkbox" v-model="logAutoScroll" />
+                                    自动滚动
+                                </label>
+                                <button class="log-btn" @click="refreshLogs">刷新</button>
+                                <button class="log-btn" @click="scrollLogToBottom">↓ 滚动到底部</button>
+                            </div>
+                        </div>
+
+                        <div class="log-terminal" id="logContainer">
+                            <div v-if="logLines.length === 0 && !logError" class="log-empty">
+                                暂无日志，frpc 尚未产生输出
+                            </div>
+                            <div v-else class="log-lines">
+                                <div v-for="(line, idx) in logLines" :key="idx" class="log-line">{{ line }}</div>
+                            </div>
+                        </div>
+
+                        <div class="log-footer">
+                            <span>上次更新: {{ logLastUpdate || '--:--:--' }}</span>
+                            <span class="log-polling-status">自动刷新中 (8s)</span>
+                        </div>
+                    </div>
+
+                    <!-- ====== 用户配置 ====== -->
+                    <div v-if="activeTab === 'user'" class="tab-content config-tab-content">
+                        <div class="config-page-header">
+                            <h2>用户配置：{{ loginForm.username }}</h2>
+                            <p class="config-subtitle">修改当前账户的登录密码</p>
+                        </div>
+
+                        <div class="profile-section">
+                            <div class="profile-header">
+                                <span>账户管理</span>
+                                <span class="profile-username">{{ loginForm.username }}</span>
+                            </div>
+                            <div class="profile-form">
+                                <div class="form-row">
+                                    <label>当前密码</label>
+                                    <input v-model="passwordChange.oldPassword" type="password" placeholder="输入当前密码" />
+                                </div>
+                                <div class="form-row">
+                                    <label>新密码</label>
+                                    <input v-model="passwordChange.newPassword" type="password"
+                                        placeholder="至少8位，含大小写/数字/特殊字符" />
+                                </div>
+                                <div class="form-row">
+                                    <label>确认新密码</label>
+                                    <input v-model="passwordChange.confirmPassword" type="password"
+                                        placeholder="再次输入新密码" />
+                                </div>
+                                <button class="save-btn" @click="changePassword">修改密码</button>
+                                <p v-if="passwordChangeError" class="login-error">{{ passwordChangeError }}</p>
+                                <p v-if="passwordChangeSuccess" class="login-success">{{ passwordChangeSuccess }}</p>
+                            </div>
+                        </div>
+                    </div>
+
+                </div> <!-- /content-area -->
+
+                <!-- ====== 弹窗 ====== -->
+
+
+            </div> <!-- /main-panel -->
+        </div> <!-- /app-container -->
+
+        <!-- 隐藏文件选择器 -->
+        <input type="file" id="tomlFileInput" accept=".toml" style="display:none" @change="handleImport" />
+
         <Transition name="dialog">
             <div v-if="dialogVisible" class="dialog-overlay" @click.self="dialogVisible = false">
                 <div class="dialog-card">
@@ -278,10 +380,7 @@
                 </div>
             </div>
         </Transition>
-
+    </div> <!-- /#app -->
-        <!-- 隐藏文件选择器 -->
-        <input type="file" id="tomlFileInput" accept=".toml" style="display:none" @change="handleImport" />
-    </div>
 
     <script src="/static/app.js"></script>
 </body>

static/style-1.css

@@ -1,30 +1,28 @@
 /* ===== style-1.css - 全局基础 ===== */
 
 /* ---------- 字体定义 ---------- */
+/* 自托管 HarmonyOS Sans SC Regular */
+
+/* 中英文：HarmonyOS Sans SC Regular */
 @font-face {
     font-family: 'HarmonyOS Sans SC';
-    src: local('HarmonyOS Sans SC'),
+    src: url('./fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
-         local('PingFang SC'),
-         local('Microsoft YaHei'),
-         local('Helvetica Neue');
     font-weight: 400;
+    font-style: normal;
     font-display: swap;
 }
+
+/* 数字专用：复用 HarmonyOS Sans SC Regular（因 Light 版本缺失） */
 @font-face {
-    font-family: 'HarmonyOS Sans SC';
+    font-family: 'HarmonyOS Sans';
-    src: local('HarmonyOS Sans SC Medium'),
+    src: url('./fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
-         local('PingFang SC Medium');
+    font-weight: 300;
-    font-weight: 500;
+    font-style: normal;
-    font-display: swap;
-}
-@font-face {
-    font-family: 'HarmonyOS Sans SC';
-    src: local('HarmonyOS Sans SC Bold'),
-         local('PingFang SC Semibold');
-    font-weight: 700;
     font-display: swap;
 }
 
+/* 后备：如果自托管字体加载失败，使用系统字体 */
+
 /* ---------- 重置 ---------- */
 * {
     margin: 0;
@@ -33,14 +31,14 @@
 }
 
 body {
-    font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+    font-family: 'HarmonyOS Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
     background: #0a0a0f;
     height: 100vh;
     overflow: hidden;
     color: #e0e0e0;
 }
 
-/* ---------- 数字专用字体（加粗） ---------- */
+/* ---------- 数字专用字体（使用 HarmonyOS Sans） ---------- */
 .digit,
 .big-number,
 .remote-port,
@@ -51,22 +49,23 @@ body {
 .login-btn,
 .save-btn,
 .btn-confirm {
-    font-weight: 600 !important;
+    font-weight: 300 !important;
     letter-spacing: 0.02em;
+    font-family: 'HarmonyOS Sans', 'JetBrains Mono', monospace;
 }
 
 /* 数字特别加粗（适用于大数字展示） */
 .big-number {
-    font-weight: 700 !important;
+    font-weight: 600 !important;
     letter-spacing: -0.01em;
 }
 
-/* 代码/端口类数字使用等宽字体，但保持加粗 */
+/* 代码/端口类数字使用等宽字体，但保持 HarmonyOS Sans 风格 */
 .digit,
 .remote-port,
 .proxy-addr {
-    font-family: 'HarmonyOS Sans SC', 'JetBrains Mono', monospace;
+    font-family: 'HarmonyOS Sans', 'JetBrains Mono', monospace;
-    font-weight: 600 !important;
+    font-weight: 300 !important;
 }
 
 /* ---------- 全局颜色变量 ---------- */
@@ -175,7 +174,7 @@ body {
     height: 100%;
     display: flex;
     flex-direction: column;
-    padding: 20px 28px;          /* ← 补上内边距 */
+    padding: 20px 28px;
     opacity: 0;
     transition: opacity 0.3s ease;
 }

static/style-3.css

@@ -1,4 +1,4 @@
-/* ===== style-3.css - 主界面 ===== */
+/* ===== style-3.css - 主界面核心 ===== */
 
 /* ---------- 顶部导航 ---------- */
 .top-bar {
@@ -17,8 +17,8 @@
 }
 
 .top-left .nav-logo {
-    width: 48px;
+    width: 52px;   /* 原 48px */
-    height: 48px;
+    height: 52px;  /* 原 48px */
     flex-shrink: 0;
     display: block;
     object-fit: contain;
@@ -32,7 +32,7 @@
 }
 
 .brand-info .logo-text {
-    font-size: 22px;
+    font-size: 20px;
     font-weight: 600;
     color: var(--text-primary);
     line-height: 1.2;
@@ -59,8 +59,9 @@
     box-shadow: 0 0 12px rgba(99, 226, 183, 0.4);
 }
 
+/* 状态文字 12px（原 13px） */
 .status-wrapper .status-text {
-    font-size: 13px;
+    font-size: 12px;
     color: var(--text-muted);
 }
 
@@ -71,7 +72,7 @@
 }
 
 .user-name {
-    font-size: 13px;
+    font-size: 12px;  /* 原 13px，与状态文字对齐 */
     color: var(--text-secondary);
 }
 
@@ -145,130 +146,6 @@
     height: 100%;
 }
 
-/* ---------- 全局配置页 ---------- */
-.config-grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 16px;
-    margin-bottom: 20px;
-}
-
-.metric-card {
-    background: var(--bg-metric);
-    border-radius: 16px;
-    padding: 16px 20px;
-    border: 1px solid var(--border-subtle);
-}
-
-.metric-label {
-    font-size: 12px;
-    color: var(--text-dim);
-    text-transform: uppercase;
-    letter-spacing: 1px;
-    margin-bottom: 8px;
-}
-
-.metric-value {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-}
-
-.big-number {
-    font-size: 28px;
-    font-weight: 600;
-    color: #fff;
-}
-
-.unit {
-    font-size: 14px;
-    color: var(--text-dim);
-}
-
-.digit {
-    font-family: 'JetBrains Mono', monospace;
-    font-size: 18px;
-    color: #fff;
-}
-
-.sep {
-    color: var(--text-dim);
-}
-
-/* ---------- 展开详情 ---------- */
-.detail-collapse {
-    padding: 12px 0;
-    color: var(--text-dim);
-    font-size: 13px;
-    cursor: pointer;
-    user-select: none;
-    transition: color 0.3s;
-}
-
-.detail-collapse:hover {
-    color: var(--text-secondary);
-}
-
-.detail-panel {
-    background: rgba(255, 255, 255, 0.02);
-    border-radius: 12px;
-    padding: 16px 20px;
-    border: 1px solid var(--border-subtle);
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 12px 24px;
-    margin-bottom: 16px;
-}
-
-.detail-panel .form-row {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.detail-panel .form-row label {
-    font-size: 11px;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    color: var(--text-dim);
-}
-
-.detail-panel .form-row input,
-.detail-panel .form-row select {
-    padding: 8px 12px;
-    background: rgba(255, 255, 255, 0.04);
-    border: 1px solid var(--border-subtle);
-    border-radius: 8px;
-    color: #fff;
-    font-size: 14px;
-    outline: none;
-    transition: border-color 0.3s;
-}
-
-.detail-panel .form-row input:focus,
-.detail-panel .form-row select:focus {
-    border-color: var(--primary-blue-border);
-}
-
-.save-btn {
-    grid-column: 1 / -1;
-    padding: 10px 24px;
-    background: linear-gradient(135deg, var(--primary-blue), #2a5adf);
-    border: none;
-    border-radius: 10px;
-    font-size: 14px;
-    font-weight: 600;
-    color: #0a0a0f;
-    cursor: pointer;
-    transition: transform 0.2s, box-shadow 0.2s;
-    margin-top: 4px;
-}
-
-.save-btn:hover {
-    transform: scale(1.01);
-    box-shadow: 0 4px 16px var(--primary-blue-glow);
-}
-
 /* ---------- 账户管理区域 ---------- */
 .profile-section {
     background: rgba(255, 255, 255, 0.02);
@@ -329,13 +206,6 @@
     border-color: var(--primary-blue-border);
 }
 
-.profile-form .save-btn {
-    grid-column: auto;
-    padding: 8px 20px;
-    margin-top: 0;
-    height: 40px;
-}
-
 .login-success {
     color: #63e2b7;
     font-size: 14px;
@@ -344,6 +214,57 @@
     min-height: 24px;
 }
 
+/* ---------- 统一保存按钮 ---------- */
+.save-btn,
+.save-config-btn {
+    padding: 10px 24px;
+    background: linear-gradient(135deg, var(--primary-blue), #2a5adf);
+    border: none;
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: 600;
+    color: #0a0a0f;
+    cursor: pointer;
+    transition: filter 0.3s ease;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    /* 确保按钮本身不裁切阴影 */
+    isolation: isolate;
+}
+
+.save-btn:hover,
+.save-config-btn:hover {
+    filter: brightness(1.25);
+    transform: none;
+}
+
+.save-btn:active,
+.save-config-btn:active {
+    filter: brightness(0.9);
+    transform: scale(0.97);
+}
+
+/* 账户管理中的修改密码按钮（覆盖尺寸） */
+.profile-form .save-btn {
+    grid-column: auto;
+    padding: 8px 20px;
+    margin-top: 0;
+    height: 40px;
+    font-size: 13px;
+    border-radius: 8px;
+}
+
+/* 保存配置按钮全宽（在全局配置页使用） */
+.save-config-btn {
+    width: 100%;
+    margin-top: 8px;
+    padding: 12px;
+    font-size: 16px;
+    border-radius: 12px;
+}
+
 /* ---------- 隧道列表 ---------- */
 .toolbar {
     display: flex;
@@ -455,7 +376,7 @@
 .proxy-addr {
     font-size: 13px;
     color: var(--text-dim);
-    font-family: 'JetBrains Mono', monospace;
+    font-family: 'HarmonyOS Sans','JetBrains Mono', monospace;
 }
 
 .proxy-tag {
@@ -475,7 +396,7 @@
 }
 
 .remote-port {
-    font-family: 'JetBrains Mono', monospace;
+    font-family: 'HarmonyOS Sans','JetBrains Mono', monospace;
     font-size: 14px;
     color: var(--text-secondary);
 }
@@ -782,3 +703,139 @@ select:disabled {
     transform: scale(1) translateY(0);
     opacity: 1;
 }
+
+/* ---------- 响应式调整 ---------- */
+@media (max-width: 768px) {
+    .profile-form {
+        grid-template-columns: 1fr;
+    }
+    .proxy-list {
+        grid-template-columns: 1fr 1fr;
+    }
+    .toolbar {
+        flex-direction: column;
+        align-items: stretch;
+    }
+    .toolbar-right .search-input {
+        width: 100%;
+    }
+}
+
+@media (max-width: 480px) {
+    .proxy-list {
+        grid-template-columns: 1fr;
+    }
+    .top-left .nav-logo {
+        width: 36px;
+        height: 36px;
+    }
+    .brand-info .logo-text {
+        font-size: 18px;
+    }
+    .dialog-card {
+        padding: 20px;
+    }
+}
+
+/* ---------- Ping 延迟显示 ---------- */
+.status-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.ping-display {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    font-weight: 500;
+    padding: 2px 8px 2px 4px;
+    border-radius: 12px;
+    background: rgba(255, 255, 255, 0.04);
+    transition: background 0.3s;
+}
+
+.ping-display .ping-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+}
+
+.ping-display .ping-icon svg {
+    width: 100%;
+    height: 100%;
+}
+
+/* 状态颜色 */
+.ping-good .ping-icon {
+    color: #63e2b7;
+}
+.ping-good .ping-value {
+    color: #63e2b7;
+}
+
+.ping-slow .ping-icon {
+    color: #f0c040;
+}
+.ping-slow .ping-value {
+    color: #f0c040;
+}
+
+.ping-fail .ping-icon {
+    color: #f87171;
+}
+.ping-fail .ping-value {
+    color: #f87171;
+}
+
+/* 响应式调整 */
+@media (max-width: 768px) {
+    .ping-display {
+        font-size: 11px;
+        padding: 1px 6px 1px 2px;
+    }
+    .ping-display .ping-icon {
+        width: 14px;
+        height: 14px;
+    }
+}
+
+/* ---------- Tab 栏 ---------- */
+.tab-bar {
+    display: flex;
+    gap: 32px;
+    padding: 14px 0 12px;
+    flex-shrink: 0;
+    border-bottom: 1px solid var(--border-subtle);
+}
+
+/* 将最后一个 Tab（用户配置）推到最右侧 */
+.tab-item:last-child {
+    margin-left: auto;
+    /* 防止用户名过长导致溢出 */
+    max-width: 220px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.tab-item {
+    font-size: 14px;
+    color: var(--text-muted);
+    cursor: pointer;
+    padding: 4px 0;
+    transition: color 0.3s, border-color 0.3s;
+    border-bottom: 2px solid transparent;
+}
+
+.tab-item:hover {
+    color: var(--text-secondary);
+}
+
+.tab-item.active {
+    color: var(--primary-blue);
+    border-bottom-color: var(--primary-blue);
+}

static/style-4.css

@@ -0,0 +1,327 @@
+/* ===== style-4.css - v1.5 新增样式 ===== */
+
+/* ---------- 配置页面 ---------- */
+.config-tab-content {
+    padding-bottom: 20px;
+}
+
+.config-page-header {
+    margin-bottom: 12px;
+}
+.config-page-header h2 {
+    font-size: 18px;
+    font-weight: 500;
+    color: var(--text-primary);
+    margin-bottom: 2px;
+}
+.config-subtitle {
+    font-size: 13px;
+    color: var(--text-dim);
+}
+
+/* 首次使用提示 */
+.config-tip {
+    background: rgba(255, 200, 50, 0.08);
+    border: 1px solid rgba(255, 200, 50, 0.15);
+    border-radius: 10px;
+    padding: 10px 16px;
+    font-size: 13px;
+    color: #f0c040;
+    margin-bottom: 16px;
+}
+
+/* ---------- 配置卡片 ---------- */
+.config-card {
+    background: rgba(255, 255, 255, 0.02);
+    border: 1px solid var(--border-subtle);
+    border-radius: 14px;
+    padding: 16px 20px;
+    margin-bottom: 14px;
+}
+
+.config-card-header {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid var(--border-subtle);
+    margin-bottom: 14px;
+}
+.card-title {
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--text-secondary);
+}
+
+.config-card-body {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 12px 24px;
+}
+.config-card-body .form-row {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+.config-card-body .form-row label {
+    font-size: 11px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: var(--text-dim);
+}
+.config-card-body .form-row input,
+.config-card-body .form-row select {
+    padding: 8px 12px;
+    background: rgba(255, 255, 255, 0.04);
+    border: 1px solid var(--border-subtle);
+    border-radius: 8px;
+    color: #fff;
+    font-size: 14px;
+    outline: none;
+    transition: border-color 0.3s;
+    width: 100%;
+}
+.config-card-body .form-row input:focus,
+.config-card-body .form-row select:focus {
+    border-color: var(--primary-blue-border);
+}
+
+/* 数字输入框填满列宽 */
+.config-card-body .form-row input[type="number"] {
+    width: 100%;
+}
+
+/* 只读行（TCP Mux） */
+.readonly-value {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 8px 12px;
+    background: rgba(255, 255, 255, 0.02);
+    border-radius: 8px;
+}
+.readonly-value .status-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: #63e2b7;
+    box-shadow: 0 0 10px rgba(99, 226, 183, 0.3);
+    flex-shrink: 0;
+}
+.readonly-value .status-text.active {
+    color: #63e2b7;
+    font-size: 13px;
+}
+.readonly-value .hint-text {
+    font-size: 12px;
+    color: var(--text-dim);
+    margin-left: 8px;
+}
+
+/* Token 输入框 + 显示按钮 */
+.token-input-wrapper {
+    display: flex;
+    gap: 8px;
+}
+.token-input-wrapper input {
+    flex: 1;
+}
+.token-toggle-btn {
+    padding: 8px 16px;
+    background: rgba(255, 255, 255, 0.06);
+    border: 1px solid var(--border-subtle);
+    border-radius: 8px;
+    color: var(--text-secondary);
+    font-size: 12px;
+    cursor: pointer;
+    white-space: nowrap;
+}
+.token-toggle-btn:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+/* ---------- v2 协议开关（灰标禁用） ---------- */
+.v2-switch-row {
+    grid-column: 1 / -1 !important;
+    padding-top: 4px;
+    border-top: 1px solid var(--border-subtle);
+    margin-top: 4px;
+}
+
+.v2-switch-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+    padding: 6px 0;
+}
+
+
+/* "即将推出" 徽章 */
+.v2-badge {
+    font-size: 11px;
+    padding: 2px 12px;
+    background: rgba(255, 200, 50, 0.12);
+    border: 1px solid rgba(255, 200, 50, 0.15);
+    border-radius: 12px;
+    color: #f0c040;
+    letter-spacing: 0.5px;
+    font-weight: 500;
+}
+
+.v2-badge.v2-enabled {
+    background: rgba(99, 226, 183, 0.12);
+    border-color: rgba(99, 226, 183, 0.2);
+    color: #63e2b7;
+}
+
+.v2-hint {
+    font-size: 12px;
+    color: var(--text-dim);
+    line-height: 1.5;
+    padding: 2px 0 4px;
+    display: block;
+}
+
+/* ---------- 日志面板 ---------- */
+.log-tab-content {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 400px;
+}
+
+.log-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 0 12px;
+    flex-shrink: 0;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+.log-toolbar-left {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+}
+.log-toolbar-right {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.log-info-badge {
+    font-size: 13px;
+    color: var(--text-secondary);
+}
+.log-error-badge {
+    font-size: 13px;
+    color: #f87171;
+}
+.log-auto-scroll-label {
+    font-size: 13px;
+    color: var(--text-secondary);
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    cursor: pointer;
+}
+.log-auto-scroll-label input[type="checkbox"] {
+    width: 16px;
+    height: 16px;
+    accent-color: var(--primary-blue);
+    cursor: pointer;
+}
+
+.log-btn {
+    padding: 6px 14px;
+    background: rgba(255, 255, 255, 0.04);
+    border: 1px solid var(--border-subtle);
+    border-radius: 8px;
+    color: var(--text-secondary);
+    font-size: 13px;
+    cursor: pointer;
+    transition: background 0.2s;
+}
+.log-btn:hover {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+/* 终端样式（类似命令行） */
+.log-terminal {
+    flex: 1;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 12px;
+    border: 1px solid var(--border-subtle);
+    padding: 12px 16px;
+    overflow-y: auto;
+    font-family: 'JetBrains Mono', 'Consolas', monospace;
+    font-size: 13px;
+    line-height: 1.7;
+    min-height: 300px;
+    max-height: 500px;
+}
+.log-terminal::-webkit-scrollbar {
+    width: 6px;
+}
+.log-terminal::-webkit-scrollbar-track {
+    background: rgba(255, 255, 255, 0.02);
+    border-radius: 4px;
+}
+.log-terminal::-webkit-scrollbar-thumb {
+    background: rgba(74, 124, 255, 0.25);
+    border-radius: 4px;
+}
+.log-terminal::-webkit-scrollbar-thumb:hover {
+    background: rgba(74, 124, 255, 0.4);
+}
+
+.log-lines {
+    display: flex;
+    flex-direction: column;
+}
+.log-line {
+    color: #c0c0c0;
+    white-space: pre-wrap;
+    word-break: break-all;
+    padding: 1px 0;
+}
+
+.log-empty {
+    color: var(--text-dim);
+    text-align: center;
+    padding: 40px 0;
+}
+
+/* 日志底部状态 */
+.log-footer {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px 4px 0;
+    font-size: 12px;
+    color: var(--text-dim);
+    flex-shrink: 0;
+}
+.log-polling-status {
+    color: var(--primary-blue);
+}
+
+/* ---------- 响应式调整 ---------- */
+@media (max-width: 768px) {
+    .config-card-body {
+        grid-template-columns: 1fr;
+    }
+    .log-toolbar {
+        flex-direction: column;
+        align-items: stretch;
+    }
+    .log-toolbar-right {
+        flex-wrap: wrap;
+    }
+    .token-input-wrapper {
+        flex-wrap: wrap;
+    }
+    .v2-switch-wrapper {
+        flex-wrap: wrap;
+    }
+}

update-logs.md

@@ -0,0 +1,142 @@
+## 📌 版本说明
+
+| 版本类型 | 标记 | 适用场景 |
+|----------|------|----------|
+| LTS 正式版 | `-lts` | 生产环境，长期维护 |
+| 技术预览版 | `-preview` | 功能前瞻，建议测试环境验证 |
+
+---
+
+## 2.5-lts (2026-08-03)
+
+> **稳定加固版 —— 架构升级与部署流程闭环**
+
+### 核心变更
+
+- 数据目录规范化 —— 所有运行时文件统一迁移至 `/app/data`，挂载点从 `/app` 收窄至 `/app/data`，彻底解决挂载覆盖二进制文件的问题
+- 版本管理解耦 —— 二进制不再注入版本信息，由 `deploy.sh` 在部署时写入 `version.ini`
+- 入口脚本分离 —— 引入 `run-deploy.sh` 独立入口，用户只需记住一个命令
+- 僵尸进程回收 —— 子进程退出时自动回收资源，防止僵尸进程积累
+
+### UI 优化
+
+- 字体全系 HarmonyOS Sans SC，视觉风格统一
+- 「用户配置」Tab 移至导航栏最右侧
+- 弹窗居中修复，顶部导航字号优化
+
+### 🐛 修复
+
+- 修复挂载覆盖导致二进制不可用的问题
+- 修复 `ps | grep` 进程检测在容器环境不可靠的问题
+- 修复旧版本升级时数据库路径不兼容的问题
+
+## 🚀 2.4-lts (2026-07-30)
+
+> **紧急修复版 —— 架构升级与部署流程重构**
+>
+> 本次版本为 **非正统 LTS 版本**（2.4 在语义版本中不属于 LTS 序列），因 `main` 分支在新架构迁移过程中出现编译阻塞，为快速恢复 LTS 通道可用性而发布。**2.5-lts 将回归正常语义版本规则。**
+
+### 🔧 核心变更
+
+- **部署架构重构** —— 引入 `run-deploy.sh` 独立入口，实现部署脚本与项目分支解耦
+- **数据目录规范化** —— 所有运行时文件（数据库、配置、日志、PID）统一迁移至 `/app/data` 子目录，挂载点从 `/app` 收窄至 `/app/data`，彻底解决挂载覆盖二进制文件的问题
+- **版本管理解耦** —— 二进制不再注入版本信息，版本由 `deploy.sh` 在部署时写入 `version.ini` 文件
+- **PID 文件进程检测** —— frpc 状态检测从 `ps | grep` 改为基于 PID 文件，更加可靠
+- **旧版本自动迁移** —— 检测到根目录存在旧数据文件时，自动迁移至 `data/` 子目录，并保留备份
+
+### ✨ 功能完整
+
+- Ping 延迟检测（顶部导航实时显示）
+- 用户配置页独立（账户管理与全局配置分离）
+- 401 统一拦截（认证过期自动跳转登录）
+- 声明式数据库迁移引擎（基于 `db-history.go`）
+- frp v2 协议正式启用（`wireProtocol = "v2"`）
+
+### 📦 部署变更
+
+| 变更项 | 旧方案 | 新方案 |
+|--------|--------|--------|
+| 挂载点 | `-v ${DEPLOY_DIR}:/app` | `-v ${DEPLOY_DIR}/data:/app/data` |
+| 数据库路径 | `/app/frpc-console.db` | `/app/data/frpc-console.db` |
+| 配置文件 | `/app/frpc.toml` | `/app/data/frpc.toml` |
+| 版本文件 | 编译时注入 `-ldflags` | 部署时写入 `version.ini` |
+
+### 🐛 修复
+
+- 修复 `main` 分支因挂载覆盖导致二进制文件不可用的问题
+- 修复 `ps | grep` 进程检测在容器环境不可靠的问题
+- 修复旧版本升级时数据库路径不兼容的问题
+
+---
+
+## 🚀 2.3-preview (2026-07-28)
+
+> **技术预览版** —— 在 LTS 稳定核心（2.0）基础上，集成 2.1 与 2.2 的新特性，并完成基础设施层的全面加固。
+
+### ✨ 新增特性
+
+- **Ping 延迟检测** —— 顶部导航实时显示 frpc 到 frps 的延迟，状态图标 + ms 值，直观反映网络质量（2.1）
+- **用户配置页独立** —— 账户管理与全局配置分离，用户信息与 frpc 配置各自独立管理（2.1）
+- **声明式数据库迁移引擎** —— 基于 `db-history.go` 的 Schema 版本声明，对比新旧差异自动决定迁移路径（2.2）
+
+### 🔧 改进与优化
+
+- **401 统一拦截** —— API 请求返回 401 时自动清除认证状态并跳转登录页，避免页面卡死（2.1）
+- **数据库路径统一** —— 数据库文件固定为 `./frpc-console.db`，Docker 部署时挂载整个 `/app` 目录，所有运行时文件（db / toml / log / pid）完整持久化
+- **`deploy.sh` 部署逻辑重构** —— 备份 → 拉代码 → 停容器 → 构建 → 启动，顺序闭环；移除宿主机编译，全部交由 Docker 多阶段构建处理
+- **Dockerfile 多阶段构建** —— 自动处理 `go.mod` 降级兼容，安装 `sqlite` 辅助工具，便于部署脚本验证数据库状态
+- **前端加载状态管理** —— 新增 `authLoading` 状态，首次访问时先完成用户检查再渲染页面，彻底解决刷新后登录/注册页状态错乱的竞态问题
+- **`schema_version` 兜底写入** —— `InitDB()` 末尾强制补写 Schema 版本，确保每次启动都能识别已有数据，彻底解决升级后反复跳转注册页的问题
+- **`docker-compose.yml` 配套工具** —— 简化开发调试流程，支持快速重建容器
+
+### 🐛 修复
+
+- 修复 `ExportTomlHandler` 模板渲染时缺少 `WireProtocolLine` 字段的问题
+- 修复 `deploy.sh` 升级时用空文件覆盖旧数据库的问题
+- 修复 Docker 镜像中 `sqlite3` 包名错误导致 `deploy.sh` 无法验证数据库的问题
+- 修复首次访问刷新时登录/注册页显示异常的前端竞态问题
+
+### 📦 部署变更
+
+- 挂载方式：`-v ${DEPLOY_DIR}:/app`（整个 `/app` 目录）
+- 数据库位置：`/opt/frpc-console/frpc-console.db`
+- 备份目录：`/tmp/frpc-console/db-backups`
+- 容器内工具：`sqlite` 已预装，便于调试
+
+---
+
+## ✅ 2.0-lts (2026-07-27)
+
+> **首个 LTS 正式版** —— 与 frps-console 2.0-lts 同步发布，共享版本号与 LTS 维护周期。
+
+- 🚀 **frp v2 协议正式启用** —— `wireProtocol = "v2"` 配置项可用，实测稳定
+- 🔒 **数据库迁移引擎完整实现** —— 版本驱动的增量迁移 + 迁移前自动全量备份 + 失败可回滚
+- 🧩 **frps-console 同步发布** —— 同一套设计哲学，一个管理 frpc，一个管理 frps
+
+---
+
+## 🧪 1.5-release (2026-07-25) (non-LTS)
+
+> 非长期支持版本，建议用于尝鲜测试，生产环境请使用 2.0-lts 及后续 LTS 版本。
+
+- ✨ 全局配置页面卡片式重构（服务器连接 / 传输配置 / 日志配置）
+- ✨ 新增运行日志面板（8 秒轮询，最大 200 行）
+- ✨ frp v2 配置占位（UI 灰标禁用，为 2.0 铺路）
+- 🔩 数据库 Schema 迁移框架（启动时自动补全缺失列）
+- 🔐 默认配置脱敏（通用占位符，避免开箱即连他人服务器）
+- 🎨 样式拆分与优化（style-3.css / style-4.css）
+
+---
+
+## 🎉 1.0-release (2026-07-24) (non-LTS)
+
+> 首次公开发布，核心功能全部就绪。
+
+- 🎉 首次发布
+- 📋 隧道全生命周期管理（增删改查 + 启用/禁用）
+- 📦 TOML 导入/导出（无缝迁移现有 frpc 配置）
+- 🔄 配置热加载（修改即生效，无需重启 frpc）
+- 🔐 首次启动 Web 注册（无需命令行交互）
+- 🖥️ 多平台支持（Windows / Linux / ARM 全平台）
+- 🐳 容器化就绪（Docker 镜像，开箱即用）
+- 🎨 深色磨砂玻璃 UI

version.ini

@@ -0,0 +1,6 @@
+; frpc-console 版本声明文件
+; 格式: {语义版本号} [{LTS发布日期}]
+; 示例:
+;   2.4              # Preview 版本，无日期
+;   2.5 20260729     # LTS 版本，带发布日期
+2.5