diff --git a/app.py b/app.py
index 8b809dc..0187c5f 100644
--- a/app.py
+++ b/app.py
@@ -96,7 +96,7 @@ except Exception as e:
 
 # 🚩 系統版本定義 (備份與顯示用)
 # 🚩 2026-05-01 V10.76: Move monthly analysis report onto V2 shell
-SYSTEM_VERSION = "V10.87"
+SYSTEM_VERSION = "V10.88"
 
 # ==========================================
 # 🔒 SQL Injection 防護函數
diff --git a/config.py b/config.py
index d5358db..e58b87c 100644
--- a/config.py
+++ b/config.py
@@ -314,7 +314,7 @@ YOUTUBE_API_KEY = os.getenv('YOUTUBE_API_KEY', '')
 # ==========================================
 # 系統版本與路徑
 # ==========================================
-SYSTEM_VERSION = "V10.87"
+SYSTEM_VERSION = "V10.88"
 LOG_FILE_PATH = os.path.join(BASE_DIR, 'logs/system.log')
 public_url = PUBLIC_URL  # 用於模板顯示
 
diff --git a/templates/components/_ewoooc_shell.html b/templates/components/_ewoooc_shell.html
index 888d0da..223ee4b 100644
--- a/templates/components/_ewoooc_shell.html
+++ b/templates/components/_ewoooc_shell.html
@@ -39,6 +39,14 @@
         letter-spacing: 0 !important;
         text-rendering: geometricPrecision;
     }
+    .momo-logo-image {
+        display: block;
+        width: min(168px, 100%);
+        height: 54px;
+        object-fit: contain;
+        object-position: left center;
+        border-radius: 8px;
+    }
     .momo-logo-mark {
         background: var(--momo-warm-terracotta, #e4573d);
         color: var(--momo-bg-elevated, #fdfaf3);
@@ -194,14 +202,7 @@
 
 <aside class="momo-sidebar" aria-label="主選單">
     <a class="momo-sidebar-logo" href="/">
-        <span class="momo-logo-mark" aria-hidden="true">
-            <span></span><span></span><span></span>
-            <span></span><span></span><span></span>
-            <span></span><span></span><span></span>
-        </span>
-        <span class="momo-brand-word">
-            <span class="momo-brand-name">EwoooC</span>
-        </span>
+        <img class="momo-logo-image" src="{{ url_for('static', filename='images/ewoooc_logo_nav.png') }}" alt="EwoooC">
     </a>
 
     <nav class="momo-nav momo-scroll">
diff --git a/web/static/css/ewoooc-shell.css b/web/static/css/ewoooc-shell.css
index cec73ee..f4ac47f 100644
--- a/web/static/css/ewoooc-shell.css
+++ b/web/static/css/ewoooc-shell.css
@@ -29,12 +29,21 @@ body.momo-v2-body {
   align-items: center;
   gap: 10px;
   height: var(--momo-topbar-height);
-  padding: 0 20px;
+  padding: 0 16px;
   color: var(--momo-text-inverse);
   text-decoration: none;
   border-bottom: 1px solid rgba(250, 247, 240, 0.08);
 }
 
+.momo-logo-image {
+  display: block;
+  width: min(168px, 100%);
+  height: 54px;
+  object-fit: contain;
+  object-position: left center;
+  border-radius: 8px;
+}
+
 .momo-logo-mark {
   display: grid;
   flex: 0 0 auto;
@@ -423,7 +432,14 @@ body.momo-v2-body {
 
   .momo-sidebar-logo {
     justify-content: center;
-    padding: 0;
+    padding: 0 8px;
+  }
+
+  .momo-logo-image {
+    width: 44px;
+    height: 44px;
+    object-fit: cover;
+    object-position: center center;
   }
 
   .momo-brand-word,
@@ -491,6 +507,13 @@ body.momo-v2-body {
     display: flex;
   }
 
+  .momo-logo-image {
+    width: min(168px, 100%);
+    height: 54px;
+    object-fit: contain;
+    object-position: left center;
+  }
+
   .momo-status-card {
     display: block;
   }
diff --git a/web/static/images/ewoooc_logo_badge.png b/web/static/images/ewoooc_logo_badge.png
new file mode 100644
index 0000000..bd8f7cc
Binary files /dev/null and b/web/static/images/ewoooc_logo_badge.png differ
diff --git a/web/static/images/ewoooc_logo_nav.png b/web/static/images/ewoooc_logo_nav.png
new file mode 100644
index 0000000..ba9e361
Binary files /dev/null and b/web/static/images/ewoooc_logo_nav.png differ