From ab701f9415ed222196e93add490f7d90c84be503 Mon Sep 17 00:00:00 2001
From: yinpeng <2291314224@qq.com>
Date: Wed, 12 Feb 2025 23:40:05 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E5=AE=8C=E5=96=84=20Web=20=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=8A=9F=E8=83=BD=E6=96=87=E6=A1=A3=EF=BC=8C=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85=E7=95=8C=E9=9D=A2=E7=89=B9=E6=80=A7=E5=92=8C=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=92=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 41 +++++++++++++++++++++++++++++------------
 1 file changed, 29 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 64ce23e..1b9fa29 100644
--- a/README.md
+++ b/README.md
@@ -272,28 +272,45 @@ uvicorn app.main:app --host 0.0.0.0 --port 8000 --reload
 
 ### Web界面功能
 
-#### 验证页面
+#### 验证页面 (auth.html)
 
 - **URL**: `/auth`
 - **说明**: 提供了一个简洁的Web界面用于验证访问令牌
-- **功能**:
-  - 美观的用户界面，支持响应式设计
+- **功能特点**:
+  - 现代化的渐变背景设计
+  - 响应式布局，完美支持移动端
+  - 毛玻璃效果的卡片设计
+  - 优雅的动画效果（淡入、滑动、悬浮）
   - 安全的令牌验证机制
-  - 错误提示功能
-  - 支持移动端访问
+  - 清晰的错误提示功能
+  - PWA支持，可安装为本地应用
+  - 底部版权信息和GitHub链接
+  - 支持暗色主题适配
 
-#### API密钥状态管理
+#### API密钥状态管理 (keys_status.html)
 
 - **URL**: `/v1/keys/list`
 - **Method**: `GET`
 - **Header**: `Authorization: Bearer <your-auth-token>`
-- **说明**:
+- **功能特点**:
   - 只有使用 `AUTH_TOKEN` 才能访问此接口
-  - 提供了可视化的Web界面展示API密钥状态
-  - 支持查看有效和无效的API密钥列表
-  - 显示每个密钥的失败次数统计
-  - 提供一键复制功能（支持复制单个密钥或批量复制）
-  - 实时显示密钥总数统计
+  - 分类展示API密钥状态（有效/无效）
+  - 可折叠的密钥列表分组
+  - 每个密钥显示:
+    - 状态标识（有效/无效）
+    - 密钥内容
+    - 失败次数统计
+  - 高级功能:
+    - 一键复制单个密钥
+    - 批量复制分组密钥（JSON格式）
+    - 实时刷新功能
+    - 回到顶部/底部快捷按钮
+  - 界面特性:
+    - 响应式设计，适配各种屏幕
+    - 优雅的动画效果
+    - 操作反馈（复制成功提示）
+    - PWA支持
+    - 暗色主题适配
 
 ### 图片生成 (Image Generation)