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

frontend/src/pages/Compensation.tsx

@@ -62,14 +62,20 @@ export default function Compensation() {
 
   return (
     <div className="space-y-3">
-      <h1 className="text-xs font-medium">补偿计算</h1>
+      <div className="flex items-center gap-2">
+        <Calculator 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>
 
       <div className="flex gap-1 border-b">
         {tabs.map((t) => (
           <button
             key={t.key}
             onClick={() => setTab(t.key)}
-            className={`px-3 py-1.5 text-xs font-medium border-b-2 transition-colors ${
+            className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${
               tab === t.key ? 'border-primary text-primary' : 'border-transparent text-gray-500 hover:text-gray-700'
             }`}
           >