feat: 统一页面布局与字体样式

frontend/src/components/ui/Modal.tsx

@@ -40,22 +40,22 @@ export default function Modal({ open, onClose, title, children, className, size
           'relative bg-white rounded-lg shadow-xl w-full max-h-[90vh] overflow-y-auto transition-all duration-200',
           show ? 'opacity-100 scale-100' : 'opacity-0 scale-95',
           {
-            'max-w-md': size === 'sm',
-            'max-w-lg': size === 'md',
-            'max-w-2xl': size === 'lg',
-            'max-w-4xl': size === 'xl',
+            'max-w-xl': size === 'sm',
+            'max-w-2xl': size === 'md',
+            'max-w-3xl': size === 'lg',
+            'max-w-6xl': size === 'xl',
           },
           className,
         )}>
         {title && (
-          <div className="flex items-center justify-between px-4 py-2.5 border-b border-gray-200">
-            <h3 className="font-medium text-gray-900 text-sm">{title}</h3>
-            <button onClick={onClose} className="text-gray-500 hover:text-gray-700" aria-label="关闭">
+          <div className="flex items-center justify-between px-5 py-3 border-b border-gray-200">
+            <h3 className="font-medium text-gray-900 text-base">{title}</h3>
+            <button onClick={onClose} className="text-gray-500 hover:text-gray-700 p-1 rounded-md hover:bg-gray-100 transition-colors" aria-label="关闭">
               <X className="w-4 h-4" />
             </button>
           </div>
         )}
-        <div className="p-4">{children}</div>
+        <div className="p-5">{children}</div>
       </div>
     </div>
   )