feat: integrate 10 demo screenshots into GitHub Pages and README

README.md

@@ -70,7 +70,60 @@ ClawPanel 是 [OpenClaw](https://github.com/openclaw/openclaw) AI Agent 框架
 
 ## 功能截图
 
-> 截图待补充 — 欢迎提交 PR 补充各页面截图
+<p align="center">
+  <img src="docs/01.png" width="800" alt="仪表盘">
+</p>
+<p align="center"><em>仪表盘 — 系统运行概览，服务状态一目了然</em></p>
+
+<p align="center">
+  <img src="docs/02.png" width="800" alt="实时聊天">
+</p>
+<p align="center"><em>实时聊天 — WebSocket 流式对话，支持 Markdown 渲染与多会话管理</em></p>
+
+<p align="center">
+  <img src="docs/05.png" width="800" alt="模型配置">
+</p>
+<p align="center"><em>模型配置 — 多服务商管理，主模型+备选自动切换</em></p>
+
+<p align="center">
+  <img src="docs/08.png" width="800" alt="记忆文件">
+</p>
+<p align="center"><em>记忆文件 — 在线编辑 Agent 核心配置与工作记忆</em></p>
+
+<details>
+<summary><strong>查看更多截图</strong></summary>
+
+<p align="center">
+  <img src="docs/06.png" width="800" alt="Agent 管理">
+</p>
+<p align="center"><em>Agent 管理 — 多 Agent 创建、身份配置与工作区管理</em></p>
+
+<p align="center">
+  <img src="docs/07.png" width="800" alt="Gateway 配置">
+</p>
+<p align="center"><em>Gateway 配置 — 端口、访问权限、认证方式可视化配置</em></p>
+
+<p align="center">
+  <img src="docs/03.png" width="800" alt="服务管理">
+</p>
+<p align="center"><em>服务管理 — 启停控制、版本检测、一键升级、配置备份</em></p>
+
+<p align="center">
+  <img src="docs/04.png" width="800" alt="日志查看">
+</p>
+<p align="center"><em>日志查看 — 多日志源实时查看与关键词搜索</em></p>
+
+<p align="center">
+  <img src="docs/09.png" width="800" alt="扩展工具">
+</p>
+<p align="center"><em>扩展工具 — cftunnel 内网穿透、ClawApp 移动客户端管理</em></p>
+
+<p align="center">
+  <img src="docs/10.png" width="800" alt="系统诊断">
+</p>
+<p align="center"><em>系统诊断 — 全面健康检测与一键修复</em></p>
+
+</details>
 
 ## 技术架构