fix(common): 🐛 mobile bg-color

src/App.vue

@@ -512,6 +512,8 @@ a {
   padding-left: var(--safe-area-inset-left);
   padding-right: var(--safe-area-inset-right);
   box-sizing: border-box;
+  /* 应用背景色变量 */
+  background-color: var(--app-bg-color);
 }
 
 .appContainer.safe-area-disabled {

src/mobile/components/chat-room/HeaderBar.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
-    ref="rootEl"
-    :class="[props.enableDefaultBackground ? 'bg-white' : '', props.enableShadow ? 'header-bar-shadow' : '']"
-    class="w-full h-[56px] grid grid-cols-[100px_1fr_100px] z-2">
+  <div ref="rootEl" class="w-full h-[56px] grid grid-cols-[100px_1fr_100px] z-2">
     <div @click="handleBack" class="w-full h-full flex items-center">
       <svg class="iconpark-icon w-24px h-24px ms-16px p-5px"><use href="#fanhui"></use></svg>
       <div
@@ -91,8 +88,4 @@ defineExpose({
 .chat-room-name-official {
   @apply grid grid-cols-[1fr_20px] items-center gap-5px;
 }
-
-.header-bar-shadow {
-  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.1);
-}
 </style>

src/mobile/views/message/index.vue

@@ -14,13 +14,6 @@
       ]"
       class="fixed inset-0 z-[999]"></div>
 
-    <!-- 键盘蒙板 -->
-    <div
-      v-if="showKeyboardMask"
-      class="keyboard-mask flex-1"
-      @touchstart.stop.prevent="closeKeyboardMask"
-      @click.stop.prevent="closeKeyboardMask"></div>
-
     <NavBar>
       <template #left>
         <n-flex @click="toSimpleBio" align="center" :size="6" class="w-full">
@@ -577,22 +570,7 @@ const unlockScroll = () => {
   }
 }
 
-// 键盘蒙板显示状态
-const showKeyboardMask = ref(false)
-
-const closeKeyboardMask = () => {
-  showKeyboardMask.value = false
-  document.body.style.overflow = ''
-  document.body.style.position = ''
-  // 让 input 失焦
-  const activeEl = document.activeElement as HTMLElement
-  if (activeEl && typeof activeEl.blur === 'function') {
-    activeEl.blur()
-  }
-}
-
 // 长按事件处理（开始）
-
 const longPressOption = ref({
   delay: 200,
   modifiers: {

src/styles/scss/global/variable.scss

@@ -25,6 +25,8 @@ svg {
   --font-family: 'PingFang';
   // 是否启用透明高斯模糊
   --blur-enabled: 1;
+    // 应用背景色
+  --app-bg-color: #FAFAFA;
 
   --center-bg-color: #fff;
   --right-bg-color: #f1f1f1;