feat: 迁移商务登录品牌和三步找回密码

web/src/components/bottomInfo/bottomInfo.vue

@@ -2,7 +2,7 @@
   <div
     class="kra-bottom-info flex flex-col md:flex-row gap-2 items-center text-sm text-slate-700 dark:text-slate-500 justify-center py-2"
   >
-    <div class="text-center font-bold text-active">Kra</div>
+    <div class="text-center font-bold text-active">{{ $KRA.appName }}</div>
     <slot />
   </div>
 </template>

web/src/components/logo/index.vue

@@ -17,8 +17,8 @@ const props = defineProps({
   }
 })
 
-const darkLogoPath = '/logo.svg'
-const lightLogoPath = '/logo.svg'
+const darkLogoPath = '/business-logo.png'
+const lightLogoPath = '/business-logo.png'
 
 const themeStore = useThemeStore();
 const { isDark } = storeToRefs(themeStore);
@@ -60,10 +60,10 @@ watchEffect(async (onCleanup) => {
   // 到这里就包没有提供两种 logo 了
   showTextPlaceholder.value = true;
   console.error(
-    '错误: 在公共目录中找不到 logo.svg。'
+    '错误: 在公共目录中找不到 business-logo.png。'
   );
   console.warn(
-    '解决方案: 请在 public 目录中放置 logo.svg。'
+    '解决方案: 请在 public 目录中放置 business-logo.png。'
   );
 });
 
@@ -81,15 +81,12 @@ function getSize() {
   <img v-if="!showTextPlaceholder && logoSrc" :src="logoSrc" :alt="$KRA.appName" class="object-contain"
     :style="{
       ...getSize()
-    }" :class="{
-    'filter invert-[90%] hue-rotate-180 brightness-110':
-        effectiveDark && logoSrc === '/logo.svg',
     }" />
   <div v-else-if="showTextPlaceholder"
     class="rounded-full bg-gray-300 dark:bg-gray-600 flex items-center justify-center text-gray-700 dark:text-gray-200 font-bold text-xs"
     :style="{
       ...getSize()
     }">
-    KRA
+    商务
   </div>
 </template>