diff --git a/src/pages/MainPage/MainPage.css b/src/pages/MainPage/MainPage.css
index 60f2956..7b34ae3 100644
--- a/src/pages/MainPage/MainPage.css
+++ b/src/pages/MainPage/MainPage.css
@@ -31,7 +31,7 @@
     font-size: 16px;
   }
   .nav {
-    background-color: #b38867;
+    background-color: #dab8c2;
     display: flex;
     justify-content: center;
   }
diff --git a/src/pages/MainPage/MainPage.jsx b/src/pages/MainPage/MainPage.jsx
index 1dad401..6acc7f4 100644
--- a/src/pages/MainPage/MainPage.jsx
+++ b/src/pages/MainPage/MainPage.jsx
@@ -1,17 +1,17 @@
 import React from 'react';
-import './MainPage.css'; // 可创建对应样式文件来完善样式
-import { Link } from 'wouter'; // Use wouter's Link component
-// import '@icon-park/react/styles/index.css';
-// import { GoodTwo, Comment } from '@icon-park/react'; 
+import './MainPage.css'; 
+import { Link } from 'wouter'; 
+import logo from '../../assets/logo.png'; 
 
 const MainPage = () => {
   return (
     <div className="main-page">
       {/* 顶部栏 */}
       <header className="header">
-        {/* 左侧logo和网站名称 */}
+        {/* 左侧 logo 和网站名称 */}
         <div className="logo-and-name">
-          <img src="logo.png" alt="网站logo" className="logo" />
+          {/* 确保此处没有语法错误 */}
+          <img src={logo} alt="网站 logo" className="logo" />
           <span className="site-name">Echo</span>
         </div>
         {/* 右侧用户头像和消息中心 */}
@@ -52,4 +52,4 @@
   );
 };
 
-export default MainPage;
+export default MainPage;
\ No newline at end of file