diff --git a/apps/stage-tamagotchi/src/renderer/locales/zh-CN.yml b/apps/stage-tamagotchi/src/renderer/locales/zh-CN.yml
index ae125121b..893b0691c 100644
--- a/apps/stage-tamagotchi/src/renderer/locales/zh-CN.yml
+++ b/apps/stage-tamagotchi/src/renderer/locales/zh-CN.yml
@@ -122,7 +122,7 @@ settings:
             title: 基础配置
           voice:
             title: 声音配置
-      description: LLM，演讲提供商等
+      description: LLM，语音合成，语音识别提供商等
       provider:
         cloudflare-workers-ai:
           description: Cloudflare.com
@@ -173,7 +173,7 @@ settings:
                 voice:
                   description: 选择首选语音
                   label: 声线
-            title: 调试场地
+            title: 实验平台
             validation:
               error-missing-api-key: 需要填写 API Key 才能用哦！
           title: ElevenLabs (11labs)
diff --git a/apps/stage-tamagotchi/src/renderer/src/pages/settings/index.vue b/apps/stage-tamagotchi/src/renderer/src/pages/settings/index.vue
index add1c3ccc..85c8814b3 100644
--- a/apps/stage-tamagotchi/src/renderer/src/pages/settings/index.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/pages/settings/index.vue
@@ -207,7 +207,7 @@ function handleLanguageChange(event: Event) {
         </div>
       </label>
     </div>
-    <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+    <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
       <div v-motion text="40" i-lucide:cog />
     </div>
   </div>
diff --git a/apps/stage-tamagotchi/src/renderer/src/pages/settings/models/index.vue b/apps/stage-tamagotchi/src/renderer/src/pages/settings/models/index.vue
index 0f9142128..b4ddcf97b 100644
--- a/apps/stage-tamagotchi/src/renderer/src/pages/settings/models/index.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/pages/settings/models/index.vue
@@ -67,7 +67,7 @@ async function extractColorsFromModel() {
     <Live2DSettings w="50%" h="80vh" :palette="palette" @extract-colors-from-model="extractColorsFromModel" />
   </div>
 
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:person-standing />
   </div>
 </template>
diff --git a/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/consciousness.vue b/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/consciousness.vue
index 256e019ae..ba591f07b 100644
--- a/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/consciousness.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/consciousness.vue
@@ -214,7 +214,7 @@ function updateCustomModelName(value: string) {
     </div>
   </div>
 
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:ghost />
   </div>
 </template>
diff --git a/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/index.vue b/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/index.vue
index 1c3a4d52e..6fd07b301 100644
--- a/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/index.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/index.vue
@@ -134,7 +134,7 @@ const modulesList = computed<Module[]>(() => [
       :configured="module.configured"
     />
   </div>
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:blocks />
   </div>
 </template>
diff --git a/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/speech.vue b/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/speech.vue
index e38144f09..45655425e 100644
--- a/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/speech.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/pages/settings/modules/speech.vue
@@ -392,7 +392,7 @@ function updateSSMLExample() {
     </div>
   </div>
 
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:volume-2 />
   </div>
 </template>
diff --git a/apps/stage-tamagotchi/src/renderer/src/pages/settings/providers/index.vue b/apps/stage-tamagotchi/src/renderer/src/pages/settings/providers/index.vue
index 51d918595..6dcefde5d 100644
--- a/apps/stage-tamagotchi/src/renderer/src/pages/settings/providers/index.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/pages/settings/providers/index.vue
@@ -50,7 +50,7 @@ const { allProvidersMetadata } = storeToRefs(providersStore)
       :configured="provider.configured"
     />
   </div>
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:brain />
   </div>
 </template>
diff --git a/apps/stage-tamagotchi/src/renderer/src/pages/settings/themes/index.vue b/apps/stage-tamagotchi/src/renderer/src/pages/settings/themes/index.vue
index 0db42fb54..3b7440c00 100644
--- a/apps/stage-tamagotchi/src/renderer/src/pages/settings/themes/index.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/pages/settings/themes/index.vue
@@ -368,7 +368,7 @@ function isColorSelected(hexColor: string): boolean {
     </Collapsable>
   </div>
 
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:paintbrush />
   </div>
 </template>
diff --git a/apps/stage-web/locales/zh-CN.yml b/apps/stage-web/locales/zh-CN.yml
index b9e0ae64c..f76831804 100644
--- a/apps/stage-web/locales/zh-CN.yml
+++ b/apps/stage-web/locales/zh-CN.yml
@@ -130,7 +130,7 @@ settings:
             title: 基础配置
           voice:
             title: 声音配置
-      description: LLM，演讲提供商等
+      description: LLM，语音合成，语音识别提供商等
       provider:
         cloudflare-workers-ai:
           description: Cloudflare.com
@@ -181,7 +181,7 @@ settings:
                 voice:
                   description: 选择首选语音
                   label: 声线
-            title: 调试场地
+            title: 实验平台
             validation:
               error-missing-api-key: 需要填写 API Key 才能用哦！
           title: ElevenLabs (11labs)
diff --git a/apps/stage-web/src/pages/settings/index.vue b/apps/stage-web/src/pages/settings/index.vue
index add1c3ccc..6537cd65c 100644
--- a/apps/stage-web/src/pages/settings/index.vue
+++ b/apps/stage-web/src/pages/settings/index.vue
@@ -95,7 +95,7 @@ function handleLanguageChange(event: Event) {
       <div
         v-motion
         grid="~ cols-[150px_1fr]"
-        bg="neutral-100 dark:neutral-800"
+        bg="neutral-50 dark:neutral-800"
         hover="bg-neutral-200 dark:bg-neutral-700"
         transition="all ease-in-out duration-250" items-center gap-1.5 rounded-lg px-4
         py-3
@@ -129,7 +129,7 @@ function handleLanguageChange(event: Event) {
       <!-- Theme Setting -->
       <label
         v-motion
-        bg="neutral-100 dark:neutral-800"
+        bg="neutral-50 dark:neutral-800"
         hover="bg-neutral-200 dark:bg-neutral-700"
         transition="all ease-in-out duration-250"
         w-full flex cursor-pointer rounded-lg px-4 py-3
@@ -169,7 +169,7 @@ function handleLanguageChange(event: Event) {
       <!-- Developer Settings -->
       <label
         v-motion
-        bg="neutral-100 dark:neutral-800"
+        bg="neutral-50 dark:neutral-800"
         hover="bg-neutral-200 dark:bg-neutral-700"
         transition="all ease-in-out duration-250"
         w-full flex cursor-pointer rounded-lg px-4 py-3
@@ -207,8 +207,8 @@ function handleLanguageChange(event: Event) {
         </div>
       </label>
     </div>
-    <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
-      <div v-motion text="40" i-lucide:cog />
+    <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
+      <div v-motion text="60" i-lucide:cog />
     </div>
   </div>
 </template>
diff --git a/apps/stage-web/src/pages/settings/models/index.vue b/apps/stage-web/src/pages/settings/models/index.vue
index 0f9142128..b4ddcf97b 100644
--- a/apps/stage-web/src/pages/settings/models/index.vue
+++ b/apps/stage-web/src/pages/settings/models/index.vue
@@ -67,7 +67,7 @@ async function extractColorsFromModel() {
     <Live2DSettings w="50%" h="80vh" :palette="palette" @extract-colors-from-model="extractColorsFromModel" />
   </div>
 
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:person-standing />
   </div>
 </template>
diff --git a/apps/stage-web/src/pages/settings/modules/consciousness.vue b/apps/stage-web/src/pages/settings/modules/consciousness.vue
index 256e019ae..ba591f07b 100644
--- a/apps/stage-web/src/pages/settings/modules/consciousness.vue
+++ b/apps/stage-web/src/pages/settings/modules/consciousness.vue
@@ -214,7 +214,7 @@ function updateCustomModelName(value: string) {
     </div>
   </div>
 
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:ghost />
   </div>
 </template>
diff --git a/apps/stage-web/src/pages/settings/modules/index.vue b/apps/stage-web/src/pages/settings/modules/index.vue
index 1c3a4d52e..6fd07b301 100644
--- a/apps/stage-web/src/pages/settings/modules/index.vue
+++ b/apps/stage-web/src/pages/settings/modules/index.vue
@@ -134,7 +134,7 @@ const modulesList = computed<Module[]>(() => [
       :configured="module.configured"
     />
   </div>
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:blocks />
   </div>
 </template>
diff --git a/apps/stage-web/src/pages/settings/modules/speech.vue b/apps/stage-web/src/pages/settings/modules/speech.vue
index e38144f09..45655425e 100644
--- a/apps/stage-web/src/pages/settings/modules/speech.vue
+++ b/apps/stage-web/src/pages/settings/modules/speech.vue
@@ -392,7 +392,7 @@ function updateSSMLExample() {
     </div>
   </div>
 
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:volume-2 />
   </div>
 </template>
diff --git a/apps/stage-web/src/pages/settings/providers/index.vue b/apps/stage-web/src/pages/settings/providers/index.vue
index 51d918595..6dcefde5d 100644
--- a/apps/stage-web/src/pages/settings/providers/index.vue
+++ b/apps/stage-web/src/pages/settings/providers/index.vue
@@ -50,7 +50,7 @@ const { allProvidersMetadata } = storeToRefs(providersStore)
       :configured="provider.configured"
     />
   </div>
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:brain />
   </div>
 </template>
diff --git a/apps/stage-web/src/pages/settings/themes/index.vue b/apps/stage-web/src/pages/settings/themes/index.vue
index 0db42fb54..3b7440c00 100644
--- a/apps/stage-web/src/pages/settings/themes/index.vue
+++ b/apps/stage-web/src/pages/settings/themes/index.vue
@@ -368,7 +368,7 @@ function isColorSelected(hexColor: string): boolean {
     </Collapsable>
   </div>
 
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" i-lucide:paintbrush />
   </div>
 </template>
diff --git a/packages/stage-ui/src/components/Providers/ProviderSettingsLayout.vue b/packages/stage-ui/src/components/Providers/ProviderSettingsLayout.vue
index a75be2b89..d9fc47f3e 100644
--- a/packages/stage-ui/src/components/Providers/ProviderSettingsLayout.vue
+++ b/packages/stage-ui/src/components/Providers/ProviderSettingsLayout.vue
@@ -29,7 +29,7 @@ defineProps<{
     </h1>
   </div>
   <slot />
-  <div text="neutral-100/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 translate-x-10 translate-y-10>
+  <div text="neutral-200/50 dark:neutral-500/20" pointer-events-none fixed bottom-0 right-0 z--1 translate-x-10 translate-y-10>
     <div text="40" :class="providerIcon || providerIconColor" />
   </div>
 </template>