diff --git a/frontend/src/views/auth/ForgotPassword.vue b/frontend/src/views/auth/ForgotPassword.vue
index 42e6cb5..4ebcd72 100644
--- a/frontend/src/views/auth/ForgotPassword.vue
+++ b/frontend/src/views/auth/ForgotPassword.vue
@@ -2,11 +2,7 @@
   <div class="auth-page">
     <div class="auth-card">
       <div class="auth-logo">
-        <div class="logo-icon">
-          <svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24">
-            <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
-          </svg>
-        </div>
+        <img :src="logoImg" alt="Logo" class="logo-icon" />
         <h2>{{ step === 1 ? '忘记密码' : '重置密码' }}</h2>
       </div>
 
@@ -51,6 +47,7 @@ import { ref, reactive } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { authApi } from '../../api'
+import logoImg from '../../assets/logo.png'
 
 const router = useRouter()
 const emailFormRef = ref()
@@ -133,12 +130,8 @@ async function handleResetPassword() {
   width: 48px;
   height: 48px;
   border-radius: 12px;
-  background: linear-gradient(135deg, #4e6ef2, #7c5cfc);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
   margin-bottom: 16px;
+  object-fit: contain;
 }
 
 .auth-logo h2 {
diff --git a/frontend/src/views/auth/Register.vue b/frontend/src/views/auth/Register.vue
index 5a085f1..c319531 100644
--- a/frontend/src/views/auth/Register.vue
+++ b/frontend/src/views/auth/Register.vue
@@ -2,11 +2,7 @@
   <div class="auth-page">
     <div class="auth-card">
       <div class="auth-logo">
-        <div class="logo-icon">
-          <svg viewBox="0 0 24 24" fill="currentColor" width="24" height="24">
-            <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
-          </svg>
-        </div>
+        <img :src="logoImg" alt="Logo" class="logo-icon" />
         <h2>{{ $t('common.register') }}</h2>
       </div>
       <el-form :model="form" :rules="rules" ref="formRef" @submit.prevent="handleRegister">
@@ -41,6 +37,7 @@ import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
 import { useUserStore } from '../../store/user'
+import logoImg from '../../assets/logo.png'
 
 const router = useRouter()
 const { t } = useI18n()
@@ -98,12 +95,8 @@ async function handleRegister() {
   width: 48px;
   height: 48px;
   border-radius: 12px;
-  background: linear-gradient(135deg, #4e6ef2, #7c5cfc);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
   margin-bottom: 16px;
+  object-fit: contain;
 }
 
 .auth-logo h2 {