diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index fd2a381..93d75cc 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -1,6 +1,8 @@
 import React, { useEffect } from 'react';
 import './Header.css';
-import logo from '../assets/logo.png';
+// import logo from '../assets/logo.png';
+import { ReactComponent as LogoIcon } from '../assets/logo.svg';
+
 import { useUser } from '../context/UserContext';
 import { BookOpen } from '@icon-park/react';
 import { useLocation } from 'wouter';
@@ -10,21 +12,20 @@
   const [location, setLocation] = useLocation();
 
   const navLinks = [
-    { to: '/friend-moments', label: '好友动态' },
-    { to: '/forum', label: '论坛' },
-    { to: '/interest-groups', label: '兴趣小组' },
     { to: '/seed-list', label: '种子列表' },
     { to: '/publish-seed', label: '发布种子' },
+    { to: '/friend-moments', label: '好友动态' },
+    { to: '/forum', label: '论坛' },
+    { to: '/interest-groups', label: '兴趣小组' },  
   ];
 
-  // 头像变化时刷新组件（这段其实 React 会自动做，但你手动 history 管理就错过了）
   useEffect(() => {}, [user?.avatarUrl]);
 
   return (
     <div className="main-page">
       <header className="header">
         <div className="logo-and-name">
-          <img src={logo} alt="网站 logo" className="logo" />
+          <LogoIcon className="logo" />
           <span className="site-name">Echo</span>
         </div>
         <div className="user-and-message" style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>