diff --git a/backend/static/logo_thumb.png b/backend/static/logo_thumb.png
new file mode 100644
index 00000000..f8a6f41b
Binary files /dev/null and b/backend/static/logo_thumb.png differ
diff --git a/backend/web_source/login.html b/backend/web_source/login.html
index c8b843e9..bf052e1f 100644
--- a/backend/web_source/login.html
+++ b/backend/web_source/login.html
@@ -131,15 +131,28 @@
             display: inline-flex;
             align-items: center;
             justify-content: center;
-            width: 42px;
-            height: 42px;
-            border: 1px solid rgba(165, 180, 252, 0.28);
+            width: 46px;
+            height: 46px;
             border-radius: 13px;
-            background: linear-gradient(135deg, #818cf8, #4f46e5);
-            color: #eef2ff;
-            font-size: 18px;
-            font-weight: 800;
-            box-shadow: 0 10px 28px rgba(79, 70, 229, 0.34);
+            background: #ffffff;
+            box-shadow: 0 10px 28px rgba(79, 70, 229, 0.20);
+            overflow: hidden;
+        }
+
+        .auth-brand-mark img {
+            display: block;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+
+        .login-logo {
+            display: block;
+            width: 56px;
+            height: 56px;
+            margin-bottom: 16px;
+            border-radius: 14px;
+            box-shadow: 0 10px 24px -12px rgba(39, 67, 94, 0.45);
         }
 
         .auth-brand-copy { display: grid; gap: 1px; }
@@ -554,10 +567,9 @@
         }
 
         .auth-brand-mark {
-            border-color: rgba(69, 96, 82, 0.18);
-            background: linear-gradient(135deg, #829b8b, #607a6d);
-            color: #ffffff;
-            box-shadow: 0 10px 24px rgba(96, 122, 109, 0.24);
+            border-radius: 13px;
+            background: #ffffff;
+            box-shadow: 0 10px 24px rgba(96, 122, 109, 0.18);
         }
 
         .auth-brand-name,
@@ -662,7 +674,7 @@
         }
         .auth-visual::before { opacity: 0.3; background-image: linear-gradient(rgba(79, 120, 165, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 120, 165, 0.1) 1px, transparent 1px); }
         .auth-visual::after { border-color: rgba(79, 120, 165, 0.22); box-shadow: 0 0 0 32px rgba(79, 120, 165, 0.055), 0 0 0 64px rgba(79, 120, 165, 0.035); }
-        .auth-brand-mark { border-color: rgba(47, 93, 139, 0.18); background: linear-gradient(135deg, #7094ba, #4f78a5); color: #ffffff; box-shadow: 0 10px 24px rgba(79, 120, 165, 0.24); }
+        .auth-brand-mark { border-radius: 13px; background: #ffffff; box-shadow: 0 10px 24px rgba(79, 120, 165, 0.18); }
         .auth-brand-name, .auth-visual-title { color: var(--auth-text); }
         .auth-brand-sub { color: #77899b; }
         .auth-kicker { color: var(--auth-primary-strong); }
@@ -702,7 +714,7 @@
         <aside class="auth-visual" aria-label="数富AI产品信息">
             <div class="auth-visual-content">
                 <a class="auth-brand" href="/login" aria-label="数富AI 登录页">
-                    <span class="auth-brand-mark" aria-hidden="true">数</span>
+                    <span class="auth-brand-mark" aria-hidden="true"><img src="/static/logo_thumb.png" alt=""></span>
                     <span class="auth-brand-copy">
                         <span class="auth-brand-name">数富AI</span>
                         <span class="auth-brand-sub">电商运营管理后台</span>
@@ -737,6 +749,7 @@
         <main class="auth-content" id="loginMain">
             <section class="login-card" aria-labelledby="loginTitle">
                 <header class="login-card-header">
+                    <img class="login-logo" src="/static/logo_thumb.png" alt="数富AI">
                     <p class="login-card-eyebrow">欢迎回来</p>
                     <h1 class="login-title" id="loginTitle">登录工作台</h1>
                     <p class="login-subtitle">使用管理员账号进入数富AI运营后台。</p>