diff --git a/apps/stage-tamagotchi/locales/en.yml b/apps/stage-tamagotchi/locales/en.yml
index c1620893b..c97d14b8b 100644
--- a/apps/stage-tamagotchi/locales/en.yml
+++ b/apps/stage-tamagotchi/locales/en.yml
@@ -64,6 +64,43 @@ settings:
   microphone: Microphone
   models: Model
   pages:
+    card:
+      activate: Activate
+      active: Active
+      active_badge: Currently Active
+      cancel: Cancel
+      card_not_found: Card not found
+      character: Character
+      close: Close
+      consciousness:
+        model: Consciousness / Model
+      created_by: created by
+      creator_notes: Creator Notes
+      delete: Delete
+      delete_card: Delete Card
+      delete_confirmation: Are you sure you want to delete this card?
+      description: Use Airi character card presets
+      description_label: Description
+      drop_here: Drop to upload
+      modules: Modules
+      name_asc: Name (A-Z)
+      name_desc: Name (Z-A)
+      no_cards: No cards yet. Click the button above to upload one!
+      no_results: No matching cards found
+      personality: Personality
+      posthistoryinstructions: Post-History Instructions
+      recent: Recently Added
+      scenario: Scenario
+      search: Search cards...
+      sort_by: Sort by
+      speech:
+        model: Speech / Model
+        voice: Speech / Voice
+      systemprompt: System Prompt
+      title: Airi Card
+      try_different_search: Try a different search term
+      upload: Upload
+      upload_desc: Click or drag file to upload
     models:
       description: Live2D, VRM, etc.
       title: Models
@@ -133,6 +170,8 @@ settings:
               no_models_description: No models were found for this provider
               no_voices: No voices available
               no_voices_description: No voices were found for this provider
+              pause: Pause
+              play_sample: Play Sample
               search_models_placeholder: Search models...
               search_models_results: Found {count} of {total} models
               search_voices_placeholder: Search voices...
diff --git a/apps/stage-tamagotchi/locales/zh-CN.yml b/apps/stage-tamagotchi/locales/zh-CN.yml
index 92ac99391..0888e44a1 100644
--- a/apps/stage-tamagotchi/locales/zh-CN.yml
+++ b/apps/stage-tamagotchi/locales/zh-CN.yml
@@ -46,10 +46,49 @@ settings:
     map-motions:
       play: 播放动作
       title: 映射动作
+    edit-motion-map:
+      title: 编辑动作映射
     title: Live2D 设置
   microphone: 麦克风
   models: 模型
   pages:
+    card:
+      activate: 激活
+      active: 已激活
+      active_badge: 当前使用中
+      cancel: 取消
+      card_not_found: 未找到角色卡
+      character: 角色设定
+      close: 关闭
+      consciousness:
+        model: 意识 / 模型
+      created_by: 创建者
+      creator_notes: 创建者笔记
+      delete: 删除
+      delete_card: 删除角色卡
+      delete_confirmation: 确定要删除这张角色卡吗？
+      description: 使用 Airi 角色卡预设
+      description_label: 描述
+      drop_here: 放开以上传文件
+      modules: 模块
+      name_asc: 名称 (A-Z)
+      name_desc: 名称 (Z-A)
+      no_cards: 还没有任何角色卡，点击上方按钮上传一个吧！
+      no_results: 没有找到匹配的角色卡
+      personality: 性格
+      posthistoryinstructions: 历史提示指令
+      recent: 最近添加
+      scenario: 场景
+      search: 搜索角色卡...
+      sort_by: 排序方式
+      speech:
+        model: 声音 / 模型
+        voice: 声音 / 声线
+      systemprompt: 系统提示词
+      title: Airi 角色卡
+      try_different_search: 尝试使用其他关键词搜索
+      upload: 上传
+      upload_desc: 点击或拖拽文件到此处上传
     memory:
       description: 存放记忆的地方，以及策略
       title: 记忆体
diff --git a/apps/stage-web/locales/en.yml b/apps/stage-web/locales/en.yml
index 4ed13ff42..29c7bfc4b 100644
--- a/apps/stage-web/locales/en.yml
+++ b/apps/stage-web/locales/en.yml
@@ -73,42 +73,42 @@ settings:
   models: Model
   pages:
     card:
