diff --git a/web/src/app/NavRail.tsx b/web/src/app/NavRail.tsx
index d2d6a06f..40f59656 100644
--- a/web/src/app/NavRail.tsx
+++ b/web/src/app/NavRail.tsx
@@ -68,7 +68,9 @@ interface NavRailProps {
 export function NavRail({ unreadMessages = 0, selfId, selfName, selfAvatarFileId }: NavRailProps) {
   return (
     <nav className="flex h-full w-16 flex-none flex-col items-center border-r border-[#e6e9ee] bg-surface-rail pb-3 pt-3.5">
-      <Avatar id={selfId || ''} name={selfName} avatarFileId={selfAvatarFileId} className="mb-[22px] h-[38px] w-[38px] rounded-[10px] text-base" />
+      <Link to="/settings/profile" title="个人资料" aria-label="个人资料" className="mb-[22px]">
+        <Avatar id={selfId || ''} name={selfName} avatarFileId={selfAvatarFileId} className="h-[38px] w-[38px] rounded-[10px] text-base" />
+      </Link>
       <div className="flex flex-1 flex-col items-center gap-1.5">
         {TOP_ITEMS.map((item) => (
           <NavRailButton key={item.to} item={item.to === '/messages' ? { ...item, badge: unreadMessages } : item} />