diff --git a/frontend-web/index.html b/frontend-web/index.html
index f6fe9779..65c7d4e3 100644
--- a/frontend-web/index.html
+++ b/frontend-web/index.html
@@ -13,7 +13,8 @@
         } catch (e) {}
       })();
     </script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>CM 助手</title>
   </head>
   <body>
diff --git a/frontend-web/public/favicon.svg b/frontend-web/public/favicon.svg
new file mode 100644
index 00000000..f708efd6
--- /dev/null
+++ b/frontend-web/public/favicon.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="智能助手中心">
+  <defs>
+    <!-- 品牌玫红渐变填充的圆角磁贴 -->
+    <linearGradient id="tile" x1="6" y1="4" x2="58" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FB7185"/>
+      <stop offset="1" stop-color="#E11D48"/>
+    </linearGradient>
+    <!-- 气泡内 AI 闪光星：玫红渐变，与白色气泡形成对比 -->
+    <linearGradient id="spark" x1="24" y1="18" x2="40" y2="36" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FB7185"/>
+      <stop offset="1" stop-color="#E11D48"/>
+    </linearGradient>
+  </defs>
+
+  <!-- 磁贴背景 -->
+  <rect width="64" height="64" rx="15" fill="url(#tile)"/>
+
+  <!-- 辅助小闪光，点出「多种智能工具」 -->
+  <path fill="#FFFFFF" fill-opacity="0.85"
+    d="M47 43 Q47.6 46.4 50.5 47 Q47.6 47.6 47 51 Q46.4 47.6 43.5 47 Q46.4 46.4 47 43 Z"/>
+
+  <!-- 助手对话气泡（白色）+ 尾巴 -->
+  <rect x="12" y="13" width="40" height="28" rx="10" fill="#FFFFFF"/>
+  <path fill="#FFFFFF" d="M21 40 H31 L19 49 Z"/>
+
+  <!-- 气泡内的 AI 闪光星 -->
+  <path fill="url(#spark)"
+    d="M32 17.5 Q33.2 25.8 41.5 27 Q33.2 28.2 32 36.5 Q30.8 28.2 22.5 27 Q30.8 25.8 32 17.5 Z"/>
+</svg>