refactor: 优化技能编辑器页面布局 - 三段式设计

- 将两行布局改为三段式布局：技能概览卡片、版本历史卡片、管理操作卡片
- 合并技能概览信息，删除独立的详细信息卡片
- 更新状态标签样式，移除图标，纯文字颜色区分
- 优化技能概览卡片结构：图标、名称行、指标行、标签区、描述
- 分类标签使用蓝色背景突出显示
- 操作按钮重新分组：编辑按钮在概览右上角，上传按钮在版本历史标题旁，删除下架在管理卡片
- 添加完整响应式支持

README.md

@@ -813,57 +813,55 @@ pendingUnlistReviews = [{
 
 #### 技能详情页（SkillEditorPage）
 
-**优化后的页面结构（两行布局）：**
+**优化后的页面结构（三段式布局）：**
 
 ```
 ┌─────────────────────────────────────────────────────────┐
 │                   技能编辑页面优化                      │
 ├─────────────────────────────────────────────────────────┤
 │                                                         │
-│  ┌───────────────────────────────────────────────────┐  │
-│  │ 技能概览卡片 (两行结构)                           │  │
-│  ├───────────────────────────────────────────────────┤  │
-│  │  [图标]  ┌─────────────────────────────────────┐ │  │
-│  │         │ 第一行：技能名称                      │ │  │
-│  │         │ 第二行：👥 156  📦 v1.2.0  ⭐ 4.7    │ │  │
-│  │         └─────────────────────────────────────┘ │  │
-│  └───────────────────────────────────────────────────┘  │
+│  ┌─────────────────────────────────────────────────────┐ │
+│  │ 技能概览卡片                                       │ │
+│  ├─────────────────────────────────────────────────────┤ │
+│  │  ┌────┐  技能名称 [状态]               [编辑基本信息] │ │
+│  │  │图标│  ─────────────────────────────────────────── │ │
+│  │  │80px│  👤 1,234    ⭐ 4.8    📦 v1.2.0           │ │
+│  │  │x80 │  [分类] [标签1] [标签2] [标签3]             │ │
+│  │  └────┘  技能描述...                               │ │
+│  └─────────────────────────────────────────────────────┘ │
 │                                                         │
-│  ┌───────────────────────────────────────────────────┐  │
-│  │ 详细信息卡片 (普通卡片)                           │  │
-│  ├───────────────────────────────────────────────────┤  │
-│  │ 状态：已上架                                      │  │
-│  │ 分类：信息查询                                    │  │
-│  │ 标签：天气 查询 生活                              │  │
-│  │ 技能描述：根据城市名称查询当前天气和未来预报...   │  │
-│  │ 版本说明：新增支持未来7天预报                     │  │
-│  └───────────────────────────────────────────────────┘  │
+│  ┌─────────────────────────────────────────────────────┐ │
+│  │ 版本历史卡片                                       │ │
+│  ├─────────────────────────────────────────────────────┤ │
+│  │  版本历史                      [上传新版本]       │ │
+│  │  ┌───────────────────────────────────────────────┐ │ │
+│  │  │ 版本号   │ 状态  │ 说明  │ 时间  │ 操作     │ │ │
+│  │  │ v1.3.0  │ 通过  │ ...   │ ...   │ [下载]   │ │ │
+│  │  │ v1.2.0  │ 拒绝  │ ...   │ ...   │ [下载]   │ │ │
+│  │  └───────────────────────────────────────────────┘ │ │
+│  └─────────────────────────────────────────────────────┘ │
 │                                                         │
-│  ┌───────────────────────────────────────────────────┐  │
-│  │ 操作按钮区                                        │  │
-│  ├───────────────────────────────────────────────────┤  │
-│  │ [更新基本信息] [下架技能] [删除技能]              │  │
-│  └───────────────────────────────────────────────────┘  │
-│                                                         │
-│  ┌───────────────────────────────────────────────────┐  │
-│  │ 技能包管理区 (保持不变)                          │  │
-│  ├───────────────────────────────────────────────────┤  │
-│  │ [上传新版本] 按钮                                 │  │
-│  │ 版本历史表格                                      │  │
-│  └───────────────────────────────────────────────────┘  │
+│  ┌─────────────────────────────────────────────────────┐ │
+│  │ 管理操作卡片                                       │ │
+│  ├─────────────────────────────────────────────────────┤ │
+│  │  管理                                              │ │
+│  │                              [下架技能] [删除技能]  │ │
+│  └─────────────────────────────────────────────────────┘ │
 │                                                         │
 └─────────────────────────────────────────────────────────┘
 ```
 
 **关键改进：**
-1. **两行布局设计**：左侧技能图标，右侧两行信息结构
-2. **图标化指标**：👥 订阅数、📦 当前版本、⭐ 评分，使用图标库图标
-3. **信息分层**：
-   - 第一行：技能名称
-   - 第二行：关键指标（带图标）
-4. **详细信息卡片**：包含状态、分类、标签、技能描述和版本说明
-5. **优化视觉层次**：四层结构：技能概览 → 详细信息 → 操作按钮 → 版本管理
-6. **简化交互**：详细信息卡片为普通卡片，不可折叠
+1. **三段式布局**：头部概览、版本历史、管理操作三个独立卡片
+2. **图标简化**：移除渐变背景，直接显示图标或首字母
+3. **信息整合**：
+   - 第一行：技能名称、状态标签、编辑按钮
+   - 第二行：指标行（图标+数值，无文字说明）
+   - 第三行：标签区（分类标签在前，蓝色背景区分）
+   - 第四行：技能描述
+4. **操作按钮分组**：编辑操作在右上角，危险操作在底部管理区
+5. **上传按钮单一入口**：只在版本历史卡片标题旁显示
+6. **状态标签纯文字**：移除图标，通过颜色区分状态
 
 **版本历史表格：**
 
@@ -873,11 +871,11 @@ pendingUnlistReviews = [{
 | v1.2.0 | 优化性能... | 审核拒绝 | 2026-03-08 | [下载] 拒绝理由: 测试用例不完整 |
 | v1.1.0 | 新增支持... | 审核中 | 2026-02-20 | [撤回审核] [下载] |
 
-**技能操作按钮：**
-- 更新基本信息：始终可用
-- 上传新版本：有审核中版本时禁用，提示"存在审核中的版本，请先撤回后再上传新版本"
-- 下架技能：技能状态为已上架且无审核中版本时可用
-- 删除技能：技能状态为开发中或已下架时可用，已上架时禁用并提示"已上架的技能需要先下架才能删除"
+**技能操作规则：**
+- 编辑基本信息：始终可用，位置在概览卡片右上角
+- 上传新版本：有审核中版本时禁用，位置在版本历史卡片标题旁
+- 下架技能：技能状态为已上架且无审核中版本时可用，位置在管理卡片
+- 删除技能：技能状态为开发中或已下架时可用，已上架时禁用，位置在管理卡片
 
 #### 我的技能列表页（MySkillsPage）
 
@@ -956,4 +954,4 @@ const versionStatusMap = {
 4. **Modal 确认**：删除和下架操作需要二次确认，使用 Modal 组件展示确认对话框
 5. **Toast 提示**：操作完成后显示 Toast 提示，展示操作结果（成功/失败）
 
-*最后更新：2026-03-20*
+*最后更新：2026-03-21*