feat(desktop): add type declaration for @brand-logo alias in brand-logo.d.ts

apps/desktop-client/src/renderer/components/DesktopShell.vue

@@ -11,6 +11,7 @@ import {
 import { computed, onMounted, ref, watch } from 'vue'
 import { RouterLink, RouterView, useRoute } from 'vue-router'
 
+import brandLogo from '@brand-logo'
 import { useClientRelease } from '../composables/useClientRelease'
 import { useDesktopRuntime } from '../composables/useDesktopRuntime'
 import { useDesktopSession } from '../composables/useDesktopSession'
@@ -232,8 +233,7 @@ watch(
     <aside class="sidebar">
       <div class="brand-block">
         <div class="brand-mark">
-          <span class="brand-ring"></span>
-          <span class="brand-core"></span>
+          <img :src="brandLogo" alt="省心推" class="brand-mark-img" />
         </div>
         <div>
           <p class="eyebrow">Workspace Cockpit</p>
@@ -444,30 +444,19 @@ watch(
 }
 
 .brand-mark {
-  position: relative;
   width: 40px;
   height: 40px;
   display: grid;
   place-items: center;
+  border-radius: 11px;
+  background: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);
+  box-shadow: 0 6px 14px rgba(22, 119, 255, 0.28);
 }
 
-.brand-ring,
-.brand-core {
-  position: absolute;
-  border-radius: 50%;
-}
-
-.brand-ring {
-  inset: 0;
-  border: 1px solid #91caff;
-  background: #e6f4ff;
-}
-
-.brand-core {
-  width: 16px;
-  height: 16px;
-  background: #1677ff;
-  box-shadow: 0 2px 6px rgba(22, 119, 255, 0.4);
+.brand-mark-img {
+  width: 62%;
+  height: 62%;
+  object-fit: contain;
 }
 
 .eyebrow {