feat: 全面优化 — UI/UX重构 + 流量审计与会话管理 + 协议部署

UI/UX 优化:
- 登录页分屏布局 + 可访问性修复 + 内联错误提示
- 侧栏菜单分组(专线运维/资源管理/系统) + 图标修正 + 子路由高亮
- Dashboard 统计卡渐变图标 + 空状态引导 + 统计卡可点击
- 创建向导: 依赖检测门控 + 高级折叠 + 必填校验 + WireGuard推荐标
- 专线列表: 空状态CTA + 操作列「更多」下拉 + 状态筛选 + SSE日志流
- 协议品牌SVG图标(ProtocolIcon组件)替换emoji
- 设计令牌系统(tokens.css)统一颜色/间距/圆角/阴影

功能增强:
- 在线会话管理(sessionmgr): 跨协议会话同步 + 踢下线 + 连接审计日志
- 流量配额引擎(trafficmgr): 配额检查 + 超额动作(block/warn/throttle) + 周期重置
- 异常流量告警: 突发流量检测(>90MB/15s) + 审计记录
- 节点SSH凭证管理: 密码/私钥认证 + 即时测试连接 + AES-GCM加密存储
- 协议二进制管理(binmgr): FRP/OpenVPN GitHub下载 + 系统包安装引导(apt/yum/dnf)
- 右上角修改密码弹窗 + MFA独立验证页 + 密码强度提示
- 用户管理: 批量导入 + LDAP浏览导入 + 平台用户导入VPN拨号用户
- 404路由 + IPSec对接页可达性修复
- MFA备用码持久化弹窗(替代Toast)
- 轮询可见性守卫 + ECharts resize修复

后端:
- 3张新表: VPNSession/ConnectionLog/TrafficPolicy
- monitor增强: 会话同步+配额检查+异常告警+到期审计
- changePassword统一8位+新旧不同校验
- openvpn-otp文案专业化(移除抄袭感)
- SSE日志流(token降级query参数)

backend/internal/monitor/monitor.go

@@ -1,4 +1,4 @@
-// Package monitor 周期性采集各专线运行状态与流量
+// Package monitor 周期性采集各专线运行状态、流量、会话与配额 // Logan.Li
 package monitor
 
 import (
@@ -6,24 +6,28 @@ import (
 
 	"vpn-platform/backend/internal/core"
 	"vpn-platform/backend/internal/model"
+	"vpn-platform/backend/internal/sessionmgr"
 	"vpn-platform/backend/internal/store"
+	"vpn-platform/backend/internal/trafficmgr"
 )
 
+const collectInterval = 15 * time.Second
+
 // Start 启动状态采集循环（每 15 秒刷新一次）
 func Start(mgr *core.Manager, interval time.Duration) {
 	if interval == 0 {
-		interval = 15 * time.Second
+		interval = collectInterval
 	}
 	ticker := time.NewTicker(interval)
 	go func() {
-		collect(mgr) // 启动即采集一次
+		collect(mgr, interval) // 启动即采集一次
 		for range ticker.C {
-			collect(mgr)
+			collect(mgr, interval)
 		}
 	}()
 }
 
-func collect(mgr *core.Manager) {
+func collect(mgr *core.Manager, interval time.Duration) {
 	var tunnels []model.Tunnel
 	if err := store.DB.Find(&tunnels).Error; err != nil {
 		return
@@ -39,18 +43,62 @@ func collect(mgr *core.Manager) {
 			continue
 		}
 		mgr.SetStatus(t.ID, st)
-		// 数据库状态与协议真实状态同步，避免页面长期展示过时的“运行中”。
+
+		// 数据库状态同步
 		if st.State != "" && st.State != t.State {
 			store.DB.Model(t).Update("state", st.State)
 		}
-		// 流量持久化（仅在有增量时写库）
+
+		// 流量增量计算（用于配额/会话/异常检测）
+		deltaRx := st.RxBytes - t.RxBytes
+		deltaTx := st.TxBytes - t.TxBytes
+		if deltaRx < 0 {
+			deltaRx = st.RxBytes
+		}
+		if deltaTx < 0 {
+			deltaTx = st.TxBytes
+		}
+
+		// 流量持久化（隧道级）
 		if st.RxBytes > 0 || st.TxBytes > 0 {
 			store.DB.Model(t).Updates(map[string]interface{}{"rx_bytes": st.RxBytes, "tx_bytes": st.TxBytes})
 		}
-		// 到期自动停止
+
+		// ---- 会话同步（阶段 1）----
+		if st.Running {
+			// WireGuard 等多对端协议：从 Peers 同步
+			if len(st.Peers) > 0 {
+				sessionmgr.SyncFromPeers(t.ID, t.Protocol, st.Peers)
+			}
+			// OpenVPN 的会话同步在 collectTraffic 内部完成（已直接写 VPNUser）
+		} else {
+			// 隧道未运行 → 标记所有 active 会话为 disconnected
+			sessionmgr.SyncSessions(t.ID, t.Protocol, nil)
+		}
+
+		// ---- 流量配额检查（阶段 2）----
+		if deltaRx > 0 || deltaTx > 0 {
+			action := trafficmgr.CheckQuota(t.ID, deltaRx, deltaTx)
+			if action != "" {
+				trafficmgr.HandleExceed(t.ID, action, t.Name)
+				if action == "block" {
+					_ = p.Stop(t)
+					store.DB.Model(t).Update("state", "stopped")
+					store.Audit("system", "quota_block", t.Name, "流量配额超额，自动停止")
+				}
+			}
+		}
+
+		// ---- 异常流量告警（阶段 3）----
+		if st.Running && (deltaRx > 0 || deltaTx > 0) {
+			trafficmgr.CheckRateAbnormal(t.ID, deltaRx, deltaTx, interval)
+		}
+
+		// ---- 到期自动停止 ----
 		if t.ExpireAt != nil && time.Now().After(*t.ExpireAt) && t.State == "running" {
 			_ = p.Stop(t)
 			store.DB.Model(t).Update("state", "stopped")
+			store.Audit("system", "expire_stop", t.Name, "专线到期自动停止")
 		}
 	}
 }