dsh-plugin-vrmpet3d 0.1.0 → 0.1.2

package/lib/config-page.js

@@ -31,9 +31,18 @@
   if (!core) {
     // Not a throw: a thrown error here leaves the page saying '正在读取…' for ever, which is the least
     // useful thing a settings page can do. Say it on screen instead.
+    //
+    // The sentence is picked here rather than read from `TEXT`, because there is no `TEXT` to read — this is the
+    // branch for a core that never loaded, so `core.textFor` and `core.resolveLanguage` are both gone. The page's
+    // inline watchdog (which runs BEFORE core.js by design) says the same thing in the browser's language two
+    // seconds later; this is the immediate version.
     var stuck = document.getElementById('status');
     if (stuck) {
-      stuck.textContent = '初始化失败：lib/core.js 没有加载（/vrmpet3d/window/lib/core.js）。';
+      var nav = globalThis.navigator;
+      var chinese = /^(zh|cn|chinese)/i.test(nav ? (nav.language || '') : '');
+      stuck.textContent = chinese
+        ? '初始化失败：lib/core.js 没有加载（/vrmpet3d/window/lib/core.js）。'
+        : 'Initialisation failed: lib/core.js did not load (/vrmpet3d/window/lib/core.js).';
       stuck.className = 'warn';
     }
     return;
@@ -57,6 +66,781 @@
     return declared === 'global' ? 'global' : 'model';
   }
 
