dsh-mpkg-wallpaper 3.1.4 → 3.1.5

package/README.en.md

@@ -64,7 +64,7 @@ The plugin offers two partial solutions (chosen automatically by scene content):
 1. **Static-frame extraction**: parses `scene.pkg` (PKG container + LZ4 + TEX decode) and picks the main texture → **high-resolution static image** (photography/illustration scenes near-original quality; tested up to 7680×4320)
 2. **Layer compositing**: parses all `image` layers in `scene.json` (background + subject + layered character parts) and draws them **accurately composited** on a canvas using the source coordinates/sizes; time-variation scenes pick the frame for the current hour
 
-**Not covered**: MDL puppet characters (Kal'sit, Blue Archive characters, etc. — the body is assembled from rig parts; the flat textures are nearly empty, e.g. `girl.tex` is 0.1% opaque), shader wave/particle effects, scripted interactions. These fall back to the **official preview animation** (preview.gif).
+**Not covered**: MDL puppet characters (the body is assembled from rig parts; the flat textures are nearly empty), shader wave/particle effects, scripted interactions. These fall back to the **official preview animation** (preview.gif).
 
 > For full dynamic scenes, the practical path: render externally to video → use the plugin's **video wallpaper** (Windows: official WE app screen-record; Linux: we-layerd; mobile: WE app screen-record).
 

package/README.md

@@ -64,7 +64,7 @@
 1. **静态帧提取**：解析 `scene.pkg`（PKG 容器 + LZ4 解压 + TEX 纹理解码），从场景图选取主纹理输出**高清静态图**（摄影/插画类场景可达原图画质，实测 7680×4320）
 2. **图层合成**：解析 `scene.json` 的全部 image 图层（背景 + 主体 + 分层角色部件），按源文件坐标/尺寸在 canvas 上**精确合成完整画面**（平铺图层类场景可完整还原构图；时间变化场景按当前时段选帧）
 
-**无法覆盖的**：MDL 木偶人物（凯尔希、碧蓝档案等角色的身体由骨架拼装，纹理层几乎为空——如 `girl.tex` 仅 0.1% 不透明像素）、shader 波浪/粒子特效、脚本交互。这些场景回退**官方预览动图**（preview.gif，作者生成的动画预览）。
+**无法覆盖的**：MDL 木偶人物（角色的身体由骨架拼装，纹理层几乎为空）、shader 波浪/粒子特效、脚本交互。这些场景回退**官方预览动图**（preview.gif，作者生成的动画预览）。
 
 > 如果你需要场景壁纸的完整动态效果，现实路径：外部渲染成视频 → 用本插件的**视频壁纸**功能（Windows 用 WE 官方版录屏、Linux 用 we-layerd 录屏、移动端用壁纸引擎 App 录屏）。
 

package/lib/client.js

@@ -6,6 +6,11 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 
 		let react = require("react");
+		// ①(修正) react-dom portal：弹窗遮罩提到 document.body。
+		// 设置面板/backdrop-filter 容器会创建包含块/backdrop root，把 fixed 遮罩
+		// 困在面板内 → 遮罩只盖住右侧设置区（用户实测）；portal 后盖全屏且模糊全屏。
+		let ReactDOM = null;
+		try { ReactDOM = require("react-dom"); } catch {}
 
 
 
@@ -62,6 +67,8 @@ window.__ModuleLoader__.load({
 		// ⑲(新) 面板取色强度（壁纸色混合比例 0-100%，默认 45——用户实测默认太淡看不出变化）
 		const DEFAULT_AQUA_TINT_STRENGTH = 45;
 		const DEFAULT_ROTATE = false; // ③(新) 壁纸轮换：定时自动切换下一个壁纸
+		const DEFAULT_PLAYBACK_RATE = 1; // ⑳(新) 视频倍速（0.5-2x，原生 playbackRate）
+		const SPEED_LEVELS = [0.5, 0.75, 1, 1.25, 1.5, 2]; // ⑳(新) 倍速档位
 		const DEFAULT_BRIGHTNESS = 100; // ⑧(新) 画面亮度（50-150%，滤镜）
 		const DEFAULT_FLOAT = false; // ①(新) 悬浮效果：侧边栏/标题栏悬浮卡片（默认关）
 		const DEFAULT_ROUND_COMPAT = false; // ②(新) 第三方插件 UI 圆角兼容开关（默认关，未完全兼容暂不打扰）
@@ -649,6 +656,11 @@ window.__ModuleLoader__.load({
 			if (lastObjectUrl && lastObjectUrl !== url) { try { URL.revokeObjectURL(lastObjectUrl); } catch {} }
 			lastObjectUrl = url;
 			try { if (video.src !== url) video.src = url; } catch {}
+			// ⑳(新) 视频倍速：原生 playbackRate（0.5-2x，即时生效，不重载）
+			try {
+				const rate = readSection().playbackRate;
+				if (typeof rate === "number" && rate >= 0.5 && rate <= 2 && video.playbackRate !== rate) video.playbackRate = rate;
+			} catch {}
 			video.style.display = "";
 			try { const p = video.play(); if (p && p.catch) p.catch(() => {}); } catch {}
 		}
@@ -951,6 +963,12 @@ window.__ModuleLoader__.load({
 			try {
 				if (aquaOn(section)) document.body.setAttribute("data-mpw-aqua", "");
 				else document.body.removeAttribute("data-mpw-aqua");
+				// ①(修正) 标题栏跟随 mask 色只在统一雾/面板取色时开；纯自适应文字色
+				// 不刷标题栏底色（否则亮色主题下标题栏变 62% 白 → session log 白框）
+				const headerTint = (section.aquaMask !== void 0 ? !!section.aquaMask : DEFAULT_AQUA_MASK)
+					|| (section.aquaTint !== void 0 ? !!section.aquaTint : DEFAULT_AQUA_TINT);
+				if (headerTint) document.body.setAttribute("data-mpw-aqua-header", "");
+				else document.body.removeAttribute("data-mpw-aqua-header");
 				if (section.aquaTextEnhance !== void 0 ? !!section.aquaTextEnhance : DEFAULT_AQUA_TEXT_ENHANCE)
 					document.body.setAttribute("data-mpw-aqua-text", "");
 				else document.body.removeAttribute("data-mpw-aqua-text");
@@ -1080,7 +1098,11 @@ window.__ModuleLoader__.load({
 				root.style.setProperty("--mpw-aqua-brand-contrast", aquaInkContrast(aquaBrandColor(s)));
 				const maskOn = s.aquaMask !== void 0 ? !!s.aquaMask : DEFAULT_AQUA_MASK;
 				if (maskOn) {
-					const panel = Math.max(0, Math.min(100, s.aquaMaskAlpha !== void 0 ? s.aquaMaskAlpha : DEFAULT_AQUA_MASK_ALPHA)) / 100;
+					let panel = Math.max(0, Math.min(100, s.aquaMaskAlpha !== void 0 ? s.aquaMaskAlpha : DEFAULT_AQUA_MASK_ALPHA)) / 100;
+					// ①(修正) 亮色遮罩防过曝：自定义色偏亮（luma>0.6）时自动把强度
+					// 压到 ≤55%，避免全屏亮色雾把画面洗白（用户实测：预置色 1/5 变白）
+					const luma = (0.299 * rgb[0] + 0.587 * rgb[1] + 0.114 * rgb[2]) / 255;
+					if (luma > 0.6) panel = Math.min(panel, 0.55);
 					el.style.background = `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${panel})`;
 					el.style.display = "";
 				} else {
@@ -1618,6 +1640,25 @@ ${frostedLayers}
 body:not([data-ds-dark-theme]) .wSkVaW_header {
 	background-color: color-mix(in srgb, var(--dsw-static-neutral-bluish-00) ${hdrAlpha}%, transparent) !important;
 }
+`;
+				// ①(修正) 标题栏内部白框：unify（透明标题栏）时 session logo 按钮 /
+				// 「标准模式」标签等自带实心底的盒子仍显示为白色块（用户两次反馈），
+				// 全部改透明，保留 hover 交互态。
+				css += `
+.wSkVaW_header button,
+.wSkVaW_header [class*="button"],
+.wSkVaW_header [class*="logo"],
+.wSkVaW_header [class*="mode"],
+.wSkVaW_header [class*="badge"],
+.wSkVaW_header [class*="segmented"] {
+	background: transparent !important;
+	box-shadow: none !important;
+}
+.wSkVaW_header button:hover,
+.wSkVaW_header [class*="button"]:hover,
+.wSkVaW_header [class*="segmented"] button:hover {
+	background: color-mix(in srgb, var(--dsw-alias-interactive-bg-hover) 70%, transparent) !important;
+}
 `;
 			}
 			if (headerBg && !headerBlur) {
@@ -1975,11 +2016,18 @@ body[data-mpw-aqua] {
 	--dsw-alias-brand-text: var(--mpw-aqua-ink, inherit);
 	--dsw-alias-state-business-primary: var(--mpw-aqua-ink-secondary, inherit);
 }
-/* ①(修正) 面板取色/统一雾时标题栏背景跟随 mask 色（用户实测只改侧边栏不改标题栏） */
-body[data-mpw-aqua] .wSkVaW_header {
+/* ①(修正) 面板取色/统一雾时标题栏背景跟随 mask 色（用户实测只改侧边栏不改标题栏）。
+   ①(修正2) 标题栏是否刷 mask 色由 JS 打 data-mpw-aqua-header 门控：
+   纯 aquaInk（自适应文字色）时不刷——此时遮罩色=主题中性色（亮色主题=白），
+   会把标题栏刷成 62% 白 → session log/标准模式背后的「白框」（用户实测：
+   统一虚化 + 自适应文字色同时开出现）。 */
+body[data-mpw-aqua][data-mpw-aqua-header] .wSkVaW_header {
 	background-color: color-mix(in srgb, rgb(var(--mpw-aqua-rgb)) 62%, transparent) !important;
 	backdrop-filter: none !important;
 }
+body[data-mpw-aqua] .wSkVaW_header {
+	backdrop-filter: none !important;
+}
 /* ⑲(修正) Aqua 模式下弹层背景被 mask 色半透明化，必须配 backdrop blur 防文字叠压
    （用户实测：加号/命令/权限/模型/上下文选择器透明但无模糊 → 文字叠在一起） */
 body[data-mpw-aqua] [role="menu"],
@@ -2126,11 +2174,25 @@ body[data-ds-dark-theme] .mpw_tabBar {
 .mpw_label { font-size: 13px; line-height: 20px; font-weight: 500; color: var(--dsw-alias-label-secondary); }
 .mpw_inline { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 .mpw_input {
-	flex: 1; min-width: 0; height: 34px; padding: 0 10px; box-sizing: border-box;
+	flex: 1; min-width: 0; height: 40px; padding: 0 12px; box-sizing: border-box;
 	border: 1px solid var(--dsw-alias-border-l2); border-radius: 10px;
 	background: var(--dsw-alias-bg-module-platform); color: var(--dsw-alias-label-primary);
 	font: inherit; font-size: 13px;
 }
+/* ⑳(新) 自定义下拉（替代原生 select） */
+.mpw_selectBtn { display: flex; align-items: center; gap: 6px; cursor: pointer; }
+.mpw_selectMenu {
+	background: var(--dsw-alias-bg-module-platform, #1c2230);
+	border: 1px solid var(--dsw-alias-border-l2, #444b5c);
+	border-radius: 10px; padding: 4px; box-shadow: var(--dsw-shadow-lv3, 0 12px 40px rgba(0,0,0,.35));
+}
+.mpw_selectOpt {
+	display: block; width: 100%; box-sizing: border-box; text-align: left;
+	padding: 8px 10px; border: 0; border-radius: 8px; background: transparent;
+	color: var(--dsw-alias-label-primary); font: inherit; font-size: 13px; cursor: pointer;
+}
+.mpw_selectOpt:hover { background: color-mix(in srgb, var(--dsw-alias-interactive-bg-hover, #333a4a) 60%, transparent); }
+.mpw_selectOpt.mpw_on { background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4f8cff) 20%, transparent); }
 .mpw_button {
 	flex: none; height: 34px; padding: 0 14px; border: 1px solid rgba(255,255,255,0.25); border-radius: 10px;
 	background: #3964fe !important; color: #ffffff !important;
@@ -2168,6 +2230,12 @@ body[data-ds-dark-theme] .mpw_tabBar {
 	color: var(--dsw-alias-label-secondary); font: inherit; font-size: 12px; cursor: pointer;
 }
 .mpw_miniBtn:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }
+/* ①(修正) 选中态：品牌色描边 + 淡品牌底（顺序/随机等按钮选中要有明确显示） */
+.mpw_miniBtn.mpw_on {
+	background: color-mix(in srgb, var(--dsw-alias-brand-primary, #4f8cff) 22%, transparent);
+	color: var(--dsw-alias-brand-primary, #4f8cff);
+	border-color: var(--dsw-alias-brand-primary, #4f8cff);
+}
 .mpw_hint { font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary); margin: 0; }
 /* ①(新) 标题行：仓库链接（灰色、无下划线、hover 变深）+ 版本号 */
 .mpw_titleRow { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
@@ -2550,6 +2618,10 @@ body[data-mpw-modal] [role="dialog"] {
 			const [updState, setUpdState] = react.useState(null); // null=未检测 / {checking}/{hasUpdate...}
 			const [updConfirm, setUpdConfirm] = react.useState(null); // ⑩(新) 新版本确认下载弹窗
 			const [webConfirm, setWebConfirm] = react.useState(null); // ①(新) 网页壁纸确认弹窗（实验性警告）
+			const [rotModal, setRotModal] = react.useState(false);   // ⑳(新) 轮播列表管理弹窗
+			const [rotEditor, setRotEditor] = react.useState(false); // ⑳(新) 轮播列表编辑弹窗
+			const [rotEdit, setRotEdit] = react.useState(null);      // ⑳(新) 正在编辑的列表草稿
+			const [rotFilter, setRotFilter] = react.useState("all"); // ⑳(新) 勾选界面来源过滤：all/custom/steam
 			const [wallList, setWallList] = react.useState([]); // ② 合并后的可选壁纸列表
 			const [wallIdx, setWallIdx] = react.useState(-1);   // 当前在列表中的索引
 			const [libShow, setLibShow] = react.useState(10);   // 1(新) 列表单次展示数量（可展开）
@@ -2718,6 +2790,19 @@ body[data-mpw-modal] [role="dialog"] {
 					const walls = d.ok && d.wallpapers ? d.wallpapers : [];
 					setLibWalls(walls);
 					if (d.ok && !d.installDir) showError(t("lib.noInstall"));
+					// ⑳(新) WE 原生播放列表 → 首次自动导入为轮播列表（rotSeeded 防止删除后再播种）
+					try {
+						const pls = (d.playlists || []).filter((p) => p && Array.isArray(p.keys) && p.keys.length);
+						const cur = readSection();
+						if (pls.length && !(cur.rotGroups || []).length && !cur.rotSeeded) {
+							const seed = pls[0];
+							const gid = "we" + Date.now();
+							commit({ rotGroups: [{ id: gid, name: seed.name || t("rot.wePlaylist"), interval: seed.interval || 5, order: seed.order === "random" ? "random" : "sequence", keys: seed.keys }], rotGroupId: gid, rotSeeded: true }, true);
+							setHint(t("rot.seeded") + "：" + (seed.name || ""));
+						} else if (!pls.length && !cur.rotSeeded) {
+							commit({ rotSeeded: true }, true);
+						}
+					} catch {}
 					// ②(新) Steam 库合并进统一列表（轮播/上下切换可用）：
 					// 并入 video（mp4 播放）+ web（iframe）+ scene（预览图/后续静态帧），
 					// 用 src:"steam" 标记，next/prev 走 applyLibraryWallpaper。
@@ -2741,6 +2826,11 @@ body[data-mpw-modal] [role="dialog"] {
 			// ①(新) 检测更新（对比实际代码内容哈希，README 变更不触发）
 			const checkUpdate = async () => {
 				setUpdState({ checking: true });
+				// ①(修正) 实时刷新当前版本（像插件市场那样打开即读最新安装版本）
+				try {
+					const p = await fetch(HOST_BASE + "/ping", { method: "GET" });
+					if (p.ok) { const pd = await p.json(); if (pd && pd.version) setHostVersion(pd.version); }
+				} catch {}
 				try {
 					const r = await fetch(HOST_BASE + "/update-check");
 					const d = await r.json();
@@ -2787,8 +2877,20 @@ body[data-mpw-modal] [role="dialog"] {
 						setCustomFiles(d.files || []);
 						// ①(新) 合并进统一列表：自定义目录文件（图片+视频）+ workshop 原始子文件夹
 						// （video → mp4 播放；web → iframe；scene → 预览图/后续静态帧）
-						setWallList((d.files || []).map((f) => {
+						setWallList((prev) => {
+							// ①(修正) 自定义目录改为**合并**进列表（不再替换——用户误扫自定义目录后
+							// 切不回 Steam 库的问题；现在两个来源共存，去重）
+							const fresh = (d.files || []).map((f) => {
 							if (f.folder) {
+								// ①(修正) 子文件夹里的 .mpkg（wallpaperE 角色收藏夹）：独立成条
+								if (f.folderMpkg && f.type === "mpkg") {
+									return {
+										key: "custom|" + f.name + "/" + f.media, title: f.title || f.media, name: f.name,
+										type: "mpkg", folder: true, folderMpkg: true, folderName: f.name, mpkgFile: f.media,
+										image: "host:?custom=1&folder=" + encodeURIComponent(f.name) + "&file=" + encodeURIComponent(f.media),
+										converted: "mp4"
+									};
+								}
 								if (f.type === "web") {
 									const pv = f.preview || "preview.jpg";
 									return {
@@ -2822,7 +2924,10 @@ body[data-mpw-modal] [role="dialog"] {
 								image: "host:?custom=1&file=" + encodeURIComponent(f.name),
 								converted: f.type === "video" ? "mp4" : (f.type === "mpkg" ? "mp4" : "gif")
 							};
-						}));
+						});
+							const keys = new Set((prev || []).map((w) => w.key));
+							return fresh.filter((w) => !keys.has(w.key)).concat(prev || []);
+						});
 					}
 				} catch (err) { showError(t("lib.fail") + String(err && err.message || err)); }
 				setLibBusy(false);
@@ -2831,19 +2936,24 @@ body[data-mpw-modal] [role="dialog"] {
 			const applyCustomMpkg = async (w) => {
 				setLibBusy(true);
 				try {
-					const r = await fetch(HOST_BASE + "/custom-mpkg?file=" + encodeURIComponent(w.name));
+					// ①(修正) folderMpkg：子文件夹里的 .mpkg 走 folder 参数
+					const fq = w.folderMpkg
+						? "folder=" + encodeURIComponent(w.folderName || w.name) + "&file=" + encodeURIComponent(w.mpkgFile || w.name)
+						: "file=" + encodeURIComponent(w.name);
+					const r = await fetch(HOST_BASE + "/custom-mpkg?" + fq);
 					const d = await r.json();
-					if (!d.ok || !d.selected) { showError(t("mpkg.noAsset") + "（" + w.name + "）"); setLibBusy(false); return; }
+					const display = w.title || w.name;
+					if (!d.ok || !d.selected) { showError(t("mpkg.noAsset") + "（" + display + "）"); setLibBusy(false); return; }
 					const sel = d.selected;
 					commit({
 						image: "host:?token=" + d.token + "&index=" + sel.index + (sel.offset ? "&offset=" + sel.offset : ""),
-						source: sel.name, mpkgKey: "custommpkg|" + w.name, mpkgName: w.name,
+						source: sel.name, mpkgKey: "custommpkg|" + (w.folderMpkg ? w.folderName + "/" + w.mpkgFile : w.name), mpkgName: display,
 						fromMpkg: true, converted: sel.isMp4 ? "mp4" : "gif", slot: null,
 						info: undefined, timeVideos: undefined, timeConfig: undefined, activeSlot: null,
 						webUrl: undefined, sceneKey: undefined
 					}, true);
-					setMpkgMeta({ name: w.name, key: "custommpkg|" + w.name, info: null, entryName: sel.name, slot: null });
-					setHint(t("lib.applied") + "：" + w.name);
+					setMpkgMeta({ name: display, key: "custommpkg|" + (w.folderMpkg ? w.folderName + "/" + w.mpkgFile : w.name), info: null, entryName: sel.name, slot: null });
+					setHint(t("lib.applied") + "：" + display);
 					if (!sel.isMp4) { setPreviewModal(true); }
 				} catch (err) { showError(t("lib.fail") + String(err && err.message || err)); }
 				setLibBusy(false);
@@ -2919,26 +3029,60 @@ body[data-mpw-modal] [role="dialog"] {
 				} catch (err) { console.error("[dsh-mpkg-wallpaper] 应用场景壁纸失败:", err); showError(t("lib.fail") + String(err && err.message || err)); }
 			};
 			// ②(新) 切换到下一个壁纸（本地库 + 自定义目录合并列表）
+			// ⑳(新) 轮播候选：激活了列表 → 列表内的壁纸；否则全部
+			const rotCandidates = () => {
+				const all = wallList;
+				if (!all.length) return [];
+				const gid = section.rotGroupId;
+				if (gid) {
+					const g = (section.rotGroups || []).find((x) => x.id === gid);
+					if (g && (g.keys || []).length) {
+						const filtered = all.filter((w) => (g.keys || []).includes(w.key));
+						if (filtered.length) return filtered;
+					}
+				}
+				return all;
+			};
 			const nextWallpaper = () => {
-				const list = wallList;
+				const list = rotCandidates();
 				if (!list.length) { showError(t("lib.empty")); return; }
-				const idx = (wallIdx + 1) % list.length;
-				setWallIdx(idx);
-				applyWallFromList(list[idx]);
+				let idx = list.findIndex((w) => w.key === (wallList[wallIdx] && wallList[wallIdx].key));
+				if (idx < 0) idx = -1;
+				idx = (idx + 1) % list.length;
+				const target = list[idx];
+				setWallIdx(wallList.findIndex((w) => w.key === target.key));
+				applyWallFromList(target);
 			};
 			// 1(新) 切换到上一个壁纸
 			const prevWallpaper = () => {
-				const list = wallList;
+				const list = rotCandidates();
 				if (!list.length) { showError(t("lib.empty")); return; }
-				const idx = (wallIdx - 1 + list.length) % list.length;
-				setWallIdx(idx);
-				applyWallFromList(list[idx]);
+				let idx = list.findIndex((w) => w.key === (wallList[wallIdx] && wallList[wallIdx].key));
+				if (idx < 0) idx = 0;
+				idx = (idx - 1 + list.length) % list.length;
+				const target = list[idx];
+				setWallIdx(wallList.findIndex((w) => w.key === target.key));
+				applyWallFromList(target);
 			};
-			// ③(新) 壁纸轮换：定时自动切换
+			// ③(新) 壁纸轮换：定时自动切换（⑳(新) 随机顺序的列表打乱）
 			const startRotation = () => {
 				try { if (window.__mpwRotTimer) clearInterval(window.__mpwRotTimer); } catch {}
-				const sec = section.rotateMin > 0 ? section.rotateMin : 5;
-				window.__mpwRotTimer = setInterval(nextWallpaper, sec * 60 * 1000);
+				const gid = section.rotGroupId;
+				const g = gid ? (section.rotGroups || []).find((x) => x.id === gid) : null;
+				const sec = g && g.interval > 0 ? g.interval : (section.rotateMin > 0 ? section.rotateMin : 5);
+				if (g && g.order === "random") {
+					// 随机顺序：每轮洗牌后顺序播放（先随机跳一次）
+					window.__mpwRotTimer = setInterval(() => {
+						const list = rotCandidates();
+						if (list.length < 2) { nextWallpaper(); return; }
+						const r = Math.floor(Math.random() * list.length);
+						const target = list[r];
+						setWallIdx(wallList.findIndex((w) => w.key === target.key));
+						applyWallFromList(target);
+					}, sec * 60 * 1000);
+				} else {
+					window.__mpwRotTimer = setInterval(nextWallpaper, sec * 60 * 1000);
+				}
 			};
 			// ③(修正) 任一弹窗打开时给 body 打标记（背后设置面板禁虚化），关闭时移除
 			react.useEffect(() => {
@@ -3037,6 +3181,7 @@ body[data-mpw-modal] [role="dialog"] {
 					aquaMask: DEFAULT_AQUA_MASK, aquaTint: DEFAULT_AQUA_TINT, aquaInk: DEFAULT_AQUA_INK, aquaColor: "", aquaInkColor: "", aquaTextEnhance: DEFAULT_AQUA_TEXT_ENHANCE, todoBlur: DEFAULT_TODO_BLUR, aquaMaskAlpha: DEFAULT_AQUA_MASK_ALPHA, aquaTintStrength: DEFAULT_AQUA_TINT_STRENGTH, themeColor: DEFAULT_THEME_COLOR,
 					hybrid: DEFAULT_HYBRID, roundCompat: DEFAULT_ROUND_COMPAT,
 					rotate: DEFAULT_ROTATE, rotateMin: 5, customDirPath: "", brightness: DEFAULT_BRIGHTNESS, float: DEFAULT_FLOAT,
+					playbackRate: DEFAULT_PLAYBACK_RATE, rotGroups: [], rotGroupId: "", rotSeeded: false,
 					thinkBg: DEFAULT_THINK_BG,
 					enabled: DEFAULT_ENABLED
 				}), true);
@@ -3330,6 +3475,93 @@ body[data-mpw-modal] [role="dialog"] {
 			const propsToShow = propsExpanded ? propsShown : [];
 
 			const h = react.createElement;
+			// ①(修正) 弹窗遮罩 portal：渲染到 body，避开设置面板包含块/backdrop root 困局
+			const MaskPortal = (props) => {
+				const node = h("div", { className: "mpw_mask", onClick: props.onClick }, props.children);
+				if (ReactDOM && ReactDOM.createPortal && typeof document !== "undefined" && document.body) {
+					try { return ReactDOM.createPortal(node, document.body); } catch { /* 回退原位渲染 */ }
+				}
+				return node;
+			};
+			// ⑳(新) 自定义下拉（不调用原生 select——安卓原生太难看，用户实测）
+			const [selectOpen, setSelectOpen] = react.useState("");
+			const [selectDirUp, setSelectDirUp] = react.useState({}); // name → 是否向上展开
+			const SelectBox = (props) => {
+				const { value, options, onChange, placeholder } = props;
+				const cur = options.find((o) => o.value === value);
+				const dirUp = !!selectDirUp[props.name];
+				const menuStyle = dirUp
+					? { position: "absolute", left: 0, right: 0, bottom: "100%", marginBottom: 4, zIndex: 2600, maxHeight: 220, overflowY: "auto" }
+					: { position: "absolute", left: 0, right: 0, top: "100%", marginTop: 4, zIndex: 2600, maxHeight: 220, overflowY: "auto" };
+				return h("div", { className: "mpw_select", style: { position: "relative", flex: 1, minWidth: 0 } }, [
+					h("button", { className: "mpw_input mpw_selectBtn", type: "button",
+						onClick: (ev) => {
+							if (selectOpen !== props.name) {
+								// ①(修正) 下方空间不足时向上展开（用户实测列表底部被屏幕边缘截断）
+								let up = false;
+								try {
+									const rect = ev.currentTarget.getBoundingClientRect();
+									const est = Math.min(220, (options.length + 1) * 34);
+									if (rect.bottom + est > (window.innerHeight || 600)) up = true;
+								} catch {}
+								setSelectDirUp((prev) => Object.assign({}, prev, { [props.name]: up }));
+							}
+							setSelectOpen(selectOpen === props.name ? "" : props.name);
+						} },
+						h("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, cur ? cur.label : placeholder),
+						h("span", { className: "mpw_hint" }, selectOpen === props.name ? (dirUp ? "▼" : "▲") : (dirUp ? "▲" : "▼"))
+					),
+					selectOpen === props.name
+						? h("div", { className: "mpw_selectMenu", style: menuStyle },
+							options.map((o) => h("button", { className: "mpw_selectOpt" + (o.value === value ? " mpw_on" : ""), type: "button", key: o.value,
+								onClick: () => { setSelectOpen(""); onChange(o.value); } }, o.label)))
+						: null
+				]);
+			};
+			// ⑳(新) 视频倍速分段条：6 段竖线分隔，点击/拖拽直接定位到对应档位
+			const SpeedBar = (props) => {
+				const { value, onChange } = props;
+				const ref = react.useRef(null);
+				const dragging = react.useRef(false);
+				const idx = Math.max(0, SPEED_LEVELS.indexOf(value));
+				const pick = (clientX) => {
+					const el = ref.current;
+					if (!el) return;
+					const rect = el.getBoundingClientRect();
+					const ratio = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
+					const i2 = Math.min(SPEED_LEVELS.length - 1, Math.round(ratio * (SPEED_LEVELS.length - 1)));
+					onChange(SPEED_LEVELS[i2]);
+				};
+				return h("div", { className: "mpw_speedBar", style: { position: "relative", height: 56, margin: "8px 0 0", touchAction: "none", cursor: "pointer" },
+					ref,
+					onPointerDown: (ev) => { dragging.current = true; try { ev.target.setPointerCapture && ev.target.setPointerCapture(ev.pointerId); } catch {} pick(ev.clientX); },
+					onPointerMove: (ev) => { if (dragging.current) pick(ev.clientX); },
+					onPointerUp: () => { dragging.current = false; },
+					onPointerCancel: () => { dragging.current = false; },
+					onClick: (ev) => pick(ev.clientX) },
+					// ①(修正) 统一坐标系：左右 16px 内边距，轨道/竖线/球/进度/数字标签
+					// 全部用 pos(i) = 16px + i/5*(100%-32px)——数字中心严格落在刻度上。
+					// （之前 space-between 按钮宽度不同 → 中心不落在刻度；全宽又边缘被裁）
+					// 轨道
+					h("div", { style: { position: "absolute", left: 16, right: 16, top: 14, height: 6, borderRadius: 3, background: "color-mix(in srgb, var(--dsw-alias-interactive-bg-hover, #333a4a) 60%, transparent)" } }),
+					// 填充进度
+					h("div", { style: { position: "absolute", left: 16, top: 14, height: 6, borderRadius: 3, background: "var(--dsw-alias-brand-primary, #4f8cff)", width: "calc(" + (idx / (SPEED_LEVELS.length - 1) * (100 - 32)) + "% - 0px)" } }),
+					// 分段竖线
+					SPEED_LEVELS.map((rate, i) => h("div", { key: rate, style: {
+						position: "absolute", top: 6, left: "calc(16px + " + (i / (SPEED_LEVELS.length - 1) * (100 - 32)) + "% - 1px)",
+						width: 1, height: 22, background: "color-mix(in srgb, var(--dsw-alias-border-l2, #444b5c) 70%, transparent)"
+					} })),
+					// 当前档位球
+					h("div", { style: { position: "absolute", top: 8, left: "calc(16px + " + (idx / (SPEED_LEVELS.length - 1) * (100 - 32)) + "% - 7px)", width: 14, height: 14, borderRadius: "50%", background: "var(--dsw-alias-brand-primary, #4f8cff)", border: "2px solid var(--dsw-alias-bg-base, #0e1420)" } }),
+					// 数字标签也可点击
+					SPEED_LEVELS.map((rate, i) => h("button", { key: "b" + rate, type: "button", style: {
+						position: "absolute", top: 32, left: "calc(16px + " + (i / (SPEED_LEVELS.length - 1) * (100 - 32)) + "%)", transform: "translateX(-50%)",
+						padding: "4px 2px", fontSize: 11, border: 0, background: "transparent", cursor: "pointer", whiteSpace: "nowrap",
+						color: i === idx ? "var(--dsw-alias-brand-primary, #4f8cff)" : "var(--dsw-alias-label-tertiary)",
+						fontWeight: i === idx ? 700 : 400
+					}, onClick: () => onChange(SPEED_LEVELS[i]) }, (rate === 1 ? "1" : rate) + "x"))
+				);
+			};
 			const sliderRow = (label, field, min, max, suffix, step, def) => {
 				const val = section[field] !== void 0 ? section[field] : def;
 				const rangeRef = react.useRef(null);
@@ -3517,7 +3749,7 @@ body[data-mpw-modal] [role="dialog"] {
 									// 图片项用 <img>（参照 elysia395 的 preview 显示）
 									// ①(修正) mpkg 项用容器内 preview 图（custom-mpkg-preview 路由）；视频用首帧；图片直接用
 									w.type === "mpkg"
-										? h("img", { className: "mpw_thumbImg", src: HOST_BASE + "/custom-mpkg-preview?file=" + encodeURIComponent(w.name), alt: "", loading: "lazy",
+										? h("img", { className: "mpw_thumbImg", src: HOST_BASE + "/custom-mpkg-preview?" + (w.folderMpkg ? "folder=" + encodeURIComponent(w.folderName) + "&" : "") + "file=" + encodeURIComponent(w.folderMpkg ? w.mpkgFile : w.name), alt: "", loading: "lazy",
 											onError: (ev) => { ev.target.style.display = "none"; } })
 										: ((w.type === "video" || w.converted === "mp4")
 											? h("video", { className: "mpw_thumbImg", src: resolveHostUrl(w.image), muted: true, playsInline: true, preload: "metadata",
@@ -3590,7 +3822,7 @@ body[data-mpw-modal] [role="dialog"] {
 						])
 						: libWalls && !libWalls.length ? h("p", { className: "mpw_hint" }, t("lib.empty")) : null
 				]),
-				// ②③(新) 下一个壁纸 + 定时轮换
+				// ②③(新) 下一个壁纸 + 定时轮换 + ⑳(新) 轮播列表（WE 原生播放列表风格）
 				h("div", { className: "mpw_field" }, [
 					h("label", { className: "mpw_label" }, t("lib.rotate")),
 					h("div", { className: "mpw_inline" }, [
@@ -3599,9 +3831,139 @@ body[data-mpw-modal] [role="dialog"] {
 						h(Toggle, { checked: section.rotate !== void 0 ? !!section.rotate : DEFAULT_ROTATE, onChange: (v) => commit({ rotate: v }) }),
 						h("span", { className: "mpw_hint" }, t("lib.rotateDesc"))
 					]),
+					// ⑳(新) 轮播列表：选择激活列表（自定义下拉）+ 管理 + 新建
+					h("div", { className: "mpw_inline", style: { marginTop: 4 } }, [
+						h(SelectBox, { name: "rotGroup", value: section.rotGroupId || "", placeholder: t("rot.all"),
+							options: [{ value: "", label: t("rot.all") }].concat((section.rotGroups || []).map((g) => ({ value: g.id, label: g.name + "（" + (g.keys || []).length + "）" }))),
+							onChange: (v) => commit({ rotGroupId: v }, true) }),
+						h("button", { className: "mpw_reset mpw_moreBtn", type: "button", onClick: () => setRotModal(true) }, t("rot.manage")),
+						h("button", { className: "mpw_reset mpw_moreBtn", type: "button", onClick: () => { setRotEdit({ id: "", name: "", interval: 5, order: "sequence", keys: [] }); setRotEditor(true); } }, t("rot.new"))
+					]),
 					h("div", { style: { display: (section.rotate !== void 0 ? !!section.rotate : DEFAULT_ROTATE) ? "" : "none" } },
-						sliderRow(t("lib.rotateMin"), "rotateMin", 1, 120, t("lib.minutes"), 1, 5))
+						sliderRow(t("lib.rotateMin"), "rotateMin", 1, 120, t("lib.minutes"), 1, 5)),
+					// ①(修正) 选中列表后：单独设置该列表的轮换间隔（用户要求，编辑弹窗不再设间隔）
+					(section.rotGroupId && (section.rotGroups || []).find((g) => g.id === section.rotGroupId))
+						? h("div", { className: "mpw_inline", style: { marginTop: 4 } }, [
+							h("span", { className: "mpw_hint" }, t("rot.groupInterval")),
+							h("input", { type: "range", min: 1, max: 120, step: 1, style: { flex: 1, minWidth: 0 },
+								value: (section.rotGroups || []).find((g) => g.id === section.rotGroupId).interval || 5,
+								onChange: (ev) => {
+									const v = Math.max(1, parseInt(ev.target.value || "5", 10));
+									const groups = (section.rotGroups || []).map((g) => g.id === section.rotGroupId ? Object.assign({}, g, { interval: v }) : g);
+									commit({ rotGroups: groups }, true);
+								} }),
+							h("span", { className: "mpw_hint" }, ((section.rotGroups || []).find((g) => g.id === section.rotGroupId).interval || 5) + t("lib.minutes"))
+						])
+						: null
 				]),
+				// ⑳(新) 轮播列表管理弹窗（新建/编辑/删除）
+				rotModal ? h(MaskPortal, { onClick: () => setRotModal(false) }, [
+					h("div", { className: "mpw_dialog", style: { width: "min(560px, calc(100vw - 32px))" }, onClick: (ev) => ev.stopPropagation() }, [
+						h("div", { className: "mpw_title" }, t("rot.title")),
+						(section.rotGroups || []).length === 0
+							? h("p", { className: "mpw_hint" }, t("rot.empty"))
+							: h("div", { style: { maxHeight: 260, overflowY: "auto" } }, (section.rotGroups || []).map((g) => h("div", { className: "mpw_inline", key: g.id, style: { marginBottom: 6 } }, [
+								h("span", { className: "mpw_propLabel", style: { flex: 1, minWidth: 0 } }, h("b", null, g.name)),
+								h("span", { className: "mpw_hint" }, (g.keys || []).length + t("rot.items") + " · " + (g.interval || 5) + t("lib.minutes") + " · " + (g.order === "random" ? t("rot.random") : t("rot.seq"))),
+								h("button", { className: "mpw_reset mpw_moreBtn", type: "button", onClick: () => { setRotEdit(JSON.parse(JSON.stringify(g))); setRotModal(false); setRotEditor(true); } }, t("rot.edit")),
+								h("button", { className: "mpw_reset mpw_moreBtn", type: "button", onClick: () => {
+									const next = (section.rotGroups || []).filter((x) => x.id !== g.id);
+									commit({ rotGroups: next, rotGroupId: section.rotGroupId === g.id ? "" : section.rotGroupId }, true);
+								} }, t("rot.del"))
+							]))),
+						h("div", { className: "mpw_inline", style: { marginTop: 8 } }, [
+							h("button", { className: "mpw_button", type: "button", onClick: () => { setRotEdit({ id: "", name: "", interval: 5, order: "sequence", keys: [] }); setRotModal(false); setRotEditor(true); } }, t("rot.new")),
+							h("button", { className: "mpw_reset", type: "button", onClick: () => setRotModal(false) }, t("conflict.cancel"))
+						])
+					])
+				]) : null,
+				// ⑳(新) 轮播列表编辑弹窗（命名 + 勾选壁纸 + 间隔 + 顺序）
+				rotEditor && rotEdit ? h(MaskPortal, { onClick: () => setRotEditor(false) }, [
+					h("div", { className: "mpw_dialog", style: { width: "min(560px, calc(100vw - 32px))" }, onClick: (ev) => ev.stopPropagation() }, [
+						h("div", { className: "mpw_title" }, rotEdit.id ? t("rot.editTitle") : t("rot.newTitle")),
+						// ①(修正) 名称输入框与「图片链接」输入框同款（mpw_input；dialog 是列布局，
+						// flex:1 会纵向拉伸 → 显式 flex:none 恢复正常高度）
+						h("input", { className: "mpw_input", type: "text", style: { width: "100%", boxSizing: "border-box", flex: "none", marginBottom: 10 }, placeholder: t("rot.namePh"), value: rotEdit.name, onChange: (ev) => setRotEdit(Object.assign({}, rotEdit, { name: ev.target.value })) }),
+						// ①(修正) 播放顺序（顺序/随机）；间隔在列表选择下方单独设置
+						h("div", { className: "mpw_inline", style: { marginBottom: 8 } }, [
+							h("span", { className: "mpw_label", style: { fontSize: 13 } }, t("rot.order")),
+							h("button", { className: "mpw_miniBtn" + (rotEdit.order !== "random" ? " mpw_on" : ""), type: "button", onClick: () => setRotEdit(Object.assign({}, rotEdit, { order: "sequence" })) }, t("rot.seq")),
+							h("button", { className: "mpw_miniBtn" + (rotEdit.order === "random" ? " mpw_on" : ""), type: "button", onClick: () => setRotEdit(Object.assign({}, rotEdit, { order: "random" })) }, t("rot.random"))
+						]),
+						h("p", { className: "mpw_hint" }, t("rot.pickHint") + "（" + wallList.length + "）"),
+						// ①(修正) 来源过滤 + 扫描入口：误扫自定义目录后也能切回 Steam 库（用户要求"返回"）
+						h("div", { className: "mpw_inline", style: { marginBottom: 6 } }, [
+							h("button", { className: "mpw_miniBtn" + (rotFilter === "all" ? " mpw_on" : ""), type: "button", onClick: () => setRotFilter("all") }, t("rot.all")),
+							h("button", { className: "mpw_miniBtn" + (rotFilter === "custom" ? " mpw_on" : ""), type: "button", onClick: () => setRotFilter("custom") }, t("rot.filterCustom")),
+							h("button", { className: "mpw_miniBtn" + (rotFilter === "steam" ? " mpw_on" : ""), type: "button", onClick: () => setRotFilter("steam") }, t("rot.filterSteam")),
+							h("button", { className: "mpw_reset mpw_moreBtn", type: "button", onClick: () => { if (customDir) scanCustomDir(); else showError(t("lib.dirEmpty")); } }, t("rot.scanDir")),
+							h("button", { className: "mpw_reset mpw_moreBtn", type: "button", onClick: scanLibrary }, t("rot.scanLib"))
+						]),
+						// ①(修正) 勾选改整行点击；壁纸列表为空时给扫描入口（wallList 是运行时状态，刷新后需重扫）
+						wallList.length === 0
+							? h("div", { style: { padding: "12px 0" } }, [
+								h("p", { className: "mpw_hint", style: { marginBottom: 6 } }, t("rot.noWallpapers")),
+								h("div", { className: "mpw_inline" }, [
+									h("button", { className: "mpw_reset mpw_moreBtn", type: "button", onClick: () => { if (customDir) scanCustomDir(); else showError(t("lib.dirEmpty")); } }, t("rot.scanDir")),
+									h("button", { className: "mpw_reset mpw_moreBtn", type: "button", onClick: scanLibrary }, t("rot.scanLib"))
+								])
+							])
+							: h("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 6, maxHeight: 220, overflowY: "auto" } }, wallList.filter((w) => rotFilter === "all" ? true : rotFilter === "steam" ? w.src === "steam" : !w.src || w.src !== "steam").map((w) => {
+							const on = (rotEdit.keys || []).includes(w.key);
+							// ①(修正) 缩略图：与扫描目录网格同款逻辑（mpkg preview / 视频首帧 / 静态图）
+							let turl = "";
+							try {
+								if (w.type === "mpkg") turl = HOST_BASE + "/custom-mpkg-preview?" + (w.folderMpkg ? "folder=" + encodeURIComponent(w.folderName) + "&" : "") + "file=" + encodeURIComponent(w.folderMpkg ? w.mpkgFile : w.name);
+								else if (w.image) turl = resolveHostUrl(w.image);
+								else if (w.src === "steam" && w.ltoken) {
+									if (w.type === "video" && w.media) turl = HOST_BASE + "/library-media?ltoken=" + encodeURIComponent(w.ltoken) + "&file=" + encodeURIComponent(String(w.media).split(/[\\/]/).pop());
+									else turl = HOST_BASE + "/library-web?ltoken=" + encodeURIComponent(w.ltoken) + "&file=" + encodeURIComponent(String(w.preview || "").split(/[\\/]/).pop() || "preview.jpg");
+								}
+							} catch {}
+							return h("div", { className: "mpw_pickCard" + (on ? " mpw_on" : ""), key: w.key,
+								style: { position: "relative", borderRadius: 10, overflow: "hidden", cursor: "pointer", border: "1px solid " + (on ? "var(--dsw-alias-brand-primary, #4f8cff)" : "var(--dsw-alias-border-l2, #444b5c)"),
+									background: on ? "color-mix(in srgb, var(--dsw-alias-brand-primary, #4f8cff) 12%, transparent)" : "var(--dsw-alias-bg-module-platform, #1c2230)" },
+								onClick: () => {
+									const keys = (rotEdit.keys || []).slice();
+									const i = keys.indexOf(w.key);
+									if (i >= 0) keys.splice(i, 1); else keys.push(w.key);
+									setRotEdit(Object.assign({}, rotEdit, { keys }));
+								} }, [
+								// ①(修正) 固定 64px 高度容器：**只有真正的视频项**用首帧 <video>；
+								// mpkg 项 converted 也是 "mp4" 但缩略 URL 是预览图（图片）——
+								// 之前误用 <video> 加载图片 → 必然失败被隐藏 → 缩略图全空白
+								h("div", { style: { width: "100%", height: 64, position: "relative", background: "color-mix(in srgb, var(--dsw-alias-interactive-bg-hover, #333a4a) 30%, transparent)" } }, [
+									turl && w.type === "video"
+										? h("video", { src: turl, muted: true, playsInline: true, preload: "metadata",
+											style: { width: "100%", height: 64, objectFit: "cover", display: "block" },
+											onLoadedMetadata: (ev) => { try { const v = ev.target; if (v.duration && v.duration > 0.1) v.currentTime = 0.05; } catch {} },
+											onError: (ev) => { ev.target.style.display = "none"; } })
+										: turl
+											? h("img", { src: turl, alt: "", loading: "lazy", style: { width: "100%", height: 64, objectFit: "cover", display: "block" }, onError: (ev) => { ev.target.style.display = "none"; } })
+											: null
+								]),
+								h("div", { style: { display: "flex", alignItems: "center", gap: 6, padding: "6px 8px" } }, [
+									h("span", { style: { flex: "none", width: 16, height: 16, borderRadius: 5, border: "1px solid " + (on ? "var(--dsw-alias-brand-primary, #4f8cff)" : "var(--dsw-alias-border-l2, #444b5c)"), display: "flex", alignItems: "center", justifyContent: "center", color: on ? "var(--dsw-alias-brand-primary, #4f8cff)" : "transparent", fontSize: 12 } }, "✓"),
+									h("span", { className: "mpw_hint", style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", color: "var(--dsw-alias-label-primary)", fontSize: 12 } }, w.title)
+								])
+							]);
+						})),
+						h("div", { className: "mpw_inline", style: { marginTop: 10 } }, [
+							h("button", { className: "mpw_button", type: "button", onClick: () => {
+								const groups = (section.rotGroups || []).slice();
+								const keys = (rotEdit.keys || []).filter((k) => wallList.some((w) => w.key === k));
+								if (!keys.length) { showError(t("rot.emptyKeys")); return; }
+								// ①(修正) 新建列表默认间隔用全局 rotateMin（间隔在列表选择下方单独调）
+								const g = { id: rotEdit.id || ("rot" + Date.now()), name: rotEdit.name.trim() || t("rot.unnamed"), interval: Math.max(1, rotEdit.interval || (section.rotateMin > 0 ? section.rotateMin : 5)), order: rotEdit.order === "random" ? "random" : "sequence", keys };
+								const i = groups.findIndex((x) => x.id === g.id);
+								if (i >= 0) groups[i] = g; else groups.push(g);
+								commit({ rotGroups: groups, rotGroupId: section.rotGroupId || g.id }, true);
+								setRotEditor(false);
+							} }, t("rot.save")),
+							h("button", { className: "mpw_reset", type: "button", onClick: () => setRotEditor(false) }, t("conflict.cancel"))
+						])
+					])
+				]) : null,
 
 				// ③(新) 宿主端状态（proot/本机测试方法：可用 = 大文件无限制生效）
 				h("p", { className: "mpw_hint" },
@@ -3611,6 +3973,13 @@ body[data-mpw-modal] [role="dialog"] {
 							: "混合模式：检测宿主端中…")
 						: "纯浏览器模式（600MB 上限）"),
 
+				// ⑳(新) 视频倍速分段条（放在 mpkg 选择上方；点击/拖拽定位档位）
+				h("div", { className: "mpw_field" }, [
+					h("label", { className: "mpw_label" }, t("speed") + " · " + (section.playbackRate !== void 0 ? section.playbackRate : DEFAULT_PLAYBACK_RATE) + "x"),
+					h(SpeedBar, { value: section.playbackRate !== void 0 ? section.playbackRate : DEFAULT_PLAYBACK_RATE, onChange: (v) => commit({ playbackRate: v }, true) }),
+					h("p", { className: "mpw_hint" }, t("speed.hint"))
+				]),
+
 				// mpkg 文件
 				h("div", { className: "mpw_field" }, [
 					h("div", { className: "mpw_inline" }, [
@@ -3995,7 +4364,7 @@ body[data-mpw-modal] [role="dialog"] {
 				hint ? h("p", { className: "mpw_hint" + (/^(解析失败|文件过大|背景素材过大|存储空间|内存不足|此壁纸的视频纹理|不支持)/.test(hint) ? " mpw_err" : "") }, hint) : null,
 
 				// ⑩(新) 新版本确认下载弹窗（发布<24h 提示）
-				updConfirm ? h("div", { className: "mpw_mask", onClick: () => setUpdConfirm(null) }, [
+				updConfirm ? h(MaskPortal, { onClick: () => setUpdConfirm(null) }, [
 					h("div", { className: "mpw_dialog", onClick: (ev) => ev.stopPropagation() }, [
 						h("div", { className: "mpw_title" }, t("update.warnTitle")),
 						h("p", { className: "mpw_desc" }, t("update.warnBody") + updConfirm.localVersion + " → " + updConfirm.remoteVersion + "）"),
@@ -4007,7 +4376,7 @@ body[data-mpw-modal] [role="dialog"] {
 				]) : null,
 
 				// ①(新) 目录选择弹窗（文件夹选择器，跨平台）
-				dirPick ? h("div", { className: "mpw_mask", onClick: () => setDirPick(false) }, [
+				dirPick ? h(MaskPortal, { onClick: () => setDirPick(false) }, [
 					h("div", { className: "mpw_dialog", onClick: (ev) => ev.stopPropagation() }, [
 						h("div", { className: "mpw_title" }, t("lib.pickDir")),
 						h("p", { className: "mpw_hint", style: { wordBreak: "break-all" } }, t("lib.curDir") + "：" + (dirPath || "(默认)")),
@@ -4054,7 +4423,7 @@ body[data-mpw-modal] [role="dialog"] {
 				]) : null,
 
 				// ①(新) 通用错误弹窗（文件过大 / 无法使用 / 解析失败等）
-				errorModal ? h("div", { className: "mpw_mask", onClick: () => setErrorModal(false) }, [
+				errorModal ? h(MaskPortal, { onClick: () => setErrorModal(false) }, [
 					h("div", { className: "mpw_dialog", onClick: (ev) => ev.stopPropagation() }, [
 						h("div", { className: "mpw_title" }, t("error.title")),
 						h("p", { className: "mpw_desc" }, errorMsg),
@@ -4065,7 +4434,7 @@ body[data-mpw-modal] [role="dialog"] {
 				]) : null,
 
 				// ⑤(新) 预览模式弹窗（导入后最终用 GIF/图片时提示）
-				previewModal ? h("div", { className: "mpw_mask", onClick: () => setPreviewModal(false) }, [
+				previewModal ? h(MaskPortal, { onClick: () => setPreviewModal(false) }, [
 					h("div", { className: "mpw_dialog", onClick: (ev) => ev.stopPropagation() }, [
 						h("div", { className: "mpw_title" }, t("preview.title")),
 						h("p", { className: "mpw_desc" }, t("preview.desc")),
@@ -4077,7 +4446,7 @@ body[data-mpw-modal] [role="dialog"] {
 
 				// ④ 冲突确认弹窗（自绘覆盖层）
 				// ①(新) 网页壁纸确认弹窗（实验性警告：可能卡顿或无法加载；预检标注风险）
-				webConfirm ? h("div", { className: "mpw_mask", onClick: () => setWebConfirm(null) }, [
+				webConfirm ? h(MaskPortal, { onClick: () => setWebConfirm(null) }, [
 					h("div", { className: "mpw_dialog", onClick: (ev) => ev.stopPropagation() }, [
 						h("div", { className: "mpw_title" }, t("web.confirmTitle")),
 						h("p", { className: "mpw_desc" }, `${t("web.confirmBody")}（${webConfirm.title || ""}）`),
@@ -4099,7 +4468,7 @@ body[data-mpw-modal] [role="dialog"] {
 						])
 					])
 				]) : null,
-				conflictModal ? h("div", { className: "mpw_mask", onClick: () => setConflictModal(false) }, [
+				conflictModal ? h(MaskPortal, { onClick: () => setConflictModal(false) }, [
 					h("div", { className: "mpw_dialog", onClick: (ev) => ev.stopPropagation() }, [
 						h("div", { className: "mpw_title" }, t("conflict.title")),
 						h("p", { className: "mpw_desc" }, `${t("conflict.body")}：${conflicts.join(", ")}`),
@@ -4274,6 +4643,35 @@ body[data-mpw-modal] [role="dialog"] {
 			"flipY.desc": "壁纸上下镜像（scaleY -1）",
 			"themeColor": "主题颜色",
 			"themeColor.hint": "驱动按钮/滑条/选中项/链接/发送键等品牌色（取色盘 + 预置）；空 = DSH 默认蓝",
+			"speed": "视频倍速",
+			"speed.hint": "视频壁纸播放速度（0.5x–2x，原生播放器变速，即时生效不重载）",
+			"rot.title": "轮播列表管理",
+			"rot.all": "全部壁纸（不限定列表）",
+			"rot.manage": "管理列表",
+			"rot.empty": "还没有轮播列表。点「新建列表」从壁纸中挑选，或扫描 Steam 库自动导入 WE 播放列表。",
+			"rot.new": "新建列表",
+			"rot.newTitle": "新建轮播列表",
+			"rot.edit": "编辑",
+			"rot.editTitle": "编辑轮播列表",
+			"rot.del": "删除",
+			"rot.save": "保存",
+			"rot.items": " 个壁纸",
+			"rot.seq": "顺序",
+			"rot.random": "随机",
+			"rot.namePh": "列表名称",
+			"rot.unnamed": "未命名列表",
+			"rot.pickHint": "勾选参与轮播的壁纸",
+			"rot.emptyKeys": "请至少勾选一个壁纸",
+			"rot.wePlaylist": "WE 播放列表",
+			"rot.seeded": "已导入 WE 原生播放列表",
+			"rot.groupInterval": "该列表轮换间隔",
+			"rot.order": "播放顺序",
+			"rot.noWallpapers": "没有可选的壁纸（先扫描壁纸库）",
+			"rot.scanDir": "扫描自定义目录",
+			"rot.filterCustom": "自定义",
+			"rot.filterSteam": "Steam库",
+			"rot.scanLib": "扫描本地库",
+			"rot.intervalHint": "间隔在选中列表后下方单独设置",
 			"themeColorReset": "默认",
 			"blur": "磨砂模糊",
 			"blur.overridden": "统一虚化 + 聊天区跟随均开启：壁纸模糊由「整屏虚化程度」接管，磨砂条暂不可调；关闭「聊天区跟随整屏虚化」后磨砂条恢复可调（此时统一虚化只管侧边栏/标题栏）",
@@ -4379,6 +4777,35 @@ body[data-mpw-modal] [role="dialog"] {
 			"lib.rotateDesc": "Automatically switch to the next wallpaper on a timer (range: custom folder + local library + Steam-discovered video wallpapers)",
 			"lib.rotMerged": "Playable Steam-library videos merged into the rotation: ",
 			"lib.rotateMin": "Rotation interval",
+			"speed": "Video speed",
+			"speed.hint": "Video wallpaper playback speed (0.5x–2x, native player rate, instant, no reload)",
+			"rot.title": "Carousel list management",
+			"rot.all": "All wallpapers (no list)",
+			"rot.manage": "Manage lists",
+			"rot.empty": "No carousel lists yet. Click \"New list\" to pick wallpapers, or scan the Steam library to auto-import WE playlists.",
+			"rot.new": "New list",
+			"rot.newTitle": "New carousel list",
+			"rot.edit": "Edit",
+			"rot.editTitle": "Edit carousel list",
+			"rot.del": "Delete",
+			"rot.save": "Save",
+			"rot.items": " wallpapers",
+			"rot.seq": "Sequence",
+			"rot.random": "Random",
+			"rot.namePh": "List name",
+			"rot.unnamed": "Unnamed list",
+			"rot.pickHint": "Check wallpapers to include in rotation",
+			"rot.emptyKeys": "Select at least one wallpaper",
+			"rot.wePlaylist": "WE playlist",
+			"rot.seeded": "Imported WE native playlist",
+			"rot.groupInterval": "This list rotation interval",
+			"rot.order": "Play order",
+			"rot.noWallpapers": "No wallpapers to pick (scan a wallpaper library first)",
+			"rot.scanDir": "Scan custom folder",
+			"rot.filterCustom": "Custom",
+			"rot.filterSteam": "Steam library",
+			"rot.scanLib": "Scan local library",
+			"rot.intervalHint": "Interval is set separately below after selecting a list",
 			"lib.minutes": "min",
 			"hybrid.desc": "On: mpkg is uploaded to the DSH host and streamed (supports files >600MB; restart dsh web for the host half). Off: pure browser mode (600MB cap)",
 			"conflict.detected": "Potentially conflicting plugins detected",

package/lib/index.js

@@ -468,6 +468,18 @@ function apply(ctx) {
                 else if (hasHtml) { type = 'web'; media = 'index.html'; }
                 else if (vid) { type = 'video'; media = vid; }
               }
+              // ①(修正) 子文件夹里的 .mpkg（无 project.json/scene.pkg/html 的纯 mpkg 收藏夹，
+              // 如 wallpaperE 下的角色文件夹）→ 每个 mpkg 独立成条（folderMpkg）
+              if ((!type || !media) && e.isDirectory()) {
+                let mpkgs = [];
+                try { mpkgs = readdirSync(sub).filter((x) => x.toLowerCase().endsWith('.mpkg')); } catch {}
+                if (mpkgs.length) {
+                  for (const m of mpkgs) {
+                    files.push({ name: f, title: m, type: 'mpkg', media: m, folder: true, folderMpkg: true, preview: null });
+                  }
+                  continue;
+                }
+              }
               if (type && media) {
                 // ①(新) 网页壁纸风险预检：Spine/L2D 骨骼动画（skel/atlas）→ 重动画
                 // 可能卡顿；引用外网 http(s) → 依赖外网可能失败（用户实测：昔涟类
@@ -520,8 +532,10 @@ function apply(ctx) {
           if (!customDir) { json(res, 404, { ok: false, error: 'no dir' }); return; }
           const url = new URL(req.url || '', 'http://localhost');
           const file = url.searchParams.get('file') || '';
-          if (!file || file.includes('..') || file.includes('/') || file.includes('\\')) { json(res, 403, { ok: false, error: 'forbidden' }); return; }
-          const filePath = join(customDir, file);
+          const folder = url.searchParams.get('folder') || '';
+          if (!file || file.includes('..') || file.includes('/') || file.includes('\\') || (folder && (folder.includes('..') || folder.includes('/') || folder.includes('\\') || folder.startsWith('.')))) { json(res, 403, { ok: false, error: 'forbidden' }); return; }
+          // ①(修正) folder= 支持子文件夹里的 .mpkg（wallpaperE 角色收藏夹）
+          const filePath = folder ? join(customDir, folder, file) : join(customDir, file);
           if (!existsSync(filePath) || !file.toLowerCase().endsWith('.mpkg')) { json(res, 404, { ok: false, error: 'not found' }); return; }
           const head = readFileSync(filePath).subarray(0, HEAD_BYTES);
           const { dataStart, entries } = parseMpkgHead(head);
@@ -560,12 +574,15 @@ function apply(ctx) {
           if (!customDir) { json(res, 404, { ok: false, error: 'no dir' }); return; }
           const url = new URL(req.url || '', 'http://localhost');
           const file = url.searchParams.get('file') || '';
-          if (!file || file.includes('..') || file.includes('/') || file.includes('\\')) { json(res, 403, { ok: false, error: 'forbidden' }); return; }
-          const filePath = join(customDir, file);
+          const folder = url.searchParams.get('folder') || '';
+          if (!file || file.includes('..') || file.includes('/') || file.includes('\\') || (folder && (folder.includes('..') || folder.includes('/') || folder.includes('\\') || folder.startsWith('.')))) { json(res, 403, { ok: false, error: 'forbidden' }); return; }
+          // ①(修正) folder= 支持子文件夹里的 .mpkg
+          const filePath = folder ? join(customDir, folder, file) : join(customDir, file);
           if (!existsSync(filePath) || !file.toLowerCase().endsWith('.mpkg')) { json(res, 404, { ok: false, error: 'not found' }); return; }
           // ①(新) 缓存：mtime 未变 → 直接返回缓存 bytes（不再解析头部/打开大文件）
           const st = statSync(filePath);
-          const cached = mpkgPreviewGet(file);
+          const cacheKey = (folder ? folder + '/' : '') + file;
+          const cached = mpkgPreviewGet(cacheKey);
           if (cached && cached.mtimeMs === st.mtimeMs && cached.bytes) {
             res.writeHead(200, { 'content-type': cached.mime, 'content-length': cached.bytes.length, 'cache-control': 'no-cache' });
             res.end(cached.bytes);
@@ -592,7 +609,7 @@ function apply(ctx) {
                 if (n <= 0) break; got += n;
               }
             } finally { closeSync(fd); }
-            mpkgPreviewSet(file, { mtimeMs: st.mtimeMs, mime, bytes: buf });
+            mpkgPreviewSet(cacheKey, { mtimeMs: st.mtimeMs, mime, bytes: buf });
             res.writeHead(200, { 'content-type': mime, 'content-length': buf.length, 'cache-control': 'no-cache' });
             res.end(buf);
             return;
@@ -1003,7 +1020,53 @@ function apply(ctx) {
             }
           };
           for (const root of projectsRoots) scan(root);
-          json(res, 200, { ok: true, installDir, wallpapers });
+          // ①(新) WE 原生播放列表（config.json → general.playlists）：解析为
+          // 轮播列表（项 = 壁纸路径 → 映射到本插件的 key：steam|ltoken / custom|目录名）
+          const playlists = [];
+          try {
+            const cfgPath = join(installDir, 'config.json');
+            if (existsSync(cfgPath)) {
+              const cfg = JSON.parse(readFileSync(cfgPath, 'utf8'));
+              const byFolder = new Map(); // 文件夹名 → ltoken
+              for (const [lt, rec] of library) {
+                const base = String(rec.dir || '').split(/[\\/]/).filter(Boolean).pop() || '';
+                if (base && !byFolder.has(base)) byFolder.set(base.toLowerCase(), lt);
+              }
+              const seen = new Set();
+              for (const profile of Object.values(cfg || {})) {
+                if (!profile || typeof profile !== 'object') continue;
+                const general = profile.general || {};
+                const rows = Array.isArray(general.playlists) ? general.playlists : [];
+                for (const row of rows) {
+                  const items = Array.isArray(row.items) ? row.items.filter((x) => typeof x === 'string' && x.trim()) : [];
+                  if (!items.length) continue;
+                  const keys = [];
+                  for (const item of items) {
+                    // "…/workshop/content/431960/<folder>/…" → 文件夹名 → ltoken
+                    const m = /[\\/]431960[\\/]([^\\/]+)(?:[\\/]|$)/i.exec(item);
+                    const folder = m ? m[1] : /[\\/]([^\\/]+)[\\/][^\\/]+$/i.exec(item) ? /[\\/]([^\\/]+)[\\/][^\\/]+$/i.exec(item)[1] : null;
+                    if (!folder) continue;
+                    const lt = byFolder.get(folder.toLowerCase());
+                    if (lt) keys.push('steam|' + lt);
+                    else if (customDir && existsSync(join(customDir, folder))) keys.push('custom|' + folder);
+                  }
+                  if (!keys.length) continue;
+                  const name = typeof row.name === 'string' && row.name.trim() ? row.name.trim() : 'WE Playlist';
+                  const sig = name + '\u0000' + keys.join('\u0000');
+                  if (seen.has(sig)) continue;
+                  seen.add(sig);
+                  const settings = row.settings && typeof row.settings === 'object' ? row.settings : {};
+                  playlists.push({
+                    name,
+                    keys,
+                    order: settings.order === 'random' ? 'random' : 'sequence',
+                    interval: typeof settings.delay === 'number' && settings.delay > 0 ? Math.min(1440, Math.round(settings.delay)) : 5,
+                  });
+                }
+              }
+            }
+          } catch { /* 播放列表读取失败不阻塞 */ }
+          json(res, 200, { ok: true, installDir, wallpapers, playlists });
         } catch (err) {
           json(res, 500, { ok: false, error: String(err && err.message || err) });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mpkg-wallpaper",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "description": "DSH Web 壁纸引擎 Wallpaper Engine mpkg 背景插件：浏览器内直接解析 .mpkg（preview.gif 动态背景/内嵌 mp4 视频/多时段切换），整屏统一虚化/对话框/弹层/遮罩独立虚化、镜头缩放平移、时钟、冲突检测。",
   "private": false,
   "type": "module",