diff --git a/src/App.vue b/src/App.vue
index fdaffded..de3f1d63 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,6 +7,8 @@
       <!-- 锁屏页面 -->
       <LockScreen v-else />
     </NaiveProvider>
+    <!-- 内存监控组件（仅开发环境 + PC home 窗口） -->
+    <MemoryMonitor v-if="isDev && showMemoryMonitor && isHomeDesktopWindow" />
   </div>
   <component :is="mobileRtcCallFloatCell" v-if="mobileRtcCallFloatCell" />
 </template>
@@ -33,6 +35,7 @@ import { useGlobalStore } from '@/stores/global'
 import { useSettingStore } from '@/stores/setting.ts'
 import { isDesktop, isIOS, isMobile, isWindows10 } from '@/utils/PlatformConstants'
 import LockScreen from '@/views/LockScreen.vue'
+import MemoryMonitor from '@/components/common/MemoryMonitor.vue'
 import { unreadCountManager } from '@/utils/UnreadCountManager'
 import {
   type LoginSuccessResType,
@@ -57,6 +60,10 @@ const mobileRtcCallFloatCell = isMobile()
   ? defineAsyncComponent(() => import('@/mobile/components/RtcCallFloatCell.vue'))
   : null
 
+const isDev = import.meta.env.DEV
+const showMemoryMonitor = ref(true)
+const isHomeDesktopWindow = computed(() => isDesktop() && appWindow.label === 'home')
+
 const userStore = useUserStore()
 const contactStore = useContactStore()
 const announcementStore = useAnnouncementStore()
diff --git a/src/assets/img/hula-bg-h.png b/src/assets/img/hula-bg-h.png
deleted file mode 100644
index 04ebe207..00000000
Binary files a/src/assets/img/hula-bg-h.png and /dev/null differ
diff --git a/src/assets/img/hula_bg_d.svg b/src/assets/img/hula_bg_d.svg
deleted file mode 100644
index c17346a7..00000000
--- a/src/assets/img/hula_bg_d.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="100px" height="102px" viewBox="0 0 100 102" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>hula-bg-iconx1.6</title>
-    <g id="确定风格设计" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.099702381">
-        <image id="hula-bg-iconx1.6" x="0" y="0" width="100" height="102" xlink:href="data:image/png;base64,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"></image>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/src/assets/img/hula_bg_l.png b/src/assets/img/hula_bg_l.png
deleted file mode 100644
index bf92b9f4..00000000
Binary files a/src/assets/img/hula_bg_l.png and /dev/null differ
diff --git a/src/components/common/MemoryMonitor.vue b/src/components/common/MemoryMonitor.vue
new file mode 100644
index 00000000..8b20fb81
--- /dev/null
+++ b/src/components/common/MemoryMonitor.vue
@@ -0,0 +1,337 @@
+<template>
+  <div
+    ref="monitorRef"
+    class="memory-monitor"
+    :class="{ minimized: isMinimized }"
+    :style="monitorStyle"
+    @click="handleContainerClick"
+    @pointerdown="onPointerDown">
+    <button
+      v-if="!isMinimized"
+      class="minimize-btn"
+      type="button"
+      title="最小化"
+      @click.stop="toggleMinimize(true)"
+      @pointerdown.stop>
+      <svg class="size-16px color-#fff rotate-90"><use href="#right"></use></svg>
+    </button>
+    <template v-if="!isMinimized">
+      <div class="title">Memory Monitor (click to toggle)</div>
+      <div v-if="expanded" class="section">
+        <template v-for="(value, name) in storeInfo" :key="name">
+          <div v-if="String(name).startsWith('--')" class="label">{{ name }}</div>
+          <div v-else class="item">
+            {{ name }}:
+            <span class="value">{{ value }}</span>
+          </div>
+        </template>
+      </div>
+      <div v-else class="section">
+        <div class="item text-gray-400">Click to expand</div>
+      </div>
+    </template>
+
+    <img v-else class="size-24px" title="点击恢复内存监控" src="/logoL.png" alt="" />
+  </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, nextTick, reactive, computed } from 'vue'
+import { useChatStore } from '@/stores/chat'
+import { useGroupStore } from '@/stores/group'
+import { useGlobalStore } from '@/stores/global'
+
+const storeInfo = ref<Record<string, string | number>>({})
+const expanded = ref(true)
+const isMinimized = ref(true)
+const monitorRef = ref<HTMLElement | null>(null)
+const position = reactive({
+  x: 0,
+  y: 0
+})
+const dragState = reactive({
+  startX: 0,
+  startY: 0,
+  initialX: 0,
+  initialY: 0
+})
+const isDragging = ref(false)
+const suppressClickOnce = ref(false)
+
+let timer: ReturnType<typeof setInterval> | null = null
+
+const formatBytes = (bytes: number) => {
+  if (bytes < 1024) return bytes + ' B'
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB'
+  return (bytes / 1024 / 1024).toFixed(2) + ' MB'
+}
+
+const estimateSize = (obj: any, depth = 0, seen = new WeakSet()): number => {
+  if (depth > 10) return 0
+  if (obj === null || obj === undefined) return 8
+  if (typeof obj === 'boolean') return 4
+  if (typeof obj === 'number') return 8
+  if (typeof obj === 'string') return obj.length * 2 + 40
+  if (typeof obj !== 'object') return 8
+
+  if (seen.has(obj)) return 0
+  seen.add(obj)
+
+  let size = 40
+  if (Array.isArray(obj)) {
+    size += obj.length * 8
+    for (let i = 0; i < Math.min(obj.length, 100); i++) {
+      size += estimateSize(obj[i], depth + 1, seen)
+    }
+    if (obj.length > 100) size += (obj.length - 100) * 200
+  } else if (obj instanceof Map) {
+    obj.forEach((v, k) => {
+      size += estimateSize(k, depth + 1, seen) + estimateSize(v, depth + 1, seen)
+    })
+  } else {
+    const keys = Object.keys(obj)
+    for (const key of keys.slice(0, 50)) {
+      size += key.length * 2 + 40 + estimateSize(obj[key], depth + 1, seen)
+    }
+    if (keys.length > 50) size += (keys.length - 50) * 500
+  }
+  return size
+}
+
+const updateMemory = () => {
+  try {
+    const chatStore = useChatStore()
+    const groupStore = useGroupStore()
+    const globalStore = useGlobalStore()
+
+    const messageMap = chatStore.messageMap || {}
+    const sessionList = chatStore.sessionList || []
+
+    let totalMsgs = 0
+    let roomCount = 0
+    const roomMsgCounts: string[] = []
+
+    for (const roomId of Object.keys(messageMap)) {
+      const count = Object.keys(messageMap[roomId] || {}).length
+      totalMsgs += count
+      roomCount++
+      if (count > 0) {
+        roomMsgCounts.push(`${count}`)
+      }
+    }
+
+    const memberMap = (groupStore as any).memberMap || {}
+    const cachedUserInfo = (groupStore as any).cachedUserInfo || {}
+
+    let totalMembers = 0
+    const memberMapRooms = Object.keys(memberMap).length
+    for (const roomId of Object.keys(memberMap)) {
+      const members = memberMap[roomId]
+      if (members instanceof Map) {
+        totalMembers += members.size
+      } else if (typeof members === 'object') {
+        totalMembers += Object.keys(members).length
+      }
+    }
+
+    const sessionSize = estimateSize(sessionList)
+    const messageSize = estimateSize(messageMap)
+    const memberSize = estimateSize(memberMap)
+    const userInfoSize = estimateSize(cachedUserInfo)
+
+    storeInfo.value = {
+      '-- Chat Store --': '',
+      'sessionList count': sessionList.length,
+      'sessionList size': formatBytes(sessionSize),
+      'messageMap rooms': roomCount,
+      'messageMap total msgs': totalMsgs,
+      'messageMap size': formatBytes(messageSize),
+      currentRoomId: globalStore.currentSessionRoomId || 'none',
+      '-- Group Store --': '',
+      'memberMap rooms': memberMapRooms,
+      'memberMap total users': totalMembers,
+      'memberMap size': formatBytes(memberSize),
+      'cachedUserInfo count': Object.keys(cachedUserInfo).length,
+      'cachedUserInfo size': formatBytes(userInfoSize),
+      '-- Total Estimated --': '',
+      'Stores Total': formatBytes(sessionSize + messageSize + memberSize + userInfoSize)
+    }
+  } catch (e) {
+    console.warn('Memory monitor error:', e)
+    storeInfo.value = { error: String(e) }
+  }
+}
+
+onMounted(() => {
+  updateMemory()
+  timer = setInterval(updateMemory, 3000)
+  nextTick(() => {
+    setInitialPosition()
+    window.addEventListener('resize', handleResize)
+  })
+})
+
+onUnmounted(() => {
+  if (timer) clearInterval(timer)
+  window.removeEventListener('resize', handleResize)
+  detachDragListeners()
+})
+
+const monitorStyle = computed(() => ({
+  left: `${position.x}px`,
+  top: `${position.y}px`
+}))
+
+const setInitialPosition = () => {
+  const el = monitorRef.value
+  if (!el) {
+    return
+  }
+  const rect = el.getBoundingClientRect()
+  position.x = window.innerWidth - rect.width - 16
+  position.y = window.innerHeight - rect.height - 66
+  clampPosition()
+}
+
+const clampPosition = () => {
+  const el = monitorRef.value
+  if (!el) return
+  const rect = el.getBoundingClientRect()
+  const maxX = Math.max(0, window.innerWidth - rect.width)
+  const maxY = Math.max(0, window.innerHeight - rect.height)
+  position.x = Math.min(Math.max(0, position.x), maxX)
+  position.y = Math.min(Math.max(0, position.y), maxY)
+}
+
+const handleResize = () => {
+  nextTick(() => clampPosition())
+}
+
+const toggleMinimize = (nextState?: boolean) => {
+  const targetState = typeof nextState === 'boolean' ? nextState : !isMinimized.value
+  isMinimized.value = targetState
+  nextTick(() => {
+    if (targetState) {
+      setInitialPosition()
+    } else {
+      clampPosition()
+    }
+  })
+}
+
+const handleContainerClick = () => {
+  if (suppressClickOnce.value) {
+    suppressClickOnce.value = false
+    return
+  }
+  if (isMinimized.value) {
+    toggleMinimize(false)
+    return
+  }
+  expanded.value = !expanded.value
+}
+
+const onPointerDown = (event: PointerEvent) => {
+  if (event.button !== 0) return
+  if (event.target instanceof HTMLElement && event.target.closest('.minimize-btn')) return
+  isDragging.value = true
+  suppressClickOnce.value = false
+  dragState.startX = event.clientX
+  dragState.startY = event.clientY
+  dragState.initialX = position.x
+  dragState.initialY = position.y
+  window.addEventListener('pointermove', onPointerMove)
+  window.addEventListener('pointerup', onPointerUp, { once: true })
+}
+
+const onPointerMove = (event: PointerEvent) => {
+  if (!isDragging.value) return
+  const deltaX = event.clientX - dragState.startX
+  const deltaY = event.clientY - dragState.startY
+  if (!suppressClickOnce.value && (Math.abs(deltaX) > 3 || Math.abs(deltaY) > 3)) {
+    suppressClickOnce.value = true
+  }
+  position.x = dragState.initialX + deltaX
+  position.y = dragState.initialY + deltaY
+  clampPosition()
+}
+
+const onPointerUp = () => {
+  isDragging.value = false
+  detachDragListeners()
+}
+
+const detachDragListeners = () => {
+  window.removeEventListener('pointermove', onPointerMove)
+}
+</script>
+<style scoped>
+.memory-monitor {
+  position: fixed;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.85);
+  color: #fff;
+  padding: 12px;
+  border-radius: 8px;
+  font-size: 11px;
+  font-family: monospace;
+  z-index: 99999;
+  min-width: 220px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  cursor: grab;
+}
+.memory-monitor:active {
+  cursor: grabbing;
+}
+.memory-monitor.minimized {
+  width: 32px;
+  height: 32px;
+  min-width: unset;
+  padding: 0;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35);
+}
+.minimize-btn {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border: none;
+  background: rgba(255, 255, 255, 0.1);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: background 0.2s ease;
+  padding: 0;
+}
+.minimize-btn:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+.title {
+  font-weight: bold;
+  margin-bottom: 8px;
+  color: #13987f;
+  border-bottom: 1px solid #333;
+  padding-bottom: 4px;
+}
+.section {
+  margin-top: 8px;
+}
+.label {
+  color: #60a5fa;
+  margin-bottom: 4px;
+}
+.item {
+  padding: 2px 0;
+}
+.value {
+  color: #fbbf24;
+}
+</style>
diff --git a/src/views/moreWindow/settings/Versatile.vue b/src/views/moreWindow/settings/Versatile.vue
index b6406984..1447a6fe 100644
--- a/src/views/moreWindow/settings/Versatile.vue
+++ b/src/views/moreWindow/settings/Versatile.vue
@@ -27,7 +27,7 @@
           @click="handleVersatile('simple')"
           :class="{ 'outline outline-2 outline-[--border-active-color] outline-offset': themes.versatile === 'simple' }"
           class="w-108px h-84px flex-col-center gap-10px cursor-pointer rounded-8px bg-#f1f1f1">
-          <img class="size-34px" src="../../../assets/img/hula_bg_l.png" alt="" />
+          <img class="size-44px" src="/logoD.png" alt="" />
           <p class="text-(12px [--chat-text-color])">{{ t('setting.theme.versatile.simple') }}</p>
         </div>
       </n-flex>