+  /**
+   * THE WORDS, in the two languages this plugin speaks.
+   *
+   * ONE table for BOTH pages, because one script drives them: the keys are shared and each page uses the ones its
+   * markup mentions. That is why `titleModel`/`headingModel` and their 通用 counterparts sit side by side instead of
+   * being chosen here — a page's own name belongs to the page.
+   *
+   * The SHAPE is this repository's convention (`lib/menu.js`'s `LABELS`, `lib/model-picker.js`'s `TEXT`, and the
+   * accessors in `core`): `{ zh: {...}, en: {...} }`, read through `core.textFor`/`core.textOf`. A surface owns the
+   * words it draws; one table for every surface would make six of them edit the same file.
+   *
+   * EVERY entry is read at CALL time (`t(...)`), never captured into a module variable while the script boots: the
+   * language can change while the page is open (通用设置's 界面语言), and a label captured at boot would keep the old
+   * words for the rest of the session. A sentence with a value inside it carries a `{token}` and goes through
+   * `fill` — concatenating the pieces around the value here instead is how an English sentence ends up with Chinese
+   * word order.
+   *
+   * NOT here, on purpose: anything that comes from the model, the catalogue or the store — expression, clip,
+   * structure, provider and model names, ids, file paths, `assets/motions/…`, numbers and units — and the 碎碎念
+   * content itself, which `lib/core.js` owns and already ships per language.
+   */
+  var TEXT = {
+    zh: {
+      // ---- the chrome, and the name each page gives itself ----
+      titleModel: 'vrmpet3d · 模型参数',
+      gazePitchUp: '最大抬头角度', gazePitchDown: '最大低头角度', gazePitchTest: '测试 20° / 30°',
+      gazeCurveMode: '曲线模式', gazeAxes: '分轴曲线', gazeRadial: '二维距离曲线',
+      gazeSpatial: '空间角度', gazeCurveSpatial: '空间角度曲率', gazeDistance: '注视距离',
+      gazeSpatialHint: '距离以满偏距离为单位，越大转头越缓。同高时，鼠标越偏向左右，俯仰越小；与双眼同高时俯仰为零。默认曲率 1、注视距离 0.1。',
+      gazeSpanHint: '满偏距离填 0 为自动：水平和垂直均使用屏幕宽度的一半。',
+      gazeCurveX: '水平曲率', gazeCurveY: '垂直曲率', gazeCurveRadial: '二维距离曲率',
+      gazeCurveHint: '数值越小，中心附近越灵敏；1 为线性。二维距离模式按满偏距离归一化后计算方向与强度，可减少远处光标上下穿过视线水平线时的俯仰跳变。各模式的参数分别保存。',
+      gazePitchHint: '自动为抬头、低头各 60°。范围 0–60°；0 表示不向该方向转头。这是视线跟踪的附加角度，动作本身的头部姿势仍会保留。',
+      toonTitle: '卡通增强', toonState: '材质状态', toonOriginal: '模型原始', toonReset: '恢复模型原始参数',
+      toonNote: '参数仅保存到当前模型，留空使用模型原始值。关闭 MToon 后使用普通光照材质。描边倍率只调整模型已有的描边。',
+      toonLoading: '正在读取当前模型材质…', toonUnsupported: '当前模型未声明 MToon 材质，暂不支持转换。',
+      toonStatus: '{n}/{total} 个原生 MToon 材质 · 当前{state}', toonEnabled: '开启', toonDisabled: '关闭',
+      toonToony: '明暗分界硬度', toonShift: '明暗分界偏移', toonShade: '阴影强度', toonOutline: '描边倍率',
+      toonMixed: '模型原始（各材质不同）', toonNoOutline: '模型没有启用描边',
+      titleGlobal: 'vrmpet3d · 通用设置',
+      headingModel: '模型参数',
+      headingGlobal: '通用设置',
+      loading: '正在加载设置…',
+      reading: '正在读取…',
+      navSections: '设置分组',
+      // ---- the section names, which are also the nav entries ----
+      sectionModel: '模型',
+      sectionExpression: '表情',
+      sectionParts: '部位',
+      sectionSprings: '弹簧骨',
+      sectionDisplay: '显示与外观',
+      sectionGaze: '视线',
+      sectionMouse: '鼠标互动与物理',
+      sectionState: '状态与动作',
+      sectionSpeech: '碎碎念',
+      sectionModelImport: '模型导入',
+      sectionMotionImport: '动作导入',
+      sectionOther: '其他',
+      // ---- words a row repeats ----
+      on: '开启',
+      reset: '复位',
+      close: '关闭',
+      auto: '自动',
+      secondsUnit: '秒',
+      remove: '移除',
+      // ---- 界面语言 ----
+      language: '界面语言',
+      languageAuto: '自动',
+      languageZh: '中文',
+      languageEn: 'English',
+      // ---- 模型参数: 模型 / 表情 ----
+      currentModel: '当前模型',
+      availableInfo: '可用信息',
+      blink: '眨眼',
+      interval: '间隔',
+      emotion: '情绪',
+      idleInterval: '空闲间隔',
+      colSituation: '情境',
+      colUse: '使用',
+      colExpression: '表情',
+      colHold: '持续时间',
+      // ---- 模型参数: 部位 ----
+      partsExpand: '展开部位列表',
+      colPart: '部位',
+      colStructure: '结构',
+      partsAdd: '新增部位',
+      partsMaxPrefix: '最多',
+      partsMaxSuffix: ' 个',
+      filterStructures: '筛选结构名',
+      // ---- 模型参数: 弹簧骨 ----
+      springMotionWhile: '动作播放时',
+      springMotionBox: '头发与裙摆继续摆动',
+      springColliders: '弹簧骨碰撞',
+      collidersOff: '全部关闭（默认）',
+      collidersAll: '全部开启',
+      collidersCustom: '自定义',
+      collidersDetail: '逐个碰撞体',
+      springResetAll: '全部恢复默认',
+      // ---- 通用设置: 显示与外观 ----
+      petSurface: '桌宠界面',
+      surfaceApp: '内置宠物',
+      sizeApp: '应用内大小',
+      sizeWindow: '悬浮窗大小',
+      idleNap: '空闲休眠',
+      sleep30: '30 秒',
+      sleep120: '2 分钟',
+      sleep300: '5 分钟',
+      debugMode: '调试模式',
+      debugModeBox: '独立桌宠与内置桌宠同时显示',
+      view: '视角',
+      viewReset: '复位视角',
+      pet: '宠物',
+      hide: '隐藏',
+      // ---- 通用设置: 视线 ----
+      lookAtPointer: '看向光标',
+      curve: '曲率',
+      span: '满偏距离',
+      pxHorizontal: 'px 横向',
+      pxVertical: 'px 纵向',
+      gazeIdle: '静止停看',
+      readingWindow: '（正在读取悬浮窗…）',
+      // ---- 通用设置: 鼠标互动与物理 ----
+      springPhysics: '弹簧骨物理',
+      windPower: '划过强度',
+      windRadius: '作用范围',
+      windDecay: '余韵',
+      windSpeed: '满力速度',
+      pxPerSecond: 'px/秒',
+      // ---- 通用设置: 状态与动作 ----
+      playMotion: '播放动画',
+      // ---- 通用设置: 碎碎念 (the markup) ----
+      speechDisclaimer: '<strong>碎碎念只是玩笑，请勿当真。</strong>它不会对你的项目或文件做任何实际操作，也不会干扰 DSH 的运行；低配机器上 3D 渲染与弹簧骨物理可能轻微影响性能，关掉桌宠或调小尺寸即可缓解。',
+      speechEnable: '开启',
+      speechTalk: '说话',
+      speechHold: '每句显示',
+      speechGap: '最短间隔',
+      speechIdleInterval: '空闲嘀咕间隔',
+      speechWorkInterval: '工作嘀咕间隔',
+      speechSource: '台词来源',
+      sourceBuiltin: '内置短语',
+      sourceCustom: '自定义短语',
+      sourceAi: 'AI 生成',
+      speechAiFrom: 'AI 来源',
+      providerDsh: 'DSH 的 Provider',
+      providerCustom: '自定义 Provider',
+      speechModel: '模型',
+      speechKeyClear: '清除',
+      persona: '人格',
+      temperature: '温度',
+      timeout: '超时',
+      speechTest: '试一句',
+      generate: '生成',
+      // ---- 通用设置: 导入 ----
+      importModel: '导入模型',
+      pickModelFile: '选择模型文件…',
+      manualPath: '手动输入路径',
+      filePath: '文件路径',
+      import: '导入',
+      importFolder: '导入目录',
+      pickMotionDir: '选择文件夹…',
+      path: '路径',
+      add: '添加',
+      // ---- 通用设置: 其他 ----
+      setupSection: '初次安装引导',
+      setupRerun: '重新运行引导',
+      // ---- the script's own words ----
+      writeFailed: '写入设置失败：',
+      readTimeout: '读取设置超时：宿主没有在 8 秒内回应（其余功能仍可手动重试）。',
+      catalogFailed: '未能读取模型列表：宿主没有提供 /vrmpet3d/catalog',
+      importTag: '已导入',
+      legacyDir: '旧版目录',
+      importedModelsNote: '已导入 {models} 个模型文件{legacy}，当前模型列表里有 {total} 个模型。',
+      legacyDirsClause: '、{dirs} 个旧版目录',
+      onlyBundledModels: '当前模型列表里只有插件自带的模型。',
+      modelsRouteMissing: '宿主没有提供 /vrmpet3d/models，模型导入在这个版本里不可用。',
+      readModelsFailed: '读取已导入模型失败：宿主没有提供 /vrmpet3d/models。',
+      importFailedHttp: '导入失败（HTTP {status}）',
+      persistFailedClause: '导入已生效，但没能写入清单文件（{reason}），重启后会丢失。',
+      unknownReason: '未知原因',
+      writeModelsFailed: '写入失败：宿主没有提供 /vrmpet3d/models。',
+      noFilePicker: '这个窗口没有文件选择器（不是在 DSH 桌面版里打开的），请在下面直接输入模型文件的路径。',
+      motionImportedValue: '{name}（{clips} 支）',
+      importedMotionsNote: '已导入 {motions} 个动作文件夹{legacy}，当前可选 {clips} 支动作。',
+      onlyBundledMotions: '当前只有插件自带的动作包。',
+      motionsRouteMissing: '宿主没有提供 /vrmpet3d/motions，动作导入在这个版本里不可用。',
+      readMotionsFailed: '读取已导入动作失败：宿主没有提供 /vrmpet3d/motions。',
+      writeMotionsFailed: '写入失败：宿主没有提供 /vrmpet3d/motions。',
+      noFolderPicker: '这个窗口没有文件夹选择器（不是在 DSH 桌面版里打开的），请在下面直接输入动作文件夹的路径。',
+      infoFailed: '未能读取模型信息：',
+      noLicence: '文件里没有授权信息',
+      licenceName: '名称：',
+      licenceAuthor: '作者：',
+      licencePermission: '使用许可：',
+      licenceModification: '修改：',
+      licenceCommercial: '商用：',
+      licenceCredit: '署名：',
+      licenceLicence: '协议：',
+      noModel: '没有模型',
+      noModelChosen: '当前没有选择模型：宠物不会显示任何东西。上面选一个，设置会立刻生效。',
+      notVrm: '非 VRM/GLB',
+      meshUnit: ' 网格 / ',
+      materialUnit: ' 材质 / ',
+      imageUnit: ' 贴图',
+      humanoidUnit: ' 人形骨',
+      lookAtUnit: '视线：',
+      triggerIdle: '空闲',
+      triggerDrag: '拖动时',
+      triggerClick: '点击时',
+      triggerHold: '长按时',
+      triggerToggleTitle: '关掉这一行，这个情境就不再触发情绪',
+      noExpressions: '这个模型没有可用的表情',
+      none: '无',
+      selectedExpressions: '已选 {n} 个表情；点开可多选',
+      noneRowTitle: '无：这一行不显示任何表情（默认）',
+      noneBoxTitle: '不显示任何表情（这一行的默认）',
+      holdSecondsTitle: '0 = 一直保持到下一次变化',
+      heldSuffix: '（保持）',
+      partLabelTitle: '这只宠物对这个部位的说法，随便取',
+      regionDefault: '默认',
+      partRemove: '删除',
+      partRemoveTitle: '删掉这个部位：它的结构会回落到按名字判断的默认部位',
+      partLinesAiPlaceholder: '碎碎念：一行一句；留空则由 AI 按这个部位的提示词生成',
+      partLinesPlaceholder: '碎碎念：一行一句，摸到这个部位时随机说一句',
+      partPromptPlaceholder: 'AI 提示词：切到「AI 碎碎念」时用它生成这个部位的一句话',
+      matchExact: '精确',
+      matchPrefixWord: '前缀',
+      matchExactTitle: '只匹配这个名字本身；点一下变成前缀匹配',
+      matchPrefixTitle: '匹配这个名字和它下面的一切（LiuHai.L.002 也算）；点一下变成只匹配它本身',
+      chipDropTitle: '不再让这个部位拥有这个结构',
+      unrecognised: '未识别',
+      addStructurePlaceholder: '结构名，回车添加',
+      addStructureTitle: '直接输入模型里的结构名，回车添加',
+      browse: '浏览…',
+      browseTitle: '浏览这个模型的所有结构名（可筛选）',
+      addedSuffix: ' · 已加入',
+      structuresCount: '{n} / {total} 个结构',
+      newPart: '新部位',
+      springStiffness: '刚度',
+      springDrag: '阻尼',
+      springGravity: '重力',
+      colliderGroupPrefix: '组 ',
+      unnamedBone: '（未命名骨骼）',
+      shapeSphere: '球',
+      shapeWord: '形状',
+      colliderRadiusTitle: '碰撞球半径（模型单位）：越大越挡得住，越小越容易被穿过',
+      noSprings: '这个模型没有弹簧骨。',
+      chainsTotal: '共 {chains} 条链、{joints} 个可调 joint。',
+      expandChains: '展开全部 {n} 条弹簧骨链',
+      unnamedChainSuffix: '（未命名）',
+      unnamedChainPrefix: '未命名链 #',
+      entriesListed: '（文件列了 {n} 项）',
+      colliderGroupsNote: ' · {n} 碰撞组',
+      modelValuePrefix: '模型原值 ',
+      packDefaultPrefix: ' · 随包默认 {n}',
+      stateDefault: '默认',
+      stateChanged: '已改',
+      resetChain: '本组复位',
+      compressedTag: ' · 已压缩',
+      once: '单次',
+      loop: '循环',
+      dancingOnceTitle: '跳舞一律播放一次，播完回到空闲',
+      clipExpressionTitle: '这支动作播放时显示的表情（覆盖情绪表的挑选）',
+      clipMouthTitle: '这支动作播放时的口型（覆盖表情自带的口型）',
+      followMouth: '口型：跟随表情',
+      followExpression: '表情：跟随情绪',
+      blankMouth: '口型：默认（无口型）',
+      blankExpression: '表情：默认（无表情）',
+      mouthPrefix: '口型：',
+      expressionPrefix: '表情：',
+      motionCount: '（{offered} 支可选{active}）',
+      motionCountActive: ' · 生效 {n} 支',
+      bundledNote: '其中 {n} 支随插件分发（assets/motions），不需要导入。',
+      packedNote: '其中 {n} 支是压缩存放（.br），播放时自动解压到内存，体积按压缩后的文件计。',
+      packedAllNote: '这 {n} 支全部是压缩存放（.br），播放时自动解压到内存，体积按压缩后的文件计。',
+      noMotionFiles: '没有可用的动作文件。',
+      motionStateCount: '已选 {n} 支',
+      motionStateDefaultCount: '随包默认 {n} 支',
+      notPlaying: '不播放（已清空）',
+      proceduralIdle: '程序化待机',
+      folderClips: '{n} 支',
+      everyLabel: '单次动作间隔',
+      oneShotHere: '（本状态有 {n} 支单次动作）',
+      noOneShot: '（本状态还没有勾选「单次」动作，不会触发）',
+      folderEmpty: 'assets/motions/{folders} 里还没有 .vrma：把面向这个状态的动作放进那个目录，它们会立刻出现在这里。',
+      clipModeTitle: '这支动作在这个状态里播放一次还是循环',
+      clipSpeedTitle: '这支动作在这个状态里的播放速度（百分比）',
+      speed: '速度',
+      clipGazeTitle: '这支动作在这个状态里播放时，是否看向鼠标（关掉就是不看）',
+      gazeWord: '凝视',
+      notInCatalog: '（不在动作目录中）',
+      statusText: '状态文字',
+      defaultParen: '（默认）',
+      noTextParen: '（不显示文字）',
+      statusTextTitle: '这个状态下宠物头顶显示的文字；清空则什么都不显示',
+      statusTagTitle: '文字后面的标记',
+      noTag: '无标记',
+      statusAnimationTitle: '蓝渐变动画就是 DSH 自己的「深度求索中」扫光效果',
+      animStatic: '静态',
+      animShimmer: '蓝渐变动画',
+      waitingDurationTitle: '等待确认不受时间影响：一直显示到你回答完问题 / 确认完权限',
+      noticeDurationTitle: '至少显示多久；之后一直留到你切回这个会话（默认 4.2 秒是下限）',
+      normalDurationTitle: '这个状态下文字显示多久；0 表示一直显示到状态结束',
+      waitingUnit: '秒（此状态不受时间影响）',
+      untimedUnit: '秒（至少）',
+      normalUnit: '秒（0 = 始终）',
+      capWarning: '每个状态最多勾选 {cap} 支动作：{state} 只保留了前 {kept} 支。',
+      stateResting: '空闲',
+      stateWorking: '工作中',
+      stateWaiting: '等待确认',
+      stateDone: '任务完成',
+      stateError: '出错',
+      stateOffline: '离线',
+      stateHeld: '拖动中',
+      stateFalling: '抛掷 / 下落中',
+      stateLanding: '落地',
+      stateDancing: '跳舞',
+      speechStateResting: '空闲 / 静息态',
+      emptyLinesBuiltin: '用内置短语',
+      emptyLinesAi: '用内置 AI 生成提示词',
+      emptyLinesPlaceholderBuiltin: '留空则用内置短语',
+      emptyLinesPlaceholderAi: '留空则用内置 AI 提示词生成一句（生成期间先显示内置短语）',
+      linesLabel: '台词（一行一条）',
+      promptLabel: 'AI 生成提示词',
+      defaultSpeechPrompt: '现在说一句。',
+      lineCount: '{n} 条',
+      llmAvailable: 'DSH 的 LLM 服务可用（{n} 个 provider）',
+      llmUnavailable: '这个 DSH 没有可用的 LLM 服务，AI 碎碎念只能用自定义 Provider',
+      noProviders: '还没有配置任何 provider',
+      providerNoModels: '这个 provider 没有返回任何模型',
+      readFailedPrefix: '读取失败：',
+      customProviderNote: '自定义 Provider 用 OpenAI 兼容的 /chat/completions。',
+      noteJoin: '；',
+      llmNoAnswer: '读不到 provider 列表（宿主没有回应）。',
+      generating: '生成中…',
+      failedPrefix: '失败：',
+      hostNoAnswer: '宿主没有回应',
+      quoteOpen: '「',
+      quoteClose: '」',
+      msParen: '（{ms} ms）',
+      straightLine: '（直线）',
+      globalRadius: '（全局）',
+      floatingUnavailable: '悬浮窗不可用（宿主没有提供 /vrmpet3d/desktop）；app 内的宠物仍会跟随这些设置。',
+      statusModel: '模型 {model}（两个界面共用）',
+      statusWindow: '悬浮窗 {state}',
+      windowRunning: '运行中',
+      windowOff: '未开启',
+      windowRenderedReady: '悬浮窗运行中（已渲染，模型 {model}）',
+      windowRenderedNotReady: '悬浮窗运行中（页面还没就绪）',
+      windowNotOpen: '悬浮窗未开启',
+      currentModelLine: '当前模型：{model} · {window} · app 内宠物同样跟随设置',
+      spanNow: '（当前 {px} px）',
+      noScreenSize: '（宿主没有报告屏幕尺寸）',
+      statusReadFailed: '未能读取悬浮窗状态；改动仍会写入设置。',
+      gazeNotRunning: '悬浮窗未开启：看不到实时数值，但设置已经写入，app 内的宠物同样使用它。',
+      gazeNoReport: '悬浮窗还没有报告视线数值（重启悬浮窗后这里会显示它实际使用的曲率与朝向）。',
+      gazeApplied: '渲染器正在使用：曲率 {curve} · 满偏 {spanX}×{spanY} px · 当前视线 {aimX}, {aimY}（每 2 秒读取一次；如果它随滑杆变化，就说明改动已经到达渲染器）',
+      setupOpenedTab: '已在新标签页里打开引导。',
+      setupFallbackTab: '启动器没能打开窗口，改在新标签页里打开。',
+      setupOpenedWindow: '引导已在新窗口里打开。',
+      setupNoHost: '宿主没有提供 /vrmpet3d/desktop。',
+      settingsUnsupported: '当前宿主没有 /vrmpet3d/settings：设置只保存在这个页面所在的存储里。',
+    },
+    en: {
+      // ---- the chrome, and the name each page gives itself ----
+      titleModel: 'vrmpet3d · Model parameters',
+      gazePitchUp: 'Maximum upward pitch', gazePitchDown: 'Maximum downward pitch', gazePitchTest: 'Try 20° / 30°',
+      gazeCurveMode: 'Curve mode', gazeAxes: 'Separate axes', gazeRadial: '2D distance',
+      gazeSpatial: 'Spatial angles', gazeCurveSpatial: 'Spatial angle curve', gazeDistance: 'Target distance',
+      gazeSpatialHint: 'Distance is in span units; larger values soften head turns. At a fixed height, moving sideways reduces pitch. At eye level, pitch is zero. Defaults: curve 1, target distance 0.1.',
+      gazeSpanHint: 'Enter 0 for automatic spans: both axes use half the screen width.',
+      gazeCurveX: 'Horizontal curve', gazeCurveY: 'Vertical curve', gazeCurveRadial: '2D distance curve',
+      gazeCurveHint: 'Lower values increase sensitivity near the center; 1 is linear. The 2D mode uses distance normalized by each axis span, reducing abrupt pitch changes as a distant pointer crosses eye level. Each mode keeps its own values.',
+      gazePitchHint: 'Automatic: 60° up and down. Range: 0–60°. Zero disables tracking in that direction. Gaze adds these angles while preserving the animation’s head pose.',
+      toonTitle: 'Cartoon enhancement', toonState: 'Material status', toonOriginal: 'Model original', toonReset: 'Restore original materials',
+      toonNote: 'Saved for this model only. Leave a value blank to use its original. Turning MToon off uses standard lit materials. Outline scale adjusts existing outlines only.',
+      toonLoading: 'Reading model materials…', toonUnsupported: 'This model has no MToon materials. Conversion is not supported yet.',
+      toonStatus: '{n}/{total} native MToon materials · Currently {state}', toonEnabled: 'on', toonDisabled: 'off',
+      toonToony: 'Shading hardness', toonShift: 'Shading shift', toonShade: 'Shade strength', toonOutline: 'Outline scale',
+      toonMixed: 'Original (varies by material)', toonNoOutline: 'This model has no enabled outlines',
+      titleGlobal: 'vrmpet3d · General settings',
+      headingModel: 'Model parameters',
+      headingGlobal: 'General settings',
+      loading: 'Loading settings…',
+      reading: 'Reading…',
+      navSections: 'Settings sections',
+      // ---- the section names, which are also the nav entries ----
+      sectionModel: 'Model',
+      sectionExpression: 'Expressions',
+      sectionParts: 'Body parts',
+      sectionSprings: 'Spring bones',
+      sectionDisplay: 'Display',
+      sectionGaze: 'Gaze',
+      sectionMouse: 'Pointer physics',
+      sectionState: 'States and clips',
+      sectionSpeech: 'Chit-chat',
+      sectionModelImport: 'Model import',
+      sectionMotionImport: 'Motion import',
+      sectionOther: 'Other',
+      // ---- words a row repeats ----
+      on: 'On',
+      reset: 'Reset',
+      close: 'Close',
+      auto: 'Auto',
+      secondsUnit: 's',
+      remove: 'Remove',
+      // ---- 界面语言 (the language row) ----
+      language: 'Interface language',
+      languageAuto: 'Auto',
+      languageZh: '中文',
+      languageEn: 'English',
+      // ---- the model page: model and expressions ----
+      currentModel: 'Current model',
+      availableInfo: 'Details',
+      blink: 'Blink',
+      interval: 'Interval',
+      emotion: 'Emotion',
+      idleInterval: 'Idle interval',
+      colSituation: 'Situation',
+      colUse: 'Use',
+      colExpression: 'Expression',
+      colHold: 'Duration',
+      // ---- the model page: body parts ----
+      partsExpand: 'Show the part list',
+      colPart: 'Part',
+      colStructure: 'Structure',
+      partsAdd: 'Add part',
+      partsMaxPrefix: 'at most',
+      partsMaxSuffix: '',
+      filterStructures: 'Filter structure names',
+      // ---- the model page: spring bones ----
+      springMotionWhile: 'While a clip plays',
+      springMotionBox: 'Hair and skirt keep swinging',
+      springColliders: 'Spring-bone collisions',
+      collidersOff: 'All off, which is the default',
+      collidersAll: 'All on',
+      collidersCustom: 'Custom',
+      collidersDetail: 'Per collider',
+      springResetAll: 'Reset everything',
+      // ---- 通用设置: display ----
+      petSurface: 'Pet surface',
+      surfaceApp: 'Inside the app',
+      sizeApp: 'In-app size',
+      sizeWindow: 'Window size',
+      idleNap: 'Idle nap',
+      sleep30: '30 s',
+      sleep120: '2 min',
+      sleep300: '5 min',
+      debugMode: 'Debug mode',
+      debugModeBox: 'Show the floating and in-app pets together',
+      view: 'View',
+      viewReset: 'Reset view',
+      pet: 'Pet',
+      hide: 'Hide',
+      // ---- 通用设置: gaze ----
+      lookAtPointer: 'Look at the cursor',
+      curve: 'Curve',
+      span: 'Full deflection',
+      pxHorizontal: 'px horizontal',
+      pxVertical: 'px vertical',
+      gazeIdle: 'Stop while still',
+      readingWindow: 'Reading the floating window…',
+      // ---- 通用设置: pointer physics ----
+      springPhysics: 'Spring-bone physics',
+      windPower: 'Stroke strength',
+      windRadius: 'Radius',
+      windDecay: 'Afterglow',
+      windSpeed: 'Full-force speed',
+      pxPerSecond: 'px/s',
+      // ---- 通用设置: states and clips ----
+      playMotion: 'Play clips',
+      // ---- 通用设置: chit-chat, the markup ----
+      speechDisclaimer: '<strong>Chit-chat is a joke — do not take it seriously.</strong> It never touches your project or files, and it does not interfere with DSH; on a slow machine the 3D rendering and spring-bone physics may cost a little performance, so closing the pet or making it smaller helps.',
+      speechEnable: 'Enable',
+      speechTalk: 'Talk',
+      speechHold: 'Show each line',
+      speechGap: 'Shortest gap',
+      speechIdleInterval: 'Idle murmur interval',
+      speechWorkInterval: 'Working murmur interval',
+      speechSource: 'Line source',
+      sourceBuiltin: 'Built-in phrases',
+      sourceCustom: 'Custom phrases',
+      sourceAi: 'AI generated',
+      speechAiFrom: 'AI source',
+      providerDsh: 'DSH Provider',
+      providerCustom: 'Custom provider',
+      speechModel: 'Model',
+      speechKeyClear: 'Clear',
+      persona: 'Persona',
+      temperature: 'Temperature',
+      timeout: 'Timeout',
+      speechTest: 'Try a line',
+      generate: 'Generate',
+      // ---- 通用设置: imports ----
+      importModel: 'Import model',
+      pickModelFile: 'Choose a model file…',
+      manualPath: 'Type a path',
+      filePath: 'File path',
+      import: 'Import',
+      importFolder: 'Import folder',
+      pickMotionDir: 'Choose a folder…',
+      path: 'Path',
+      add: 'Add',
+      // ---- 通用设置: other ----
+      setupSection: 'First-run guide',
+      setupRerun: 'Run the guide again',
+      // ---- the script's own words ----
+      writeFailed: 'Could not write the settings: ',
+      readTimeout: 'Timed out reading the settings: the host did not answer within 8 seconds; everything else can still be retried by hand.',
+      catalogFailed: 'Could not read the model list: the host does not serve /vrmpet3d/catalog',
+      importTag: 'Imported',
+      legacyDir: 'Legacy folder',
+      importedModelsNote: 'Imported {models} model file(s){legacy}; the model list now holds {total} models.',
+      legacyDirsClause: ' and {dirs} legacy folder(s)',
+      onlyBundledModels: 'The model list holds only the plugin bundled models.',
+      modelsRouteMissing: 'The host does not serve /vrmpet3d/models, so model import is unavailable in this build.',
+      readModelsFailed: 'Could not read the imported models: the host does not serve /vrmpet3d/models.',
+      importFailedHttp: 'Import failed, HTTP {status}',
+      persistFailedClause: 'The import took effect, but the list file could not be written ({reason}); it will be lost on restart.',
+      unknownReason: 'unknown reason',
+      writeModelsFailed: 'Write failed: the host does not serve /vrmpet3d/models.',
+      noFilePicker: 'This window has no file chooser, because it is not open inside DSH Desktop, so type the model file path below.',
+      motionImportedValue: '{name} — {clips} clips',
+      importedMotionsNote: 'Imported {motions} motion folder(s){legacy}; {clips} clips are available.',
+      onlyBundledMotions: 'Only the plugin bundled motion pack is present.',
+      motionsRouteMissing: 'The host does not serve /vrmpet3d/motions, so motion import is unavailable in this build.',
+      readMotionsFailed: 'Could not read the imported motions: the host does not serve /vrmpet3d/motions.',
+      writeMotionsFailed: 'Write failed: the host does not serve /vrmpet3d/motions.',
+      noFolderPicker: 'This window has no folder chooser, because it is not open inside DSH Desktop, so type the motion folder path below.',
+      infoFailed: 'Could not read the model info: ',
+      noLicence: 'no licence information in the file',
+      licenceName: 'Name: ',
+      licenceAuthor: 'Author: ',
+      licencePermission: 'Usage permission: ',
+      licenceModification: 'Modification: ',
+      licenceCommercial: 'Commercial use: ',
+      licenceCredit: 'Credit: ',
+      licenceLicence: 'Licence: ',
+      noModel: 'No model',
+      noModelChosen: 'No model is selected: the pet will draw nothing. Pick one above and the change takes effect at once.',
+      notVrm: 'Not VRM/GLB',
+      meshUnit: ' meshes / ',
+      materialUnit: ' materials / ',
+      imageUnit: ' textures',
+      humanoidUnit: ' humanoid bones',
+      lookAtUnit: 'Look-at: ',
+      triggerIdle: 'Idle',
+      triggerDrag: 'While dragged',
+      triggerClick: 'On click',
+      triggerHold: 'On long press',
+      triggerToggleTitle: 'Untick this row and the situation stops triggering emotions',
+      noExpressions: 'This model has no usable expressions',
+      none: 'None',
+      selectedExpressions: 'Selected {n}; open to pick several',
+      noneRowTitle: 'None: this row shows no expression, which is the default',
+      noneBoxTitle: 'Show no expression: the default for this row',
+      holdSecondsTitle: '0 = hold until the next change',
+      heldSuffix: ' (held)',
+      partLabelTitle: 'What this pet calls this part; take any name you like',
+      regionDefault: 'default',
+      partRemove: 'Delete',
+      partRemoveTitle: 'Delete this part: its structures fall back to the name-based default region',
+      partLinesAiPlaceholder: 'Chit-chat: one line each; leave it empty and the AI writes from this part prompt',
+      partLinesPlaceholder: 'Chit-chat: one line each, said at random when this part is touched',
+      partPromptPlaceholder: 'AI prompt: used to generate one line about this part when AI chit-chat is on',
+      matchExact: 'Exact',
+      matchPrefixWord: 'Prefix',
+      matchExactTitle: 'Matches this name alone; click to switch to prefix matching',
+      matchPrefixTitle: 'Matches this name and everything under it, LiuHai.L.002 included; click to match the name alone',
+      chipDropTitle: 'Stop this part from owning this structure',
+      unrecognised: 'unrecognised',
+      addStructurePlaceholder: 'Structure name, Enter to add',
+      addStructureTitle: 'Type a structure name from the model and press Enter',
+      browse: 'Browse…',
+      browseTitle: 'Browse every structure name in this model, filterable',
+      addedSuffix: ' · added',
+      structuresCount: '{n} / {total} structures',
+      newPart: 'New part',
+      springStiffness: 'Stiffness',
+      springDrag: 'Damping',
+      springGravity: 'Gravity',
+      colliderGroupPrefix: 'group ',
+      unnamedBone: 'unnamed bone',
+      shapeSphere: 'sphere',
+      shapeWord: 'shape',
+      colliderRadiusTitle: 'Collider radius in model units: larger blocks more, smaller is easier to pass through',
+      noSprings: 'This model has no spring bones.',
+      chainsTotal: '{chains} chains, {joints} adjustable joints.',
+      expandChains: 'Show all {n} spring-bone chains',
+      unnamedChainSuffix: ' (unnamed)',
+      unnamedChainPrefix: 'Unnamed chain #',
+      entriesListed: 'the file lists {n}',
+      colliderGroupsNote: ' · {n} collider groups',
+      modelValuePrefix: 'file value ',
+      packDefaultPrefix: ' · pack default {n}',
+      stateDefault: 'Default',
+      stateChanged: 'Changed',
+      resetChain: 'Reset chain',
+      compressedTag: ' · compressed',
+      once: 'Once',
+      loop: 'Loop',
+      dancingOnceTitle: 'Dancing always plays once and then returns to idle',
+      clipExpressionTitle: 'The expression shown while this clip plays, overriding the mood table',
+      clipMouthTitle: 'The mouth shape while this clip plays, overriding the expression own',
+      followMouth: 'Mouth: follow the expression',
+      followExpression: 'Expression: follow the mood',
+      blankMouth: 'Mouth: default, no mouth shape',
+      blankExpression: 'Expression: default, no expression',
+      mouthPrefix: 'Mouth: ',
+      expressionPrefix: 'Expression: ',
+      motionCount: '{offered} clips offered{active}',
+      motionCountActive: ' · active {n}',
+      bundledNote: '{n} of them ship with the plugin under assets/motions and need no import.',
+      packedNote: '{n} of them are stored compressed as .br and unpacked into memory on playback; the size shown is the compressed file.',
+      packedAllNote: 'All {n} clips are stored compressed as .br and unpacked into memory on playback; the size shown is the compressed file.',
+      noMotionFiles: 'There are no usable motion files.',
+      motionStateCount: 'Selected {n}',
+      motionStateDefaultCount: 'Pack default {n}',
+      notPlaying: 'Nothing plays, cleared',
+      proceduralIdle: 'Procedural idle',
+      folderClips: '{n} clips',
+      everyLabel: 'One-shot interval',
+      oneShotHere: '{n} one-shot clips in this state',
+      noOneShot: 'no one-shot clip is ticked here, so this never fires',
+      folderEmpty: 'assets/motions/{folders} holds no .vrma yet: drop clips for this state into that folder and they appear here at once.',
+      clipModeTitle: 'Whether this clip plays once or loops in this state',
+      clipSpeedTitle: 'Playback speed for this clip in this state, in percent',
+      speed: 'Speed',
+      clipGazeTitle: 'Whether the pet looks at the pointer while this clip plays in this state',
+      gazeWord: 'Gaze',
+      notInCatalog: ' (not in the motion catalogue)',
+      statusText: 'Status text',
+      defaultParen: ' (default)',
+      noTextParen: '(no text)',
+      statusTextTitle: 'The text shown over the pet in this state; clearing it shows nothing',
+      statusTagTitle: 'The marker after the text',
+      noTag: 'No marker',
+      statusAnimationTitle: 'The blue shimmer is DSH own working sweep effect',
+      animStatic: 'Static',
+      animShimmer: 'Blue shimmer',
+      waitingDurationTitle: 'Waiting is untimed: it stays until you answer the question or confirm the permission',
+      noticeDurationTitle: 'How long it shows at least; it then stays until you switch back to that session, and 4.2 s is the shipped minimum',
+      normalDurationTitle: 'How long the text shows in this state; 0 means until the state ends',
+      waitingUnit: 's, this state ignores the clock',
+      untimedUnit: 's, minimum',
+      normalUnit: 's, 0 = always',
+      capWarning: 'At most {cap} clips per state: {state} kept the first {kept}.',
+      stateResting: 'Idle',
+      stateWorking: 'Working',
+      stateWaiting: 'Waiting for you',
+      stateDone: 'Task complete',
+      stateError: 'Error',
+      stateOffline: 'Offline',
+      stateHeld: 'Being dragged',
+      stateFalling: 'Thrown / falling',
+      stateLanding: 'Landing',
+      stateDancing: 'Dancing',
+      speechStateResting: 'Idle / resting',
+      emptyLinesBuiltin: 'uses the built-in phrases',
+      emptyLinesAi: 'generated from the built-in AI prompt',
+      emptyLinesPlaceholderBuiltin: 'Leave empty to use the built-in phrases',
+      emptyLinesPlaceholderAi: 'Leave empty to generate a line from the built-in AI prompt; the built-in phrase shows while it generates',
+      linesLabel: 'Lines, one per line',
+      promptLabel: 'AI generation prompt',
+      defaultSpeechPrompt: 'Say a line now.',
+      lineCount: '{n} lines',
+      llmAvailable: 'DSH LLM service is available, {n} providers',
+      llmUnavailable: 'This DSH has no usable LLM service, so AI chit-chat can only use a custom provider',
+      noProviders: 'no provider is configured yet',
+      providerNoModels: 'this provider returned no models',
+      readFailedPrefix: 'Read failed: ',
+      customProviderNote: 'A custom provider uses an OpenAI-compatible /chat/completions.',
+      noteJoin: '; ',
+      llmNoAnswer: 'Could not read the provider list; the host did not answer.',
+      generating: 'Generating…',
+      failedPrefix: 'Failed: ',
+      hostNoAnswer: 'the host did not answer',
+      quoteOpen: '“',
+      quoteClose: '”',
+      msParen: '{ms} ms',
+      straightLine: ' (straight)',
+      globalRadius: ' (global)',
+      floatingUnavailable: 'The floating window is unavailable: the host does not serve /vrmpet3d/desktop. The in-app pet still follows these settings.',
+      statusModel: 'Model {model}, shared by both surfaces',
+      statusWindow: 'Window {state}',
+      windowRunning: 'running',
+      windowOff: 'not open',
+      windowRenderedReady: 'The floating window is running, rendered, model {model}',
+      windowRenderedNotReady: 'The floating window is running, but the page is not ready yet',
+      windowNotOpen: 'The floating window is not open',
+      currentModelLine: 'Current model: {model} · {window} · the in-app pet follows the same settings',
+      spanNow: 'currently {px} px',
+      noScreenSize: 'the host did not report a screen size',
+      statusReadFailed: 'Could not read the floating window status; changes are still written to the settings.',
+      gazeNotRunning: 'The floating window is not open, so there are no live numbers; the setting is stored and the in-app pet uses it too.',
+      gazeNoReport: 'The floating window has not reported its gaze numbers yet; restart it and this line shows the curve and aim it really uses.',
+      gazeApplied: 'The renderer is using: curve {curve} · full deflection {spanX}×{spanY} px · current aim {aimX}, {aimY}; read every 2 seconds, so if it moves with the slider the change has reached the renderer',
+      setupOpenedTab: 'The guide opened in a new tab.',
+      setupFallbackTab: 'The launcher could not open a window, so the guide opened in a new tab instead.',
+      setupOpenedWindow: 'The guide opened in a new window.',
+      setupNoHost: 'The host does not serve /vrmpet3d/desktop.',
+      settingsUnsupported: 'This host does not serve /vrmpet3d/settings: the settings live only in this page own storage.',
+    },
+  };
+
+  /** The language this page draws in — resolved once per render pass by `applyLanguage`, read by `t` at call time. */
+  var language = 'zh';
+
+  /** Whether the static markup has been swept once — see `applyLanguage`, which sweeps at boot and on a CHANGE only. */
+  var languagePainted = false;
+
+  /** One entry of `TEXT` in the CURRENT language; the KEY comes back when the table has no entry, so a gap shows. */
+  function t(key) {
+    return core.textOf(TEXT, language, key);
+  }
+
+  /**
+   * `{token}` substitution for the sentences that carry a number or a name inside them.
+   *
+   * A whole sentence with a placeholder rather than three concatenated fragments, because the fragments do not sit in
+   * the same order in the two languages — and `core.applyI18n` cannot do this part: it writes a string verbatim, which
+   * is exactly what the marked-up labels want.
+   */
+  function fill(template, values) {
+    var out = String(template);
+    Object.keys(values || {}).forEach(function (key) {
+      out = out.split('{' + key + '}').join(String(values[key]));
+    });
+    return out;
+  }
+
+  /**
+   * Paint the page in the language this profile resolves to, and say whether it CHANGED.
+   *
+   * The static markup is one `core.applyI18n` sweep — `data-i18n` writes text, `-html` writes our own sentence with a
+   * `<strong>` in it, `-placeholder`/`-aria` write those attributes — and both documents put it on their `<title>` and
+   * their nav as well, so nothing here is special-cased.
+   *
+   * `documentElement.lang` follows the RESOLVED language rather than staying at the markup's `zh`: the pages ship
+   * `lang="zh"` as their no-JS fallback, and a page that kept claiming Chinese while drawing English would also feed
+   * that lie back through `core.browserLanguageHints`' second hint.
+   *
+   * The resolved language is stored in `language` (which `t` reads) and compared with the last one, because the
+   * snapshot handler polls the host: only a REAL change repaints the built half of the page (`repaintLanguage`).
+   *
+   * The SWEEP itself is also gated on that comparison, and it has to be: `#status` is a marked node (its placeholder
+   * is 「正在读取…」), so sweeping on every poll would rewrite the live status line every few hundred milliseconds and
+   * leave the host's own sentence replaced by "reading…" for as long as the poll's fetch took. It runs at boot and on
+   * a change — which is exactly what the language needs and nothing more.
+   */
+  function applyLanguage() {
+    var lang = core.resolveLanguage(preferences.language, core.browserLanguageHints());
+    var changed = lang !== language;
+    language = lang;
+    if (document.documentElement) document.documentElement.lang = lang;
+    if (changed || !languagePainted) {
+      languagePainted = true;
+      core.applyI18n(document, TEXT, lang);
+    }
+    return changed;
+  }
+
+  /**
+   * Re-emit everything a language change has to reach that `core.applyI18n` cannot.
+   *
+   * `renderAll` covers the sections built from `preferences`; the two import lists are drawn from their own cached
+   * payloads (re-rendering them from a snapshot would fight a list the user is working in, which is why they are NOT
+   * part of the ordinary repaint) and the 碎碎念 rows build their labels once, so those get their own hops here.
+   */
+  function repaintLanguage() {
+    renderAll();
+    relabelSpeechStates();
+    renderImported();
+    renderImportedMotions();
+  }
+
   /**
    * The local cache of the settings, under the CURRENT key or one this project used before it was renamed.
    *
@@ -159,7 +943,7 @@
     try {
       globalThis.localStorage.setItem(STORE, JSON.stringify(preferences));
     } catch (error) {
-      setStatus('写入设置失败：' + (error && error.message));
+      setStatus(t('writeFailed') + (error && error.message));
     }
     if (!hostSync) return;
     var patch = {};
@@ -203,7 +987,7 @@
   globalThis.setTimeout(function () {
     if (!loading) return;
     setLoading(true);
-    setStatus('读取设置超时：宿主没有在 8 秒内回应（其余功能仍可手动重试）。', 'warn');
+    setStatus(t('readTimeout'), 'warn');
   }, 8000);
 
   function setStatus(text, kind) {
@@ -324,7 +1108,7 @@
       .catch(function () {
         // A failure is an ANSWER: the cover comes off so the reason in `#status` can be read, and nothing spins on.
         setLoading(true);
-        setStatus('未能读取模型列表：宿主没有提供 /vrmpet3d/catalog', 'warn');
+        setStatus(t('catalogFailed'), 'warn');
       });
   }
 
@@ -359,7 +1143,7 @@
     text.title = title || value;
     var remove = document.createElement('button');
     remove.className = 'ghost model-import-remove' + (legacy ? ' legacy' : '');
-    remove.textContent = '移除';
+    remove.textContent = t('remove');
     remove.addEventListener('click', function () { onRemove(); });
     row.appendChild(key);
     row.appendChild(text);
@@ -375,11 +1159,11 @@
     imported.models.forEach(function (entry) {
       // The SOURCE is what the user recognises ("the one I picked out of my Downloads"), while the copy's own path
       // is what gets removed — so the row shows the former and acts on the latter.
-      list.appendChild(importedRow('已导入', entry.name, entry.source || entry.file,
+      list.appendChild(importedRow(t('importTag'), entry.name, entry.source || entry.file,
         function () { removeImported(entry.file); }));
     });
     imported.dirs.forEach(function (dir) {
-      list.appendChild(importedRow('旧版目录', dir, dir, function () { removeImportedDir(dir); }, true));
+      list.appendChild(importedRow(t('legacyDir'), dir, dir, function () { removeImportedDir(dir); }, true));
     });
     if (!note) return;
     if (imported.error) {
@@ -390,10 +1174,12 @@
     note.className = 'hint';
     var total = imported.models.length + imported.dirs.length;
     note.textContent = total
-      ? '已导入 ' + imported.models.length + ' 个模型文件'
-        + (imported.dirs.length ? '、' + imported.dirs.length + ' 个旧版目录' : '')
-        + '，当前模型列表里有 ' + imported.modelCount + ' 个模型。'
-      : '当前模型列表里只有插件自带的模型。';
+      ? fill(t('importedModelsNote'), {
+        models: imported.models.length,
+        legacy: imported.dirs.length ? fill(t('legacyDirsClause'), { dirs: imported.dirs.length }) : '',
+        total: imported.modelCount,
+      })
+      : t('onlyBundledModels');
   }
 
   function loadImported() {
@@ -404,12 +1190,12 @@
         imported.dirs = body && Array.isArray(body.importedDirs) ? body.importedDirs : [];
         imported.modelCount = body && Number.isFinite(Number(body.modelCount)) ? Number(body.modelCount) : 0;
         imported.catalogFile = body && body.catalogFile ? body.catalogFile : null;
-        imported.error = body ? null : '宿主没有提供 /vrmpet3d/models，模型导入在这个版本里不可用。';
+        imported.error = body ? null : t('modelsRouteMissing');
         renderImported();
         return imported;
       })
       .catch(function () {
-        imported.error = '读取已导入模型失败：宿主没有提供 /vrmpet3d/models。';
+        imported.error = t('readModelsFailed');
         renderImported();
         return imported;
       });
@@ -429,7 +1215,7 @@
     }).then(function (response) {
       if (!response.ok) {
         return response.text().then(function (text) {
-          imported.error = text || ('导入失败（HTTP ' + response.status + '）');
+          imported.error = text || fill(t('importFailedHttp'), { status: response.status });
           renderImported();
           return null;
         });
@@ -439,14 +1225,14 @@
         imported.dirs = Array.isArray(payload.importedDirs) ? payload.importedDirs : imported.dirs;
         imported.modelCount = Number(payload.modelCount) || 0;
         imported.error = payload.persisted === false
-          ? '导入已生效，但没能写入清单文件（' + (payload.persistError || '未知原因') + '），重启后会丢失。'
+          ? fill(t('persistFailedClause'), { reason: payload.persistError || t('unknownReason') })
           : null;
         renderImported();
         // The catalog is rebuilt on every request, so the model picker picks the new models up immediately.
         return loadCatalog();
       });
     }).catch(function () {
-      imported.error = '写入失败：宿主没有提供 /vrmpet3d/models。';
+      imported.error = t('writeModelsFailed');
       renderImported();
       return null;
     });
@@ -483,11 +1269,11 @@
         if (!picker) {
           // No launcher bridge: the typed path IS the import UI, so reveal it rather than failing silently.
           if (manualRow) manualRow.hidden = false;
-          imported.error = '这个窗口没有文件选择器（不是在 DSH 桌面版里打开的），请在下面直接输入模型文件的路径。';
+          imported.error = t('noFilePicker');
           renderImported();
           return;
         }
-        Promise.resolve(picker()).then(function (chosen) { return addImported(chosen); });
+        Promise.resolve(picker(language)).then(function (chosen) { return addImported(chosen); });
       });
     }
     if (manual && manualRow) {
@@ -531,11 +1317,11 @@
     // was picked from is not recorded, so moving it later cannot break the pack — the operator's reason for the
     // change: 「万一文件夹移位了，也会出bug」. A directory an older build imported is still listed, and removable.
     importedMotions.imports.forEach(function (entry) {
-      list.appendChild(importedRow('已导入', entry.name + '（' + entry.clips + ' 支）', entry.source || entry.dir,
+      list.appendChild(importedRow(t('importTag'), fill(t('motionImportedValue'), { name: entry.name, clips: entry.clips }), entry.source || entry.dir,
         function () { removeImportedMotion(entry.dir); }));
     });
     importedMotions.dirs.forEach(function (dir) {
-      list.appendChild(importedRow('旧版目录', dir, dir, function () { removeLegacyMotionDir(dir); }, true));
+      list.appendChild(importedRow(t('legacyDir'), dir, dir, function () { removeLegacyMotionDir(dir); }, true));
     });
     if (!note) return;
     if (importedMotions.error) {
@@ -546,10 +1332,12 @@
     note.className = 'hint';
     var total = importedMotions.imports.length + importedMotions.dirs.length;
     note.textContent = total
-      ? '已导入 ' + importedMotions.imports.length + ' 个动作文件夹'
-        + (importedMotions.dirs.length ? '、' + importedMotions.dirs.length + ' 个旧版目录' : '')
-        + '，当前可选 ' + importedMotions.clips + ' 支动作。'
-      : '当前只有插件自带的动作包。';
+      ? fill(t('importedMotionsNote'), {
+        motions: importedMotions.imports.length,
+        legacy: importedMotions.dirs.length ? fill(t('legacyDirsClause'), { dirs: importedMotions.dirs.length }) : '',
+        clips: importedMotions.clips,
+      })
+      : t('onlyBundledMotions');
   }
 
   function loadImportedMotions() {
@@ -560,12 +1348,12 @@
         importedMotions.dirs = body && Array.isArray(body.importedDirs) ? body.importedDirs : [];
         importedMotions.clips = body && Array.isArray(body.motions) ? body.motions.length : 0;
         importedMotions.catalogFile = body && body.catalogFile ? body.catalogFile : null;
-        importedMotions.error = body ? null : '宿主没有提供 /vrmpet3d/motions，动作导入在这个版本里不可用。';
+        importedMotions.error = body ? null : t('motionsRouteMissing');
         renderImportedMotions();
         return importedMotions;
       })
       .catch(function () {
-        importedMotions.error = '读取已导入动作失败：宿主没有提供 /vrmpet3d/motions。';
+        importedMotions.error = t('readMotionsFailed');
         renderImportedMotions();
         return importedMotions;
       });
@@ -581,7 +1369,7 @@
     }).then(function (response) {
       if (!response.ok) {
         return response.text().then(function (text) {
-          importedMotions.error = text || ('导入失败（HTTP ' + response.status + '）');
+          importedMotions.error = text || fill(t('importFailedHttp'), { status: response.status });
           renderImportedMotions();
           return null;
         });
@@ -601,13 +1389,13 @@
           importedMotions.clips = motions.length;
         }
         importedMotions.error = payload.persisted === false
-          ? '导入已生效，但没能写入清单文件（' + (payload.persistError || '未知原因') + '），重启后会丢失。'
+          ? fill(t('persistFailedClause'), { reason: payload.persistError || t('unknownReason') })
           : null;
         renderImportedMotions();
         return motions ? null : loadMotions();
       });
     }).catch(function () {
-      importedMotions.error = '写入失败：宿主没有提供 /vrmpet3d/motions。';
+      importedMotions.error = t('writeMotionsFailed');
       renderImportedMotions();
       return null;
     });
@@ -643,11 +1431,11 @@
         var picker = bridge && typeof bridge.pickMotionDir === 'function' ? bridge.pickMotionDir : null;
         if (!picker) {
           if (manualRow) manualRow.hidden = false;
-          importedMotions.error = '这个窗口没有文件夹选择器（不是在 DSH 桌面版里打开的），请在下面直接输入动作文件夹的路径。';
+          importedMotions.error = t('noFolderPicker');
           renderImportedMotions();
           return;
         }
-        Promise.resolve(picker()).then(function (chosen) { return addImportedMotion(chosen); });
+        Promise.resolve(picker(language)).then(function (chosen) { return addImportedMotion(chosen); });
       });
     }
     if (manual && manualRow) {
@@ -740,28 +1528,30 @@
         settle();
         // Same rule as the catalog's failure: the cover lifts so the reason is readable rather than covered.
         setLoading(true);
-        setStatus('未能读取模型信息：' + (error && error.message), 'warn');
+        setStatus(t('infoFailed') + (error && error.message), 'warn');
         return null;
       });
     modelInfoInFlight = { id: id, promise: promise };
     return promise;
   }
 
+  /** The model file's own licence block as one line: the LABELS are ours and follow `t`, the facts are the file's. */
   function describeLicence(meta) {
-    if (!meta) return '（文件里没有授权信息）';
+    if (!meta) return t('noLicence');
     var parts = [];
-    if (meta.name || meta.title) parts.push('名称：' + (meta.name || meta.title));
-    if (meta.authors) parts.push('作者：' + (meta.authors || []).join('、'));
-    if (meta.author) parts.push('作者：' + meta.author);
-    if (meta.avatarPermission) parts.push('使用许可：' + meta.avatarPermission);
-    if (meta.modification) parts.push('修改：' + meta.modification);
-    if (meta.commercialUsage) parts.push('商用：' + meta.commercialUsage);
-    if (meta.creditNotation) parts.push('署名：' + meta.creditNotation);
-    if (meta.licenseUrl) parts.push('协议：' + meta.licenseUrl);
-    return parts.length ? parts.join(' · ') : '（文件里没有授权信息）';
+    if (meta.name || meta.title) parts.push(t('licenceName') + (meta.name || meta.title));
+    if (meta.authors) parts.push(t('licenceAuthor') + (meta.authors || []).join('、'));
+    if (meta.author) parts.push(t('licenceAuthor') + meta.author);
+    if (meta.avatarPermission) parts.push(t('licencePermission') + meta.avatarPermission);
+    if (meta.modification) parts.push(t('licenceModification') + meta.modification);
+    if (meta.commercialUsage) parts.push(t('licenceCommercial') + meta.commercialUsage);
+    if (meta.creditNotation) parts.push(t('licenceCredit') + meta.creditNotation);
+    if (meta.licenseUrl) parts.push(t('licenceLicence') + meta.licenseUrl);
+    return parts.length ? parts.join(' · ') : t('noLicence');
   }
 
   function renderModel() {
+    renderToon();
     var spec = element('model-spec');
     var meta = element('model-meta');
     if (!spec || !meta) return;
@@ -773,25 +1563,86 @@
        * avatar was removed (2026-10-10) it was describing a model that cannot be shown. This says the true thing
        * instead: pick one, or the pet has nothing to draw.
        */
-      spec.textContent = '没有模型';
+      spec.textContent = t('noModel');
       spec.className = 'pill off';
-      meta.textContent = '当前没有选择模型：宠物不会显示任何东西。上面选一个，设置会立刻生效。';
+      meta.textContent = t('noModelChosen');
       return;
     }
