style: 技能配置变量表格删除按钮改为文字样式

- 删除按钮从图标改为文字，使用 text-btn text-btn-danger 样式
- 操作列宽度从 80px 调整为 120px（col-actions--narrow）
- 移除未使用的 FiX 图标导入

openspec/specs/console-skill-config/spec.md

@@ -40,12 +40,17 @@
 - **AND** 表格包含以下列：
   - Key 输入框
   - Value 输入框
-  - 删除按钮（×）
+  - 操作列（包含"删除"文字按钮）
 
 #### Scenario: 空配置状态
 - **WHEN** 用户尚未添加任何配置变量
 - **THEN** 系统显示空表格或提示信息
 
+#### Scenario: 操作列宽度
+- **WHEN** 配置表格渲染完成
+- **THEN** 操作列使用 `col-actions--narrow` 类名
+- **AND** 操作列宽度为 120px
+
 ### Requirement: 新增配置项
 系统 SHALL 允许用户新增配置项。
 
@@ -56,10 +61,10 @@
 - **AND** Key 输入框自动获得焦点
 
 ### Requirement: 删除配置项
-系统 SHALL 允许用户删除配置项。
+系统 SHALL 允许用户删除配置项，使用文字删除按钮而非图标按钮。
 
 #### Scenario: 删除配置项
-- **WHEN** 用户点击某行的删除按钮（×）
+- **WHEN** 用户点击某行的"删除"文字按钮
 - **THEN** 系统从表格中移除该行
 - **AND** 不需要确认
 
@@ -68,6 +73,12 @@
 - **THEN** 系统允许删除操作
 - **AND** 表格变为空状态
 
+#### Scenario: 删除按钮样式
+- **WHEN** 配置表格渲染完成
+- **THEN** 删除按钮显示为文字按钮
+- **AND** 使用 `text-btn text-btn-danger` 样式
+- **AND** 按钮文本为"删除"
+
 ### Requirement: 配置输入校验
 系统 SHALL 对配置输入进行校验，确保 Key 和 Value 不能为空。
 

src/pages/console/SkillConfigPage.jsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
-import { FiPlus, FiX, FiUsers, FiStar, FiPackage } from 'react-icons/fi';
+import { FiPlus, FiUsers, FiStar, FiPackage } from 'react-icons/fi';
 import { skills, userSubscriptions } from '../../data/skills.js';
 import Toast from '../../components/common/Toast.jsx';
 
@@ -157,7 +157,7 @@ function SkillConfigPage() {
                                     <tr>
                                         <th>Key</th>
                                         <th>Value</th>
-                                        <th className="col-actions--tiny">操作</th>
+                                        <th className="col-actions--narrow">操作</th>
                                     </tr>
                                 </thead>
                                 <tbody>
@@ -191,12 +191,12 @@ function SkillConfigPage() {
                                                     </div>
                                                 )}
                                             </td>
-                                            <td>
+                                            <td className="col-actions--narrow">
                                                 <button
                                                     className="text-btn text-btn-danger"
                                                     onClick={() => handleRemoveConfig(index)}
                                                 >
-                                                    <FiX />
+                                                    删除
                                                 </button>
                                             </td>
                                         </tr>