diff --git a/apps/web/src/components/layout/main/Header.tsx b/apps/web/src/components/layout/main/Header.tsx
index ef7b560..32bb8c3 100644
--- a/apps/web/src/components/layout/main/Header.tsx
+++ b/apps/web/src/components/layout/main/Header.tsx
@@ -7,8 +7,10 @@ import { UserOutlined } from "@ant-design/icons";
 import { UserMenu } from "../element/usermenu/usermenu";
 import logo from "@web/src/assets/logo.png"
 import { env } from "@web/src/env";
+import { Button } from "antd";
 export const Header = memo(function Header() {
 	const { isAuthenticated } = useAuth();
+	const navigate = useNavigate()
 	return (
 		<header className="sticky top-0 z-50 bg-gradient-to-br from-primary-500 to-primary-800 text-white shadow-lg">
 			<div className="mx-auto px-4">
@@ -28,10 +30,12 @@ export const Header = memo(function Header() {
 						{/* 右侧登录部分 */}
 						<div className="flex items-center flex-shrink-0">  {/* 防止压缩 */}
 							{!isAuthenticated ? (
-								<Link to="/auth" className="...">
-									<UserOutlined className="..." />
-									<span>登录</span>
-								</Link>
+								<Button size="large" onClick={() => {
+									navigate("/auth")
+								}} type="primary" icon={<UserOutlined></UserOutlined>}>
+
+									登录
+								</Button>
 							) : (
 								<UserMenu />
 							)}