-    spec.textContent = modelInfo.supported ? (modelInfo.vrmSpec || 'VRM') : '非 VRM/GLB';
+    spec.textContent = modelInfo.supported ? (modelInfo.vrmSpec || 'VRM') : t('notVrm');
     spec.className = 'pill ' + (modelInfo.supported ? 'on' : 'off');
     var counts = modelInfo.counts || {};
     var summary = [];
     if (modelInfo.generator) summary.push(modelInfo.generator);
-    summary.push((counts.meshes || 0) + ' 网格 / ' + (counts.materials || 0) + ' 材质 / ' + (counts.images || 0) + ' 贴图');
-    if (typeof modelInfo.humanoid === 'object' && modelInfo.humanoid) summary.push(modelInfo.humanoid.count + ' 人形骨');
-    if (modelInfo.lookAt && modelInfo.lookAt.type) summary.push('视线：' + modelInfo.lookAt.type);
+    summary.push((counts.meshes || 0) + t('meshUnit') + (counts.materials || 0) + t('materialUnit') + (counts.images || 0) + t('imageUnit'));
+    if (typeof modelInfo.humanoid === 'object' && modelInfo.humanoid) summary.push(modelInfo.humanoid.count + t('humanoidUnit'));
+    if (modelInfo.lookAt && modelInfo.lookAt.type) summary.push(t('lookAtUnit') + modelInfo.lookAt.type);
     meta.textContent = describeLicence(modelInfo.meta) + ' — ' + summary.join(' · ');
   }
 
   // ---------------------------------------------------------------------------
   // Expressions
   // ---------------------------------------------------------------------------
