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

frontend/src/pages/Contracts.tsx

@@ -1,6 +1,6 @@
 import { useState, useRef } from 'react'
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
-import { Plus, Search, Paperclip, Trash2, X } from 'lucide-react'
+import { Plus, Search, Paperclip, Trash2, X, FileText } from 'lucide-react'
 import api from '../lib/api'
 import Card from '../components/ui/Card'
 import Button from '../components/ui/Button'
@@ -57,7 +57,13 @@ export default function Contracts() {
   return (
     <div className="space-y-4">
       <div className="flex items-center justify-between">
-        <h1 className="text-lg font-semibold">合同管理</h1>
+        <div className="flex items-center gap-2">
+          <FileText className="h-5 w-5 text-primary" />
+          <div>
+            <h1 className="text-base font-semibold">合同管理</h1>
+            <p className="mt-1 text-sm text-gray-500">集中管理劳动合同、签署状态及到期风险</p>
+          </div>
+        </div>
         <Button onClick={() => setShowAddModal(true)}>
           <Plus className="w-4 h-4 mr-1" /> 添加员工
         </Button>
@@ -90,9 +96,9 @@ export default function Contracts() {
         ) : (
           <>
             <div className="overflow-x-auto">
-              <table className="w-full text-xs">
+              <table className="w-full text-sm">
                 <thead>
-                  <tr className="border-b text-left text-gray-500">
+                  <tr className="border-b text-left text-xs text-gray-500">
                     <th className="py-2 px-3 font-medium">姓名</th>
                     <th className="py-2 px-3 font-medium">部门</th>
                     <th className="py-2 px-3 font-medium">入职日期</th>