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

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 {