封装公共组件，调整样式文件的布局，修改路由页面样式

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;
+  }
+