【规划】Issue #25 — PWA + 移动端适配：安装到主屏、离线缓存、底部 Tab

[suantea]

背景

家庭用户常用手机查看面板状态，但当前 Ant Design 后台风格偏桌面端，移动端体验不佳。缺少 PWA 支持也无法安装到手机主屏。

目标

• PWA 支持：
  • manifest.json：应用名称、图标、主题色
  • Service Worker：离线缓存关键资源
  • 首次访问提示"添加到主屏幕"
• 移动端适配：
  • 响应式布局：侧边栏折叠为底部 Tab
  • 触摸优化：按钮尺寸、滑动操作
  • 关键页面（Dashboard、TunService、Monitor）移动端优先
• 与 [Feature] 监控系统隧道状态同步 / Sync tunnel status for monitor system #22（轻导航）联动：移动端默认打开导航门户

技术要点

• webpage/public/manifest.json + service-worker.js
• Vite PWA 插件：@vitejs/plugin-pwa
• 响应式使用 Ant Design Breakpoint + CSS media query