dsh-boot-suite 2.16.2 → 2.16.8

package/CHANGELOG.md

@@ -1,3 +1,43 @@
+## [2.16.8] — 2026-11-04
+
+- 聊天背景新增第二张内置背景「黑发雪夜战术少女」（`lib/assets/builtin-background-snowgirl.png`）：设置 → 聊天背景 → 背景图里会多一张可点选，默认仍用原默认背景，不覆盖用户已选。
+- 聊天背景设置面板：内置背景条目支持多张（`id` / `builtinId`），当前选中项按 id 精确高亮；「当前状态」显示对应内置名称。
+- 掉线彩蛋底图沿用上一版替换后的图片。
+- 版本 2.16.8，构建号 cw-74。
+
+## [2.16.7] — 2026-11-04
+
+- 新增「视频原声」开关：第一幕、第二幕各一个，可分别决定是否播放视频自带的配音/音乐（默认静音，保持原有行为）。适合把配好音的导入动画当第二幕使用；打开后视频原声与背景音乐同时响，建议只开一个。
+- 未静音视频若被浏览器自动播放策略拦下，会自动退回静音再播，保证画面不会卡住。
+- 掉线彩蛋底图换成「黑发雪夜战术少女」。
+- 版本 2.16.7，构建号 cw-73。
+
+## [2.16.6] — 2026-11-04
+
+- 修复「第一幕是 iframe 模板（全景大肥鱼-含彩蛋版）时，第二幕永远不播」：`lib/splash.js` 的 iframe 分支此前在模板结束后直接收尾，绕过了 `playSecondTemplate()`；现在 iframe 收尾前先接管第二幕，再走退场转场。
+- 无第二幕时行为不变（直接退场）；第二幕的衔接/退场转场仍按设置生效。
+- 版本 2.16.6，构建号 cw-72。
+
+## [2.16.5] — 2026-11-04
+
+- 下拉菜单加不透明底：皮肤把 `--dsw-alias-bg-layer-2` 定义成半透明，菜单会透出背后的说明文字。现在改用近不透明的 `--dsw-alias-bg-overlay` 双层叠加（≈99%，跟随浅/深主题）+ 轻微背景模糊，选项清晰可读。
+- 悬停底色、选中项颜色补了 fallback，皮肤未定义对应 token 时也能正常高亮。
+- 版本 2.16.5，构建号 cw-71。
+
+## [2.16.4] — 2026-11-04
+
+- 修复 v2.16.3 的自绘下拉：10 条新样式少了开头的 `.`，实际没有生效——触发按钮的框消失、菜单没有外框、每个选项露出浏览器默认白边。
+- 现在触发按钮恢复原生 select 的边框/底色/内边距，下拉菜单整块是一个带边框和阴影的框（随皮肤 3D 面板倾斜），选项是紧凑的纯文字行（无白框），排版与原生下拉列表一致。
+- 版本 2.16.4，构建号 cw-70。
+
+## [2.16.3] — 2026-11-04
+
+- 设置页所有下拉（启动动画、聊天背景、配音音色、转场等）改为自绘菜单，不再用系统原生 `<select>`：原生弹层无法被 CSS 3D 变换作用，所以之前不跟封锁橙皮肤的倾斜面板。
+- 自绘菜单渲染在设置面板内部，自动继承面板的 `perspective(1000px) rotateY(-6.5deg) rotateX(1.6deg)`，展开时与面板同一个 3D 平面；默认皮肤和其他皮肤没有这段变换，菜单自然保持水平（无需额外检测）。
+- 下拉空间不足时自动向上展开；支持 Esc 关闭、点击外部关闭、滚动关闭，键盘可 Tab/Enter 操作。
+- 聊天背景的「图片适配 / 背景类型 / 播放模式 / 色彩模式」四个下拉同样改为自绘。
+- 版本 2.16.3，构建号 cw-69。
+
 ## [2.16.2] — 2026-11-03
 
 - **安装器代理加固**：开着代理安装时，pnpm 访问 npm registry 可能长时间卡在 [2/3]（用户实测等很久无响应，关代理马上恢复）。现在会先检测并提示（5 秒后自动继续），同时把 pnpm 的 fetch 超时收紧到 30 秒、失败后自动用国内镜像重试一次。

package/lib/client.js

