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

app/components/ui/Card.tsx

@@ -20,11 +20,11 @@ export function Card({
   noDivider = true,
 }: CardProps) {
   return (
-    <div className={`ant-card ${className} bg-white shadow`}>
+    <div className={`card ${className}`}>
       {(title || extra) && (
-        <div className={`flex justify-between items-center px-5 py-3 ${noDivider ? '' : 'border-b border-gray-100'}`}>
+        <div className={`card-header ${noDivider ? '' : 'border-b border-gray-100'}`}>
           {title && (
-            <div className="card-title !mb-0">
+            <div className="card-title">
               {icon && <i className={`${icon} mr-2`}></i>}
               <span>{title}</span>
             </div>
@@ -36,7 +36,7 @@ export function Card({
           )}
         </div>
       )}
-      <div className={`ant-card-body ${bodyClassName}`}>
+      <div className={`card-body ${bodyClassName}`}>
         {children}
       </div>
     </div>