diff --git a/public/favicon.svg b/public/favicon.svg
index 461321e..36197df 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,16 +1,9 @@
-<svg
-  class="icon"
-  viewBox="0 0 1024 1024"
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  style="height: 48px; width: 48px"
->
-    <path d="M796.444444 568.888889a227.555556 227.555556 0 0 1 227.555556 227.555555v170.666667a56.888889 56.888889 0 0 1-56.888889 56.888889h-170.666667a227.555556 227.555556 0 1 1 0-455.111111z" fill="#3369e7">
-    </path>
-    <path d="M512 0a512 512 0 0 1 0 1024H113.777778a113.777778 113.777778 0 0 1-113.777778-113.777778V512a512 512 0 0 1 512-512z" fill="#B4EBED">
-    </path>
-    <path d="M341.333333 512m-56.888889 0a56.888889 56.888889 0 1 0 113.777778 0 56.888889 56.888889 0 1 0-113.777778 0Z" fill="#FFFFFF">
-    </path>
-    <path d="M682.666667 512m-56.888889 0a56.888889 56.888889 0 1 0 113.777778 0 56.888889 56.888889 0 1 0-113.777778 0Z" fill="#FFFFFF">
-    </path>
+<svg id="eQ7uJ3H54zD1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="b48dea7c91714cdc9b8d0de820c53c5e" export-id="b45e756d467b45888fd17ce7b0c528d7" cached="false"><defs><linearGradient id="eQ7uJ3H54zD2-fill" x1="22.831" y1="31.426" x2="68.331" y2="79.426" spreadMethod="pad" gradientUnits="userSpaceOnUse" gradientTransform="translate(0 0)"><stop id="eQ7uJ3H54zD2-fill-0" offset="0%" stop-color="#409eff"/><stop id="eQ7uJ3H54zD2-fill-1" offset="100%" stop-color="#76a4bd"/></linearGradient><linearGradient id="eQ7uJ3H54zD9-fill" x1="0.341056" y1="0.856733" x2="0.35384" y2="0.210227" spreadMethod="pad" gradientUnits="objectBoundingBox" gradientTransform="translate(0 0)"><stop id="eQ7uJ3H54zD9-fill-0" offset="0%" stop-color="#14d8d3"/><stop id="eQ7uJ3H54zD9-fill-1" offset="100%" stop-color="#f4d30e"/></linearGradient></defs><path d="M47.962,10.051C27.686,11.057,11.177,27.48,10.062,47.75c-.482,8.762,1.87,16.943,6.206,23.736L11.379,85.929c-.564,1.667,1.027,3.258,2.693,2.693l14.443-4.889c6.793,4.336,14.974,6.688,23.736,6.206c20.27-1.115,36.693-17.624,37.699-37.9C91.125,28.338,71.662,8.874,47.962,10.051Z" transform="translate(-10.00012-10.000434)" fill="url(#eQ7uJ3H54zD2-fill)"/><path d="M77.639,21.103c.011.603.04,1.201.04,1.808c0,27.323-11.319,51.604-28.865,67.069c1.135.033,2.28.022,3.437-.042c20.27-1.115,36.693-17.624,37.699-37.9.603-12.174-4.247-23.22-12.311-30.935Z" transform="translate(-9.999914-10.000434)" opacity="0.1"/><path d="M17.676,38.688c-.194094.589497-.374807,1.183316-.542,1.781" transform="translate(-9.999914-10.000434)" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><path d="M29.237,22.583c-3.656,2.599-6.62,5.91-8.857,9.908" transform="translate(-9.999914-10.000434)" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/><text dx="0" dy="0" font-family="&quot;eQ7uJ3H54zD1:::Concert One&quot;" font-size="50" font-weight="400" transform="translate(19.237086 55.105774)" fill="#fff" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[
+A 
+]]></tspan></text><path d="" transform="translate(-9.999914-10.000434)" fill="none" stroke="#3f5787" stroke-width="0.5"/><text dx="0" dy="0" font-family="&quot;eQ7uJ3H54zD1:::Concert One&quot;" font-size="50" font-weight="400" transform="translate(47.590717 54.984927)" fill="url(#eQ7uJ3H54zD9-fill)" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[
+L
+]]></tspan></text>
+<style><![CDATA[
+@font-face {font-family: 'eQ7uJ3H54zD1:::Concert One';font-style: normal;font-weight: 400;src: url(data:font/ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMpYAasEAAAIYAAAAYGNtYXAAVQDWAAAB1AAAAERjdnQgAD8H1AAAASQAAAASZnBnbZJB2voAAAJ4AAABYWdhc3AAAAAQAAAA7AAAAAhnbHlmzxJ+rwAAA9wAAAIcaGVhZBNSMSsAAAGcAAAANmhoZWEOGgT9AAABeAAAACRobXR4EE4B6gAAAQAAAAAQbG9jYQFdAR8AAAD0AAAACm1heHACFwMmAAABOAAAACBuYW1lL+NOFwAABfgAAAJocG9zdP9tAGQAAAFYAAAAIHByZXAXLpg/AAABEAAAABEAAQAB//8ADwAAAE8ATwDQAQ4AAAUYAO4DHgAABFAASgPIALKwACsAsgEEByuwACBFfWkYRAAAAAAqAAAACP5wAAAD7AAEBXgACAAAAAEAAAAEAIwABQA/AAIAAQAAAAAACgAAAgACWQABAAEAAwAAAAAAAP9qAGQAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAH1f5mAAAGuP/I/9oGegABAAAAAAAAAAAAAAAAAAAABAABAAAAAQEGHK31vF8PPPUAHQgAAAAAAMth/JkAAAAA4nzoef/I/nAGegemAAAACAACAAAAAAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAwAAAACAAIAAIAAAAgAEEATP//AAAAIABBAEz////h/8H/twABAAAAAAAAAAAAAwP1AZAABQAABZoFMwAAAR8FmgUzAAAD0QBmAgAAAAAAAAAAAAAAAACAAAAnAAAAQwAAAAAAAAAAcHlycwBAACAATAfV/mYAAAfVAZogAAERQAAAAAPsBXgAAAAgAAGwACxLsAlQWLEBAY5ZuAH/hbBEHbEJA19eLbABLCAgRWlEsAFgLbACLLABKiEtsAMsIEawAyVGUlgjWSCKIIpJZIogRiBoYWSwBCVGIGhhZFJYI2WKWS8gsABTWGkgsABUWCGwQFkbaSCwAFRYIbBAZVlZOi2wBCwgRrAEJUZSWCOKWSBGIGphZLAEJUYgamFkUlgjilkv/S2wBSxLILADJlBYUViwgEQbsEBEWRshISBFsMBQWLDARBshWVktsAYsICBFaUSwAWAgIEV9aRhEsAFgLbAHLLAGKi2wCCxLILADJlNYsEAbsABZioogsAMmU1gjIbCAioobiiNZILADJlNYIyGwwIqKG4ojWSCwAyZTWCMhuAEAioobiiNZILADJlNYIyG4AUCKihuKI1kgsAMmU1iwAyVFuAGAUFgjIbgBgCMhG7ADJUUjISMhWRshWUQtsAksS1NYRUQbISFZLQAAAAACAO4AAAQqBXgAFwAbAESwHC+wGi+wANywHBCwC9CwCy+wGdywABCwHdwAsABFWLARLxuxEQc+WbAARViwBS8bsQUBPlmwERCwGNywBRCwGdwwMSUUDgIjISIuAjURND4CMyEyHgIVBREhEQQqEipGNP4wNUYqEREqRjUB0DRGKhL9vgFIgCwyGwcHGzIsBHgrMxsHBxszK1b8NAPMAAIASgAABAYFeAADADMAarA0L7ASL7A0ELAl0LAlL7Af0LAfL7ASELAI3LIAHwgREjmyAR8IERI5sATQsAQvsCUQsBTcsAgQsDXcALAARViwLS8bsS0HPlmwAEVYsA0vG7ENAT5ZsABFWLAaLxuxGgE+WbIBEwMrMDEBIQMjARYWFRUUDgIjIi4CNTUhFRQOAiMiLgI1NTQ+Ajc2Ejc+AzMzMh4CFwGKAT6UFgHgAgYFGjgzNDgbBf5wBRs4NDQ4GgQBAgIBMm4yChwuSDhkN0kuGwsCXAIY/YZEjkIeJkc5IiI4SCaMjCZIOCIiOUcmHh9GSEcgrgFlryVFMx8fM0UlAAEAsgAAA4oFeAAcACWyCgADKwCwAEVYsAUvG7EFBz5ZsABFWLAWLxuxFgE+WbAL3DAxEzQ+AjMyHgIVETMyHgIVFA4CIyEiLgI1sggfPDU5QB4HxClQPyYmP1Ap/uQ1UjkeBJIrUkEoKEFSK/yUCB46MjM7HggIHjszAAAAAAgAZgADAAEECQAAAUAAwgADAAEECQABABYArAADAAEECQACAA4AngADAAEECQADACwAcgADAAEECQAEABYArAADAAEECQAFABoAWAADAAEECQAGACQANAADAAEECQAOADQAAABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAQwBvAG4AYwBlAHIAdABPAG4AZQAtAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAANAAxAC4AMAAwADQAOwBwAHkAcgBzADsAQwBvAG4AYwBlAHIAdAAgAE8AbgBlAFIAZQBnAHUAbABhAHIAQwBvAG4AYwBlAHIAdAAgAE8AbgBlAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMQAxACwAIAAyADAAMQAxACAASgBvAGgAYQBuACAASwBhAGwAbABhAHMAIAAoAGoAbwBoAGEAbgBrAGEAbABsAGEAcwBAAGcAbQBhAGkAbAAuAGMAbwBtACkALAAgAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIAAyADAAMQAxACwAIAAyADAAMQAxACAATQBpAGgAawBlAGwAIABWAGkAcgBrAHUAcwAgACgAbQBpAGgAawBlAGwAdgBpAHIAawB1AHMAQABnAG0AYQBpAGwALgBjAG8AbQApACwAIAB3AGkAdABoACAAUgBlAHMAZQByAHYAZQBkACAARgBvAG4AdAAgAE4AYQBtAGUAIABDAG8AbgBjAGUAcgB0AC4=) format('truetype');}
+]]></style>
 </svg>
diff --git a/src/views/LoginPage.vue b/src/views/LoginPage.vue
index 66f4ebc..e0db6b3 100644
--- a/src/views/LoginPage.vue
+++ b/src/views/LoginPage.vue
@@ -324,8 +324,11 @@ watch(tabMode, () => {
 
 <template>
   <div class="login-page">
-    <div class="login-title">
-      <span class="logo">Open AnyLink</span>
+    <div class="logo">
+      <div class="logo-box">
+        <span class="logo-title">Open AnyLink</span>
+        <img src="/favicon.svg" alt="Open AnyLink Icon" class="logo-icon" />
+      </div>
       <span class="feature">开源·轻量·安全·分布式</span>
       <span class="desc">企业IM即时通讯解决方案</span>
     </div>
@@ -596,21 +599,32 @@ watch(tabMode, () => {
   justify-content: center;
   position: relative;
 
-  .login-title {
+  .logo {
     display: flex;
     flex-direction: column;
     align-items: center;
     position: absolute;
     top: 8%;
 
-    .logo {
-      font-family: 'Segoe UI', system-ui, sans-serif; /* 现代无衬线字体 */
-      font-weight: 700; /* 增强品牌识别度 */
-      font-size: 50px; /* 36px */
-      letter-spacing: 2px;
-      color: #1a365d; /* 深品牌蓝 */
-      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-      display: block;
+    .logo-box {
+      display: flex;
+      align-items: center;
+      gap: 20px;
+
+      .logo-title {
+        font-family: 'Segoe UI', system-ui, sans-serif; /* 现代无衬线字体 */
+        font-weight: 700; /* 增强品牌识别度 */
+        font-size: 50px; /* 36px */
+        letter-spacing: 2px;
+        color: #1a365d; /* 深品牌蓝 */
+        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+        display: block;
+      }
+
+      .logo-icon {
+        width: 60px;
+        height: 60px;
+      }
     }
 
     .feature {