Merge branch 'shiy' into awen

# Conflicts:
#	app/root.tsx

app/styles/components/button.css

@@ -1,16 +1,16 @@
-/**
+/* *
  * 按钮组件样式
  */
 
-/* 基础按钮 */
+/* 基础按钮
 .btn {
   @apply inline-flex items-center justify-center px-4 py-2 
          border border-transparent rounded-md font-medium text-sm 
          focus:outline-none focus:ring-2 focus:ring-offset-2 transition-all duration-200
          disabled:opacity-50 disabled:cursor-not-allowed;
-}
+} */
 
-/* 按钮尺寸 */
+/* 按钮尺寸
 .btn-xs {
   @apply px-2.5 py-1 text-xs;
 }
@@ -21,13 +21,17 @@
 
 .btn-lg {
   @apply px-5 py-2.5 text-base;
-}
+} */
 
-/* 按钮类型 */
+/* 按钮类型
 .btn-primary {
   @apply bg-[#00684a] text-white hover:bg-[#005a3f] focus:ring-[#00684a];
 }
 
+.btn-default {
+  @apply bg-white text-gray-800 hover:bg-gray-300 focus:ring-gray-300;
+}
+
 .btn-secondary {
   @apply bg-gray-200 text-gray-800 hover:bg-gray-300 focus:ring-gray-300;
 }
@@ -44,9 +48,9 @@
 .btn-text {
   @apply bg-transparent text-[#00684a] shadow-none border-none 
          hover:bg-[rgba(0,104,74,0.05)] focus:ring-0;
-}
+} */
 
-/* 图标按钮 */
+/* 图标按钮
 .btn-icon {
   @apply p-2 rounded-full;
 }
@@ -57,9 +61,9 @@
 
 .btn-icon i, .btn-icon svg {
   @apply text-current w-5 h-5;
-}
+} */
 
