diff --git a/ry-vue3/src/components/PortalShell.vue b/ry-vue3/src/components/PortalShell.vue
index c9f9b70..96407fa 100644
--- a/ry-vue3/src/components/PortalShell.vue
+++ b/ry-vue3/src/components/PortalShell.vue
@@ -3,7 +3,7 @@
     <!-- ========== 顶部导航 ========== -->
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -48,7 +48,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -161,10 +161,10 @@ a { color: inherit; text-decoration: none; }
 .logo { display: flex; align-items: center; gap: 12px; }
 .logo-icon {
   width: 36px; height: 36px;
-  background: #fff; color: var(--brand-primary);
   display: flex; align-items: center; justify-content: center;
-  font-size: 18px; font-weight: 600;
+  overflow: hidden; flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .logo-text { display: flex; flex-direction: column; line-height: 1.2; }
 .logo-title { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 0.5px; }
 .logo-subtitle { font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 2px; letter-spacing: 0.3px; }
@@ -213,10 +213,10 @@ a { color: inherit; text-decoration: none; }
 .footer-brand .brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
 .footer-logo-icon {
   width: 36px; height: 36px;
-  background: #fff; color: var(--brand-primary);
   display: flex; align-items: center; justify-content: center;
-  font-size: 18px; font-weight: 600; flex-shrink: 0;
+  overflow: hidden; flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .footer-brand-name { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 1px; }
 .footer-brand-en { font-size: 10px; color: rgba(255, 255, 255, 0.4); letter-spacing: 0.5px; margin-top: 2px; }
 .footer-desc { font-size: 13px; line-height: 1.9; color: rgba(255, 255, 255, 0.55); }
diff --git a/ry-vue3/src/views/auth/Login.vue b/ry-vue3/src/views/auth/Login.vue
index 06886b8..f0e03ad 100644
--- a/ry-vue3/src/views/auth/Login.vue
+++ b/ry-vue3/src/views/auth/Login.vue
@@ -3,7 +3,7 @@
     <!-- 顶部导航 -->
     <header class="header">
       <a class="logo" @click.prevent="$router.push('/portal/home')">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -518,14 +518,13 @@ onUnmounted(() => {
 .login-page .logo-icon{
     width: 36px;
     height: 36px;
-    background: var(--brand-primary);
-    color: #fff;
+    background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
 }
+.login-page .logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .login-page .logo-text{
     display: flex;
diff --git a/ry-vue3/src/views/portal/ArticleView.vue b/ry-vue3/src/views/portal/ArticleView.vue
index e141de0..48869c4 100644
--- a/ry-vue3/src/views/portal/ArticleView.vue
+++ b/ry-vue3/src/views/portal/ArticleView.vue
@@ -2,7 +2,7 @@
   <div class="detail-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -51,7 +51,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -199,11 +199,10 @@ a { color: inherit; text-decoration: none; }
 .logo { display: flex; align-items: center; gap: 12px; }
 .logo-icon {
     width: 36px; height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex; align-items: center; justify-content: center;
-    font-size: 18px; font-weight: 600;
+    overflow: hidden; flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .logo-text { display: flex; flex-direction: column; line-height: 1.2; }
 .logo-title { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 0.5px; }
 .logo-subtitle { font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 2px; letter-spacing: 0.3px; }
@@ -329,11 +328,10 @@ a { color: inherit; text-decoration: none; }
 .footer-brand .brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
 .footer-logo-icon {
     width: 36px; height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex; align-items: center; justify-content: center;
-    font-size: 18px; font-weight: 600; flex-shrink: 0;
+    overflow: hidden; flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .footer-brand-name { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 1px; }
 .footer-brand-en { font-size: 10px; color: rgba(255, 255, 255, 0.4); letter-spacing: 0.5px; margin-top: 2px; }
 .footer-desc { font-size: 13px; line-height: 1.9; color: rgba(255, 255, 255, 0.55); }
diff --git a/ry-vue3/src/views/portal/Home.vue b/ry-vue3/src/views/portal/Home.vue
index 0b22eb2..162a6cc 100644
--- a/ry-vue3/src/views/portal/Home.vue
+++ b/ry-vue3/src/views/portal/Home.vue
@@ -2,7 +2,7 @@
   <div class="home-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="onHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -96,7 +96,7 @@
         <div class="footer-main">
             <div class="footer-brand">
                 <div class="brand-row">
-                    <div class="footer-logo-icon">医</div>
+                    <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
                     <div>
                         <div class="footer-brand-name">北京整合医学学会</div>
                         <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -309,14 +309,13 @@ a { color: inherit; text-decoration: none; }
 .logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
+    flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .logo-text {
     display: flex;
@@ -717,15 +716,13 @@ a { color: inherit; text-decoration: none; }
 .footer-logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
     flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .footer-brand-name {
     font-size: 16px;
diff --git a/ry-vue3/src/views/portal/Publicity.vue b/ry-vue3/src/views/portal/Publicity.vue
index d76026d..8e25ba3 100644
--- a/ry-vue3/src/views/portal/Publicity.vue
+++ b/ry-vue3/src/views/portal/Publicity.vue
@@ -2,7 +2,7 @@
   <div class="pub-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -81,7 +81,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -309,14 +309,13 @@ a { color: inherit; text-decoration: none; }
 .logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
+    flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .logo-text {
     display: flex;
@@ -617,15 +616,13 @@ a { color: inherit; text-decoration: none; }
 .footer-logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
     flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .footer-brand-name {
     font-size: 16px;
diff --git a/ry-vue3/src/views/portal/PublicityDetail.vue b/ry-vue3/src/views/portal/PublicityDetail.vue
index 02a4a40..af93457 100644
--- a/ry-vue3/src/views/portal/PublicityDetail.vue
+++ b/ry-vue3/src/views/portal/PublicityDetail.vue
@@ -2,7 +2,7 @@
   <div class="detail-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -118,7 +118,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -869,14 +869,13 @@ a { color: inherit; text-decoration: none; }
 .logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
+    flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .logo-text {
     display: flex;
@@ -1335,15 +1334,13 @@ a { color: inherit; text-decoration: none; }
 .footer-logo-icon {
     width: 36px;
     height: 36px;
-    background: #fff;
-    color: var(--brand-primary);
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
-    font-weight: 600;
+    overflow: hidden;
     flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 
 .footer-brand-name {
     font-size: 16px;
diff --git a/ry-vue3/src/views/portal/SpecialPlanDetail.vue b/ry-vue3/src/views/portal/SpecialPlanDetail.vue
index 5c18de2..58f66b9 100644
--- a/ry-vue3/src/views/portal/SpecialPlanDetail.vue
+++ b/ry-vue3/src/views/portal/SpecialPlanDetail.vue
@@ -2,7 +2,7 @@
   <div class="detail-page">
     <header class="top-nav" :class="topNavClass">
       <a class="logo" title="返回首页" @click.prevent="goHome">
-        <div class="logo-icon">医</div>
+        <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
           <span class="logo-title">北京整合医学学会</span>
           <span class="logo-subtitle">Beijing Association of Holistic Integrative Medicine</span>
@@ -72,7 +72,7 @@
         <div class="footer-main">
           <div class="footer-brand">
             <div class="brand-row">
-              <div class="footer-logo-icon">医</div>
+              <div class="footer-logo-icon"><img src="/logo.png" alt="logo" /></div>
               <div>
                 <div class="footer-brand-name">北京整合医学学会</div>
                 <div class="footer-brand-en">Beijing Association of Holistic Integrative Medicine</div>
@@ -227,10 +227,10 @@ a { color: inherit; text-decoration: none; }
 .logo { display: flex; align-items: center; gap: 12px; }
 .logo-icon {
     width: 36px; height: 36px;
-    background: #fff; color: var(--brand-primary);
     display: flex; align-items: center; justify-content: center;
-    font-size: 18px; font-weight: 600;
+    overflow: hidden; flex-shrink: 0;
 }
+.logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .logo-text { display: flex; flex-direction: column; line-height: 1.2; }
 .logo-title { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 0.5px; }
 .logo-subtitle { font-size: 11px; color: rgba(255,255,255,0.6); margin-top: 2px; letter-spacing: 0.3px; }
@@ -301,10 +301,10 @@ a { color: inherit; text-decoration: none; }
 .footer-brand .brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
 .footer-logo-icon {
     width: 36px; height: 36px;
-    background: #fff; color: var(--brand-primary);
     display: flex; align-items: center; justify-content: center;
-    font-size: 18px; font-weight: 600; flex-shrink: 0;
+    overflow: hidden; flex-shrink: 0;
 }
+.footer-logo-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .footer-brand-name { font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 1px; }
 .footer-brand-en { font-size: 10px; color: rgba(255,255,255,0.4); letter-spacing: 0.5px; margin-top: 2px; }
 .footer-desc { font-size: 13px; line-height: 1.9; color: rgba(255,255,255,0.55); }