feat: 优化Header

apps/web/src/layouts/MainLayout.css

@@ -60,7 +60,7 @@
     top: 0;
     z-index: 100;
     height: 64px;
-    line-height: 64px;
+    line-height: 1;
 }
 
 .header-left {
@@ -74,9 +74,15 @@
     font-size: 18px;
     cursor: pointer;
     color: #1f2937;
-    padding: 8px;
+    padding: 0;
     border-radius: 4px;
     transition: background 0.2s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    flex-shrink: 0;
 }
 
 .collapse-trigger:hover,
@@ -96,6 +102,7 @@
     font-weight: 600;
     color: #1f2937;
     line-height: 1.2;
+    margin-bottom: 4px;
 }
 
 .page-subtitle {
@@ -119,6 +126,7 @@
     padding: 8px 12px;
     border-radius: 8px;
     transition: background 0.2s;
+    height: 100%;
 }
 
 .user-info:hover {
@@ -129,17 +137,31 @@
     display: flex;
     flex-direction: column;
     gap: 2px;
+    justify-content: center;
+    line-height: 1.2;
 }
 
 .user-name {
     font-size: 14px;
     font-weight: 500;
     color: #1f2937;
+    line-height: 1.2;
+    white-space: nowrap;
 }
 
 .user-role {
     font-size: 12px;
     color: #6b7280;
+    line-height: 1.2;
+}
+
+.user-details .ant-badge {
+    line-height: 1.2;
+}
+
+.user-details .ant-badge-status-text {
+    font-size: 12px;
+    line-height: 1.2;
 }
 
 /* 内容区域 */

apps/web/src/layouts/MainLayout.tsx

@@ -11,7 +11,8 @@ import {
     UserOutlined,
 } from '@ant-design/icons';
 import type { MenuProps } from 'antd';
-import { authService } from '../services/auth';
+import { authService } from '@/services/auth';
+import type { UserInfo } from '@/types/user';
 import './MainLayout.css';
 
 const { Header, Sider, Content } = Layout;