-/* 按钮组 */
+/* 按钮组
 .btn-group {
   @apply inline-flex;
 }
@@ -74,4 +78,29 @@
 
 .btn-group .btn:last-child {
   @apply rounded-r-md;
-} 
+}  */
+
+
+/* 按钮样式 */
+.ant-btn {
+  @apply inline-flex items-center justify-center px-4 py-2 
+       border border-transparent rounded-md font-medium text-sm 
+       focus:outline-none focus:ring-2 focus:ring-offset-2 transition-all duration-200
+       disabled:opacity-50 disabled:cursor-not-allowed;
+}
+
+.ant-btn-primary {
+  @apply bg-[#00684a] text-white hover:bg-[#005a3f] focus:ring-[#00684a];
+}
+
+.ant-btn-default {
+  @apply bg-white border border-gray-300 text-gray-800 hover:border-[#00684a] focus:ring-[#00684a];
+}
+
+.ant-btn-danger {
+  @apply bg-[#f5222d] text-white hover:bg-[#cf1f29] focus:ring-[#f5222d];
+}
+
+.ant-btn-sm {
+  @apply px-3 py-1.5 text-sm;
+}

app/styles/components/card.css

@@ -26,7 +26,7 @@
 
 /* 卡片内容 */
 .card-body {
-  @apply p-5;
+  @apply p-1;
 }
 
 /* 卡片底部 */

app/styles/components/file-icon.css

@@ -0,0 +1,50 @@
+/**
+ * 文件图标组件样式
+ */
+
+/* 文件图标容器 */
+.file-icon {
+  @apply inline-flex items-center justify-center w-10 h-10 rounded-md text-xl;
+}
+
+/* 文件图标类型 */
+.file-icon-doc {
+  @apply bg-blue-100 text-blue-600;
+}
+
+.file-icon-pdf {
+  @apply bg-red-100 text-red-600;
+}
+
+.file-icon-xls {
+  @apply bg-green-100 text-green-600;
+}
+
+.file-icon-ppt {
+  @apply bg-orange-100 text-orange-600;
+}
+
+.file-icon-zip {
+  @apply bg-purple-100 text-purple-600;
+}
+
+.file-icon-img {
+  @apply bg-pink-100 text-pink-600;
+}
+
+.file-icon-txt {
+  @apply bg-gray-100 text-gray-600;
+}
+
+.file-icon-unknown {
+  @apply bg-gray-100 text-gray-600;
+}
+
+/* 文件图标尺寸 */
+.file-icon-sm {
+  @apply w-8 h-8 text-base;
+}
+
+.file-icon-lg {
+  @apply w-12 h-12 text-2xl;
+} 

app/styles/components/file-type-tag.css

@@ -0,0 +1,80 @@
+/**
+ * 文件类型标签组件样式
+ */
+
+/* 文件类型标签基础样式 */
+.file-type-tag {
+  @apply inline-flex items-center px-2 py-1 rounded text-xs font-medium;
+}
+
+/* 文件类型颜色 */
+.file-type-tag-doc {
+  @apply bg-blue-100 text-blue-800;
+}
+
+.file-type-tag-pdf {
+  @apply bg-red-100 text-red-800;
+}
+
+.file-type-tag-xls {
+  @apply bg-green-100 text-green-800;
+}
+
+.file-type-tag-ppt {
+  @apply bg-orange-100 text-orange-800;
+}
+
+.file-type-tag-zip {
+  @apply bg-purple-100 text-purple-800;
+}
+
+.file-type-tag-img {
+  @apply bg-pink-100 text-pink-800;
+}
+
+.file-type-tag-txt {
+  @apply bg-gray-100 text-gray-800;
+}
+
+.file-type-tag-unknown {
+  @apply bg-gray-100 text-gray-800;
+}
+
+/* 特定业务文件类型 */
+.file-type-tag-contract {
+  @apply bg-blue-100 text-blue-800;
+}
+
+.file-type-tag-license {
+  @apply bg-green-100 text-green-800;
+}
+
+.file-type-tag-punishment {
+  @apply bg-orange-100 text-orange-800;
+}
+
+.file-type-tag-report {
+  @apply bg-cyan-100 text-cyan-800;
+}
+
+.file-type-tag-other {
+  @apply bg-purple-100 text-purple-800;
+}
+
+/* 文件类型尺寸 */
+.file-type-tag-sm {
+  @apply px-1.5 py-0 text-xs;
+}
+
+.file-type-tag-lg {
+  @apply px-2.5 py-1 text-sm;
+}
+
+/* 带图标的文件类型标签 */
+.file-type-tag-with-icon {
+  @apply pl-1.5;
+}
+
+.file-type-tag i {
+  @apply mr-1 text-sm;
+} 

app/styles/components/filter-panel.css

@@ -0,0 +1,57 @@
+/**
+ * 筛选面板组件样式
+ */
+
+/* 筛选面板容器 */
+.filter-panel {
+  @apply bg-white rounded-lg border border-gray-200 shadow-sm p-4 mb-5;
+}
+
+/* 筛选条件列表 */
+.filter-list {
+  @apply flex flex-wrap items-end gap-3;
+}
+
+/* 筛选项 */
+.filter-item {
+  @apply mb-0;
+}
+
+/* 筛选标签 */
+.filter-label {
+  @apply block text-sm font-medium mb-1 text-gray-700;
+}
+
+/* 筛选控件 */
+.filter-control {
+  @apply w-full;
+}
+
+/* 筛选操作按钮区域 */
+.filter-actions {
+  @apply flex justify-end items-center pt-4 mt-4 border-t border-gray-100 space-x-3;
+}
+
+/* 无分割线的按钮区域 */
+.filter-actions-no-divider {
+  @apply border-t-0 pt-0 mt-2;
+}
+
+/* 收起/展开状态 */
+.filter-panel-collapsed {
+  @apply max-h-[120px] overflow-hidden relative;
+}
+
+.filter-panel-collapsed::after {
+  content: '';
+  @apply absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-white to-transparent;
+}
+
+/* 收起/展开切换按钮 */
+.filter-toggle {
+  @apply text-sm text-[#00684a] cursor-pointer hover:text-[#005a3f] flex items-center;
+}
+
+.filter-toggle i {
+  @apply ml-1;
+} 

app/styles/components/form.css

@@ -32,7 +32,7 @@
   }
 
   .form-select {
-    @apply pr-10;
+    @apply pr-10 border-gray-300 border-[1px];
   }
 
   .form-textarea {

app/styles/components/pagination.css

@@ -0,0 +1,60 @@
+/**
+ * 分页组件样式
+ */
+
+/* 分页容器 */
+.ant-pagination {
+  @apply flex items-center space-x-1;
+}
+
+/* 分页项 */
+.ant-pagination-item {
+  @apply flex items-center justify-center min-w-[32px] h-8 px-3 
+         border border-gray-200 rounded-md text-sm text-gray-700
+         transition-all duration-200 cursor-pointer;
+}
+
+.ant-pagination-item:hover {
+  @apply border-[#00684a] text-[#00684a];
+  /* @apply border-[#30184a] text-[#30184a]; */
+}
+
+.ant-pagination-item-active {
+  @apply border-[#00684a] bg-[#00684a] text-white font-medium;
+}
+
+.ant-pagination-item-active:hover {
+  @apply text-white;
+}
+
+/* 上一页/下一页按钮 */
+.ant-pagination-prev,
+.ant-pagination-next {
+  @apply flex items-center justify-center w-8 h-8 
+         border border-gray-200 rounded-md text-gray-600
+         transition-all duration-200;
+}
+
+.ant-pagination-prev:hover,
+.ant-pagination-next:hover {
+  @apply border-[#00684a] text-[#00684a];
+}
+
+/* 禁用状态 */
+.ant-pagination-disabled {
+  @apply opacity-50 cursor-not-allowed;
+}
+
+.ant-pagination-disabled:hover {
+  @apply border-gray-200 text-gray-600;
+}
+
+/* 显示总数和每页显示条数 */
+.ant-pagination-options {
+  @apply flex items-center text-sm text-gray-500 mr-4;
+}
+
+.ant-pagination-options-size-changer {
+  @apply ml-2 px-2 py-1 border border-gray-200 rounded text-sm
+         focus:outline-none focus:ring-1 focus:ring-[#00684a] focus:border-[#00684a];
+} 

app/styles/components/search-box.css

@@ -0,0 +1,80 @@
+/**
+ * 搜索框组件样式
+ */
+
+/* 搜索框容器 */
+.search-box {
+  @apply relative;
+}
+
+/* 搜索框与按钮并排显示 */
+.search-box-row {
+  @apply flex items-center;
+}
+
+.search-box-row .form-input {
+  @apply rounded-r-none;
+}
+
+.search-box-row .search-button {
+  @apply rounded-l-none h-full flex items-center;
+}
+
+/* 搜索输入框 */
+.form-input {
+  @apply w-full py-2 px-4 border border-gray-200 rounded-md text-sm
+         focus:outline-none focus:ring-1 focus:ring-[#00684a] focus:border-[#00684a]
+         placeholder-gray-400 transition-all duration-200;
+}
+
+/* 搜索按钮 */
+.search-button {
+  @apply bg-[#00684a] text-white px-3 py-2 rounded-md border border-[#00684a];
+}
+
+.search-button:hover {
+  @apply bg-[#005a3f] border-[#005a3f];
+}
+
+.search-button i {
+  @apply mr-1;
+}
+
+/* 仅图标按钮样式 */
+.icon-only-btn {
+  @apply px-2;
+}
+
+.icon-only-btn i {
+  @apply mr-0;
+}
+
+/* 搜索框大小 */
+.search-box-sm .form-input {
+  @apply py-1.5 text-sm;
+}
+
+.search-box-lg .form-input {
+  @apply py-2.5 text-base;
+}
+
+/* 搜索图标 */
+.search-box-icon {
+  @apply absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400;
+}
+
+/* 清除按钮 */
+.search-box-clear {
+  @apply absolute right-3 top-1/2 transform -translate-y-1/2 
+         text-gray-400 hover:text-gray-600 cursor-pointer transition-colors duration-200;
+}
+
+/* 带边框的搜索框 */
+.search-box-bordered {
+  @apply shadow-sm;
+}
+
+/* 搜索框禁用状态 */
+.form-input:disabled {
+  @apply bg-gray-100 cursor-not-allowed opacity-70;
+} 

app/styles/components/status-badge.css

@@ -0,0 +1,72 @@
+/**
+ * 状态徽章组件样式
+ */
+
+/* 状态徽章基础样式 */
+.status-badge {
+  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
+}
+
+/* 状态徽章尺寸 */
+.status-badge-sm {
+  @apply px-2 py-0.5 text-xs;
+}
+
+.status-badge-lg {
+  @apply px-3 py-1 text-sm;
+}
+
+/* 状态徽章类型 */
+.status-badge-success {
+  @apply bg-green-100 text-green-800;
+}
+
+.status-badge-processing {
+  @apply bg-blue-100 text-blue-800;
+}
+
+.status-badge-warning {
+  @apply bg-yellow-100 text-yellow-800;
+}
+
+.status-badge-error {
+  @apply bg-red-100 text-red-800;
+}
+
+.status-badge-default {
+  @apply bg-gray-100 text-gray-800;
+}
+
+/* 带图标的状态徽章 */
+.status-badge-with-icon {
+  @apply pl-1.5;
+}
+
+.status-badge i {
+  @apply mr-1;
+}
+
+/* 可点击的状态徽章 */
+.status-badge-clickable {
+  @apply cursor-pointer transition-colors duration-200;
+}
+
+.status-badge-clickable.status-badge-success:hover {
+  @apply bg-green-200;
+}
+
+.status-badge-clickable.status-badge-processing:hover {
+  @apply bg-blue-200;
+}
+
+.status-badge-clickable.status-badge-warning:hover {
+  @apply bg-yellow-200;
+}
+
+.status-badge-clickable.status-badge-error:hover {
+  @apply bg-red-200;
+}
+
+.status-badge-clickable.status-badge-default:hover {
+  @apply bg-gray-200;
+} 

app/styles/components/status-dot.css

@@ -0,0 +1,83 @@
+/**
+ * 状态点组件样式
+ */
+
+/* 状态点基础样式 */
+.status-dot {
+  @apply inline-block w-2 h-2 rounded-full;
+}
+
+/* 状态点类型 */
+.status-dot-success {
+  @apply bg-green-500;
+}
+
+.status-dot-processing {
+  @apply bg-blue-500;
+}
+
+.status-dot-warning {
+  @apply bg-yellow-500;
+}
+
+.status-dot-error {
+  @apply bg-red-500;
+}
+
+.status-dot-default {
+  @apply bg-gray-400;
+}
+
+/* 状态点尺寸 */
+.status-dot-sm {
+  @apply w-1.5 h-1.5;
+}
+
+.status-dot-lg {
+  @apply w-3 h-3;
+}
+
+/* 带脉冲动画的状态点 */
+.status-dot-pulse {
+  @apply relative;
+}
+
+.status-dot-pulse::after {
+  content: '';
+  @apply absolute w-full h-full rounded-full -left-1 -top-1 animate-ping;
+}
+
+.status-dot-pulse.status-dot-success::after {
+  @apply bg-green-400 opacity-60;
+}
+
+.status-dot-pulse.status-dot-processing::after {
+  @apply bg-blue-400 opacity-60;
+}
+
+.status-dot-pulse.status-dot-warning::after {
+  @apply bg-yellow-400 opacity-60;
+}
+
+.status-dot-pulse.status-dot-error::after {
+  @apply bg-red-400 opacity-60;
+}
+
+/* 带文本的状态点 */
+.status-dot-with-text {
+  @apply flex items-center justify-center;
+}
+
+.status-dot-text {
+  @apply ml-1.5 text-sm;
+  color: inherit;
+}
+
+/* 状态文本颜色 */
+.status-dot-success + .status-dot-text {
+  @apply text-green-600;
+}
+
+.status-dot-default + .status-dot-text {
+  @apply text-gray-500;
+} 

app/styles/components/table.css

@@ -2,6 +2,67 @@
  * 表格组件样式
  */
 
+/* 表格容器 */
+.ant-table-wrapper {
+  @apply w-full overflow-x-auto relative;
+}
+
+/* 表格 */
+.ant-table {
+  @apply w-full border-collapse text-sm;
+}
+
+/* 表头 */
+.ant-table thead th {
+  @apply bg-gray-50 font-medium py-3 px-4 text-left text-gray-700 border-b border-gray-200;
+}
+
+/* 表格内容 */
+.ant-table tbody td {
+  @apply py-3 px-4 border-b border-gray-100;
+}
+
+/* 表格行 */
+.ant-table tbody tr {
+  @apply bg-white hover:bg-gray-50 transition-colors duration-150;
+}
+
+/* 空状态 */
+.ant-table-empty {
+  @apply py-12 text-center text-gray-500;
+}
+
+/* 带边框的表格 */
+.ant-table-bordered,
+.ant-table-bordered .ant-table thead th,
+.ant-table-bordered .ant-table tbody td {
+  @apply border border-gray-200;
+}
+
+/* 表格加载状态 */
+.ant-table-loading {
+  @apply relative opacity-60;
+}
+
+.ant-table-loading-indicator {
+  @apply absolute inset-0 flex items-center justify-center bg-white bg-opacity-70;
+}
+
+/* 表格行选中状态 */
+.ant-table tr.selected {
+  @apply bg-[rgba(0,104,74,0.05)];
+}
+
+/* 表格排序图标 */
+.ant-table-column-sorter {
+  @apply ml-1 text-gray-400 inline-flex flex-col;
+}
+
+.ant-table-column-sorter-up.active,
+.ant-table-column-sorter-down.active {
+  @apply text-[#00684a];
+}
+
 @layer components {
   /* 基础表格 */
   .table-container {

app/styles/components/tag.css

@@ -0,0 +1,65 @@
+/**
+ * 标签组件样式
+ */
+
+/* 标签基础样式 */
+.tag {
+  @apply inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium;
+}
+
+/* 标签类型 */
+.tag-blue {
+  @apply bg-blue-100 text-blue-800;
+}
+
+.tag-green {
+  @apply bg-green-100 text-green-800;
+}
+
+.tag-red {
+  @apply bg-red-100 text-red-800;
+}
+
+.tag-yellow {
+  @apply bg-yellow-100 text-yellow-800;
+}
+
+.tag-purple {
+  @apply bg-purple-100 text-purple-800;
+}
+
+.tag-gray {
+  @apply bg-gray-100 text-gray-800;
+}
+
+/* 添加新的颜色 */
+.tag-cyan {
+  @apply bg-cyan-100 text-cyan-800;
+}
+
+.tag-orange {
+  @apply bg-orange-100 text-orange-800;
+}
+
+/* 标签尺寸 */
+.tag-sm {
+  @apply px-2 py-0 text-xs;
+}
+
+.tag-lg {
+  @apply px-3 py-1 text-sm;
+}
+
+/* 可关闭的标签 */
+.tag-closable {
+  @apply pr-1;
+}
+
+.tag-close-icon {
+  @apply ml-1 cursor-pointer text-opacity-70 hover:text-opacity-100 transition-opacity duration-200;
+}
+
+/* 可点击的标签 */
+.tag-clickable {
+  @apply cursor-pointer hover:opacity-80 transition-opacity duration-200;
+} 

app/styles/main.css

@@ -3,6 +3,23 @@
  * 包含应用所有样式
  */
 
+/* 导入组件样式 */
+@import './components/button.css';
+@import './components/card.css';
+@import './components/form.css';
+@import './components/navigation.css';
+@import './components/table.css';
+@import './components/badge.css';
+@import './components/pagination.css';
+@import './components/search-box.css';
+@import './components/filter-panel.css';
+@import './components/file-icon.css';
+@import './components/status-badge.css';
+@import './components/file-type-tag.css';
+@import './components/status-dot.css';
+@import './components/tag.css';
+/* @import './components/modal.css'; */
+
 /* Tailwind 基础指令 */
 @tailwind base;
 @tailwind components;
@@ -197,30 +214,6 @@
   
   /* === UI组件 === */
   
-  /* 按钮样式 */
-  .ant-btn {
-    @apply inline-flex items-center justify-center px-4 py-2 
-         border border-transparent rounded-md font-medium text-sm 
-         focus:outline-none focus:ring-2 focus:ring-offset-2 transition-all duration-200
-         disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-  
-  .ant-btn-primary {
-    @apply bg-[#00684a] text-white hover:bg-[#005a3f] focus:ring-[#00684a];
-  }
-  
-  .ant-btn-default {
-    @apply bg-gray-200 text-gray-800 hover:bg-gray-300 focus:ring-gray-300;
-  }
-  
-  .ant-btn-danger {
-    @apply bg-[#f5222d] text-white hover:bg-[#cf1f29] focus:ring-[#f5222d];
-  }
-  
-  .ant-btn-sm {
-    @apply px-3 py-1.5 text-sm;
-  }
-  
   /* 卡片组件 */
   .card {
     @apply bg-white rounded-lg shadow-sm border border-gray-200 p-4;

app/styles/pages/config-lists_index.css

@@ -0,0 +1,89 @@
+/**
+ * 配置列表页样式
+ */
+
+/* 配置页面容器 */
+.config-lists {
+  @apply p-6;
+}
+
+/* 表格区域 */
+.config-lists .config-table {
+  @apply w-full;
+}
+
+/* 选择框focus状态 */
+.config-lists .form-select:focus {
+  border-color: #00684a;
+  box-shadow: 0 0 0 2px rgba(0, 104, 74, 0.2);
+  outline: none;
+}
+
+/* 环境标签 */
+.config-lists .env-tag {
+  @apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium;
+}
+
+.config-lists .env-tag-dev {
+  @apply bg-blue-100 text-blue-900;
+}
+
+.config-lists .env-tag-test {
+  @apply bg-yellow-100 text-yellow-900;
+}
+
+.config-lists .env-tag-prod {
+  @apply bg-green-100 text-green-900;
+}
+
+/* 操作列样式 */
+.config-lists .operations-cell {
+  @apply flex space-x-2;
+}
+
+.config-lists .operation-btn {
+  @apply text-sm flex items-center text-[--color-primary] bg-transparent hover:underline p-2;  
+}
+
+
+.config-lists .operation-btn i {
+  @apply mr-1;
+}
+
+/* 详情模态框样式 */
+.config-lists .config-detail-content {
+  @apply space-y-4;
+}
+
+.config-lists .config-detail-item {
+  @apply mb-4;
+}
+
+.config-lists .config-detail-label {
+  @apply text-sm text-gray-500 mb-1;
+}
+
+.config-lists .config-detail-value {
+  @apply text-base;
+}
+
+.config-lists .config-detail-code {
+  @apply bg-gray-50 p-3 rounded text-sm overflow-x-auto;
+}
+
+.config-lists .ant-btn-primary{
+    @apply !text-white
+}
+
+/* 响应式调整 */
+@screen md {
+  .config-lists .config-filter-form {
+    @apply grid-cols-2;
+  }
+}
+
+@screen lg {
+  .config-lists .config-filter-form {
+    @apply grid-cols-4;
+  }
+} 

app/styles/pages/config-lists_new.css

@@ -0,0 +1,139 @@
+/**
+ * 配置新增/编辑页样式
+ */
+
+/* 页面容器 */
+.config-new-page {
+  @apply p-6;
+}
+
+/* 表单卡片 */
+.config-new-page .config-form-card {
+  @apply p-6;
+}
+
+/* 表单样式 */
+.config-new-page .config-form {
+  @apply space-y-6;
+}
+
+.config-new-page .form-row {
+  @apply grid grid-cols-1 md:grid-cols-2 gap-6;
+}
+
+.config-new-page .form-row-full {
+  @apply md:col-span-2;
+}
+
+.config-new-page .form-group {
+  @apply mb-4;
+}
+
+.config-new-page .form-label {
+  @apply block text-sm font-medium mb-1 text-gray-700;
+}
+
+.config-new-page .form-label.required::after {
+  content: " *";
+  @apply text-red-500;
+}
+
+.config-new-page .form-input,
+.config-new-page .form-select,
+.config-new-page .form-textarea {
+  @apply block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm;
+}
+
+.config-new-page .form-textarea {
+  @apply font-mono;
+}
+
+.config-new-page .form-checkbox {
+  @apply h-4 w-4 text-primary border-gray-300 rounded focus:ring-primary-500;
+}
+
+.config-new-page .form-checkbox-label {
+  @apply ml-2 block text-sm text-gray-900;
+}
+
+.config-new-page .input-error {
+  @apply border-red-500;
+}
+
+.config-new-page .error-message {
+  @apply text-sm text-red-500 mt-1;
+}
+
+.config-new-page .general-error {
+  @apply bg-red-50 p-3 rounded text-center;
+}
+
+.config-new-page .form-help {
+  @apply text-xs text-gray-500 mt-1;
+}
+
+.config-new-page .form-actions {
+  @apply flex justify-end space-x-3;
+}
+
+.config-new-page .inline {
+  @apply inline-block;
+}
+
+/* 标签按钮样式 */
+.config-new-page .tag-buttons {
+  @apply flex flex-wrap gap-2;
+}
+
+.config-new-page .tag-button {
+  @apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium 
+         bg-gray-100 text-gray-700 border border-gray-200 cursor-pointer transition-all duration-200
+         hover:bg-[rgba(0,104,74,0.1)] hover:border-[#00684a] hover:text-[#00684a];
+}
+
+.config-new-page .tag-button.active {
+  @apply bg-[rgba(0,104,74,0.15)] border-[#00684a] text-[#00684a];
+}
+
+/* JSON编辑器 */
+.config-new-page .json-editor {
+  @apply w-full min-h-[320px] font-mono text-sm leading-relaxed 
+         border border-gray-300 rounded-md p-3 bg-gray-50 text-gray-800
+         focus:outline-none focus:ring-primary-500 focus:border-primary-500;
+}
+
+.config-new-page .editor-actions {
+  @apply text-right mt-2;
+}
+
+/* 示例卡片 */
+.config-new-page .example-card {
+  @apply h-full flex flex-col bg-gray-50 rounded-md border border-gray-200 overflow-hidden;
+}
+
+.config-new-page .example-header {
+  @apply p-3 border-b border-gray-200 bg-gray-100;
+}
+
+.config-new-page .example-title {
+  @apply font-medium text-gray-700;
+}
+
+.config-new-page .example-content {
+  @apply p-3 flex-grow overflow-auto;
+}
+
+.config-new-page .example-pre {
+  @apply m-0 font-mono text-sm leading-relaxed text-gray-800;
+}
+
+.config-new-page .example-footer {
+  @apply p-3 border-t border-gray-200 bg-gray-100;
+}
+
+/* 代码语法高亮基础样式 */
+.config-new-page .code-json .key { @apply text-blue-600; }
+.config-new-page .code-json .string { @apply text-green-600; }
+.config-new-page .code-json .number { @apply text-purple-600; }
+.config-new-page .code-json .boolean { @apply text-blue-600; }
+.config-new-page .code-json .null { @apply text-gray-500; } 

app/styles/pages/home.css

@@ -98,19 +98,23 @@
 
 /* 状态标签 */
 .status-badge {
-  @apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium;
+  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
 }
 
 .status-badge.status-success {
-  @apply bg-[rgba(0,104,74,0.1)] text-[#00684a];
+  @apply bg-green-100 text-green-900;
 }
 
 .status-badge.status-warning {
-  @apply bg-[rgba(250,173,20,0.1)] text-[#faad14];
+  @apply bg-yellow-100 text-yellow-900;
 }
 
 .status-badge.status-error {
-  @apply bg-[rgba(245,34,45,0.1)] text-[#f5222d];
+  @apply bg-red-100 text-red-900;
+}
+
+.status-badge.status-processing {
+  @apply bg-blue-100 text-blue-900;
 }
 
 /* 卡片样式 */

app/styles/pages/rule-groups_index.css

@@ -93,23 +93,6 @@
     color: var(--color-primary);
   }
   
-  /* 状态点样式 */
-  .rule-groups-page .status-dot {
-    display: inline-block;
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    margin-right: 6px;
-  }
-  
-  .rule-groups-page .status-success {
-    background-color: #52c41a;
-  }
-  
-  .rule-groups-page .status-error {
-    background-color: #f5222d;
-  }
-  
   /* 表单样式 */
   .rule-groups-page .form-label {
     display: block;
@@ -136,89 +119,6 @@
     outline: none;
   }
   
-  /* 卡片样式 */
-  .rule-groups-page .ant-card {
-    background-color: white;
-    border-radius: 8px;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-    border: 1px solid #e9ecef;
-  }
-  
-  .rule-groups-page .ant-card-body {
-    padding: 16px;
-  }
-  
-  /* 表格样式 */
-  .rule-groups-page .ant-table {
-    width: 100%;
-    border-collapse: collapse;
-  }
-  
-  .rule-groups-page .ant-table th,
-  .rule-groups-page .ant-table td {
-    padding: 12px 16px;
-    text-align: left;
-    border-bottom: 1px solid #e9ecef;
-  }
-  
-  .rule-groups-page .ant-table th {
-    background-color: #f8f9fa;
-    font-weight: 400; /* 减少文字粗细度 */
-    color: #495057;
-    font-size: 14px;
-  }
-  
-  /* 分页样式 */
-  .rule-groups-page .ant-pagination {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-  
-  .rule-groups-page .ant-pagination-item {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid #dee2e6;
-    border-radius: 4px;
-    background-color: white;
-    cursor: pointer;
-    transition: all 0.2s;
-  }
-  
-  .rule-groups-page .ant-pagination-item:hover {
-    border-color: #00684a;
-    color: #00684a;
-  }
-  
-  .rule-groups-page .ant-pagination-item-active {
-    background-color: #00684a;
-    border-color: #00684a;
-    color: white;
-  }
-  
-  .rule-groups-page .ant-pagination-prev,
-  .rule-groups-page .ant-pagination-next {
-    width: 32px;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid #dee2e6;
-    border-radius: 4px;
-    background-color: white;
-    cursor: pointer;
-    transition: all 0.2s;
-  }
-  
-  .rule-groups-page .ant-pagination-prev:disabled,
-  .rule-groups-page .ant-pagination-next:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-  
   /* 特定链接样式 */
   .rule-groups-page .badge {
     display: inline-flex;
@@ -253,12 +153,12 @@
     color: #f5222d;
   }
   
-  /* 行操作按钮 */
+  /* 文本按钮样式 */
   .rule-groups-page .ant-btn-text {
-    background: transparent;
-    margin: 10px;
+    background-color: transparent;
     border: none;
-    padding: 4px 0;
+    padding: 4px 8px;
+    font-size: 14px;
     cursor: pointer;
     transition: color 0.2s;
   }
@@ -268,7 +168,8 @@
   }
   
   .rule-groups-page .ant-btn-text.text-primary:hover {
-    color: #005a3f;
+    color: #00684a;
+    text-decoration: underline;
   }
   
   .rule-groups-page .ant-btn-text.text-error {
@@ -276,21 +177,21 @@
   }
   
   .rule-groups-page .ant-btn-text.text-error:hover {
-    color: #cf1f29;
+    color: #f5222d;
+    text-decoration: underline;
   }
   
-  /* 响应式调整 */
   @media (max-width: 768px) {
     .rule-groups-page .flex-wrap {
-      flex-direction: column;
+      flex-wrap: wrap;
     }
     
     .rule-groups-page .flex-1 {
-      width: 100%;
+      flex: 1 1 100%;
     }
     
     .rule-groups-page .ant-table {
-      font-size: 14px;
+      font-size: 12px;
     }
   }
 
@@ -317,3 +218,47 @@
     width: 100%;
   }
 
+  /* 表格组件样式兼容 - 确保Table组件渲染的表格保持树形结构样式 */
+  .rule-groups-page .tree-table tr:nth-child(odd) {
+    background-color: rgba(0, 104, 74, 0.02);
+  }
+  
+  .rule-groups-page .tree-table tr:hover td {
+    background-color: rgba(0, 104, 74, 0.05);
+  }
+  
+  /* 确保父子关系行高一致 */
+  .rule-groups-page .tree-table tr td {
+    padding: 12px 16px;
+    vertical-align: middle;
+  }
+  
+  /* 父行背景色 */
+  .rule-groups-page .tree-table tr:has(.parent-badge) {
+    background-color: #f9f9f9;
+  }
+  
+  /* 确保链接样式一致 */
+  .rule-groups-page .tree-table a {
+    /* color: inherit; */
+    text-decoration: none;
+  }
+  
+  .rule-groups-page .tree-table a:hover {
+    text-decoration: underline;
+  }
+
+  /* 搜索筛选面板样式调整 */
+  .rule-groups-page .filter-panel {
+    padding: 16px;
+  }
+  
+  .rule-groups-page .filter-item {
+    margin-bottom: 0;
+  }
+  
+  .rule-groups-page .filter-actions {
+    margin-top: 8px;
+    padding-top: 8px;
+  }
+

app/styles/pages/rules-files.css

@@ -0,0 +1,479 @@
+/* 评查文件列表页面样式 */
+.review-files-page {
+  /* 所有样式都包含在此命名空间内 */
+}
+
+/* 筛选区域 - 与filter-panel.css重复，已注释
+.review-files-page .filter-panel {
+  background-color: white;
+  border-radius: 6px;
+  border: 1px solid var(--color-gray-200);
+  padding: 12px 16px;
+  margin-bottom: 16px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: 12px;
+} */
+
+.review-files-page .form-label {
+  display: block;
+  margin-bottom: 4px;
+  font-size: 14px;
+  font-weight: 400;
+  color: var(--color-gray-800);
+}
+
+/* 搜索框样式 - 与search-box.css重复，已注释
+.review-files-page .search-box {
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  border-radius: 4px;
+  overflow: visible;
+  position: relative;
+}
+
+.review-files-page .search-box .form-input {
+  flex: 1;
+  font-size: 14px;
+  padding: 8px 12px;
+  border: 1px solid #d9d9d9;
+  border-right: none;
+  outline: none;
+  background-color: transparent;
+  height: 38px;
+  border-radius: 4px 0 0 4px;
+  box-shadow: none;
+  transition: all 0.3s;
+}
+
+.review-files-page .search-box .form-input:focus {
+  outline: none;
+  border-color: var(--color-primary);
+  box-shadow: 0 0 0 2px rgba(0, 104, 74, 0.1);
+} */
+
+.review-files-page .search-box .search-button {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-top-right-radius: 4px !important;
+  border-bottom-right-radius: 4px !important;
+  margin: 0 !important;
+  border: 1px solid var(--color-primary) !important;
+  height: 38px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  min-width: 40px !important;
+  background-color: var(--color-primary) !important;
+  color: white !important;
+  cursor: pointer !important;
+  padding: 0 16px !important;
+  transition: all 0.3s !important;
+  outline: none !important;
+}
+
+.review-files-page .search-box .search-button:hover {
+  background-color: var(--color-primary-hover) !important;
+}
+
+.review-files-page .search-box .search-button:focus {
+  outline: none !important;
+  box-shadow: 0 0 0 2px rgba(0, 104, 74, 0.2) !important;
+}
+
+.review-files-page .search-box .search-button i {
+  font-size: 16px !important;
+  margin-right: 0 !important;
+}
+
+.review-files-page .search-box .search-button span {
+  margin-left: 4px !important;
+}
+
+/* 仅图标按钮样式 */
+.review-files-page .search-box .icon-only-btn {
+  padding: 0 12px !important;
+  min-width: 40px !important;
+}
+
+/* 确保旧的按钮样式不影响搜索按钮 */
+.review-files-page .search-box .ant-btn {
+  line-height: normal !important;
+}
+
+/* 表格样式 - 与table.css重复，已注释
+.review-files-page .ant-table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.review-files-page .ant-table th {
+  background-color: #fafafa;
+  font-weight: 400;
+  padding: 16px;
+  text-align: left;
+  border-bottom: 1px solid #f0f0f0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+}
+
+.review-files-page .ant-table td {
+  padding: 16px;
+  border-bottom: 1px solid #f0f0f0;
+  text-align: left;
+}
+
+.review-files-page .ant-table tr:hover td {
+  background-color: #f5f5f5;
+} */
+
+/* 文件类型徽章 - 与file-type-tag.css重复，已注释
+.review-files-page .file-type-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.review-files-page .file-type-badge i {
+  margin-right: 4px;
+  font-size: 14px;
+} */
+
+.review-files-page .file-type-contract {
+  background-color: #e6f7ff;
+  color: #1890ff;
+}
+
+.review-files-page .file-type-license {
+  background-color: #f6ffed;
+  color: #52c41a;
+}
+
+.review-files-page .file-type-punishment {
+  background-color: #fff7e6;
+  color: #fa8c16;
+}
+
+.review-files-page .file-type-report {
+  background-color: #e6fffb;
+  color: #13c2c2;
+}
+
+.review-files-page .file-type-other {
+  background-color: #f9f0ff;
+  color: #722ed1;
+}
+
+/* 状态徽章 - 与status-badge.css重复，已注释
+.review-files-page .status-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.review-files-page .status-badge i {
+  margin-right: 4px;
+} */
+
+.review-files-page .status-pass {
+  background-color: #f6ffed;
+  color: var(--color-success);
+}
+
+.review-files-page .status-warning {
+  background-color: #fffbe6;
+  color: var(--color-warning);
+}
+
+.review-files-page .status-fail {
+  background-color: #fff1f0;
+  color: var(--color-error);
+}
+
+.review-files-page .status-pending {
+  background-color: #f9f0ff;
+  color: #722ed1;
+}
+
+/* 严重程度指示器 */
+.review-files-page .severity-indicator {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 8px;
+  vertical-align: middle;
+}
+
+.review-files-page .severity-info {
+  background-color: #1890ff;
+}
+
+.review-files-page .severity-warning {
+  background-color: #faad14;
+}
+
+.review-files-page .severity-error {
+  background-color: #f5222d;
+}
+
+.review-files-page .severity-critical {
+  background-color: #722ed1;
+}
+
+/* 分页样式 - 与pagination.css重复，已注释
+.review-files-page .pagination {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+  padding: 16px;
+}
+
+.review-files-page .pagination-item {
+  min-width: 32px;
+  height: 32px;
+  margin-right: 8px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  font-size: 14px;
+} */
+
+/* 更新分页样式，与rules._index.tsx保持一致 */
+.review-files-page .ant-pagination {
+  display: flex;
+  align-items: center;
+  margin-top: 16px;
+  padding: 16px;
+  justify-content: flex-end;
+}
+
+.review-files-page .ant-pagination-right {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.review-files-page .ant-pagination-item {
+  min-width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #dee2e6;
+  border-radius: 4px;
+  background-color: white;
+  cursor: pointer;
+  transition: all 0.2s;
+  padding: 0 8px;
+  margin-right: 4px;
+}
+
+.review-files-page .ant-pagination-item-active {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+  color: white;
+}
+
+.review-files-page .ant-pagination-disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.review-files-page .ant-pagination-prev,
+.review-files-page .ant-pagination-next {
+  min-width: 32px;
+  height: 32px;
+}
+
+.review-files-page .ant-pagination-options {
+  display: flex;
+  align-items: center;
+  margin-right: auto;
+  min-width: 200px;
+  padding-right: 12px;
+}
+
+.review-files-page .ant-pagination-options span.text-sm {
+  white-space: nowrap;
+  flex-shrink: 0;
+  color: var(--color-gray-700);
+  margin-right: 12px;
+}
+
+.review-files-page .ant-pagination-options-size-changer {
+  margin-left: 0;
+  border: 1px solid var(--color-gray-300);
+  border-radius: 4px;
+  height: 32px;
+  padding: 0 8px;
+  min-width: 110px;
+  outline: none;
+  background-color: white;
+  color: var(--color-gray-800);
+  transition: all 0.2s;
+  font-size: 14px;
+}
+
+.review-files-page .ant-pagination-options-size-changer:hover,
+.review-files-page .ant-pagination-options-size-changer:focus {
+  border-color: var(--color-primary);
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(0, 104, 74, 0.1);
+}
+
+/* 表单组件样式 */
+.review-files-page .form-select {
+  width: 100%;
+  height: 38px;
+  padding: 8px 12px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  font-size: 14px;
+  transition: all 0.2s;
+  background-color: white;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.review-files-page .form-select:focus {
+  border-color: var(--color-primary);
+  box-shadow: 0 0 0 2px rgba(0, 104, 74, 0.2);
+  outline: none;
+}
+
+/* 内容卡片样式 */
+.review-files-page .ant-card {
+  background-color: white;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  border: 1px solid #e9ecef;
+  margin-bottom: 16px;
+}
+
+.review-files-page .ant-card-body {
+  padding: 16px;
+}
+
+/* 文本颜色辅助类 */
+.review-files-page .text-success {
+  color: var(--color-success);
+}
+
+.review-files-page .text-warning {
+  color: var(--color-warning);
+}
+
+.review-files-page .text-error {
+  color: var(--color-error);
+}
+
+.review-files-page .text-secondary {
+  color: var(--color-gray-600);
+}
+
+/* 错误容器样式 */
+.review-files-page .error-container {
+  text-align: center;
+  padding: 48px;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  max-width: 500px;
+  margin: 48px auto;
+}
+
+/* 按钮尺寸样式 */
+.review-files-page .ant-btn-sm {
+  padding: 4px 8px;
+  font-size: 12px;
+  height: 38px;
+  line-height: 1;
+  background-color: white;
+  border: 1px solid #e9ecef;
+  transition: all 0.3s;
+}
+
+/* 操作按钮样式 - 根据需求更新 */
+/* 默认按钮样式 - 非主要按钮 */
+.review-files-page .ant-btn-default {
+  background-color: white;
+  border: 1px solid #e9ecef;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.review-files-page .ant-btn-default:hover {
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+}
+
+/* 主要按钮样式 - 确认按钮 */
+.review-files-page .ant-btn-primary {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+  color: white;
+}
+
+.review-files-page .ant-btn-primary:hover {
+  background-color: var(--color-primary-hover);
+  border-color: var(--color-primary-hover);
+  color: white;
+}
+
+/* 确保链接按钮样式一致 */
+.review-files-page .ant-btn-primary a {
+  color: white !important;
+  text-decoration: none;
+}
+
+.review-files-page .ant-btn-primary:hover a {
+  color: white !important;
+}
+
+.review-files-page .ant-btn-default a {
+  color: rgba(0, 0, 0, 0.85);
+  text-decoration: none;
+}
+
+.review-files-page .ant-btn-default:hover a {
+  color: var(--color-primary);
+}
+
+/* 结果统计样式 */
+.review-files-page .result-summary {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.review-files-page .result-tag {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 24px;
+  font-size: 14px;
+}
+
+.review-files-page .result-tag-count {
+  font-weight: 400;
+  margin-left: 4px;
+}
+
+/* 确保使用Table组件后的样式一致性 */
+/* .review-files-page .files-table th {
+  text-align: left !important;
+}
+
+.review-files-page .files-table td {
+  text-align: center !important;
+  vertical-align: middle !important;
+} */

app/styles/pages/rules_files.css

@@ -1,240 +0,0 @@
-/* 评查文件列表页面样式 */
-.review-files-page {
-  /* 所有样式都包含在此命名空间内 */
-}
-
-/* 筛选区域 */
-.review-files-page .card-container {
-  margin-bottom: 16px;
-}
-
-/* 搜索框样式 */
-.review-files-page .search-box {
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-
-.review-files-page .search-box .form-input {
-  flex: 1;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  padding: 8px 12px;
-  border: none;
-  outline: none;
-}
-
-.review-files-page .search-box .ant-btn {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-/* 表格样式 */
-.review-files-page .ant-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.review-files-page .ant-table th {
-  background-color: #fafafa;
-  font-weight: 500;
-  padding: 16px;
-  text-align: left;
-  border-bottom: 1px solid #f0f0f0;
-}
-
-.review-files-page .ant-table td {
-  padding: 16px;
-  border-bottom: 1px solid #f0f0f0;
-}
-
-.review-files-page .ant-table tr:hover {
-  background-color: rgba(0, 0, 0, 0.02);
-}
-
-/* 文件类型徽章 */
-.review-files-page .file-type-badge {
-  display: inline-flex;
-  align-items: center;
-  padding: 2px 8px;
-  border-radius: 4px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.review-files-page .file-type-badge i {
-  margin-right: 4px;
-  font-size: 14px;
-}
-
-.review-files-page .file-type-contract {
-  background-color: #e6f7ff;
-  color: #1890ff;
-}
-
-.review-files-page .file-type-license {
-  background-color: #f6ffed;
-  color: #52c41a;
-}
-
-.review-files-page .file-type-punishment {
-  background-color: #fff7e6;
-  color: #fa8c16;
-}
-
-.review-files-page .file-type-report {
-  background-color: #e6fffb;
-  color: #13c2c2;
-}
-
-.review-files-page .file-type-other {
-  background-color: #f9f0ff;
-  color: #722ed1;
-}
-
-/* 状态徽章 */
-.review-files-page .status-badge {
-  display: inline-flex;
-  align-items: center;
-  padding: 2px 8px;
-  border-radius: 4px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.review-files-page .status-pass {
-  background-color: #f6ffed;
-  color: #52c41a;
-}
-
-.review-files-page .status-warning {
-  background-color: #fffbe6;
-  color: #faad14;
-}
-
-.review-files-page .status-fail {
-  background-color: #fff1f0;
-  color: #f5222d;
-}
-
-.review-files-page .status-pending {
-  background-color: #f9f0ff;
-  color: #722ed1;
-}
-
-/* 严重程度指示器 */
-.review-files-page .severity-indicator {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  margin-right: 8px;
-  vertical-align: middle;
-}
-
-.review-files-page .severity-info {
-  background-color: #1890ff;
-}
-
-.review-files-page .severity-warning {
-  background-color: #faad14;
-}
-
-.review-files-page .severity-error {
-  background-color: #f5222d;
-}
-
-.review-files-page .severity-critical {
-  background-color: #722ed1;
-}
-
-/* 分页样式 */
-.review-files-page .pagination {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 16px;
-  padding: 16px;
-}
-
-.review-files-page .pagination-item {
-  min-width: 32px;
-  height: 32px;
-  margin-right: 8px;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  font-size: 14px;
-  cursor: pointer;
-  transition: all 0.3s;
-  background-color: transparent;
-}
-
-.review-files-page .pagination-item:hover {
-  border-color: var(--color-primary, #1677ff);
-  color: var(--color-primary, #1677ff);
-}
-
-.review-files-page .pagination-item.active {
-  border-color: var(--color-primary, #1677ff);
-  background-color: var(--color-primary, #1677ff);
-  color: white;
-}
-
-.review-files-page .pagination-item.disabled {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  cursor: not-allowed;
-}
-
-/* 表单组件样式 */
-.review-files-page .form-select {
-  width: 100%;
-  height: 38px;
-  padding: 8px 12px;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  font-size: 14px;
-  transition: all 0.2s;
-  background-color: white;
-}
-
-.review-files-page .form-select:focus {
-  border-color: var(--color-primary, #1677ff);
-  box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
-  outline: none;
-}
-
-/* 内容卡片样式 */
-.review-files-page .content-card .ant-card-body {
-  padding: 0 !important;
-}
-
-/* 文本颜色辅助类 */
-.review-files-page .text-success {
-  color: #52c41a;
-}
-
-.review-files-page .text-warning {
-  color: #faad14;
-}
-
-.review-files-page .text-error {
-  color: #f5222d;
-}
-
-.review-files-page .text-secondary {
-  color: rgba(0, 0, 0, 0.45);
-}
-
-/* 错误容器样式 */
-.review-files-page .error-container {
-  text-align: center;
-  padding: 48px;
-  background-color: #fff;
-  border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  max-width: 500px;
-  margin: 48px auto;
-}

app/styles/pages/rules_index.css

@@ -3,12 +3,21 @@
   /* 所有样式都包含在此命名空间内 */
 }
 
+/* 新增评查点按钮样式 */
+.rules-page .btn-add-rule {
+  @apply bg-[#00684a] text-white;
+}
+
+.rules-page .btn-add-rule:hover {
+  @apply bg-[#005a3f] text-white;
+}
+
 /* 筛选区域 */
 .rules-page .filter-card {
   margin-bottom: 1rem;
 }
 
-/* 搜索框样式 */
+/* 搜索框样式 - 与search-box.css重复，已注释
 .rules-page .search-box {
   display: flex;
   align-items: center;
@@ -25,13 +34,12 @@
   border-bottom-left-radius: 0;
 }
 
-/* 无按钮搜索框样式 */
 .rules-page .search-box.form-input-only .form-input {
   border-radius: 0.25rem;
   width: 100%;
-}
+} */
 
-/* 表格样式 */
+/* 表格样式 - 与table.css重复，已注释
 .rules-page .ant-table {
   width: 100%;
   border-collapse: collapse;
@@ -39,7 +47,7 @@
 
 .rules-page .ant-table th {
   background-color: #f9f9f9;
-  font-weight: 400; /* 减少文字粗细度 */
+  font-weight: 400; 
   padding: 12px 16px;
   text-align: left;
   border-bottom: 1px solid #e9ecef;
@@ -48,11 +56,54 @@
 .rules-page .ant-table td {
   padding: 12px 16px;
   border-bottom: 1px solid #e9ecef;
-  font-weight: 400; /* 减少文字粗细度 */
+  font-weight: 400;
 }
 
 .rules-page .ant-table tr:hover {
   background-color: rgba(0, 0, 0, 0.02);
+} */
+
+/* 表格自定义样式 */
+.rules-page .ant-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.rules-page .ant-table th {
+  background-color: #f9f9f9;
+  font-weight: 500; 
+  padding: 10px;
+  text-align: center;
+  border-bottom: 1px solid #e9ecef;
+  color: #333;
+  font-size: 14px;
+}
+
+.rules-page .ant-table td {
+  padding: 10px;
+  border-bottom: 1px solid #e9ecef;
+  font-weight: 400;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 14px;
+}
+
+.rules-page .ant-table tr:hover {
+  background-color: rgba(0, 0, 0, 0.02);
+}
+
+/* 使用Table组件时的样式 */
+.rules-page .rules-table th {
+  text-align: center !important;
+}
+
+.rules-page .rules-table td {
+  text-align: center !important;
+}
+
+.rules-page .ant-table .status-column {
+  text-align: center;
+  width: 80px;
 }
 
 /* 表格操作列样式 */
@@ -63,12 +114,12 @@
 /* 操作按钮样式 - 改为文本按钮样式 */
 .rules-page .operations-cell .ant-btn {
   background: transparent;
-  border: 1px solid #e9ecef;
+  border: none;
   padding: 4px 8px;
   margin-right: 4px;
   border-radius: 4px;
   font-size: 14px;
-  color: #495057;
+  color: #00684a;
   height: auto;
   min-width: auto;
   box-shadow: none;
@@ -80,10 +131,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border: 1px solid #e4e4e4;
-  background-color: #ffffff;
-  color: #333;
-  border-radius: 4px;
+  background-color: transparent;
+  color: #00684a;
+  border: none;
   line-height: 1;
   padding: 4px 8px;
   font-size: 13px;
@@ -97,23 +147,24 @@
 }
 
 .rules-page .operation-btn:hover {
-  border-color: #00684a;
-  color: #00684a;
+  color: #005a3f;
+  text-decoration: underline;
 }
 
 .rules-page .operation-btn-danger {
-  background-color: #f5222d;
-  border-color: #f5222d;
-  color: white;
+  color: #f5222d;
+  background-color: transparent;
+  border: none;
 }
 
 .rules-page .operation-btn-danger:hover {
-  background-color: #cf1f29;
-  border-color: #cf1f29;
-  color: white !important;
+  color: #cf1f29 !important;
+  background-color: transparent;
+  border: none;
+  text-decoration: underline;
 }
 
-/* 状态点样式 */
+/* 状态点样式 - 与status-dot.css重复，已注释
 .rules-page .status-dot {
   display: inline-block;
   width: 8px;
@@ -128,9 +179,9 @@
 
 .rules-page .status-dot-default {
   background-color: #d9d9d9;
-}
+} */
 
-/* 标签自定义样式 */
+/* 标签自定义样式 - 与tag.css重复，已注释
 .rules-page .ant-tag {
   display: inline-flex;
   align-items: center;
@@ -138,7 +189,7 @@
   font-size: 12px;
   border-radius: 4px;
   margin-right: 8px;
-  font-weight: 400; /* 减少文字粗细度 */
+  font-weight: 400;
 }
 
 .rules-page .ant-tag-blue {
@@ -169,9 +220,9 @@
 .rules-page .ant-tag-red {
   background-color: rgba(245, 34, 45, 0.1);
   color: #f5222d;
-}
+} */
 
-/* 分页样式 */
+/* 分页样式 - 与pagination.css重复，已注释
 .rules-page .ant-pagination {
   display: flex;
   align-items: center;
@@ -228,7 +279,7 @@
   border-radius: 4px;
   height: 32px;
   padding: 0 8px;
-}
+} */
 
 /* 卡片内容调整 */
 .rules-page .content-card .ant-card-body {
@@ -304,6 +355,7 @@
   margin-bottom: 16px;
 }
 
+/* 卡片样式 - 与card.css重复，已注释
 .rules-page .ant-card {
   background-color: white;
   border-radius: 8px;
@@ -314,16 +366,15 @@
 
 .rules-page .ant-card-body {
   padding: 16px;
-}
+} */
 
-/* 按钮样式修正 */
+/* 按钮样式修正 - 与button.css重复，已注释
 .rules-page .ant-btn-sm {
   height: 32px;
   padding: 0 8px;
   font-size: 14px;
 }
 
-/* 按钮悬停覆盖样式 */
 .rules-page .ant-btn-primary {
   color: white !important;
 }
@@ -331,7 +382,7 @@
 .rules-page .ant-btn-primary:hover {
   color: white !important;
   background-color: #005a3f;
-}
+} */
 
 /* 针对操作列中的按钮
 .rules-page .operations-cell .ant-btn-default:hover {