+  function renderToon() {
+    var card = element('toon-card');
+    if (!card) return;
+    var id = modelIdInUse();
+    var info = modelInfo && modelInfoId === id && modelInfo.toon;
+    var materials = info && info.materials || [];
+    var supported = Boolean(id && materials.length);
+    var prefs = (preferences.toon || {})[id] || {};
+    var mode = element('toon-mode');
+    var state = element('toon-state');
+    state.textContent = !info ? (id ? t('toonLoading') : t('noModelChosen')) : !supported ? t('toonUnsupported')
+      : t('toonStatus').replace('{n}', materials.length).replace('{total}', info.total)
+        .replace('{state}', t(prefs.enabled === false ? 'toonDisabled' : 'toonEnabled'));
+    mode.value = prefs.enabled === undefined ? 'original' : prefs.enabled ? 'on' : 'off';
+    mode.disabled = !supported;
+    function save(key, value) {
+      if (id !== modelIdInUse()) return;
+      var all = Object.assign({}, preferences.toon || {});
+      var next = Object.assign({}, all[id] || {});
+      if (value === undefined) delete next[key]; else next[key] = value;
+      if (Object.keys(next).length) all[id] = next; else delete all[id];
+      preferences.toon = core.cleanPreferences({ toon: all }).toon;
+      persist();
+      renderToon();
+    }
+    mode.onchange = function () { save('enabled', mode.value === 'original' ? undefined : mode.value === 'on'); };
+    var reset = element('toon-reset');
+    reset.disabled = !id || !Object.keys(prefs).length;
+    reset.onclick = function () {
+      var all = Object.assign({}, preferences.toon || {});
+      delete all[id]; preferences.toon = all; persist(); renderToon();
+    };
+    var controls = element('toon-controls');
+    controls.textContent = '';
+    [
+      ['shadingToonyFactor', 'toonToony', 0, 1, 0.01],
+      ['shadingShiftFactor', 'toonShift', -1, 1, 0.01],
+      ['shadeStrength', 'toonShade', 0, 1, 0.05],
+      ['outlineScale', 'toonOutline', 0, 3, 0.05],
+    ].forEach(function (spec) {
+      var row = document.createElement('div'); row.className = 'row';
+      var label = document.createElement('label'); label.className = 'k'; label.htmlFor = 'toon-' + spec[0]; label.textContent = t(spec[1]);
+      var input = document.createElement('input'); input.type = 'number'; input.id = label.htmlFor;
+      input.min = spec[2]; input.max = spec[3]; input.step = spec[4];
+      input.value = prefs[spec[0]] === undefined ? '' : prefs[spec[0]];
+      var original = materials.map(function (m) { return m[spec[0]]; });
+      input.placeholder = spec[0] === 'shadeStrength' || spec[0] === 'outlineScale' ? '1'
+        : original.length && original.every(function (v) { return v === original[0]; }) ? String(Number(original[0].toFixed(2))) : t('toonMixed');
+      var noOutline = spec[0] === 'outlineScale' && !materials.some(function (m) { return m.outline; });
+      input.disabled = !supported || prefs.enabled === false || noOutline;
+      input.onchange = function () {
+        if (input.value !== '' && !Number.isFinite(Number(input.value))) return;
+        save(spec[0], input.value === '' ? undefined : Number(input.value));
+      };
+      row.appendChild(label); row.appendChild(input);
+      var note = document.createElement('span'); note.className = 'note';
+      note.textContent = noOutline ? t('toonNoOutline') : spec[2] + ' … ' + spec[3]; row.appendChild(note);
+      controls.appendChild(row);
+    });
+  }
+
   function expressionRows() {
     if (!modelInfo || !Array.isArray(modelInfo.expressions)) return [];
     return modelInfo.expressions.slice().sort(function (left, right) {
@@ -815,8 +1666,15 @@
    */
 
 
-  /** How a trigger row is titled. The LABELS below are UI words; the emotion names come from the model. */
-  var TRIGGER_LABELS = { idle: '空闲', drag: '拖动时', click: '点击时', hold: '长按时' };
+  /**
+   * How a trigger row is titled. The KEYS below are UI words read through `t` at draw time; the emotion names in the
+   * same table come from the model and are never translated.
+   */
+  var TRIGGER_KEYS = { idle: 'triggerIdle', drag: 'triggerDrag', click: 'triggerClick', hold: 'triggerHold' };
+
+  function triggerLabel(trigger) {
+    return t(TRIGGER_KEYS[trigger] || trigger);
+  }
 
   /**
    * The body parts a press can land on, as the settings page says them, for the DEFAULT regions.
@@ -891,7 +1749,7 @@
     core.EMOTION_TRIGGERS.forEach(function (trigger) {
       var tr = document.createElement('tr');
       var title = document.createElement('td');
-      title.textContent = TRIGGER_LABELS[trigger] || trigger;
+      title.textContent = triggerLabel(trigger);
       tr.appendChild(title);
       appendEmotionCells(tr, body, names, {
         key: trigger,
@@ -983,7 +1841,7 @@
     var on = document.createElement('input');
     on.type = 'checkbox';
     on.checked = row.enabled !== false;
-    on.title = '关掉这一行，这个情境就不再触发情绪';
+    on.title = t('triggerToggleTitle');
     on.addEventListener('change', function () {
       spec.write({ enabled: on.checked });
       persist();
@@ -994,7 +1852,7 @@
     var listCell = document.createElement('td');
     if (!names.length) {
       listCell.className = 'note';
-      listCell.textContent = '这个模型没有可用的表情';
+      listCell.textContent = t('noExpressions');
     }
     /**
      * The expressions are a DROPDOWN multi-select, not a pile of checkboxes.
@@ -1022,12 +1880,12 @@
        * the settings cannot represent.
        */
       var summary = function () {
-        return row.emotions.length ? row.emotions.join('、') : '无';
+        return row.emotions.length ? row.emotions.join('、') : t('none');
       };
       trigger.textContent = summary();
       trigger.title = row.emotions.length
-        ? '已选 ' + row.emotions.length + ' 个表情；点开可多选'
-        : '无：这一行不显示任何表情（默认）';
+        ? fill(t('selectedExpressions'), { n: row.emotions.length })
+        : t('noneRowTitle');
       var menu = null;
       var buildMenu = function () {
         var panel = document.createElement('div');
@@ -1037,7 +1895,7 @@
         var noneBox = document.createElement('input');
         noneBox.type = 'checkbox';
         noneBox.checked = row.emotions.length === 0;
-        noneBox.title = '不显示任何表情（这一行的默认）';
+        noneBox.title = t('noneBoxTitle');
         noneBox.addEventListener('change', function () {
           if (!noneBox.checked) { noneBox.checked = true; return; }
           spec.write({ emotions: [] });
@@ -1045,7 +1903,7 @@
           refresh();
         });
         none.appendChild(noneBox);
-        none.appendChild(document.createTextNode('无'));
+        none.appendChild(document.createTextNode(t('none')));
         panel.appendChild(none);
         names.forEach(function (name) {
           var label = document.createElement('label');
@@ -1121,10 +1979,10 @@
     hold.max = '30';
     hold.step = '0.5';
     hold.value = String(row.holdSeconds);
-    hold.title = '0 = 一直保持到下一次变化';
+    hold.title = t('holdSecondsTitle');
     var unit = document.createElement('span');
     unit.className = 'note';
-    unit.textContent = ' 秒' + (row.holdSeconds === 0 ? '（保持）' : '');
+    unit.textContent = ' ' + t('secondsUnit') + (row.holdSeconds === 0 ? t('heldSuffix') : '');
     hold.addEventListener('change', function () {
       spec.write({ holdSeconds: hold.value });
       persist();
@@ -1132,7 +1990,7 @@
       // same reason the expression menu updates a label instead of calling back into the renderer.
       var live = spec.read ? spec.read() : row;
       if (live) row = live;
-      unit.textContent = ' 秒' + (row.holdSeconds === 0 ? '（保持）' : '');
+      unit.textContent = ' ' + t('secondsUnit') + (row.holdSeconds === 0 ? t('heldSuffix') : '');
     });
     holdCell.appendChild(hold);
     holdCell.appendChild(unit);
@@ -1166,7 +2024,7 @@
       label.className = 'part-label';
       label.value = item.label;
       label.maxLength = core.PARTS_LIMITS.maxLabelLength;
-      label.title = '这只宠物对这个部位的说法，随便取';
+      label.title = t('partLabelTitle');
       label.addEventListener('change', function () {
         core.setPartItem(preferences, item.id, { label: label.value });
         persist();
@@ -1176,7 +2034,7 @@
       if (item.region) {
         var regionNote = document.createElement('span');
         regionNote.className = 'note';
-        regionNote.textContent = ' 默认 ' + (PART_LABELS[item.region] || item.region);
+        regionNote.textContent = ' ' + t('regionDefault') + ' ' + (PART_LABELS[item.region] || item.region);
         labelCell.appendChild(regionNote);
       }
       tr.appendChild(labelCell);
@@ -1200,8 +2058,8 @@
       var remove = document.createElement('button');
       remove.type = 'button';
       remove.className = 'part-remove';
-      remove.textContent = '删除';
-      remove.title = '删掉这个部位：它的结构会回落到按名字判断的默认部位';
+      remove.textContent = t('partRemove');
+      remove.title = t('partRemoveTitle');
       remove.addEventListener('click', function () {
         core.removePartItem(preferences, item.id);
         persist();
@@ -1236,8 +2094,8 @@
        */
       var partSource = core.cleanSpeech(preferences.speech).source;
       lines.placeholder = partSource === 'ai'
-        ? '碎碎念：一行一句；留空则由 AI 按这个部位的提示词生成'
-        : '碎碎念：一行一句，摸到这个部位时随机说一句';
+        ? t('partLinesAiPlaceholder')
+        : t('partLinesPlaceholder');
       lines.value = item.speech.lines.join('\n');
       lines.addEventListener('change', function () {
         core.setPartItem(preferences, item.id, { speech: { lines: lines.value } });
@@ -1260,7 +2118,7 @@
        * ONE hint per source, for every part. Both shipped strings still ACT when a box is empty, and `builtinSpeech`
        * in the published state still carries them — what is gone is only the announcement in the field.
        */
-      prompt.placeholder = 'AI 提示词：切到「AI 碎碎念」时用它生成这个部位的一句话';
+      prompt.placeholder = t('partPromptPlaceholder');
       prompt.value = item.speech.prompt;
       prompt.maxLength = core.SPEECH_LIMITS ? core.SPEECH_LIMITS.maxPrompt : 300;
       prompt.addEventListener('change', function () {
@@ -1291,10 +2149,8 @@
       var mode = document.createElement('button');
       mode.type = 'button';
       mode.className = 'chip-mode';
-      mode.textContent = entry.exact ? '精确' : '前缀';
-      mode.title = entry.exact
-        ? '只匹配这个名字本身；点一下变成前缀匹配'
-        : '匹配这个名字和它下面的一切（LiuHai.L.002 也算）；点一下变成只匹配它本身';
+      mode.textContent = entry.exact ? t('matchExact') : t('matchPrefixWord');
+      mode.title = entry.exact ? t('matchExactTitle') : t('matchPrefixTitle');
       mode.addEventListener('click', function () {
         var next = item.match.map(function (candidate) {
           return candidate.name === entry.name && candidate.exact === entry.exact
@@ -1309,7 +2165,7 @@
       drop.type = 'button';
       drop.className = 'chip-drop';
       drop.textContent = '×';
-      drop.title = '不再让这个部位拥有这个结构';
+      drop.title = t('chipDropTitle');
       drop.addEventListener('click', function () {
         var next = item.match.filter(function (candidate) {
           return !(candidate.name === entry.name && candidate.exact === entry.exact);
@@ -1325,7 +2181,7 @@
       var region = core.structureRegionOf(entry.name);
       var hint = document.createElement('span');
       hint.className = 'note';
-      hint.textContent = ' ' + (region ? (PART_LABELS[region] || region) : '未识别');
+      hint.textContent = ' ' + (region ? (PART_LABELS[region] || region) : t('unrecognised'));
       chip.appendChild(hint);
       cell.appendChild(chip);
     });
@@ -1333,8 +2189,8 @@
     var add = document.createElement('input');
     add.type = 'text';
     add.className = 'part-add-structure';
-    add.placeholder = '结构名，回车添加';
-    add.title = '直接输入模型里的结构名，回车添加';
+    add.placeholder = t('addStructurePlaceholder');
+    add.title = t('addStructureTitle');
     var commit = function () {
       var name = add.value.trim();
       if (!name) return;
@@ -1358,8 +2214,8 @@
     var browse = document.createElement('button');
     browse.type = 'button';
     browse.className = 'part-browse';
-    browse.textContent = '浏览…';
-    browse.title = '浏览这个模型的所有结构名（可筛选）';
+    browse.textContent = t('browse');
+    browse.title = t('browseTitle');
     browse.addEventListener('click', function () { openStructurePicker(item.id); });
     cell.appendChild(browse);
   }
@@ -1433,8 +2289,8 @@
       name.textContent = entry.name;
       var meta = document.createElement('span');
       meta.className = 'note';
-      meta.textContent = (region ? (PART_LABELS[region] || region) : '未识别') + ' · ' + entry.kind
-        + (owned ? ' · 已加入' : '');
+      meta.textContent = (region ? (PART_LABELS[region] || region) : t('unrecognised')) + ' · ' + entry.kind
+        + (owned ? t('addedSuffix') : '');
       row.appendChild(name);
       row.appendChild(meta);
       row.addEventListener('click', function () {
@@ -1446,7 +2302,7 @@
       });
       list.appendChild(row);
     });
-    if (count) count.textContent = structures.length + ' / ' + modelStructures().length + ' 个结构';
+    if (count) count.textContent = fill(t('structuresCount'), { n: structures.length, total: modelStructures().length });
   }
 
   function bindBehaviourControls() {
@@ -1507,7 +2363,7 @@
     if (element('part-max')) element('part-max').textContent = String(core.PARTS_LIMITS.maxItems);
     if (add) {
       add.addEventListener('click', function () {
-        core.addPartItem(preferences, '新部位');
+        core.addPartItem(preferences, t('newPart'));
         persist();
         renderParts();
       });
@@ -1533,7 +2389,8 @@
     renderParts();
   }
 
-  var SPRING_LABELS = { stiffness: '刚度', dragForce: '阻尼', gravityPower: '重力' };
+  /** The three spring fields' names, resolved through `t` every time a chain is drawn. */
+  var SPRING_LABEL_KEYS = { stiffness: 'springStiffness', dragForce: 'springDrag', gravityPower: 'springGravity' };
 
   /**
    * One control block per spring chain of the configured model.
@@ -1590,9 +2447,9 @@
       // where it can be changed.
       var radius = Number(entry.radius);
       text.textContent = [
-        entry.groupName || ('组 ' + entry.group),
-        entry.bone || '（未命名骨骼）',
-        entry.kind === 'sphere' ? '球' : (entry.kind || '形状'),
+        entry.groupName || (t('colliderGroupPrefix') + entry.group),
+        entry.bone || t('unnamedBone'),
+        entry.kind === 'sphere' ? t('shapeSphere') : (entry.kind || t('shapeWord')),
       ].filter(Boolean).join(' · ');
       /**
        * …and the SIZE box (operator, 2026-10-14: 「增加修改弹簧骨碰撞体球尺寸的方法」).
@@ -1610,7 +2467,7 @@
       size.max = String(range.max);
       size.step = '0.005';
       size.style.width = '86px';
-      size.title = '碰撞球半径（模型单位）：越大越挡得住，越小越容易被穿过';
+      size.title = t('colliderRadiusTitle');
       var overrides = preferences.springColliderRadius && typeof preferences.springColliderRadius === 'object'
         ? preferences.springColliderRadius
         : {};
@@ -1669,13 +2526,13 @@
 
     if (!chains.length) {
       if (note) {
-        note.textContent = modelInfo ? '这个模型没有弹簧骨。' : '';
+        note.textContent = modelInfo ? t('noSprings') : '';
       }
       return;
     }
     if (note) {
       var joints = chains.reduce(function (total, chain) { return total + (chain.bones || 0); }, 0);
-      note.textContent = '共 ' + chains.length + ' 条链、' + joints + ' 个可调 joint。';
+      note.textContent = fill(t('chainsTotal'), { chains: chains.length, joints: joints });
     }
 
     var modelId = modelIdInUse();
@@ -1700,7 +2557,7 @@
       // the page state a live check reads.
       details.setAttribute('data-grouped', String(chains.length));
       var summary = document.createElement('summary');
-      summary.textContent = '展开全部 ' + chains.length + ' 条弹簧骨链';
+      summary.textContent = fill(t('expandChains'), { n: chains.length });
       details.appendChild(summary);
       list.appendChild(details);
       host = details;
@@ -1729,12 +2586,12 @@
         kind: modelInfo && modelInfo.vrmSpec && String(modelInfo.vrmSpec).indexOf('1.0') === 0 ? 'vrm1' : 'vrm0',
       }, Number.isFinite(chain.index) ? chain.index : chainIndex);
       name.textContent = chain.comment || chain.name
-        || (chain.first ? chain.first + '（未命名）' : '未命名链 #' + (chainIndex + 1));
+        || (chain.first ? chain.first + t('unnamedChainSuffix') : t('unnamedChainPrefix') + (chainIndex + 1));
       var meta = document.createElement('div');
       meta.className = 'note';
       meta.textContent = (chain.bones || 0) + ' joint'
-        + (chain.entries && chain.entries !== chain.bones ? '（文件列了 ' + chain.entries + ' 项）' : '')
-        + (chain.colliderGroups ? ' · ' + chain.colliderGroups + ' 碰撞组' : '');
+        + (chain.entries && chain.entries !== chain.bones ? fill(t('entriesListed'), { n: chain.entries }) : '')
+        + (chain.colliderGroups ? fill(t('colliderGroupsNote'), { n: chain.colliderGroups }) : '');
       head.appendChild(name);
       head.appendChild(meta);
       row.appendChild(head);
@@ -1743,7 +2600,7 @@
         var cell = document.createElement('div');
         cell.className = 'field';
         var label = document.createElement('label');
-        label.textContent = SPRING_LABELS[field] || field;
+        label.textContent = t(SPRING_LABEL_KEYS[field] || field);
         var range = document.createElement('input');
         range.type = 'range';
         range.min = String(core.SPRING_LIMITS[field].min);
@@ -1772,8 +2629,8 @@
           : (Number.isFinite(shipped) ? shipped : authored);
         range.value = String(current);
         number.value = String(Number(current).toFixed(2));
-        number.title = '模型原值 ' + (Number.isFinite(authored) ? Number(authored).toFixed(3) : '?')
-          + (Number.isFinite(shipped) ? ' · 随包默认 ' + Number(shipped).toFixed(3) : '');
+        number.title = t('modelValuePrefix') + (Number.isFinite(authored) ? Number(authored).toFixed(3) : '?')
+          + (Number.isFinite(shipped) ? fill(t('packDefaultPrefix'), { n: Number(shipped).toFixed(3) }) : '');
 
         var write = function (value) {
           var stored = core.setSpringOverride(preferences, modelId, chainKey, field, value);
@@ -1781,28 +2638,28 @@
           var next = stored === null ? (Number.isFinite(shipped) ? shipped : authored) : stored;
           range.value = String(next);
           number.value = String(Number(next).toFixed(2));
-          cell.setAttribute('data-state', stored === null ? '默认' : '已改');
+          cell.setAttribute('data-state', stored === null ? t('stateDefault') : t('stateChanged'));
         };
         range.addEventListener('input', function () { write(Number(range.value)); });
         number.addEventListener('change', function () { write(Number(number.value)); });
 
         var reset = document.createElement('button');
         reset.className = 'ghost';
-        reset.textContent = '默认';
+        reset.textContent = t('stateDefault');
         reset.addEventListener('click', function () { write(null); });
 
         cell.appendChild(label);
         cell.appendChild(range);
         cell.appendChild(number);
         cell.appendChild(reset);
-        cell.setAttribute('data-state', override && override[field] !== undefined ? '已改' : '默认');
+        cell.setAttribute('data-state', override && override[field] !== undefined ? t('stateChanged') : t('stateDefault'));
         row.appendChild(cell);
       });
 
       var actions = document.createElement('div');
       var resetChain = document.createElement('button');
       resetChain.className = 'ghost';
-      resetChain.textContent = '本组复位';
+      resetChain.textContent = t('resetChain');
       resetChain.addEventListener('click', function () {
         core.clearSpringOverrides(preferences, modelId, chainKey);
         persist();
@@ -1997,7 +2854,7 @@
     var size = Number(entry.bytes);
     var head = String(entry.name || entry.id) + '  (' + String(entry.format || '').toUpperCase();
     var tail = size > 0 ? ', ' + Math.max(1, Math.round(size / 1024)) + ' KB' : '';
-    return head + (entry.compressed ? ' · 已压缩' : '') + tail + ')';
+    return head + (entry.compressed ? t('compressedTag') : '') + tail + ')';
   }
 
   /** The 循环/单次 marker for one clip IN ONE STATE, showing the mode in force rather than the file's word. */
@@ -2005,7 +2862,7 @@
     var mode = document.createElement('span');
     mode.className = 'mode';
     mode.textContent = core.motionLoopForState(preferences, state, entry.id, entry.loop, motionClipDefaults) === false
-      ? '单次' : '循环';
+      ? t('once') : t('loop');
     return mode;
   }
 
@@ -2019,8 +2876,8 @@
   function dancingOnceMarker() {
     var mode = document.createElement('span');
     mode.className = 'mode';
-    mode.textContent = '单次';
-    mode.title = '跳舞一律播放一次，播完回到空闲';
+    mode.textContent = t('once');
+    mode.title = t('dancingOnceTitle');
     return mode;
   }
 
@@ -2055,14 +2912,12 @@
   function clipFaceSelect(state, entry, field) {
     var select = document.createElement('select');
     select.className = 'clip-face clip-' + field;
-    select.title = field === 'expression'
-      ? '这支动作播放时显示的表情（覆盖情绪表的挑选）'
-      : '这支动作播放时的口型（覆盖表情自带的口型）';
+    select.title = field === 'expression' ? t('clipExpressionTitle') : t('clipMouthTitle');
     var names = field === 'mouth' ? mouthNames() : expressionRows().map(function (row) { return row.name; });
     var followValue = core.MOTION_FACE_FOLLOW || 'follow';
     var follow = document.createElement('option');
     follow.value = followValue;
-    follow.textContent = field === 'mouth' ? '口型：跟随表情' : '表情：跟随情绪';
+    follow.textContent = field === 'mouth' ? t('followMouth') : t('followExpression');
     select.appendChild(follow);
     /**
      * And 「默认」: no expression (or mouth) at all — the model's own initial face, overriding both the clip's own
@@ -2071,12 +2926,12 @@
      */
     var blankFace = document.createElement('option');
     blankFace.value = core.MOTION_FACE_DEFAULT || 'none';
-    blankFace.textContent = field === 'mouth' ? '口型：默认（无口型）' : '表情：默认（无表情）';
+    blankFace.textContent = field === 'mouth' ? t('blankMouth') : t('blankExpression');
     select.appendChild(blankFace);
     names.forEach(function (name) {
       var option = document.createElement('option');
       option.value = name;
-      option.textContent = (field === 'mouth' ? '口型：' : '表情：') + name;
+      option.textContent = (field === 'mouth' ? t('mouthPrefix') : t('expressionPrefix')) + name;
       select.appendChild(option);
     });
     // The RESOLVED answer: the profile's own field, else the template's, else 「跟随」 — which is what the pet is
@@ -2191,8 +3046,10 @@
     var storedMotions = effective.stored;
     if (count) {
       var total = core.motionIdList(mapped).length;
-      count.textContent = '(' + offered.length + ' 支可选'
-        + (total ? ' · 生效 ' + total + ' 支' : '') + ')';
+      count.textContent = fill(t('motionCount'), {
+        offered: offered.length,
+        active: total ? fill(t('motionCountActive'), { n: total }) : '',
+      });
     }
     if (note) {
       /**
@@ -2204,17 +3061,13 @@
        * directories THEY imported. The count stays separate for the same reason.
        */
       var bundled = offered.filter(function (entry) { return entry.source === 'bundled'; }).length;
-      var summary = bundled
-        ? '其中 ' + bundled + ' 支随插件分发（assets/motions），不需要导入。'
-        : '';
+      var summary = bundled ? fill(t('bundledNote'), { n: bundled }) : '';
       /**
        * Compressed clips are counted too, because their size would otherwise read as a lie: a dance clip listed
        * as 2.7 MB while it plays as an 8 MB animation looks like a broken number rather than like an archive.
        */
       var packed = offered.filter(function (entry) { return entry.compressed === true; }).length;
-      var packing = packed
-        ? '其中 ' + packed + ' 支是压缩存放（.br），播放时自动解压到内存，体积按压缩后的文件计。'
-        : '';
+      var packing = packed ? fill(t('packedNote'), { n: packed }) : '';
       /**
        * All-compressed reads differently from some-compressed.
        *
@@ -2224,9 +3077,9 @@
        */
       note.textContent = offered.length
         ? (packed === offered.length && packed > 0
-          ? summary + '这 ' + packed + ' 支全部是压缩存放（.br），播放时自动解压到内存，体积按压缩后的文件计。'
+          ? summary + fill(t('packedAllNote'), { n: packed })
           : summary + packing)
-        : '没有可用的动作文件。';
+        : t('noMotionFiles');
     }
 
     states.forEach(function (state) {
@@ -2261,8 +3114,8 @@
       var stateCount = document.createElement('span');
       stateCount.className = 'count';
       stateCount.textContent = chosen.length
-        ? (configured ? '已选 ' + chosen.length + ' 支' : '随包默认 ' + chosen.length + ' 支')
-        : (configured ? '不播放（已清空）' : '程序化待机');
+        ? fill(t(configured ? 'motionStateCount' : 'motionStateDefaultCount'), { n: chosen.length })
+        : (configured ? t('notPlaying') : t('proceduralIdle'));
       summary.appendChild(name);
       /**
        * The folder this state's clips come from, in the summary line.
@@ -2276,7 +3129,7 @@
         // Every folder the state draws from, because a state may name several and the operator edits exactly
         // this line to change the list.
         folderTag.textContent = folders.map(function (name) { return name + '/'; }).join(' ')
-          + ' · ' + inFolder.length + ' 支';
+          + ' · ' + fill(t('folderClips'), { n: inFolder.length });
         summary.appendChild(folderTag);
       }
       summary.appendChild(stateCount);
@@ -2288,8 +3141,8 @@
        *
        * One row per status state, in the same box set as that state's motion, because the two questions belong to
        * the same subject — "what does the pet look like, and what does it say". The operator's five prompts ship as
-       * the defaults (`core.DEFAULT_STATUS_TEXT`), so the boxes open already filled and can simply be edited;
-       * clearing a box means this state says NOTHING, which is not the same as leaving it alone.
+       * the defaults (`core.DEFAULT_STATUS_TEXT`, one table per language), so the boxes open already filled and can
+       * simply be edited; clearing a box means this state says NOTHING, which is not the same as leaving it alone.
        *
        * NOT for the three pointer poses, and that asymmetry is deliberate rather than an oversight: 拖动中 /
        * 抛掷中 / 落地中 carry a MOTION row since 2026-10-13 (「缺少拖动时模型动作的设置」), but the prompt above the
@@ -2314,7 +3167,7 @@
       var every = document.createElement('div');
       every.className = 'every';
       var everyLabel = document.createElement('span');
-      everyLabel.textContent = '单次动作间隔';
+      everyLabel.textContent = t('everyLabel');
       var everyMin = document.createElement('input');
       everyMin.type = 'number';
       everyMin.min = String(core.MOTION_EVERY_LIMITS.minSeconds);
@@ -2328,7 +3181,7 @@
       everyMax.max = String(core.MOTION_EVERY_LIMITS.maxSeconds);
       everyMax.step = '5';
       var everyUnit = document.createElement('span');
-      everyUnit.textContent = '秒';
+      everyUnit.textContent = t('secondsUnit');
       var everyNote = document.createElement('span');
       everyNote.className = 'note';
       var oneShotCount = chosen.filter(function (id) {
@@ -2336,8 +3189,8 @@
         return Boolean(entry) && core.motionLoopFor(preferences, id, entry.loop) === false;
       }).length;
       everyNote.textContent = oneShotCount
-        ? '（本状态有 ' + oneShotCount + ' 支单次动作）'
-        : '（本状态还没有勾选「单次」动作，不会触发）';
+        ? fill(t('oneShotHere'), { n: oneShotCount })
+        : t('noOneShot');
       everyMin.value = String(range ? range.min : 0);
       everyMax.value = String(range ? range.max : 0);
       var writeEvery = function () {
@@ -2380,8 +3233,9 @@
         // Only when the folders really hold nothing: with the mapping read correctly this is the one honest
         // case left (a state mapped to a folder the pack does not fill, like 工作中's `working/`), and it is
         // the line that told the operator the list was empty while the clips were sitting in `idle/`.
-        empty.textContent = 'assets/motions/' + folders.map(function (name) { return name + '/'; }).join(' ')
-          + ' 里还没有 .vrma：把面向这个状态的动作放进那个目录，它们会立刻出现在这里。';
+        empty.textContent = fill(t('folderEmpty'), {
+          folders: folders.map(function (name) { return name + '/'; }).join(' '),
+        });
         picks.appendChild(empty);
       }
       shown.forEach(function (entry) {
@@ -2431,8 +3285,8 @@
         if (state !== 'dancing') {
           var modeSelect = document.createElement('select');
           modeSelect.className = 'clip-mode';
-          modeSelect.title = '这支动作在这个状态里播放一次还是循环';
-          [['loop', '循环'], ['once', '单次']].forEach(function (pair) {
+          modeSelect.title = t('clipModeTitle');
+          [['loop', t('loop')], ['once', t('once')]].forEach(function (pair) {
             var option = document.createElement('option');
             option.value = pair[0];
             option.textContent = pair[1];
@@ -2465,9 +3319,9 @@
         var speedLimits = core.MOTION_SPEED_LIMITS || { min: 1, max: 1000, default: 100 };
         var speedLabel = document.createElement('label');
         speedLabel.className = 'clip-speed';
-        speedLabel.title = '这支动作在这个状态里的播放速度（百分比）';
+        speedLabel.title = t('clipSpeedTitle');
         var speedText = document.createElement('span');
-        speedText.textContent = '速度';
+        speedText.textContent = t('speed');
         var speedBox = document.createElement('input');
         speedBox.type = 'number';
         speedBox.className = 'clip-speed-box';
@@ -2523,7 +3377,7 @@
          */
         var gazeLabel = document.createElement('label');
         gazeLabel.className = 'clip-gaze';
-        gazeLabel.title = '这支动作在这个状态里播放时，是否看向鼠标（关掉就是不看）';
+        gazeLabel.title = t('clipGazeTitle');
         var gazeBox = document.createElement('input');
         gazeBox.type = 'checkbox';
         gazeBox.className = 'clip-gaze-box';
@@ -2531,7 +3385,7 @@
         var gazeEntry = clipFaceEntry(state, entry.id);
         gazeBox.checked = !(gazeEntry && gazeEntry.gaze === false);
         var gazeText = document.createElement('span');
-        gazeText.textContent = '凝视';
+        gazeText.textContent = t('gazeWord');
         gazeLabel.appendChild(gazeBox);
         gazeLabel.appendChild(gazeText);
         gazeBox.addEventListener('change', function () {
@@ -2594,7 +3448,7 @@
         box.checked = true;
         box.disabled = true;
         var text = document.createElement('span');
-        text.textContent = id + '（不在动作目录中）';
+        text.textContent = id + t('notInCatalog');
         label.appendChild(box);
         label.appendChild(text);
         picks.appendChild(label);
@@ -2614,17 +3468,16 @@
    * counter rather than through a reload.
    */
   function buildStatusRow(state) {
-    var entry = core.statusEntryFor(preferences, state);
-    var fallback = core.DEFAULT_STATUS_TEXT && typeof core.DEFAULT_STATUS_TEXT[state] === 'string'
-      ? core.DEFAULT_STATUS_TEXT[state]
-      : '';
+    // The shipped default in the RESOLVED language, so an English page opens with an English line in the box.
+    var entry = core.statusEntryFor(preferences, state, language);
+    var fallback = core.defaultStatusText ? core.defaultStatusText(state, language) : '';
     var wrap = document.createElement('div');
     wrap.className = 'status-line';
     wrap.setAttribute('data-state', state);
 
     var label = document.createElement('span');
     label.className = 'status-label';
-    label.textContent = '状态文字';
+    label.textContent = t('statusText');
     wrap.appendChild(label);
 
     var input = document.createElement('input');
@@ -2632,8 +3485,8 @@
     input.className = 'status-text';
     input.maxLength = core.STATUS_LIMITS ? core.STATUS_LIMITS.textLength : 40;
     input.value = entry.text;
-    input.placeholder = fallback ? fallback + '（默认）' : '（不显示文字）';
-    input.title = '这个状态下宠物头顶显示的文字；清空则什么都不显示';
+    input.placeholder = fallback ? fallback + t('defaultParen') : t('noTextParen');
+    input.title = t('statusTextTitle');
     input.addEventListener('change', function () {
       preferences.status = core.setStatus(preferences, state, 'text', input.value);
       persist();
@@ -2644,11 +3497,11 @@
 
     var tag = document.createElement('select');
     tag.className = 'status-tag';
-    tag.title = '文字后面的标记';
+    tag.title = t('statusTagTitle');
     (core.STATUS_TAGS || ['']).forEach(function (value) {
       var option = document.createElement('option');
       option.value = value;
-      option.textContent = value || '无标记';
+      option.textContent = value || t('noTag');
       tag.appendChild(option);
     });
     tag.value = entry.tag;
@@ -2662,8 +3515,8 @@
 
     var animation = document.createElement('select');
     animation.className = 'status-animation';
-    animation.title = '蓝渐变动画就是 DSH 自己的「深度求索中」扫光效果';
-    [['none', '静态'], ['shimmer', '蓝渐变动画']].forEach(function (pair) {
+    animation.title = t('statusAnimationTitle');
+    [['none', t('animStatic')], ['shimmer', t('animShimmer')]].forEach(function (pair) {
       var option = document.createElement('option');
       option.value = pair[0];
       option.textContent = pair[1];
@@ -2698,10 +3551,8 @@
     var awaitingAnswer = state === 'waiting';
     duration.disabled = awaitingAnswer;
     duration.title = awaitingAnswer
-      ? '等待确认不受时间影响：一直显示到你回答完问题 / 确认完权限'
-      : (state === 'done' || state === 'error'
-        ? '至少显示多久；之后一直留到你切回这个会话（默认 4.2 秒是下限）'
-        : '这个状态下文字显示多久；0 表示一直显示到状态结束');
+      ? t('waitingDurationTitle')
+      : (state === 'done' || state === 'error' ? t('noticeDurationTitle') : t('normalDurationTitle'));
     duration.addEventListener('change', function () {
       var seconds = Math.max(0, Number(duration.value) || 0);
       preferences.status = core.setStatus(preferences, state, 'seconds', seconds > 0 ? seconds : null);
@@ -2713,8 +3564,7 @@
 
     var unit = document.createElement('span');
     unit.className = 'note';
-    unit.textContent = awaitingAnswer ? '秒（此状态不受时间影响）'
-      : (untimed ? '秒（至少）' : '秒（0 = 始终）');
+    unit.textContent = awaitingAnswer ? t('waitingUnit') : (untimed ? t('untimedUnit') : t('normalUnit'));
     wrap.appendChild(unit);
 
     return wrap;
@@ -2761,7 +3611,7 @@
       var warn = element('motion-note');
       if (warn) {
         warn.className = 'hint warn';
-        warn.textContent = '每个状态最多勾选 ' + cap + ' 支动作：' + stateName(state) + ' 只保留了前 ' + kept + ' 支。';
+        warn.textContent = fill(t('capWarning'), { cap: cap, state: stateName(state), kept: kept });
       }
     }
     persist();
@@ -2778,13 +3628,14 @@
    * which is why the mapping exists at all rather than showing the raw id.
    */
   function stateName(state) {
-    return {
-      resting: '空闲', working: '工作中', waiting: '等待确认',
-      done: '任务完成', error: '出错', offline: '离线',
-      held: '拖动中', falling: '抛掷 / 下落中', landing: '落地',
+    var key = {
+      resting: 'stateResting', working: 'stateWorking', waiting: 'stateWaiting',
+      done: 'stateDone', error: 'stateError', offline: 'stateOffline',
+      held: 'stateHeld', falling: 'stateFalling', landing: 'stateLanding',
       // 跳舞 is the state the USER asks for (the 跳支舞 menu row), not one DSH reports — which is also why it has no status prompt.
-      dancing: '跳舞',
-    }[state] || state;
+      dancing: 'stateDancing',
+    }[state];
+    return key ? t(key) : state;
   }
 
   // ---------------------------------------------------------------------------
@@ -2809,6 +3660,19 @@
     var windowSizeReset = element('pref-window-size-reset');
     var viewReset = element('pref-view-reset');
     var hidden = element('pref-hidden');
+    /**
+     * 界面语言 — the one control that changes the LANGUAGE every other label on the page is written in.
+     *
+     * The stored value is `auto` / `zh` / `en` and never the RESOLVED language (`core.LANGUAGE_SETTINGS`): a profile
+     * that froze today's answer would keep a Chinese page for someone who later switched DSH to English, with no way
+     * to tell that from a deliberate choice.
+     *
+     * The repaint is immediate and local as well as stored, because the patch comes back as a settings snapshot and
+     * `adoptSnapshot` refuses to repaint while a control has focus — and this control HAS focus right after a change.
+     * So the write goes out AND `applyLanguage` / `repaintLanguage` run here; the snapshot path then finds nothing
+     * changed and does nothing.
+     */
+    var languageSelect = element('pref-language');
     /**
      * 调试模式 — the one control whose preference is not a boolean but a value of 显示位置.
      *
@@ -2865,6 +3729,18 @@
     if (physics) physics.addEventListener('change', function () { write('physics', physics.checked); });
     if (motion) motion.addEventListener('change', function () { write('motion', motion.checked); });
     if (look) look.addEventListener('change', function () { write('lookAtPointer', look.checked); });
+    if (languageSelect) {
+      languageSelect.addEventListener('change', function () {
+        write('language', core.cleanLanguage(languageSelect.value));
+        /**
+         * And the page follows AT ONCE rather than waiting for the snapshot to come back: the change is a label
+         * change, not a control edit, so it is safe to repaint even though this select still has focus. The status
+         * line is not part of `repaintLanguage` (it describes the PET), so it is re-read here too.
+         */
+        if (applyLanguage()) repaintLanguage();
+        refreshStatus();
+      });
+    }
     if (size) {
       size.addEventListener('input', function () {
         write('size', Number(size.value));
@@ -2907,6 +3783,7 @@
     if (motion) motion.checked = preferences.motion !== false;
     if (look) look.checked = preferences.lookAtPointer !== false;
     if (hidden) hidden.checked = preferences.hidden === true;
+    if (languageSelect) languageSelect.value = core.cleanLanguage(preferences.language);
     syncBoth();
     syncSleep();
     writeSize();
@@ -2932,6 +3809,14 @@
    */
   var speechRows = {};
   var speechLlm = null;
+  /**
+   * `showSpeech` and the 试一句 picker, kept so a language change can re-label both.
+   *
+   * The rows above are built ONCE (`renderSpeechStates`), so their labels and the picker's options cannot be
+   * repainted by a re-render — see `relabelSpeechStates`, which is the one hop that reaches them.
+   */
+  var speechShow = null;
+  var speechTestState = null;
   /**
    * The provider whose MODEL LIST the last `/vrmpet3d/llm` answer carried, and the providers asked about.
    *
@@ -2983,10 +3868,11 @@
 
   /** One state's name as this page says it; 空闲 carries the idle remark, which has no state of its own. */
   function speechStateName(state) {
-    return {
-      resting: '空闲 / 静息态', working: '工作中', waiting: '等待确认',
-      done: '任务完成', error: '出错', offline: '离线',
-    }[state] || state;
+    var key = {
+      resting: 'speechStateResting', working: 'stateWorking', waiting: 'stateWaiting',
+      done: 'stateDone', error: 'stateError', offline: 'stateOffline',
+    }[state];
+    return key ? t(key) : state;
   }
 
   /** Show or hide one of the AI rows; `hidden` alone would lose to `.row{display:flex}`. */
@@ -3034,19 +3920,13 @@
    * never silence in any source. Until that day the shipped table was switched off by choosing 自定义/AI (2026-10-11) and
    * these labels said 「不说话」 for one of them, which is exactly what a busy model made the whole pet do.
    */
-  var EMPTY_LINES_LABEL = {
-    builtin: '用内置短语',
-    custom: '用内置短语',
-    ai: '用内置 AI 生成提示词',
-  };
-  var EMPTY_LINES_PLACEHOLDER = {
-    builtin: '留空则用内置短语',
-    custom: '留空则用内置短语',
-    ai: '留空则用内置 AI 提示词生成一句（生成期间先显示内置短语）',
-  };
-  var emptyLinesLabel = function (source) {
-    return EMPTY_LINES_LABEL[source] || EMPTY_LINES_LABEL.builtin;
-  };
+  function emptyLinesLabel(source) {
+    return source === 'ai' ? t('emptyLinesAi') : t('emptyLinesBuiltin');
+  }
+
+  function emptyLinesPlaceholder(source) {
+    return source === 'ai' ? t('emptyLinesPlaceholderAi') : t('emptyLinesPlaceholderBuiltin');
+  }
 
   /**
    * Build the per-state boxes ONCE, then write into them.
@@ -3085,21 +3965,22 @@
       body.className = 'speech-body';
       var linesLabel = document.createElement('span');
       linesLabel.className = 'speech-label';
-      linesLabel.textContent = '台词（一行一条）';
+      linesLabel.textContent = t('linesLabel');
       var lines = document.createElement('textarea');
       lines.className = 'speech-lines';
       lines.rows = 3;
       lines.spellcheck = false;
       // Written per SOURCE in `showSpeech`, which runs on every change and on every settings snapshot.
-      lines.placeholder = EMPTY_LINES_PLACEHOLDER.builtin;
+      lines.placeholder = t('emptyLinesPlaceholderBuiltin');
       var promptLabel = document.createElement('span');
       promptLabel.className = 'speech-label';
-      promptLabel.textContent = 'AI 生成提示词';
+      promptLabel.textContent = t('promptLabel');
       var prompt = document.createElement('input');
       prompt.type = 'text';
       prompt.className = 'speech-prompt';
       prompt.spellcheck = false;
-      prompt.placeholder = (core.DEFAULT_SPEECH_PROMPTS || {})[state] || '现在说一句。';
+      // The instruction itself is core's own shipped prompt (Chinese, and sent to the model); only the fallback is ours.
+      prompt.placeholder = (core.DEFAULT_SPEECH_PROMPTS || {})[state] || t('defaultSpeechPrompt');
       body.appendChild(linesLabel);
       body.appendChild(lines);
       body.appendChild(promptLabel);
@@ -3107,10 +3988,43 @@
       details.appendChild(body);
       wrap.appendChild(details);
       list.appendChild(wrap);
-      speechRows[state] = { details: details, count: count, lines: lines, prompt: prompt };
+      speechRows[state] = {
+        details: details, name: name, count: count,
+        linesLabel: linesLabel, promptLabel: promptLabel,
+        lines: lines, prompt: prompt,
+      };
     });
   }
 
+  /**
+   * The 碎碎念 rows' own labels after a language change — the ONE section `renderAll` cannot repaint.
+   *
+   * `renderSpeechStates` builds its rows ONCE, and that guard is load-bearing: rebuilding would close the boxes the
+   * user has open and take the caret out of the one being typed in. So its two static labels and its six state names
+   * would keep the old language for the rest of the session. Rather than forcing a rebuild, this hop rewrites the
+   * handful of text nodes the row owns — no box's VALUE is touched — and then asks `showSpeech` to re-derive the
+   * counts and the grey placeholders, which are written per SOURCE and were never cached.
+   *
+   * The 试一句 picker is here for the same reason: its options are built once, in `bindSpeechControls`.
+   */
+  function relabelSpeechStates() {
+    (core.SPEECH_STATES || []).forEach(function (state) {
+      var row = speechRows[state];
+      if (!row) return;
+      if (row.name) row.name.textContent = speechStateName(state);
+      if (row.linesLabel) row.linesLabel.textContent = t('linesLabel');
+      if (row.promptLabel) row.promptLabel.textContent = t('promptLabel');
+      // The instruction itself is core's shipped prompt (Chinese, and sent to the model); only the fallback is ours.
+      if (row.prompt) row.prompt.placeholder = (core.DEFAULT_SPEECH_PROMPTS || {})[state] || t('defaultSpeechPrompt');
+    });
+    if (speechTestState) {
+      Array.prototype.forEach.call(speechTestState.options, function (option) {
+        option.textContent = speechStateName(option.value);
+      });
+    }
+    if (speechShow) speechShow();
+  }
+
   function bindSpeechControls() {
     var enabled = element('pref-speech');
     var hold = element('pref-speech-hold');
@@ -3202,7 +4116,7 @@
        * '用内置短语'了，应该是写'用内置AI生成提示词'").
        */
       var emptyLabel = emptyLinesLabel(speech.source);
-      var emptyPlaceholder = EMPTY_LINES_PLACEHOLDER[speech.source] || EMPTY_LINES_PLACEHOLDER.builtin;
+      var emptyPlaceholder = emptyLinesPlaceholder(speech.source);
       (core.SPEECH_STATES || []).forEach(function (state) {
         var row = speechRows[state];
         if (!row) return;
@@ -3211,7 +4125,7 @@
         if (document.activeElement !== row.lines) row.lines.value = lines.join('\n');
         if (document.activeElement !== row.prompt) row.prompt.value = speech.ai.prompts[state] || '';
         if (row.lines.placeholder !== emptyPlaceholder) row.lines.placeholder = emptyPlaceholder;
-        row.count.textContent = lines.length ? lines.length + ' 条' : emptyLabel;
+        row.count.textContent = lines.length ? fill(t('lineCount'), { n: lines.length }) : emptyLabel;
       });
       if (provider) provider.value = speech.ai.provider;
       var custom = speech.ai.provider === 'custom';
@@ -3301,15 +4215,15 @@
           }
           if (llmNote) {
             var parts = [dsh.available
-              ? 'DSH 的 LLM 服务可用（' + (dsh.providers || []).length + ' 个 provider）'
-              : '这个 DSH 没有可用的 LLM 服务，AI 碎碎念只能用自定义 Provider'];
-            if (dsh.available && !(dsh.providers || []).length) parts.push('还没有配置任何 provider');
+              ? fill(t('llmAvailable'), { n: (dsh.providers || []).length })
+              : t('llmUnavailable')];
+            if (dsh.available && !(dsh.providers || []).length) parts.push(t('noProviders'));
             if (dsh.available && dsh.provider && !(dsh.models || []).length) {
-              parts.push('这个 provider 没有返回任何模型');
+              parts.push(t('providerNoModels'));
             }
-            if (dsh.error) parts.push('读取失败：' + dsh.error);
-            parts.push('自定义 Provider 用 OpenAI 兼容的 /chat/completions。');
-            llmNote.textContent = parts.join('；');
+            if (dsh.error) parts.push(t('readFailedPrefix') + dsh.error);
+            parts.push(t('customProviderNote'));
+            llmNote.textContent = parts.join(t('noteJoin'));
           }
           showSpeech();
           /**
@@ -3332,7 +4246,7 @@
           publish();
         })
         .catch(function () {
-          if (llmNote) llmNote.textContent = '读不到 provider 列表（宿主没有回应）。';
+          if (llmNote) llmNote.textContent = t('llmNoAnswer');
         });
     };
 
@@ -3469,7 +4383,7 @@
     if (testButton) {
       testButton.addEventListener('click', function () {
         var state = testState && (core.SPEECH_STATES || []).indexOf(testState.value) !== -1 ? testState.value : 'working';
-        showTestResult('生成中…', false);
+        showTestResult(t('generating'), false);
         // One at a time: the host refuses a second call while the first is running, and that refusal would
         // otherwise land on top of the answer the user is waiting for.
         testButton.disabled = true;
@@ -3478,25 +4392,31 @@
           method: 'POST',
           headers: { 'content-type': 'application/json' },
           credentials: 'omit',
-          body: JSON.stringify({ state: state, language: 'zh' }),
+          // The HOST answers in this language, so the test line reads like the pet the user is configuring.
+          body: JSON.stringify({ state: state, language: language }),
         }).then(function (response) { return response.json(); })
           .then(function (body) {
             settle();
             if (body && body.text) {
-              showTestResult('「' + body.text + '」' + (Number.isFinite(body.ms) ? '（' + body.ms + ' ms）' : ''), false);
+              showTestResult(t('quoteOpen') + body.text + t('quoteClose')
+                + (Number.isFinite(body.ms) ? fill(t('msParen'), { ms: body.ms }) : ''), false);
             } else {
-              showTestResult('失败：' + ((body && body.error) || '宿主没有回应'), true);
+              showTestResult(t('failedPrefix') + ((body && body.error) || t('hostNoAnswer')), true);
             }
           })
           .catch(function (error) {
             settle();
-            showTestResult('失败：' + (error && error.message), true);
+            showTestResult(t('failedPrefix') + (error && error.message), true);
           });
       });
     }
 
     renderSpeechStates();
     showSpeech();
+    // The two handles a language change needs: `showSpeech` re-derives the counts and the grey placeholders from
+    // the source, and the 试一句 picker's options are built once and carry state names.
+    speechShow = showSpeech;
+    speechTestState = testState;
     loadLlm(core.cleanSpeech(preferences.speech).ai.dshProvider || '');
   }
 
@@ -3506,16 +4426,17 @@
    * Both are SETTINGS rather than constants in the renderer (they were `GAZE_CURVE_EDGE_SLOPE` and a fixed
    * span), because the right shape depends on the display and on the person: on a wide monitor the default
    * span makes the head turn very little, and anyone who wants it livelier lowers the curve's edge slope
-   * instead of reaching for a different pet. `0` in either span field means AUTO — the frame's own width —
+   * instead of reaching for a different pet. `0` in either span field means AUTO — half the screen width —
    * and the hint under the row says which number that resolves to for the floating window.
    */
   function bindGazeControls() {
-    var curve = element('pref-gaze-curve');
-    var curveValue = element('pref-gaze-curve-value');
-    var curveReset = element('pref-gaze-curve-reset');
+    var curveMode = element('pref-gaze-mode');
     var spanX = element('pref-gaze-span-x');
     var spanY = element('pref-gaze-span-y');
     var spanReset = element('pref-gaze-span-reset');
+    var pitchUp = element('pref-gaze-pitch-up');
+    var pitchDown = element('pref-gaze-pitch-down');
+    var pitchReset = element('pref-gaze-pitch-reset');
     var idle = element('pref-gaze-idle');
     var idleReset = element('pref-gaze-idle-reset');
     // The draught's four numbers live in the same section — one place for everything that answers "how does the
@@ -3536,9 +4457,20 @@
       persist();
     };
     var showCurve = function () {
-      var slope = Number(preferences.gazeCurve);
-      if (curveValue) curveValue.textContent = slope.toFixed(2) + (slope >= 0.995 ? '（直线）' : '');
-      if (curve) curve.value = String(Math.round(slope * 100));
+      if (curveMode) curveMode.value = preferences.gazeCurveMode;
+      var radial = element('gaze-curves-radial');
+      if (radial) radial.hidden = preferences.gazeCurveMode !== 'radial';
+      var spatial = element('gaze-curves-spatial');
+      if (spatial) spatial.hidden = preferences.gazeCurveMode !== 'spatial';
+      var distance = element('pref-gaze-distance');
+      if (distance) distance.value = String(preferences.gazeDistance);
+      [['radial', 'gazeCurveRadial'], ['spatial', 'gazeCurveSpatial']].forEach(function (entry) {
+        var control = element('pref-gaze-curve-' + entry[0]);
+        var value = element('pref-gaze-curve-' + entry[0] + '-value');
+        var current = preferences[entry[1]];
+        if (control) control.value = String(Math.round(current * 100));
+        if (value) value.textContent = current.toFixed(2) + (current >= 0.995 ? t('straightLine') : '');
+      });
     };
     var showSpans = function () {
       if (spanX) spanX.value = String(Math.round(Number(preferences.gazeSpanX) || 0));
@@ -3560,25 +4492,28 @@
       var radius = Number(preferences.windRadius);
       if (windRadiusValue) {
         windRadiusValue.textContent = Math.round((Number.isFinite(radius) ? radius : 0) * 100) + '%'
-          + (radius <= 0 ? '（全局）' : '');
+          + (radius <= 0 ? t('globalRadius') : '');
       }
       if (windRadius) windRadius.value = String(Math.round((Number.isFinite(radius) ? radius : 0) * 100));
       if (windDecay) windDecay.value = String(Number(preferences.windDecay));
       if (windSpeed) windSpeed.value = String(Math.round(Number(preferences.windSpeedForMax)));
     };
 
-    if (curve) {
-      curve.addEventListener('input', function () {
-        write('gazeCurve', Number(curve.value) / 100);
-        showCurve();
-      });
-    }
-    if (curveReset) {
-      curveReset.addEventListener('click', function () {
-        write('gazeCurve', core.DEFAULTS.gazeCurve);
-        showCurve();
-      });
-    }
+    if (curveMode) curveMode.onchange = function () { write('gazeCurveMode', curveMode.value === 'radial' ? 'radial' : 'spatial'); showCurve(); };
+    [['radial', 'gazeCurveRadial'], ['spatial', 'gazeCurveSpatial']].forEach(function (entry) {
+      var control = element('pref-gaze-curve-' + entry[0]);
+      var reset = element('pref-gaze-curve-' + entry[0] + '-reset');
+      if (control) control.oninput = function () { write(entry[1], Number(control.value) / 100); showCurve(); };
+      if (reset) reset.onclick = function () { write(entry[1], core.DEFAULTS[entry[1]]); showCurve(); };
+    });
+    var targetDistance = element('pref-gaze-distance');
+    var targetDistanceReset = element('pref-gaze-distance-reset');
+    if (targetDistance) targetDistance.onchange = function () {
+      var value = targetDistance.valueAsNumber;
+      write('gazeDistance', Number.isFinite(value) ? Math.max(0.1, Math.min(5, value)) : core.DEFAULTS.gazeDistance);
+      showCurve();
+    };
+    if (targetDistanceReset) targetDistanceReset.onclick = function () { write('gazeDistance', core.DEFAULTS.gazeDistance); showCurve(); };
     if (spanX) {
       spanX.addEventListener('change', function () {
         write('gazeSpanX', Math.max(0, Number(spanX.value) || 0));
@@ -3665,6 +4600,24 @@
       });
     }
     showCurve();
+    function showPitch() {
+      if (pitchUp) pitchUp.value = String(Math.round(preferences.gazePitchUp * 10) / 10);
+      if (pitchDown) pitchDown.value = String(Math.round(preferences.gazePitchDown * 10) / 10);
+    }
+    [[pitchUp, 'gazePitchUp'], [pitchDown, 'gazePitchDown']].forEach(function (entry) {
+      if (!entry[0]) return;
+      entry[0].onchange = function () {
+        var value = entry[0].valueAsNumber;
+        write(entry[1], Number.isFinite(value) ? Math.max(0, Math.min(60, value)) : core.DEFAULTS[entry[1]]);
+        showPitch();
+      };
+    });
+    function setPitch(up, down) {
+      preferences.gazePitchUp = up; preferences.gazePitchDown = down;
+      persist(); showPitch();
+    }
+    if (pitchReset) pitchReset.onclick = function () { setPitch(core.DEFAULTS.gazePitchUp, core.DEFAULTS.gazePitchDown); };
+    showPitch();
     showSpans();
     showIdle();
     showWind();
@@ -3682,7 +4635,7 @@
       .then(function (response) { return response.ok ? response.json() : null; })
       .then(function (status) {
         if (!status) {
-          setStatus('悬浮窗不可用（宿主没有提供 /vrmpet3d/desktop）；app 内的宠物仍会跟随这些设置。');
+          setStatus(t('floatingUnavailable'));
           return null;
         }
         var page = status.page || {};
@@ -3690,25 +4643,28 @@
         // Say what each surface is showing, because that is what a spring override is keyed by: a user
         // configuring a model nobody is showing would otherwise see sliders that do nothing.
         var parts = [];
-        parts.push('模型 ' + modelIdInUse() + '（两个界面共用）');
-        parts.push('悬浮窗 ' + (status.running ? '运行中' : '未开启'));
+        parts.push(fill(t('statusModel'), { model: modelIdInUse() }));
+        parts.push(fill(t('statusWindow'), { state: status.running ? t('windowRunning') : t('windowOff') }));
         setStatus(parts.join(' · '));
         var shown = status.running
-          ? '悬浮窗运行中' + (page.ready ? '（已渲染，模型 ' + (status.modelId || '?') + '）' : '（页面还没就绪）')
-          : '悬浮窗未开启';
-        setStatus('当前模型：' + modelIdInUse() + ' · ' + shown + ' · app 内宠物同样跟随设置');
+          ? (page.ready
+            ? fill(t('windowRenderedReady'), { model: status.modelId || '?' })
+            : t('windowRenderedNotReady'))
+          : t('windowNotOpen');
+        setStatus(fill(t('currentModelLine'), { model: modelIdInUse(), window: shown }));
         // What "自动" resolves to, for the surface the user is most likely looking at. The host reports the
         // work area, and the floating pet's horizontal full deflection IS that width.
         var auto = element('pref-gaze-span-auto');
         if (auto) {
-          var work = status.display && status.display.workArea ? Math.round(status.display.workArea.width) : 0;
-          auto.textContent = work > 0 ? '（当前 ' + work + ' px）' : '（宿主没有报告屏幕尺寸）';
+          var work = status.page && status.page.gaze && Number.isFinite(status.page.gaze.autoSpan) ? Math.round(status.page.gaze.autoSpan) :
+            status.display && status.display.workArea ? Math.round(status.display.workArea.width / 2) : 0;
+          auto.textContent = work > 0 ? fill(t('spanNow'), { px: work }) : t('noScreenSize');
         }
         showAppliedGaze(status);
         return status;
       })
       .catch(function () {
-        setStatus('未能读取悬浮窗状态；改动仍会写入设置。', 'warn');
+        setStatus(t('statusReadFailed'), 'warn');
         return null;
       });
   }
@@ -3732,6 +4688,8 @@
     } else {
       live.appliedGaze = {
         curve: Number(gaze.curve),
+        curveY: Number.isFinite(gaze.curveY) ? gaze.curveY : Number(gaze.curve),
+        mode: gaze.mode === 'radial' ? 'radial' : 'spatial',
         spanX: Math.round(Number(gaze.spanX) || 0),
         spanY: Math.round(Number(gaze.spanY) || 0),
         aim: { x: Number((gaze.aim && gaze.aim.x) || 0), y: Number((gaze.aim && gaze.aim.y) || 0) },
@@ -3739,19 +4697,24 @@
     }
     if (!host) return;
     if (!status || !status.running) {
-      host.textContent = '悬浮窗未开启：看不到实时数值，但设置已经写入，app 内的宠物同样使用它。';
+      host.textContent = t('gazeNotRunning');
       return;
     }
     if (!live.appliedGaze) {
       // A window from before this diagnostic existed: say so rather than showing a stale number.
-      host.textContent = '悬浮窗还没有报告视线数值（重启悬浮窗后这里会显示它实际使用的曲率与朝向）。';
+      host.textContent = t('gazeNoReport');
       return;
     }
     var aim = live.appliedGaze;
-    host.textContent = '渲染器正在使用：曲率 ' + aim.curve.toFixed(2)
-      + ' · 满偏 ' + aim.spanX + '×' + aim.spanY + ' px'
-      + ' · 当前视线 ' + aim.aim.x.toFixed(2) + ', ' + aim.aim.y.toFixed(2)
-      + '（每 2 秒读取一次；如果它随滑杆变化，就说明改动已经到达渲染器）';
+    host.textContent = fill(t('gazeApplied'), {
+      curve: aim.mode === 'spatial' ? t('gazeSpatial') + ' ' + aim.curve.toFixed(2)
+        : aim.mode === 'radial' ? t('gazeRadial') + ' ' + aim.curve.toFixed(2)
+        : t('gazeAxes') + ' ' + aim.curve.toFixed(2) + ' / ' + aim.curveY.toFixed(2),
+      spanX: aim.spanX,
+      spanY: aim.spanY,
+      aimX: aim.aim.x.toFixed(2),
+      aimY: aim.aim.y.toFixed(2),
+    });
   }
 
   function bindModelSelect() {
@@ -3979,14 +4942,15 @@
            * says whether the pet would say it right now (operator, 2026-10-12: "如果设置了AI碎碎念，就停止输出内置的碎碎念").
            *
            * Since 2026-10-14 the table has TWO pools per region (点击 / 长按), so the readout publishes both — `lines`
-           * is the click pool and `holdLines` the long-press one, both in Chinese, which is the language this page
-           * speaks. It reads them with `tableAllowed` TRUE for the reason above: a readout is not a source.
+           * is the click pool and `holdLines` the long-press one, both in the RESOLVED language, because a readout of
+           * what a line would say has to be in the language the page is drawing in. It reads them with `tableAllowed`
+           * TRUE for the reason above: a readout is not a source.
            */
           builtinSpeech: items.filter(function (item) {
             return !item.speech.lines.length && !item.speech.prompt;
           }).map(function (item) {
-            var builtinLines = core.partSpeechLines ? core.partSpeechLines(item, true, 'zh', 'click') : [];
-            var builtinHold = core.partSpeechLines ? core.partSpeechLines(item, true, 'zh', 'hold') : [];
+            var builtinLines = core.partSpeechLines ? core.partSpeechLines(item, true, language, 'click') : [];
+            var builtinHold = core.partSpeechLines ? core.partSpeechLines(item, true, language, 'hold') : [];
             var builtinPrompt = core.partSpeechPrompt ? core.partSpeechPrompt(item) : '';
             if (!builtinLines.length && !builtinHold.length && !builtinPrompt) return null;
             return {
@@ -4127,7 +5091,7 @@
         /**
          * What an EMPTY box currently says, and in whose words.
          *
-         * Published because it is a LABEL that has to follow the source (`EMPTY_LINES_LABEL`), and a label that drifts
+         * Published because it is a LABEL that has to follow the source (`emptyLinesLabel`), and a label that drifts
          * back to 「用内置短语」 while the source is AI is exactly the confusion the operator reported: "AI碎碎念开启后，
          * 面板里的各种状态后面就不应该写'用内置短语'了，应该是写'用内置AI生成提示词'."
          */
@@ -4216,10 +5180,10 @@
        * which it is. The resolved spans are what "auto" currently means, so the number is checkable.
        */
       gaze: {
-        controls: Boolean(element('pref-gaze-curve') && element('pref-gaze-span-x') && element('pref-gaze-span-y')),
-        curve: Number(preferences.gazeCurve),
-        spanX: core.resolveGazeSpan(preferences.gazeSpanX, 0),
-        spanY: core.resolveGazeSpan(preferences.gazeSpanY, 0),
+        controls: Boolean(element('pref-gaze-mode') && element('pref-gaze-curve-spatial') && element('pref-gaze-curve-radial') && element('pref-gaze-span-x') && element('pref-gaze-span-y')),
+        curve: Number(preferences.gazeCurveMode === 'radial' ? preferences.gazeCurveRadial : preferences.gazeCurveSpatial),
+        spanX: core.resolveGazeSpan(preferences.gazeSpanX, Number(globalThis.screen && globalThis.screen.width) || 0),
+        spanY: core.resolveGazeSpan(preferences.gazeSpanY, Number(globalThis.screen && globalThis.screen.width) || 0),
         // The readout of what the RENDERER applies, and the numbers behind it: `applied` is null until the
         // first /vrmpet3d/desktop answer lands, which is why a check asserts the element exists rather than a
         // value that depends on a running window.
@@ -4405,14 +5369,14 @@
         statusTexts: (function () {
           var out = {};
           (core.STATUS_STATES || []).forEach(function (state) {
-            out[state] = core.statusLineFor(preferences, state);
+            out[state] = core.statusLineFor(preferences, state, language);
           });
           return out;
         })(),
         statusAnimations: (function () {
           var out = {};
           (core.STATUS_STATES || []).forEach(function (state) {
-            out[state] = core.statusEntryFor(preferences, state).animation;
+            out[state] = core.statusEntryFor(preferences, state, language).animation;
           });
           return out;
         })(),
@@ -4444,6 +5408,16 @@
     };
   }
 
+  /**
+   * THE LANGUAGE, before anything draws.
+   *
+   * `tagFixedRows` first (the two rows whose attributes cannot live in the markup — see it), then one
+   * `applyLanguage`, because every renderer below reads `t()` and the static labels are written by the sweep in
+   * there. A change made later comes back through the same pair — see the 界面语言 control and `adoptSnapshot`.
+   */
+  tagFixedRows();
+  applyLanguage();
+
   bindBehaviourControls();
   bindParts();
   bindPreferenceControls();
@@ -4465,7 +5439,7 @@
     if (!button) return;
     button.addEventListener('click', function () {
       var fallback = function (reason) {
-        if (note) note.textContent = reason || '已在新标签页里打开引导。';
+        if (note) note.textContent = reason || t('setupOpenedTab');
         try { globalThis.open('/vrmpet3d/setup', '_blank'); } catch (error) { /* the user can open it by hand */ }
       };
       fetch('/vrmpet3d/desktop', {
@@ -4474,9 +5448,9 @@
         headers: { 'content-type': 'application/json' },
         body: JSON.stringify({ action: 'setup' }),
       }).then(function (response) {
-        if (!response.ok) { fallback('启动器没能打开窗口，改在新标签页里打开。'); return; }
-        if (note) note.textContent = '引导已在新窗口里打开。';
-      }).catch(function () { fallback('宿主没有提供 /vrmpet3d/desktop。'); });
+        if (!response.ok) { fallback(t('setupFallbackTab')); return; }
+        if (note) note.textContent = t('setupOpenedWindow');
+      }).catch(function () { fallback(t('setupNoHost')); });
     });
   })();
   bindModelSelect();
@@ -4570,8 +5544,18 @@
       pendingLlmChoice = null;
       writeLlmChoice(held);
     }
-    if (busyWithAControl()) return;
-    renderAll();
+    /**
+     * THE LANGUAGE, re-resolved on every snapshot — before either of the two render decisions below.
+     *
+     * It is asked FIRST because a change made in another window (or by this one, which then polls) has to reach the
+     * screen even while a control here has focus: `busyWithAControl` exists to keep a repaint from yanking a slider
+     * out from under a drag, and a label change cannot do that. So a language that really moved repaints through
+     * `repaintLanguage` (which includes the three sections `renderAll` owns plus the ones that live on their own
+     * loaders), and the ordinary poll still does nothing but `renderAll` when nothing changed.
+     */
+    var languageMoved = applyLanguage();
+    if (busyWithAControl() && !languageMoved) return;
+    if (languageMoved) repaintLanguage(); else renderAll();
     refreshStatus();
     publish();
   }
@@ -4619,6 +5603,41 @@
     }
   }
 
+  /**
+   * The two rows whose MARKUP may not carry their `data-i18n` attributes in the file, so they get them here.
+   *
+   * 调试模式 is stripped from release builds by `scripts/make-release-pages.mjs`, which matches the whole row —
+   * comment included — as ONE literal block: a new attribute in the source would make that transform refuse to run.
+   *
+   * 碎碎念's 免责说明 is read by `verify-desktop.mjs` by matching its opening tag with the class and the id in that
+   * exact order and spelling, and the copy is then measured against the guide's longer one — so neither an extra
+   * attribute nor a wrapping `<span>` can go in the file.
+   *
+   * Both are still translated, exactly like every other row: the attributes go on BEFORE the first `applyLanguage`
+   * (see the boot below), and every later pass treats them as markup it always had. On a release build the 调试模式
+   * lookups simply find nothing, which is what the transform intends.
+   */
+  function tagFixedRows() {
+    var label = document.querySelector('label[for="pref-both"]');
+    if (label) label.setAttribute('data-i18n', 'debugMode');
+    var box = element('pref-both');
+    var wrap = box ? box.parentNode : null;
+    if (wrap) {
+      // The checkbox's own label is a bare text node beside the input; it becomes a span so it can be marked.
+      for (var i = wrap.childNodes.length - 1; i >= 0; i -= 1) {
+        var node = wrap.childNodes[i];
+        if (node.nodeType !== 3 || !node.nodeValue.trim()) continue;
+        var span = document.createElement('span');
+        span.setAttribute('data-i18n', 'debugModeBox');
+        span.textContent = node.nodeValue.trim();
+        wrap.replaceChild(span, node);
+        break;
+      }
+    }
+    var disclaimer = element('speech-disclaimer');
+    if (disclaimer) disclaimer.setAttribute('data-i18n-html', 'speechDisclaimer');
+  }
+
   /**
    * TWO PAGES, TWO ROUTES — the split, second attempt (operator, 2026-10-11, and again the same day).
    *
@@ -4657,7 +5676,7 @@
          * control silently do nothing on such a host — a worse failure than the one it guards.
          */
         hasSnapshot = true;
-        setStatus('当前宿主没有 /vrmpet3d/settings：设置只保存在这个页面所在的存储里。', 'warn');
+        setStatus(t('settingsUnsupported'), 'warn');
       },
     });
   } else {