@@ -60,7 +60,17 @@ window.__ModuleLoader__.load({
       '.__ss_err{font-size:12px;color:var(--dsw-alias-state-error-primary,#f85149)}',
       '.__ss_swatch{width:38px;height:26px;padding:0;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:transparent;cursor:pointer}',
       '.__ss_preview{margin-top:2px;border:1px dashed var(--dsw-alias-border-l2);border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}',
-      '.__ss_previewText{font-size:12px;color:var(--dsw-alias-label-tertiary);line-height:1.5}'
+      '.__ss_previewText{font-size:12px;color:var(--dsw-alias-label-tertiary);line-height:1.5}',
+      '.__ss_selectWrap{position:relative;display:inline-block;min-width:180px;max-width:100%}',
+      '.__ss_select{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;cursor:pointer;text-align:left}',
+      '.__ss_select.is-open{border-color:var(--dsw-alias-state-business-primary)}',
+      '.__ss_selectLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+      '.__ss_selectCaret{flex:none;opacity:.7;font-size:11px}',
+      '.__ss_selectMenu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;display:flex;flex-direction:column;gap:0;padding:4px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background-color:#1b1d22;background-image:linear-gradient(var(--dsw-alias-bg-overlay, rgba(22,23,27,.95)), var(--dsw-alias-bg-overlay, rgba(22,23,27,.95))),linear-gradient(var(--dsw-alias-bg-overlay, rgba(22,23,27,.95)), var(--dsw-alias-bg-overlay, rgba(22,23,27,.95)));backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(0,0,0,.45);max-height:280px;overflow:auto;box-sizing:border-box}',
+      '.__ss_selectMenu.is-up{top:auto;bottom:calc(100% + 4px)}',
+      '.__ss_selectItem{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--dsw-alias-label-primary);border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;cursor:pointer}',
+      '.__ss_selectItem:hover{background:var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,.12))}',
+      '.__ss_selectItem.is-on{color:var(--dsw-alias-state-business-primary, var(--dsw-alias-brand-primary, #e6762b));font-weight:600}'
     ].join('')
     var tagId = 'dsh-startup-screen/main.css'
     if (typeof document !== 'undefined' && document.querySelector('style[data-plugin-css="' + tagId + '"]') === null) {
@@ -93,13 +103,109 @@ window.__ModuleLoader__.load({
     }
 
     function Select(props) {
-      return h('select', {
-        className: '__ss_select',
-        value: props.value,
-        onChange: (e) => props.onChange(e.target.value)
-      }, props.options.map((o) => h('option', { key: o[0], value: o[0] }, o[1])))
+      var openState = react.useState(false)
+      var open = openState[0]
+      var setOpen = openState[1]
+      var upState = react.useState(false)
+      var openUp = upState[0]
+      var setOpenUp = upState[1]
+      var wrapRef = react.useRef(null)
+      var btnRef = react.useRef(null)
+      var opts = props.options || []
+      var cur = opts.find(function (o) { return String(o[0]) === String(props.value) }) || opts[0] || ['', '']
+      var label = cur[1]
+
+      function measure() {
+        var el = btnRef.current
+        if (!el) return
+        var r = el.getBoundingClientRect()
+        var topLimit = 8
+        var bottomLimit = (window.innerHeight || 800) - 8
+        var node = el.parentNode
+        while (node && node.nodeType === 1 && node !== document.body) {
+          var st = window.getComputedStyle(node)
+          if (/(auto|scroll)/.test(st.overflowY) && node.clientHeight > 0) {
+            var nr = node.getBoundingClientRect()
+            topLimit = Math.max(topLimit, nr.top + 2)
+            bottomLimit = Math.min(bottomLimit, nr.bottom - 2)
+            break
+          }
+          node = node.parentNode
+        }
+        var below = bottomLimit - r.bottom
+        var above = r.top - topLimit
+        var useUp = below < 280 && above > below
+        setOpenUp(useUp)
+        var maxH = Math.max(120, Math.min(280, (useUp ? above : below) - 8))
+        if (wrapRef.current) {
+          wrapRef.current.style.setProperty('--ss-menu-max', maxH + 'px')
+          var menu = wrapRef.current.querySelector('.__ss_selectMenu')
+          if (menu) menu.style.maxHeight = maxH + 'px'
+        }
+      }
+
+      react.useEffect(function () {
+        if (!open) return
+        measure()
+        function onDocDown(e) {
+          if (!wrapRef.current) return
+          if (!wrapRef.current.contains(e.target)) setOpen(false)
+        }
+        function onKey(e) {
+          if (e.key === 'Escape') {
+            setOpen(false)
+            try { btnRef.current.focus() } catch (err) {}
+          }
+        }
+        function onScroll(e) {
+          if (!wrapRef.current) return
+          if (!wrapRef.current.contains(e.target)) setOpen(false)
+        }
+        document.addEventListener('mousedown', onDocDown, true)
+        document.addEventListener('keydown', onKey, true)
+        window.addEventListener('scroll', onScroll, true)
+        return function () {
+          document.removeEventListener('mousedown', onDocDown, true)
+          document.removeEventListener('keydown', onKey, true)
+          window.removeEventListener('scroll', onScroll, true)
+        }
+      }, [open])
+
+      return h('div', { className: '__ss_selectWrap' + (open ? ' is-open' : ''), ref: wrapRef },
+        h('button', {
+          className: '__ss_select' + (open ? ' is-open' : ''),
+          type: 'button',
+          ref: btnRef,
+          'aria-haspopup': 'listbox',
+          'aria-expanded': open ? 'true' : 'false',
+          onClick: function () { setOpen(!open) }
+        },
+          h('span', { className: '__ss_selectLabel' }, label),
+          h('span', { className: '__ss_selectCaret', 'aria-hidden': 'true' }, 'v')
+        ),
+        open ? h('div', {
+          className: '__ss_selectMenu' + (openUp ? ' is-up' : ''),
+          role: 'listbox',
+          style: { maxHeight: 'var(--ss-menu-max, 280px)' }
+        }, opts.map(function (o) {
+          var on = String(o[0]) === String(props.value)
+          return h('button', {
+            key: o[0],
+            type: 'button',
+            role: 'option',
+            'aria-selected': on ? 'true' : 'false',
+            className: '__ss_selectItem' + (on ? ' is-on' : ''),
+            onClick: function () {
+              setOpen(false)
+              if (on) return
+              props.onChange(o[0])
+            }
+          }, o[1])
+        })) : null
+      )
     }
 
+
     function Check(props) {
       return h('label', { className: '__ss_check' },
         h('input', {
@@ -256,7 +362,8 @@ window.__ModuleLoader__.load({
       colorMode: 'color',
       bgmEnabled: false, bgmFile: '', bgmFile2: '', bgmVolume: 0.5, bgmBpm: 100, bgmBeats1: 16, bgmBeats2: 32,
       bgm1Start: 0, bgm2Start: 0, bgm1FadeIn: 1, bgm1FadeOut: 1, bgm2FadeIn: 1, bgm2FadeOut: 2,
-      bgmCrossfade: 1200, bgmLoop: true, bgm2Loop: false, bgmDuck: true
+      bgmCrossfade: 1200, bgmLoop: true, bgm2Loop: false, bgmDuck: true,
+      act1VideoSound: false, act2VideoSound: false
     }
     function num(v, d) {
       var n = Number(v)
@@ -269,7 +376,7 @@ window.__ModuleLoader__.load({
           —— 桌面端走浏览器半侧自举时没有 1，就靠这一条
        3) 下面这个常量：两份都没拿到时的兜底，别让面板显示 undefined
        版本号本身只在 lib/index.js 里读一次，这里不重复维护。 */
-    var FALLBACK_VERSION = '2.16.2'
+    var FALLBACK_VERSION = '2.16.8'
     /* 手动选包成功后置 true：让还在后台跑的“浏览器下载监听”不要再弹第二次更新器 */
     var __manualUpdateApplied = false
     function readInjectedVersion() {
@@ -1160,6 +1267,12 @@ window.__ModuleLoader__.load({
               }, '删除该动画')
             )
           ),
+          h(Field, {
+            label: '第一幕视频原声',
+            hint: '第一幕使用视频/导入动画时，是否播放视频自带的声音；默认静音。'
+          },
+            h(Check, { checked: draft.act1VideoSound === true, onChange: (v) => set('act1VideoSound', v), label: '播放第一幕视频原声' })
+          ),
           h(Field, {
             label: '启动动画第二幕',
             hint: '第一幕播完接着播这一段；选「不播放」就第一幕结束直接进聊天。'
@@ -1188,6 +1301,12 @@ window.__ModuleLoader__.load({
               }, '删除该动画')
             )
           ),
+          h(Field, {
+            label: '第二幕视频原声',
+            hint: '第二幕视频里自带配音/音乐时打开；默认静音。打开后会和背景音乐同时响。'
+          },
+            h(Check, { checked: draft.act2VideoSound === true, onChange: (v) => set('act2VideoSound', v), label: '播放第二幕视频原声' })
+          ),
           h('div', { className: '__ss_row' },
             h('button', {
               className: '__ss_btn',
@@ -2022,7 +2141,7 @@ window.__ModuleLoader__.load({
     /* 每次改客户端就把这个号 +1。
        有了它在控制台一眼就能判断"浏览器里跑的是不是最新那份" ——
        排查问题时，分不清是代码问题还是旧包，会白猜一轮。 */
-    var BUILD = 'cw-68'
+    var BUILD = 'cw-74'
 
     function log() {
       try {
@@ -2979,6 +3098,107 @@ window.__ModuleLoader__.load({
        与「启动动画」并列（order 26 → 27）。数据走宿主自带的 HTTP 接口（/chat-wallpaper/*）。 */
     var cwReact = require('react')
     var cwH = cwReact.createElement
+    /* v2.16.3：自绘下拉（跟随设置面板的 3D 平面；原生 <select> 的系统弹层无法被 CSS 变换） */
+    function CwSelect(props) {
+      var openState = cwReact.useState(false)
+      var open = openState[0]
+      var setOpen = openState[1]
+      var upState = cwReact.useState(false)
+      var openUp = upState[0]
+      var setOpenUp = upState[1]
+      var wrapRef = cwReact.useRef(null)
+      var btnRef = cwReact.useRef(null)
+      var opts = props.options || []
+      var cur = opts.find(function (o) { return String(o[0]) === String(props.value) }) || opts[0] || ['', '']
+
+      function measure() {
+        var el = btnRef.current
+        if (!el) return
+        var r = el.getBoundingClientRect()
+        var topLimit = 8
+        var bottomLimit = (window.innerHeight || 800) - 8
+        var node = el.parentNode
+        while (node && node.nodeType === 1 && node !== document.body) {
+          var st = window.getComputedStyle(node)
+          if (/(auto|scroll)/.test(st.overflowY) && node.clientHeight > 0) {
+            var nr = node.getBoundingClientRect()
+            topLimit = Math.max(topLimit, nr.top + 2)
+            bottomLimit = Math.min(bottomLimit, nr.bottom - 2)
+            break
+          }
+          node = node.parentNode
+        }
+        var below = bottomLimit - r.bottom
+        var above = r.top - topLimit
+        var useUp = below < 280 && above > below
+        setOpenUp(useUp)
+        var maxH = Math.max(120, Math.min(280, (useUp ? above : below) - 8))
+        if (wrapRef.current) {
+          var menu = wrapRef.current.querySelector('.__ss_selectMenu')
+          if (menu) menu.style.maxHeight = maxH + 'px'
+        }
+      }
+
+      cwReact.useEffect(function () {
+        if (!open) return
+        measure()
+        function onDocDown(e) {
+          if (!wrapRef.current) return
+          if (!wrapRef.current.contains(e.target)) setOpen(false)
+        }
+        function onKey(e) {
+          if (e.key === 'Escape') {
+            setOpen(false)
+            try { btnRef.current.focus() } catch (err) {}
+          }
+        }
+        function onScroll(e) {
+          if (!wrapRef.current) return
+          if (!wrapRef.current.contains(e.target)) setOpen(false)
+        }
+        document.addEventListener('mousedown', onDocDown, true)
+        document.addEventListener('keydown', onKey, true)
+        window.addEventListener('scroll', onScroll, true)
+        return function () {
+          document.removeEventListener('mousedown', onDocDown, true)
+          document.removeEventListener('keydown', onKey, true)
+          window.removeEventListener('scroll', onScroll, true)
+        }
+      }, [open])
+
+      return cwH('div', { className: '__ss_selectWrap' + (open ? ' is-open' : ''), ref: wrapRef },
+        cwH('button', {
+          className: '__ss_select' + (open ? ' is-open' : ''),
+          type: 'button',
+          ref: btnRef,
+          disabled: !!props.disabled,
+          'aria-haspopup': 'listbox',
+          'aria-expanded': open ? 'true' : 'false',
+          onClick: function () { if (!props.disabled) setOpen(!open) }
+        },
+          cwH('span', { className: '__ss_selectLabel' }, cur[1]),
+          cwH('span', { className: '__ss_selectCaret', 'aria-hidden': 'true' }, 'v')
+        ),
+        open ? cwH('div', { className: '__ss_selectMenu' + (openUp ? ' is-up' : ''), role: 'listbox' },
+          opts.map(function (o) {
+            var on = String(o[0]) === String(props.value)
+            return cwH('button', {
+              key: o[0],
+              type: 'button',
+              role: 'option',
+              'aria-selected': on ? 'true' : 'false',
+              className: '__ss_selectItem' + (on ? ' is-on' : ''),
+              onClick: function () {
+                setOpen(false)
+                if (on) return
+                props.onChange(o[0])
+              }
+            }, o[1])
+          })
+        ) : null
+      )
+    }
+
 
     /** 把 rgba(...) 里的 alpha 换掉，保留 RGB。 */
     function withAlpha(color, a) {
@@ -3009,6 +3229,8 @@ window.__ModuleLoader__.load({
               images: images.images || [],
               current: images.current || null,
               imageSource: images.imageSource || '',
+              builtinId: images.builtinId || '',
+              builtinName: images.builtinName || '',
               dropDir: images.dropDir || '',
               dropDirExists: !!images.dropDirExists,
               veil: images.veil || { light: 0.8, dark: 0.5 },
@@ -3111,14 +3333,14 @@ window.__ModuleLoader__.load({
 
       var thumb = function (im) {
         var selected = im.builtin
-          ? data.imageSource === 'builtin'
+          ? (im.builtinId ? data.builtinId === im.builtinId : (im.selected != null ? im.selected : data.imageSource === 'builtin'))
           : (data.current && data.current.split(/[\\/]/).pop() === im.name)
         return cwH('button', {
           key: im.name,
           type: 'button',
-          title: im.builtin ? '默认背景（内置，随插件安装；删不掉）' : (im.name + ' · ' + im.sizeKB + ' KB · ' + im.mtime),
+          title: im.builtin ? ('内置背景：' + im.name + '（随插件安装；删不掉）') : (im.name + ' · ' + im.sizeKB + ' KB · ' + im.mtime),
           disabled: busy,
-          onClick: function () { apply({ image: im.builtin ? BUILTIN_IMAGE_ID : im.name }, true) },
+          onClick: function () { apply({ image: im.builtin ? (im.builtinId || BUILTIN_IMAGE_ID) : im.name }, true) },
           style: {
             position: 'relative', padding: 0, border: '2px solid ' + (selected ? 'var(--dsw-alias-state-business-primary,#3964fe)' : 'var(--dsw-alias-border-l2)'),
             borderRadius: 8, background: 'var(--dsw-alias-bg-layer-3)', cursor: 'pointer', overflow: 'hidden', width: 132, height: 76
@@ -3136,7 +3358,7 @@ window.__ModuleLoader__.load({
           cwH('div', { className: '__ss_groupTitle' }, '当前状态'),
           cwH('div', { className: '__ss_hint' },
             '背景图：' + (data.imageSource === 'builtin'
-              ? '默认背景（内置）'
+              ? (data.builtinName || '默认背景（内置）')
               : (data.image ? data.image.split(/[\\/]/).pop() : '（没有背景图，使用 DSH 默认底色）')),
             cwH('br'),
             '循环视频：' + (data.video && data.video.items.length ? ('已扫描 ' + data.video.items.length + ' 段' + (data.video.bgMode === 'video' && data.video.currentId ? '，正在播放' : '，未启用')) : '（视频目录里还没有视频）'),
@@ -3160,20 +3382,13 @@ window.__ModuleLoader__.load({
 
         cwH('div', { className: '__ss_group' },
           cwH('div', { className: '__ss_groupTitle' }, '背景图'),
-          cwH('div', { className: '__ss_hint' }, '点一下立刻换。第一张「默认背景（内置）」是插件自带、开箱就有的；把图丢进上面的目录也会出现在这里，按修改时间取最新那张。'),
+          cwH('div', { className: '__ss_hint' }, '点一下立刻换。前两张是插件自带的内置背景（默认 / 黑发雪夜战术少女），开箱就有；把图丢进上面的目录也会出现在这里，按修改时间取最新那张。'),
           data.images.length
             ? cwH('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 8 } }, data.images.map(thumb))
             : cwH('div', { className: '__ss_hint' }, '目录里还没有图。点「打开图片文件夹」，把 jpg / png / webp 丢进去，再点刷新。只扫描这一层，子文件夹里的不算（支持 jpg/png/webp/gif/avif/bmp）。'),
           cwH('div', { className: '__ss_row', style: { marginTop: 8 } },
             cwH('span', { className: '__ss_status' }, '图片适配'),
-            cwH('select', {
-              className: '__ss_select', disabled: busy,
-              value: data.imageFit,
-              onChange: function (ev) { apply({ imageFit: ev.target.value }, true) }
-            },
-              cwH('option', { value: 'cover' }, '铺满窗口（裁切多余部分）'),
-              cwH('option', { value: 'contain' }, '完整显示（不裁切，留底色边）')
-            )
+            cwH(CwSelect, { value: data.imageFit, disabled: busy, options: [['cover', '铺满窗口（裁切多余部分）'], ['contain', '完整显示（不裁切，留底色边）']], onChange: function (v) { apply({ imageFit: v }, true) } })
           ),
           cwH('div', { className: '__ss_row' },
             cwH('button', { className: '__ss_btn', type: 'button', disabled: busy, onClick: function () { apply({ image: NO_IMAGE_ID }, true) } }, '不用背景图')
@@ -3187,34 +3402,13 @@ window.__ModuleLoader__.load({
           ),
           cwH('div', { className: '__ss_row', style: { marginTop: 8 } },
             cwH('span', { className: '__ss_status' }, '背景类型'),
-            cwH('select', {
-              className: '__ss_select', disabled: busy,
-              value: data.video.bgMode,
-              onChange: function (ev) { apply({ bgMode: ev.target.value }, true) }
-            },
-              cwH('option', { value: 'image' }, '静态底图'),
-              cwH('option', { value: 'video' }, '循环视频')
-            ),
+            cwH(CwSelect, { value: data.video.bgMode, disabled: busy, options: [['image', '静态底图'], ['video', '循环视频']], onChange: function (v) { apply({ bgMode: v }, true) } }),
             cwH('span', { className: '__ss_status', style: { marginLeft: 16 } }, '播放模式'),
-            cwH('select', {
-              className: '__ss_select', disabled: busy,
-              value: data.video.videoMode,
-              onChange: function (ev) { apply({ videoMode: ev.target.value }, true) }
-            },
-              cwH('option', { value: 'single' }, '手动选择'),
-              cwH('option', { value: 'shuffle' }, '随机轮换')
-            )
+            cwH(CwSelect, { value: data.video.videoMode, disabled: busy, options: [['single', '手动选择'], ['shuffle', '随机轮换']], onChange: function (v) { apply({ videoMode: v }, true) } })
           ),
           cwH('div', { className: '__ss_row', style: { marginTop: 8 } },
             cwH('span', { className: '__ss_status' }, '色彩模式'),
-            cwH('select', {
-              className: '__ss_select', disabled: busy,
-              value: data.colorMode,
-              onChange: function (ev) { apply({ colorMode: ev.target.value }, true) }
-            },
-              cwH('option', { value: 'color' }, '彩色（默认）'),
-              cwH('option', { value: 'mono' }, '黑白（原版素材，不染色）')
-            )
+            cwH(CwSelect, { value: data.colorMode, disabled: busy, options: [['color', '彩色（默认）'], ['mono', '黑白（原版素材，不染色）']], onChange: function (v) { apply({ colorMode: v }, true) } })
           ),
           cwH('div', { className: '__ss_hint' }, '黑白模式会关掉主题色纱、保留原画面颜色，适合本身就是黑白的动态壁纸；彩色模式不做任何调色。'),
           data.video.videoMode === 'shuffle'

package/lib/host-startup.js

@@ -115,6 +115,9 @@ const DEFAULTS = {
   glitchB: '#2971b8',
   template: 'archive-warm',   // 第一幕默认：档案暖白
   act2: 'whale-girl-scan',    // 第二幕默认：鲸鱼娘扫描睁眼（2K）；另有 whale-girl-scan-4k；'' = 不播
+  /* v2.16.7：视频原声（第一幕 / 第二幕分开控制；默认静音） */
+  act1VideoSound: false,
+  act2VideoSound: false,
   /* v2.12.0 三段转场：第一幕入场 / 两幕衔接 / 第二幕退场。默认全部交叉叠化。 */
   transitionIn: 'dissolve',
   transitionJoin: 'dissolve',
@@ -166,7 +169,7 @@ const ENUMS = {
   transitionOut: TRANSITION_TYPES,
   transitionDir: TRANSITION_DIRS
 }
-const BOOL_KEYS = ['enabled', 'requireInteraction', 'allowSkip', 'sound', 'bedNoise', 'voice', 'voiceCue', 'bgmEnabled', 'bgmLoop', 'bgm2Loop', 'bgmDuck']
+const BOOL_KEYS = ['enabled', 'requireInteraction', 'allowSkip', 'sound', 'bedNoise', 'voice', 'voiceCue', 'bgmEnabled', 'bgmLoop', 'bgm2Loop', 'bgmDuck', 'act1VideoSound', 'act2VideoSound']
 /** 数值字段的合法区间（越界即夹取）。 */
 const RANGES = {
   welcomeDelay: [0, 3000],

package/lib/host-wallpaper.js

@@ -21,13 +21,26 @@ const HOME = process.env.DSH_HOME ?? join(homedir(), '.dsh')
 const CONFIG_FILE = join(HOME, 'chat-wallpaper.json')
 
 /* v2.13.1：插件自带一张默认背景图（随安装包上传，新装用户开箱就有底图）。
-   两个哨兵值写进 config.image：
-     __default__ = 明确选内置默认图（用户自己的图不参与自动挑选）
-     __none__    = 明确不要背景图（否则空字符串在"丢图目录里有图"时会自动挑最新那张） */
-const BUILTIN_IMAGE = join(dirname(fileURLToPath(import.meta.url)), 'assets', 'default-background.jpg')
-const BUILTIN_IMAGE_ID = '__default__'
+   v2.16.8：新增第二张内置背景（可选，默认仍是第一张）；两张都随包分发、删不掉。
+   哨兵值写进 config.image：
+     __default__  = 明确选内置默认图（用户自己的图不参与自动挑选）
+     __snowgirl__ = 明确选内置第二张「黑发雪夜战术少女」
+     __none__     = 明确不要背景图（否则空字符串在"丢图目录里有图"时会自动挑最新那张） */
+const ASSETS_DIR = join(dirname(fileURLToPath(import.meta.url)), 'assets')
+const BUILTIN_IMAGES = [
+  { id: '__default__', name: '默认背景（内置）', file: join(ASSETS_DIR, 'default-background.jpg') },
+  { id: '__snowgirl__', name: '黑发雪夜战术少女（内置）', file: join(ASSETS_DIR, 'builtin-background-snowgirl.png') },
+]
+const BUILTIN_IMAGE = BUILTIN_IMAGES[0].file
+const BUILTIN_IMAGE_ID = BUILTIN_IMAGES[0].id
 const NO_IMAGE_ID = '__none__'
 
+/** 按哨兵 id 找内置图 */
+function builtinById(id) {
+  if (!id) return null
+  return BUILTIN_IMAGES.find((b) => b.id === id) || null
+}
+
 /** 默认配置。字段与客户端半边一一对应。 */
 const DEFAULTS = {
   /* 聊天底图：往 ~/.dsh/chat-wallpaper/ 里丢张图就自动换背景。
@@ -158,13 +171,17 @@ function isImageFile(p) {
 }
 function resolveImage(cfg) {
   if (cfg.image === NO_IMAGE_ID) return { file: null, source: 'none' }
-  if (cfg.image === BUILTIN_IMAGE_ID) {
-    return isImageFile(BUILTIN_IMAGE) ? { file: BUILTIN_IMAGE, source: 'builtin' } : { file: null, source: 'none' }
+  const picked = builtinById(cfg.image)
+  if (picked) {
+    return isImageFile(picked.file)
+      ? { file: picked.file, source: 'builtin', builtinId: picked.id, builtinName: picked.name }
+      : { file: null, source: 'none' }
   }
   if (cfg.image && isImageFile(cfg.image)) return { file: cfg.image, source: 'config' }
   const list = listImages()
   if (list.length) return { file: list[0].file, source: 'your-library' }
-  if (isImageFile(BUILTIN_IMAGE)) return { file: BUILTIN_IMAGE, source: 'builtin' }
+  const fallback = BUILTIN_IMAGES[0]
+  if (isImageFile(fallback.file)) return { file: fallback.file, source: 'builtin', builtinId: fallback.id, builtinName: fallback.name }
   return { file: null, source: 'none' }
 }
 
@@ -374,12 +391,13 @@ export default {
         let file = null
         if (want) {
           const wanted = String(want)
-          if (wanted === BUILTIN_IMAGE_ID) {
-            if (isImageFile(BUILTIN_IMAGE)) file = BUILTIN_IMAGE
+          const picked = builtinById(wanted)
+          if (picked) {
+            if (isImageFile(picked.file)) file = picked.file
           } else {
             const cand = join(wallpaperImageDir(), basename(wanted))
             if (isImageFile(cand)) file = cand
-            /* 兼容旧 URL：只有用户目录没有同名文件时才回落到内置图 */
+            /* 兼容旧 URL：只有用户目录没有同名文件时才回落到内置默认图 */
             else if (wanted === 'default-background.jpg' && isImageFile(BUILTIN_IMAGE)) file = BUILTIN_IMAGE
           }
         } else {
@@ -416,18 +434,22 @@ export default {
           dropDirExists: existsSync(dir),
           current: cur.file ? cur.file.replace(/\\/g, '/') : null,
           imageSource: cur.source,
+          builtinId: cur.builtinId || '',
+          builtinName: cur.builtinName || '',
           imageConfig: cfg.image || '',
           banner: cfg.banner || '',
           bannerOpacity: cfg.bannerOpacity == null ? 0.12 : cfg.bannerOpacity,
           images: [
-            ...(existsSync(BUILTIN_IMAGE) ? [{
-              name: '默认背景（内置）',
-              url: '/chat-wallpaper/image?name=' + encodeURIComponent(BUILTIN_IMAGE_ID),
-              sizeKB: Math.round(statSync(BUILTIN_IMAGE).size / 1024),
+            ...BUILTIN_IMAGES.filter((b) => existsSync(b.file)).map((b) => ({
+              id: b.id,
+              builtinId: b.id,
+              name: b.name,
+              url: '/chat-wallpaper/image?name=' + encodeURIComponent(b.id),
+              sizeKB: Math.round(statSync(b.file).size / 1024),
               mtime: '',
               builtin: true,
-              selected: cur.source === 'builtin',
-            }] : []),
+              selected: cur.source === 'builtin' && cur.builtinId === b.id,
+            })),
             ...listImages().map((c) => {
               const name = c.file.split(/[\\/]/).pop()
               return {
@@ -503,7 +525,7 @@ export default {
             if (k === 'image') {
               /* 只允许：空字符串（自动/内置默认）、两个哨兵、丢图目录里的文件名。
                  不接受任意绝对路径（避免成为本地任意文件读取原语）。 */
-              if (v === '' || v === NO_IMAGE_ID || v === BUILTIN_IMAGE_ID) {
+              if (v === '' || v === NO_IMAGE_ID || builtinById(String(v))) {
                 cfg.image = String(v || '')
                 applied.image = cfg.image
                 continue

package/lib/splash.js

@@ -489,6 +489,8 @@
   }
 
   var C = cfg()
+  /* v2.16.7：当前正在构建哪一幕的时间线（1=第一幕，2=第二幕），用于视频原声开关 */
+  var TIMELINE_ACT = 1
 
   /* 模板的配色。两条规矩：
      1) 用户手动挑过的颜色优先 —— 只有配置还是默认值时才让模板改；
@@ -1982,7 +1984,7 @@
      - 同源时顺手把作者编辑器侧栏藏掉，只留动画舞台。 */
   var iframeCleanup = null
 
-  function runIframeTemplate(tpl) {
+  function runIframeTemplate(tpl, afterIframe) {
     diagRun('iframe template ' + tpl.id)
     var entry = String(tpl.entry || 'index.html').replace(/^\/+/, '')
     var wrap = document.createElement('div')
@@ -2052,6 +2054,9 @@
       finishOnce()
     }
     return done.then(function () {
+      /* v2.16.6：第一幕是 iframe 模板时，收尾前先把控制权交给调用方（接第二幕）；
+         没有 afterIframe 时保持原行为——直接走退场转场。 */
+      if (typeof afterIframe === 'function') return afterIframe()
       /* v2.15.11：模板不再自己做白闪；结尾由插件退场转场接管。
          这里不提前卸 iframe / 停 BGM，交给被转场盖住的 finish() 统一清理。 */
       return transOut(transType('Out'), finish)
@@ -2064,7 +2069,15 @@
     if (TEMPLATE && TEMPLATE.engine === 'iframe' && TEMPLATE.id) {
       /* v2.15.8：iframe 模板也支持用户自备 BGM（父页面播，模板自己演） */
       try { bgm.start() } catch (eBgmIframe) { /* 静默失败，绝不阻塞启动 */ }
-      return runIframeTemplate(TEMPLATE)
+      /* v2.16.6：iframe 第一幕结束后接第二幕（此前直接 finish，配了第二幕也永远不播） */
+      return runIframeTemplate(TEMPLATE, function () {
+        if (iframeCleanup) { try { iframeCleanup() } catch (eCleanIframe) { /* noop */ } iframeCleanup = null }
+        return playSecondTemplate()
+          .then(function () { return secondTransitionDone ? finish() : transOut(transType('Out'), finish) })
+      }).catch(function (errIframe) {
+        try { console.warn('[dsh-startup-screen] iframe+第二幕异常，直接收尾：', errIframe) } catch (e2) {}
+        return finish()
+      })
     }
     diagRun('run enter timeline=' + (TIMELINE ? 'v2' : 'v1') + ' tpl=' + ((TEMPLATE && TEMPLATE.id) || '?') + ' tpl2=' + ((TEMPLATE2 && TEMPLATE2.id) || 'none'))
     audio.bedStart()   /* 本地补丁：开机即"开通道"，底噪一路铺到揭幕 */
@@ -2453,8 +2466,10 @@
         var vnode = document.createElement('video')
         vnode.className = 'dsu-tl-layer dsu-tl-video'
         vnode.setAttribute('data-layer', String(L.id || ('video-' + i)))
-        vnode.muted = true
-        vnode.defaultMuted = true
+        /* v2.16.7：视频原声开关——第一幕用 act1VideoSound，第二幕用 act2VideoSound；默认静音 */
+        var vSoundOn = TIMELINE_ACT === 2 ? (C.act2VideoSound === true) : (C.act1VideoSound === true)
+        vnode.muted = !vSoundOn
+        vnode.defaultMuted = !vSoundOn
         vnode.autoplay = true
         vnode.playsInline = true
         vnode.preload = 'auto'
@@ -2495,7 +2510,13 @@
         diagRun('video append ' + vfile + ' vids=' + videoCount())
         try {
           var vp0 = vnode.play()
-          if (vp0 && vp0.catch) vp0.catch(function () {})
+          if (vp0 && vp0.catch) vp0.catch(function (eAudio) {
+            if (!vSoundOn) return
+            /* v2.16.7：未静音自动播放可能被浏览器策略拦下——退回静音再播，保证画面不卡 */
+            try { vnode.muted = true; vnode.defaultMuted = true } catch (eMute) {}
+            try { var vpM = vnode.play(); if (vpM && vpM.catch) vpM.catch(function () {}) } catch (eMute2) {}
+            diagRun('video audio blocked, fallback muted ' + vfile)
+          })
         } catch (ePlay) { /* autoplay blocked */ }
         if (vnode.requestVideoFrameCallback) {
           var vFrames = 0, vT0 = 0
@@ -3184,6 +3205,7 @@
   /* 第二幕分支是否已经自己处理过「第二幕→桌面」退场（v2 主链路据此决定要不要再包 transOut） */
   var secondTransitionDone = false
   function playSecondTemplate() {
+    TIMELINE_ACT = 2
     if (secondStarted) { diagRun('second skipped (duplicate)'); return Promise.resolve() }
     secondStarted = true
     diagRun('second enter tlSwap=' + !!tlSwap)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-boot-suite",
-  "version": "2.16.2",
+  "version": "2.16.8",
   "description": "两幕启动动画（默认档案暖白 + 鲸鱼娘扫描睁眼，2K/4K 可切），支持导入视频/图片、三段转场、11→6 套配音音色与 5 种声音效果、聊天背景/循环视频、内置 iframe 启动模板（全景大肥鱼-含彩蛋版）与更新前自动回滚。",
   "keywords": [
     "dsh",

package/test/smoke-client.mjs

@@ -34,6 +34,13 @@ const React = {
     const i = hookIndex++
     if (!ranEffects.has(i)) { ranEffects.add(i); fn() }
   },
+  useRef(init) {
+    const i = hookIndex++
+    if (hooks[i] === undefined) hooks[i] = { current: init === undefined ? null : init }
+    return hooks[i]
+  },
+  useMemo(fn) { return fn() },
+  useCallback(fn) { return fn },
   useStateReset() {},
 }
 function resetHooks() { hookIndex = 0 }
@@ -180,6 +187,8 @@ function walk(node, out = []) {
   if (typeof node !== 'object') return out          /* 文本节点本身不收集 */
   if (Array.isArray(node)) { node.forEach((n) => walk(n, out)); return out }
   if (node.type) {
+    /* 自绘下拉 Select 有 hooks，不能直接调用；把它当成一个「下拉节点」收集 */
+    if (typeof node.type === 'function' && node.type.name === 'Select') { out.push(node); return out }
     /* 函数组件要展开（Field / Check / TextInput… 都不用 hooks，直接调用即可） */
     if (typeof node.type === 'function') return walk(node.type(node.props || {}), out)
     out.push(node)
@@ -255,8 +264,8 @@ for (const label of ['第一幕入场', '第一幕 → 第二幕', '第二幕
 
 /* 三段转场的下拉：8 种类型 × 3 个；方向下拉：4 个 */
 const selectOf = (values) => walk(tree).filter((n) =>
-  n.type === 'select' && Array.isArray(n.props.children) &&
-  values.every((v) => n.props.children.some((o) => o && o.type === 'option' && o.props.value === v)))
+  typeof n.type === 'function' && Array.isArray(n.props.options) &&
+  values.every((v) => n.props.options.some((o) => o && o[0] === v)))
 const TRANSITION_TYPES = ['dissolve', 'flash', 'glitch', 'scanline', 'slide', 'iris', 'black', 'none']
 const TRANSITION_DIRS = ['left', 'right', 'up', 'down']
 const typeSelects = selectOf(TRANSITION_TYPES)
@@ -283,10 +292,10 @@ check('文件选择器 accept 白名单含 mp4/webm/gif/png/jpg/jpeg/webp',
   fileInput && fileInput.accept)
 
 /* 选择转场 → 保存 patch 里必须带上（沿用现有的 vm 渲染 + 保存路径） */
-typeSelects[0].props.onChange({ target: { value: 'glitch' } })
-typeSelects[1].props.onChange({ target: { value: 'flash' } })
-typeSelects[2].props.onChange({ target: { value: 'scanline' } })
-dirSelects[0].props.onChange({ target: { value: 'up' } })
+typeSelects[0].props.onChange('glitch')
+typeSelects[1].props.onChange('flash')
+typeSelects[2].props.onChange('scanline')
+dirSelects[0].props.onChange('up')
 msRange.props.onChange({ target: { value: '900' } })
 tree = renderPanel()
 const typeSelects2 = selectOf(TRANSITION_TYPES)
@@ -322,17 +331,17 @@ console.log('\n[5c] 删除该动画：本地删文件 / 内置隐藏可恢复（
   const groupTitles = () => walk(tree).filter((n) => n.type === 'div' && n.props && n.props.className === '__ss_groupTitle').map((n) => n.props.children)
   const postList = (prefix) => requests.filter((r) => r.init && r.init.method === 'POST' && String(r.url).includes(prefix))
   const restoreBtn = () => find(tree, (n) => n.type === 'button' && /^恢复已隐藏的内置模板（\d+）$/.test(String(n.props.children || '')))
-  const hasOption = (sel, id) => !!sel && Array.isArray(sel.props.children) &&
-    sel.props.children.some((o) => o && o.type === 'option' && o.props.value === id)
+  const hasOption = (sel, id) => !!sel && Array.isArray(sel.props.options) &&
+    sel.props.options.some((o) => o && o[0] === id)
   /* 第一幕/第二幕两个模板下拉：都含内置 archive-warm，且都有一项「内置/不播放」说明 */
   const templateSelects = () => walk(tree).filter((n) =>
-    n.type === 'select' && Array.isArray(n.props.children) &&
-    n.props.children.some((o) => o && o.type === 'option' && (o.props.value === 'archive-warm' || o.props.value === 'whale-girl-scan')) &&
-    n.props.children.some((o) => o && o.type === 'option' && /内置|不播放/.test(String(o.props.children))))
+    typeof n.type === 'function' && Array.isArray(n.props.options) &&
+    n.props.options.some((o) => o && (o[0] === 'archive-warm' || o[0] === 'whale-girl-scan')) &&
+    n.props.options.some((o) => o && /内置|不播放/.test(String(o[1]))))
   /* archive-warm 被隐藏后上面的定位会失效：改用「有内置/不播放说明」来找两个下拉 */
   const templateSelectsAny = () => walk(tree).filter((n) =>
-    n.type === 'select' && Array.isArray(n.props.children) &&
-    n.props.children.some((o) => o && o.type === 'option' && /内置|不播放/.test(String(o.props.children))))
+    typeof n.type === 'function' && Array.isArray(n.props.options) &&
+    n.props.options.some((o) => o && /内置|不播放/.test(String(o[1]))))
 
   /* ── 组顺序：自定义动画 → 模板 → 转场（保留） ── */
   const titles = groupTitles()
@@ -380,7 +389,7 @@ console.log('\n[5c] 删除该动画：本地删文件 / 内置隐藏可恢复（
   /* ── 选内置模板 → 按钮也启用（v2.12.4 不再只对本地生效） ── */
   let tplSel = templateSelects()
   check('找到第一幕 / 第二幕两个模板下拉', tplSel.length === 2, '实际 ' + tplSel.length)
-  tplSel[0].props.onChange({ target: { value: 'archive-warm' } })
+  tplSel[0].props.onChange('archive-warm')
   tree = renderPanel()
   rows = tplRows()
   check('★ 第一幕选内置 archive-warm → 第一幕按钮 enabled（title=隐藏内置模板（可恢复）），第二幕未选仍置灰',
@@ -389,7 +398,7 @@ console.log('\n[5c] 删除该动画：本地删文件 / 内置隐藏可恢复（
     rowValue(rows[1]) === '' && rowBtn(rows[1]).props.disabled === true,
     JSON.stringify(rows.map((r) => ({ v: rowValue(r), disabled: rowBtn(r).props.disabled, title: rowBtn(r).props.title }))))
   tplSel = templateSelects()
-  tplSel[1].props.onChange({ target: { value: 'whale-girl-scan' } })
+  tplSel[1].props.onChange('whale-girl-scan')
   tree = renderPanel()
   rows = tplRows()
   check('★ 第二幕也选内置 whale-girl-scan → 两个按钮都 enabled',
@@ -450,7 +459,7 @@ console.log('\n[5c] 删除该动画：本地删文件 / 内置隐藏可恢复（
 
   /* ── 本地模板删除路径保持不变（删文件、不可恢复、不进 hidden） ── */
   tplSel = templateSelects()
-  tplSel[0].props.onChange({ target: { value: 'custom-local-a' } })
+  tplSel[0].props.onChange('custom-local-a')
   tree = renderPanel()
   rows = tplRows()
   check('第一幕选本地模板 → 按钮 enabled（title=删除这个本地动画）',
@@ -502,10 +511,10 @@ check('立即预览先重新拉配置', requests.length > beforePreview && reque
 check('立即预览调用 __DSH_STARTUP_API__.replay()', windowStub.__replayed === true)
 /* v2.13.15 回归：选完「配音音色」直接点预览（还没点保存）也必须按当前选择播 */
 tree = renderPanel()
-const voiceSel = walk(tree).filter((n) => n.type === 'select' && Array.isArray(n.props.children) && n.props.children.some((o) => o && o.props.value === 'g'))[0]
-check('配音音色下拉能从 /voices 拿到音色G', !!voiceSel, JSON.stringify(walk(tree).filter((n) => n.type === 'select').map((n) => (n.props.children || []).map((o) => o && o.props.value))))
+const voiceSel = walk(tree).filter((n) => typeof n.type === 'function' && Array.isArray(n.props.options) && n.props.options.some((o) => o && o[0] === 'g'))[0]
+check('配音音色下拉能从 /voices 拿到音色G', !!voiceSel, JSON.stringify(walk(tree).filter((n) => typeof n.type === 'function' && Array.isArray(n.props.options)).map((n) => n.props.options.map((o) => o && o[0]))))
 if (voiceSel) {
-  voiceSel.props.onChange({ target: { value: 'g' } })
+  voiceSel.props.onChange('g')
   await flush()
   tree = renderPanel()
   const previewBtn2 = find(tree, (n) => n.type === 'button' && n.props.children === '立即预览')

package/test/smoke-package.mjs

@@ -85,7 +85,8 @@ for (const f of ['index.html', 'render.html']) {
 if (bigfishApp.includes('flashEl')) throw new Error('app.js 仍引用模板白闪 flashEl')
 if (bigfishApp.includes('flashEl')) throw new Error('app.js 仍残留白闪动画')
 if (skipCss.includes('#flash')) throw new Error('style.css 仍残留 #flash 样式')
-if (!/return done\.then\(function \(\) \{[\s\S]{0,260}transOut\(transType\('Out'\), finish\)/.test(splashJs)) throw new Error('iframe 模板收尾未交给插件退场转场')
+if (!/if \(typeof afterIframe === 'function'\) return afterIframe\(\)/.test(splashJs)) throw new Error('iframe 模板收尾未支持第二幕回调')
+if (!/return done\.then\(function \(\) \{[\s\S]{0,420}transOut\(transType\('Out'\), finish\)/.test(splashJs)) throw new Error('iframe 模板收尾未交给插件退场转场')
 /* v2.15.12：结尾等配音时圆环继续转 */
 if (!bigfishApp.includes('const rt=t+waitSec')) throw new Error('结尾圆环未使用连续旋转时钟 rt')
 if (!bigfishApp.includes('rotate(${rt*5})')) throw new Error('外圈未使用 rt 旋转')
@@ -170,4 +171,34 @@ if (!installPs1V2162.includes('npm_config_fetch_timeout')) throw new Error('inst
 if (!installPs1V2162.includes('registry.npmmirror.com')) throw new Error('install.ps1 缺少国内镜像重试')
 const helperGen = fs.readFileSync(path.join(root, 'tools/make-upgrade-helper.mjs'), 'utf8')
 if (!helperGen.includes('turn off any proxy')) throw new Error('升级助手缺少代理提示')
+/* v2.16.3：设置页下拉改自绘，跟随皮肤 3D 面板平面 */
+if (!clientSrc.includes('__ss_selectMenu')) throw new Error('client.js 缺少自绘下拉菜单')
+if (!clientSrc.includes('aria-haspopup')) throw new Error('client.js 自绘下拉缺少 aria 属性')
+if (!clientSrc.includes('function CwSelect(')) throw new Error('client.js 聊天背景缺少 CwSelect')
+if (clientSrc.includes("h('select',")) throw new Error('client.js 仍残留原生 select（设置页）')
+if (clientSrc.includes("cwH('select',")) throw new Error('client.js 仍残留原生 select（聊天背景）')
+/* v2.16.6：第一幕是 iframe 模板时也要接第二幕 */
+if (!splashSrc.includes('function runIframeTemplate(tpl, afterIframe)')) throw new Error('splash.js 未给 iframe 模板留第二幕回调')
+if (!splashSrc.includes('runIframeTemplate(TEMPLATE, function () {')) throw new Error('splash.js iframe 首幕未接第二幕')
+if (!splashSrc.includes('afterIframe')) throw new Error('splash.js 缺少 afterIframe 处理')
+/* v2.16.7：视频原声开关 + 掉线彩蛋底图 */
+const hostSrcV2167 = fs.readFileSync(path.join(root, 'lib/host-startup.js'), 'utf8')
+if (!hostSrcV2167.includes('act1VideoSound: false')) throw new Error('host-startup 缺少第一幕视频原声默认值')
+if (!hostSrcV2167.includes('act2VideoSound: false')) throw new Error('host-startup 缺少第二幕视频原声默认值')
+if (!hostSrcV2167.includes("'act1VideoSound'") || !hostSrcV2167.includes("'act2VideoSound'")) throw new Error('host-startup 的 BOOL_KEYS 缺少视频原声开关')
+if (!splashSrc.includes('act2VideoSound === true')) throw new Error('splash.js 缺少第二幕视频原声分支')
+if (!splashSrc.includes('fallback muted')) throw new Error('splash.js 缺少未静音自动播放失败回退')
+if (!clientSrc.includes('第一幕视频原声') || !clientSrc.includes('第二幕视频原声')) throw new Error('client.js 缺少视频原声设置项')
+const eggBg = path.join(root, 'templates/division-bigfish-codex/assets/egg-bg.png')
+if (!fs.existsSync(eggBg)) throw new Error('缺少掉线彩蛋底图 egg-bg.png')
+if (fs.statSync(eggBg).size < 1000000) throw new Error('掉线彩蛋底图疑似未替换（文件过小）')
+/* v2.16.8：聊天背景第二张内置背景（可选，不改变默认） */
+const wallSrcV2168 = fs.readFileSync(path.join(root, 'lib/host-wallpaper.js'), 'utf8')
+if (!wallSrcV2168.includes('BUILTIN_IMAGES')) throw new Error('host-wallpaper 缺少多张内置背景表')
+if (!wallSrcV2168.includes("'__snowgirl__'")) throw new Error('host-wallpaper 缺少第二张内置背景哨兵')
+if (!wallSrcV2168.includes('builtinName')) throw new Error('host-wallpaper 缺少内置背景名称回传')
+if (!clientSrc.includes('builtinName')) throw new Error('client.js 缺少内置背景名称显示')
+const snowBg = path.join(root, 'lib/assets/builtin-background-snowgirl.png')
+if (!fs.existsSync(snowBg)) throw new Error('缺少第二张内置背景图 builtin-background-snowgirl.png')
+if (fs.statSync(snowBg).size < 1000000) throw new Error('第二张内置背景图疑似不完整')
 console.log('ok  package.json version=' + pkg.version + '，无 BOM，关键文件齐全（含更新前回滚 checkpoint）');

package/test/smoke-wallpaper-client.mjs

@@ -463,7 +463,7 @@ ok(intervals.every((t) => t.cleared) || intervals.length === 0, '旧的 interval
   intervals.map((t) => (t.cleared ? 'cleared' : 'live')).join(','))
 
 console.log('\n=== ⑦ v2.13.0 测试钩子 / BUILD ===')
-ok(mod.__BUILD === 'cw-68', '__BUILD = cw-68（排查浏览器跑的是不是新包）', String(mod.__BUILD))
+ok(mod.__BUILD === 'cw-74', '__BUILD = cw-68（排查浏览器跑的是不是新包）', String(mod.__BUILD))
 ok(mod.__VIDEO_ID === 'dsh-cw-video', '__VIDEO_ID = dsh-cw-video', String(mod.__VIDEO_ID))
 ok(typeof mod.__startShuffle === 'function', '__startShuffle 导出')
 ok(typeof mod.__stopShuffle === 'function', '__stopShuffle 导出')

package/test/smoke-wallpaper-host.mjs

@@ -196,10 +196,12 @@ try {
     sortKeys(r.json))
   check('/images 的 dropDir 指向临时 DSH_HOME',
     r.json && r.json.dropDir.includes(HOME.replace(/\\/g, '/')), r.json && r.json.dropDir)
-  check('★ /images 默认列出「默认背景（内置）」，且 marked builtin/selected',
-    r.json && Array.isArray(r.json.images) && r.json.images.length === 1 &&
+  check('★ /images 默认列出两张内置背景（默认图 selected，第二张可选）',
+    r.json && Array.isArray(r.json.images) && r.json.images.length === 2 &&
     r.json.images[0].builtin === true && r.json.images[0].selected === true &&
-    r.json.images[0].url.includes('__default__'),
+    r.json.images[0].url.includes('__default__') &&
+    r.json.images[1].builtin === true && r.json.images[1].selected === false &&
+    r.json.images[1].url.includes('__snowgirl__'),
     JSON.stringify(r.json && r.json.images))
   check('/images.imageSource = builtin、imageConfig 为空',
     r.json && r.json.imageSource === 'builtin' && r.json.imageConfig === '',
@@ -323,9 +325,10 @@ try {
     r.json && r.json.imageSource === 'your-library', r.json && r.json.imageSource)
 
   r = await callJson('exact /chat-wallpaper/images')
-  check('★ 丢图后 /images 列出 2 张：内置默认图在前、用户的在后',
-    r.json && Array.isArray(r.json.images) && r.json.images.length === 2 &&
-    r.json.images[0].builtin === true && r.json.images[1].name === 'smoke-bg.png',
+  check('★ 丢图后 /images 列出 3 张：两张内置在前、用户的在后',
+    r.json && Array.isArray(r.json.images) && r.json.images.length === 3 &&
+    r.json.images[0].builtin === true && r.json.images[1].builtin === true &&
+    r.json.images[2].name === 'smoke-bg.png' && r.json.images[2].selected === true,
     JSON.stringify(r.json && r.json.images))
   check('丢图后 /images.current 指向它、imageSource = your-library',
     r.json && typeof r.json.current === 'string' && r.json.current.endsWith('smoke-bg.png') &&

package/test/smoke-wallpaper-panel.mjs

@@ -365,10 +365,10 @@ ok(MODEL.lastRootsBody && MODEL.lastRootsBody.action === 'remove' && String(MODE
 const beforeMode = requests.length
 tree = renderPanel()
 const modeSel = findNode(tree, (n) =>
-  n.type === 'select' && Array.isArray(n.props.children) &&
-  n.props.children.some((o) => o && o.type === 'option' && o.props.value === 'video'))
+  typeof n.type === 'function' && Array.isArray(n.props.options) &&
+  n.props.options.some((o) => o && o[0] === 'video'))
 ok(!!modeSel, '「背景类型」下拉含「循环视频」选项')
-modeSel.props.onChange({ target: { value: 'video' } })
+modeSel.props.onChange('video')
 await flushP(); await flushP(); await flushP(); await flushP()
 const modeReq = requests.slice(beforeMode).find((r) => r.url.includes('/chat-wallpaper/set'))
 const modeBody = modeReq && JSON.parse(modeReq.init.body)