-      title: Airi Card
-      description: Use Airi character card presets
-      upload: Upload
-      upload_desc: Click or drag file to upload
-      drop_here: Drop to upload
-      delete: Delete
+      activate: Activate
       active: Active
       active_badge: Currently Active
-      activate: Activate
       cancel: Cancel
       card_not_found: Card not found
       character: Character
-      personality: Personality
-      scenario: Scenario
-      systemprompt: System Prompt
-      posthistoryinstructions: Post-History Instructions
-      modules: Modules
       close: Close
-      search: Search cards...
-      sort_by: Sort by
-      name_asc: Name (A-Z)
-      name_desc: Name (Z-A)
-      recent: Recently Added
-      no_cards: No cards yet. Click the button above to upload one!
-      no_results: No matching cards found
-      try_different_search: Try a different search term
       consciousness:
         model: Consciousness / Model
       created_by: created by
       creator_notes: Creator Notes
+      delete: Delete
       delete_card: Delete Card
       delete_confirmation: Are you sure you want to delete this card?
+      description: Use Airi character card presets
       description_label: Description
+      drop_here: Drop to upload
+      modules: Modules
+      name_asc: Name (A-Z)
+      name_desc: Name (Z-A)
+      no_cards: No cards yet. Click the button above to upload one!
+      no_results: No matching cards found
+      personality: Personality
+      posthistoryinstructions: Post-History Instructions
+      recent: Recently Added
+      scenario: Scenario
+      search: Search cards...
+      sort_by: Sort by
       speech:
         model: Speech / Model
         voice: Speech / Voice
+      systemprompt: System Prompt
+      title: Airi Card
+      try_different_search: Try a different search term
+      upload: Upload
+      upload_desc: Click or drag file to upload
     memory:
       description: Where memories got stored, and organized
       title: Memory
@@ -179,6 +179,8 @@ settings:
               no_models_description: No models were found for this provider
               no_voices: No voices available
               no_voices_description: No voices were found for this provider
+              pause: Pause
+              play_sample: Play Sample
               search_models_placeholder: Search models...
               search_models_results: Found {count} of {total} models
               search_voices_placeholder: Search voices...
diff --git a/apps/stage-web/locales/zh-CN.yml b/apps/stage-web/locales/zh-CN.yml
index 932aa2c52..94b1bd163 100644
--- a/apps/stage-web/locales/zh-CN.yml
+++ b/apps/stage-web/locales/zh-CN.yml
@@ -35,8 +35,8 @@ settings:
     stage-transitions:
       title: 是否开启舞台动画
     use-page-specific-transitions:
-      title: 是否使用页面特定过场动画
       description: 某些页面会有自己的过场动画，这将覆盖舞台过场动画
+      title: 是否使用页面特定过场动画
   language:
     chinese: 简体中文
     english: English
@@ -49,6 +49,8 @@ settings:
       from-url-confirm: 加载
       from-url-placeholder: 输入 Live2D 模型 URL
       title: 更换模型
+    edit-motion-map:
+      title: 编辑动作映射
     map-motions:
       play: 播放动作
       title: 映射动作
@@ -57,42 +59,42 @@ settings:
   models: 模型
   pages:
     card:
-      title: Airi 角色卡
-      description: 使用 Airi 角色卡预设
-      upload: 上传
-      upload_desc: 点击或拖拽文件到此处上传
-      drop_here: 放开以上传文件
-      delete: 删除
+      activate: 激活
       active: 已激活
       active_badge: 当前使用中
-      activate: 激活
-      delete_card: 删除角色卡
-      delete_confirmation: 确定要删除这张角色卡吗？
-      card_not_found: 未找到角色卡
-      created_by: 创建者
-      creator_notes: 创建者笔记
-      description_label: 描述
-      character: 角色设定
-      personality: 性格
-      scenario: 场景
-      systemprompt: 系统提示词
-      posthistoryinstructions: 历史提示指令
-      modules: 模块
       cancel: 取消
