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

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

src/styles/global.scss

@@ -474,71 +474,37 @@
 
 /* ============ 状态标签组件 ============ */
 .status {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
+    display: inline-block;
     padding: 4px 10px;
-    border-radius: 999px;
-    font-size: 12px;
-    font-weight: 600;
-}
-
-.status::before {
-    content: '';
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 500;
+    /* 移除 gap 和 ::before 伪元素图标 */
 }
 
 .status-running {
-    background: var(--color-success-light);
-    color: var(--color-success);
-}
-
-.status-running::before {
-    background: var(--color-success);
+    background: #D1FAE5;
+    color: #065F46;
 }
 
 .status-stopped {
-    background: var(--color-bg-3);
-    color: var(--color-text-3);
-}
-
-.status-stopped::before {
-    background: var(--color-text-4);
+    background: #F1F5F9;
+    color: #475569;
 }
 
 .status-starting {
-    background: var(--color-warning-light);
-    color: var(--color-warning);
-}
-
-.status-starting::before {
-    background: var(--color-warning);
-    animation: pulse 1.5s ease-in-out infinite;
-}
-
-@keyframes pulse {
-    0%, 100% { opacity: 1; transform: scale(1); }
-    50% { opacity: 0.5; transform: scale(0.8); }
+    background: #DBEAFE;
+    color: #1E40AF;
 }
 
 .status-error {
-    background: var(--color-danger-light);
-    color: var(--color-danger);
-}
-
-.status-error::before {
-    background: var(--color-danger);
+    background: #FEE2E2;
+    color: #991B1B;
 }
 
 .status-warning {
-    background: var(--color-warning-light);
-    color: var(--color-warning);
-}
-
-.status-warning::before {
-    background: var(--color-warning);
+    background: #FEF3C7;
+    color: #92400E;
 }
 
 /* 成员角色标签 */