docs: 新增界面截图，将 docs/superpowers 移出版本库

- 新增 docs/screenshots/ 5 张界面截图（仪表盘、会话、供应商列表、编辑供应商基本信息/模型映射）
- README.md / README_EN.md 新增截图章节与目录项，并在项目结构说明中补充 docs/screenshots/
- .gitignore 排除 docs/superpowers/，从索引中移除已跟踪的设计规范与实施计划文件（本地保留）

README.md

@@ -17,6 +17,7 @@
 
 - [这是什么](#这是什么)
 - [核心特性](#核心特性)
+- [界面预览](#界面预览)
 - [架构总览](#架构总览)
 - [支持的供应商类型](#支持的供应商类型)
 - [数据存储位置](#数据存储位置)
@@ -64,6 +65,38 @@ Kimi Switch 提供统一的图形界面：
 | **会话管理** | 按工作区浏览、预览、归档、批量删除会话，逐行流式读取防崩溃（20MB 上限 + 500 字符折叠） |
 | **未保存提示** | 关闭窗口前检测未保存修改，标题栏加 `*` 前缀 |
 
+## 界面预览
+
+**供应商列表**（浅色主题）
+
+![供应商列表](docs/screenshots/providers.png)
+
+清晰展示当前激活的供应商、默认模型、延迟和可用模型数量，支持快速切换、复制、跳转官网、编辑和删除操作。
+
+**编辑供应商 - 基本信息**
+
+![编辑供应商-基本信息](docs/screenshots/provider-basic-info.png)
+
+包含供应商名称、备注、官网链接、托管供应商开关、API 格式、API Key 与请求地址等基础字段。
+
+**编辑供应商 - 模型映射**
+
+![编辑供应商-模型映射](docs/screenshots/provider-model-mapping.png)
+
+一张表管理全部模型映射：显示名称、实际请求模型、上下文长度、1M 上下文声明、能力标签（思考/图像/视频/工具调用/其他），支持「一键设置」「获取模型列表」批量填充。
+
+**用量仪表盘**
+
+![用量仪表盘](docs/screenshots/dashboard.png)
+
+8 项核心 KPI（请求数、非缓存输入、输出、缓存读/写/命中、总 Token、预估费用）+ 全年热力图 + 每日用量趋势（按模型分色堆叠柱状图）+ 模型用量明细（请求、Token、缓存命中、费用）。
+
+**会话管理**
+
+![会话管理](docs/screenshots/sessions.png)
+
+按工作区隔离浏览 Kimi Code 会话，支持活跃/已归档/全部筛选，流式逐行预览会话内容（20MB 字节上限，500 字符折叠），可归档或批量删除。
+
 ## 架构总览
 
 ```
@@ -209,7 +242,9 @@ npm run dev
 │
 ├── scripts/generate-icons.py     # 从 SVG 生成各尺寸图标
 ├── public/kimi.svg               # 应用图标源（蓝紫渐变 π）
-└── docs/superpowers/             # 设计规范与实施计划
+├── docs/
+│   ├── screenshots/              # README 引用的界面截图
+│   └── superpowers/              # 设计规范与实施计划
 ```
 
 ### Tauri Commands（前端 ↔ 后端）