+      card_not_found: 未找到角色卡
+      character: 角色设定
       close: 关闭
-      search: 搜索角色卡...
-      sort_by: 排序方式
-      name_asc: 名称 (A-Z)
-      name_desc: 名称 (Z-A)
-      recent: 最近添加
-      no_cards: 还没有任何角色卡，点击上方按钮上传一个吧！
-      no_results: 没有找到匹配的角色卡
-      try_different_search: 尝试使用其他关键词搜索
       consciousness:
         model: 意识 / 模型
+      created_by: 创建者
+      creator_notes: 创建者笔记
+      delete: 删除
+      delete_card: 删除角色卡
+      delete_confirmation: 确定要删除这张角色卡吗？
+      description: 使用 Airi 角色卡预设
+      description_label: 描述
+      drop_here: 放开以上传文件
+      modules: 模块
+      name_asc: 名称 (A-Z)
+      name_desc: 名称 (Z-A)
+      no_cards: 还没有任何角色卡，点击上方按钮上传一个吧！
+      no_results: 没有找到匹配的角色卡
+      personality: 性格
+      posthistoryinstructions: 历史提示指令
+      recent: 最近添加
+      scenario: 场景
+      search: 搜索角色卡...
+      sort_by: 排序方式
       speech:
         model: 声音 / 模型
         voice: 声音 / 声线
+      systemprompt: 系统提示词
+      title: Airi 角色卡
+      try_different_search: 尝试使用其他关键词搜索
+      upload: 上传
+      upload_desc: 点击或拖拽文件到此处上传
     memory:
       description: 存放记忆的地方，以及策略
       title: 记忆体
@@ -394,8 +396,7 @@ settings:
                   - 缃色
                   - 青冥
                   - 赭石
-                description: >-
-                  中国传统色彩，源自古代纺织品、瓷器和绘画
+                description: 中国传统色彩，源自古代纺织品、瓷器和绘画
                 title: 中国传统颜色
             title: 预设
       title: 外观
diff --git a/apps/stage-web/src/pages/settings/appearance/index.vue b/apps/stage-web/src/pages/settings/appearance/index.vue
index 919014071..2461b19fb 100644
--- a/apps/stage-web/src/pages/settings/appearance/index.vue
+++ b/apps/stage-web/src/pages/settings/appearance/index.vue
@@ -3,6 +3,7 @@ import { Section } from '@proj-airi/stage-ui/components'
 import { useSettings } from '@proj-airi/stage-ui/stores'
 import { useDark } from '@vueuse/core'
 import { ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 
 import CheckBar from '../../../components/Settings/CheckBar.vue'
@@ -13,6 +14,8 @@ import COLOR_PRESETS from './color-presets.json'
 const router = useRouter()
 const settings = useSettings()
 const dark = useDark()
+const { t } = useI18n()
+
 const usePageSpecificTransitionsSettingChanged = ref(false)
 
 const { iconAnimationStarted, showIconAnimation, animationIcon } = useIconAnimation('i-lucide:paintbrush')
@@ -45,7 +48,7 @@ watch(() => [settings.usePageSpecificTransitions, settings.disableTransitions],
     </h1>
   </div>
 
-  <Section title="settings.sections.section.general.title" icon="i-solar:filters-bold-duotone">
+  <Section :title="t('settings.sections.section.general.title')" icon="i-solar:filters-bold-duotone">
     <!-- Theme Setting -->
     <CheckBar
       v-model="dark"
@@ -75,7 +78,7 @@ watch(() => [settings.usePageSpecificTransitions, settings.disableTransitions],
     </div>
   </Section>
 
-  <Section title="settings.pages.themes.sections.section.custom-color.title" icon="i-solar:pallete-2-bold-duotone">
+  <Section :title="t('settings.pages.themes.sections.section.custom-color.title')" icon="i-solar:pallete-2-bold-duotone">
     <div flex items-center justify-between>
       <span text-lg font-semibold>{{ $t('settings.pages.themes.sections.section.custom-color.fields.field.primary-color.label') }}</span>
       <label relative flex cursor-pointer items-center gap-2>