dsh-pixel-ui 1.8.0 → 1.9.0

package/README.md

@@ -4,12 +4,12 @@
 
 # 🪵 dsh-pixel-ui
 
-> DeepSeek Harness 像素皮肤（Agent Xi 风格）：七个主题一键切换——像素·木屋 / 像素·羊皮纸 / 像素·暖阳 / 像素·终端绿 / 像素·全息 / 像素·南瓜灯 / 像素·便签本，随时可切回现代默认 UI。
+> DeepSeek Harness 像素皮肤（Agent Xi 风格）：八个主题一键切换——像素·木屋 / 像素·羊皮纸 / 像素·暖阳 / 像素·终端绿 / 像素·全息 / 像素·南瓜灯 / 像素·便签本 / 像素·云石，随时可切回现代默认 UI。
 
 ![License: MIT](https://img.shields.io/badge/license-MIT-brightgreen)
 ![dsh](https://img.shields.io/badge/dsh-0.2.1--rc.3-blue)
-![version](https://img.shields.io/badge/version-1.8.0-F4D03F)
-![themes](https://img.shields.io/badge/themes-7-orange)
+![version](https://img.shields.io/badge/version-1.9.0-F4D03F)
+![themes](https://img.shields.io/badge/themes-8-orange)
 ![contrast](https://img.shields.io/badge/WCAG-AA%20audited-brightgreen)
 
 ---
@@ -18,8 +18,8 @@
 
 `dsh-pixel-ui` 是一个**皮肤插件**，把 dsh Web GUI 重皮肤成像素 RPG 风：
 
-1. **七个主题**：像素·木屋（深木 + 金）、像素·羊皮纸（浅色纸面 + 金棕）、像素·暖阳（暖橙木）、像素·终端绿（终端绿字）、像素·全息（真 PNG 9-slice 深蓝全息框 + 青色描边）、像素·南瓜灯（暗橙藤蔓框 + 暖金）、像素·便签本（浅色活页纸 + 铅笔光标）；
-2. **像素质感**：前四套**完全平面**——整像素 2px 描边、平涂色块的一档明度差、2px 棋盘抖动、手绘 SVG 像素图形（对勾/单选点/下拉箭头/光标），零 `box-shadow` 与 `text-shadow`；后三套是**真素材分支**，使用 Complete UI 素材自带的浮雕边框（CC BY 4.0，见下方授权），全息/南瓜灯/便签本的对话框、菜单、主按钮、输入框、选中行各取不同的 9-slice 策略；
+1. **八个主题**：像素·木屋（深木 + 金）、像素·羊皮纸（浅色纸面 + 金棕）、像素·暖阳（暖橙木）、像素·终端绿（终端绿字）、像素·全息（真 PNG 9-slice 深蓝全息框 + 青色描边）、像素·南瓜灯（暗橙藤蔓框 + 暖金）、像素·便签本（浅色活页纸 + 铅笔光标）、像素·云石（板岩 + 白石框 + 钢青）；
+2. **像素质感**：前四套**完全平面**——整像素 2px 描边、平涂色块的一档明度差、2px 棋盘抖动、手绘 SVG 像素图形（对勾/单选点/下拉箭头/光标），零 `box-shadow` 与 `text-shadow`；后四套是**真素材分支**，使用 Complete UI 素材自带的浮雕边框（CC BY 4.0，见下方授权），全息/南瓜灯/便签本/云石的对话框、菜单、主按钮、输入框、选中行各取不同的 9-slice 策略；
 3. **宿主表面一起换色**：主题 token 从 17 个扩到 23 个，新增用户气泡、弹层菜单、输入区、选择键、提示底等宿主自绘表面的颜色，气泡/输入区不再留着宿主默认蓝；
 4. **细节与动感**：所有动效走 `steps()` 阶梯（80/140/220ms），按下 1px 位移、页签下划线逐格生长、思考中闪烁光标、运行中左条呼吸、toast 三帧进入；另有主题化勾/点、代码块终端顶栏、表格斑马纹、吸顶标题底线、滚动条握把、纸面专用深色光标。`prefers-reduced-motion` 下一律关闭；
 5. **桌面端友好**：内容列宽随视口撑开（`clamp(680px, 64vw - 140px, 1200px)`，窄屏仍是宿主原本的 680px），皮肤选择在 `dsh-app://` 页面上也能恢复；素材在构建期转成 data URI 内联，换素材只需重新 build + 刷新页面，不必重启宿主。
@@ -63,10 +63,7 @@
 - 输入框：`input.png` 32×32 → `slice:10 fill`；选中行：`select-bar.png`；滚动条：`scroll-handle.png`；
 - **Tooltip / Toast 保持扁平薄边**（2px 青色），不再套 10px 面板框——这是木刻版本翻车的直接原因。
 
-> 素材：Complete UI Essential Pack v2.4 · `06_Hologram_Theme` by **Crusenho Agus Hennihuno**，CC BY 4.0；
-> 只取 8 张切片，完整署名与许可证在
-> [`assets/complete-ui/hologram/ATTRIBUTION.md`](assets/complete-ui/hologram/ATTRIBUTION.md)。
-> 全息是**第五套**，和南瓜灯/便签本同属真素材分支；前四套仍保持零立体、零阴影。
+![像素·全息组件预览：全息对话框、菜单、主按钮、输入框、选中行](./assets/preview-hologram.png)
 
 ### 像素·南瓜灯 · `pixel-pumpkin`
 
@@ -78,8 +75,7 @@
 - **图标按钮**：`button_simple1.png` 32×32 → `slice:4 4 10 4`；发送键不再挤压横条按钮；
 - **输入框 / 选中行**：`text_field.png` / `dropdown.png` 32×32 → `slice:6 fill`；选中行用素材自带的深红底，文字保持奶油色。
 
-> 素材：Complete UI Essential Pack v2.4 · `09_Pumpkin_Theme`，CC BY 4.0；
-> 源文件映射与署名在 [`assets/complete-ui/pumpkin/ATTRIBUTION.md`](assets/complete-ui/pumpkin/ATTRIBUTION.md)。
+![像素·南瓜灯组件预览：藤蔓对话框、菜单、主按钮、图标键、输入框、选中行](./assets/preview-pumpkin.png)
 
 ### 像素·便签本 · `pixel-papernote`
 
@@ -91,12 +87,19 @@
 - **输入框**：`Textfield01.png` 64×32 → `slice:4 4 6 4`；**光标**：`CursorPencil01.png`，铅笔贯穿按钮/输入框/正文，热区在笔尖；
 - 便签纸面与页面同色，额外用 2px 墨线（`--pxa-outline`）把“纸”钉出来，避免菜单看起来像悬浮文字。
 
-> 素材：Complete UI Essential Pack v2.4 · `11_Papernote_Theme`，CC BY 4.0；
-> 源文件映射与署名在 [`assets/complete-ui/papernote/ATTRIBUTION.md`](assets/complete-ui/papernote/ATTRIBUTION.md)。
+![像素·便签本组件预览：活页纸对话框、便签菜单、便签条按钮、输入框、选中行](./assets/preview-papernote.png)
 
-> 截图取自 DSH Desktop（1920×1200 @125% 缩放），目前覆盖前四套；全息 / 南瓜灯 / 便签本的
-> 实机截图待补拍。截图由插件市场按本仓库根的
-> [`screenshots.json`](screenshots.json) 读取——换图只推自己的仓库，不必提 PR。
+### 像素·云石 · `pixel-marble`
+
+> 深色 · 板岩 `#161C26` + 白石 `#E8EFF2` + 钢青 `#7FB2E5`；对话框是一整圈白石框，按钮/输入框/选中行是白石控件、深墨文字。
+
+- **对话框**：`Frame_Standard_01a.png` 96×96 → `slice:20 fill`、`border-image-repeat:repeat`；白石的 20px 边框只给对话框和菜单；
+- **菜单**：`Frame_Lite_01a.png` 32×32 → `slice:12 fill`；`repeat` 平铺，石纹不会被拉糊；
+- **主按钮**：`Button_Large_Release/Press/Lock`（96×32，三态）→ `slice:5 8 6 8`、`border-width:5px 6px 6px 6px`；白石底 + 深墨字；
+- **图标按钮**：`Button_Small_Release` 32×32 → `slice:6 fill`；
+- **输入框 / 选中行**：`Textfield_01a` / `Dropdown_01a` 32×32 → `slice:6 fill`；浅色控件单独用 `--pxa-select-ink`，不会出现浅字压浅底。
+
+![像素·云石组件预览：白石对话框、菜单、主按钮、图标键、输入框、选中行](./assets/preview-marble.png)
 
 ## Motion & detail
 
@@ -127,10 +130,10 @@
 | dsh 生态 | `0.1.0-rc.6` ~ `0.2.x`（ThemeService `register`/`setTheme` + `settings.general.item` 槽位；`0.2.1-rc.3` 已按源码逐条核对，并用 0.2.1 真实的 `ThemeRuntime` 跑通注册/恢复/切换契约；见 `docs/dev/迭代记录.md`） |
 | 兼容声明 | 同时声明 `engines.dsh` 与 `@deepseek-ai/dsh-*` peers：0.2.1 的 app-boot 优先读 `engines.dsh`，dshmarket 的发现页把两者取交集；任一判定器都能过 |
 | DSH Desktop | 2.0.x（web 兼容模式/高级模式均适用） |
-| 模式 | 五深色 + 两浅色（`colorScheme` 按主题声明） |
+| 模式 | 六深色 + 两浅色（`colorScheme` 按主题声明） |
 | 浏览器 | 现代 Chromium / Firefox（`localStorage` + CSS 变量 + SVG 光标） |
 | 字体 | fusion-pixel 12px zh_hans（MIT）+ Press Start 2P（OFL），随包分发 |
-| 对比度 | 七主题全部通过 WCAG AA（正文 ≥4.5:1、非文本 ≥3:1，`npm run test:contrast` 门禁） |
+| 对比度 | 八主题全部通过 WCAG AA（正文 ≥4.5:1、非文本 ≥3:1，`npm run test:contrast` 门禁） |
 
 ## Install / Uninstall
 
@@ -146,7 +149,7 @@ GitHub Releases（无需 npm，同样开箱即用）：
 
 ```bash
 # 下载 Releases 里的 dsh-pixel-ui-<version>.tgz
-dsh plugin add ./dsh-pixel-ui-1.8.0.tgz
+dsh plugin add ./dsh-pixel-ui-1.9.0.tgz
 ```
 
 GitHub 源码（构建产物已随仓库提交，无需构建）：
@@ -197,21 +200,21 @@ DSH Desktop 默认每次启动随机分配本地 Web 端口，而浏览器 `loca
 
 1. 安装后重启 dsh / DSH Desktop；
 2. 首次加载自动激活默认主题「像素·木屋」；
-3. 设置 → 通用 → **像素主题**，八个按钮一键切换七个皮肤和「现代默认」；
+3. 设置 → 通用 → **像素主题**，九个按钮一键切换八个皮肤和「现代默认」；
 4. 选「现代默认」（或外观行选 浅色 / 深色 / 跟随系统）即整体退出皮肤，选择会被记住，下次打开不复活。
 
 最小可复现示例：安装 → 重启 → 木屋主题上身 → 切换到「像素·便签本」→ 对话框变成带装订孔的活页纸 → 输入框文字清晰可读 → 点「现代默认」→ 页面立即回到现代 UI → 刷新页面仍是现代 UI。
 
 ## Configuration
 
-- **无配置项**：七个主题的 23 个 `--dsw-*` token 定义在 `src/client/index.js` 的 `THEMES`，像素质感与 9-slice 素材层在 `src/client/pixel.css`；
+- **无配置项**：八个主题的 23 个 `--dsw-*` token 定义在 `src/client/index.js` 的 `THEMES`，像素质感与 9-slice 素材层在 `src/client/pixel.css`；
 - **默认主题**：`pixel-wood`（仅首次安装时自动激活，之后尊重你的选择）；
 - **持久化**：双层——宿主文件 `$DSH_HOME/storages/dsh-pixel-ui/preference.json`（权威，跨端口/跨浏览器）+ 浏览器 `localStorage` 的 `dsh-pixel-ui:theme`（同 origin 镜像）；
 - 无环境变量、无敏感项。
 
 ## Permissions & data
 
-- 宿主进程：**只读**本包内字体文件；在 `$DSH_HOME/storages/dsh-pixel-ui/` 下读写一个主题偏好 JSON（只注册 `/dsh-pixel-ui/fonts/*` 与 `/dsh-pixel-ui/preference` 两个路由，字体文件名白名单、主题 id 白名单，均无路径穿越）；三套素材主题的 PNG 在构建期已内联进 `lib/client.js`，宿主不再按路径读素材；
+- 宿主进程：**只读**本包内字体文件；在 `$DSH_HOME/storages/dsh-pixel-ui/` 下读写一个主题偏好 JSON（只注册 `/dsh-pixel-ui/fonts/*` 与 `/dsh-pixel-ui/preference` 两个路由，字体文件名白名单、主题 id 白名单，均无路径穿越）；四套素材主题的 PNG 在构建期已内联进 `lib/client.js`，宿主不再按路径读素材；
 - 浏览器半边：注册主题 + 注入样式表 + 一个设置行；无网络请求、无遥测、不读凭据，只在 `localStorage` 存一个主题 id。
 
 ## Troubleshooting
@@ -237,21 +240,19 @@ npm test         # test:compat + test:host + test:client + test:contrast
 - `scripts/check-compat.mjs`：`engines.dsh` / dsh peers / dshReleases 的声明门禁（0.2.1-rc.3 严格安装路径）
 - `scripts/asset-inline.mjs`：把 CSS 里的 `url('pxasset:<theme>/<file>.png')` 换成 data URI，并用 `ASSET_DIRS` 白名单校验主题名
 - `scripts/test-host.mjs`：node 半边（字体白名单 / 偏好路由读写与校验 / **确认没有素材路由** / dispose）
-- `scripts/test-client.mjs`：browser 半边（加载真实 lib/client.js，覆盖注册、恢复矩阵、交互、渲染、动效门禁、**三套素材主题的内联 9-slice**、`data-pixel-asset` 开关、dispose）
-- `scripts/audit-contrast.mjs`：七主题 WCAG 对比度门禁（改 palette 必跑；新增用户气泡 / 菜单面 / 输入区三对）
+- `scripts/test-client.mjs`：browser 半边（加载真实 lib/client.js，覆盖注册、恢复矩阵、交互、渲染、动效门禁、**四套素材主题的内联 9-slice**、`data-pixel-asset` 开关、dispose）
+- `scripts/audit-contrast.mjs`：八主题 WCAG 对比度门禁（改 palette 必跑；新增用户气泡 / 菜单面 / 输入区三对）
 
 改动皮肤后重新构建并刷新浏览器即可；**素材已内联，新增素材主题不再需要重启宿主**。开发文档在 `docs/dev/`（计划 / 迭代 / 踩坑）。欢迎 PR；行为变更请同步更新 README。
 
 ## License & security
 
 [MIT](./LICENSE) © 2026 zhang66633 · 字体：fusion-pixel（MIT）、Press Start 2P（SIL OFL）。
-`pixel-hologram`（8 张）、`pixel-pumpkin`（8 张）、`pixel-papernote`（7 张）的 Complete UI 切片
+`pixel-hologram`（8 张）、`pixel-pumpkin`（8 张）、`pixel-papernote`（7 张）、`pixel-marble`（8 张）的 Complete UI 切片
 © Crusenho Agus Hennihuno，[CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)，
 分别见 [`hologram`](assets/complete-ui/hologram/ATTRIBUTION.md) /
 [`pumpkin`](assets/complete-ui/pumpkin/ATTRIBUTION.md) /
-[`papernote`](assets/complete-ui/papernote/ATTRIBUTION.md) 的 ATTRIBUTION。
-
-> 未收录 PixelPocketPhoneUI 的 PNG：该素材包只有 © IndigoLay 与 Unity Asset Store EULA，
-> 没有随包再分发许可。若将来拿到书面许可，可按同一 `pxasset:` 流程接入（见 `docs/dev/踩坑记录.md` #13）。
+[`papernote`](assets/complete-ui/papernote/ATTRIBUTION.md) /
+[`marble`](assets/complete-ui/marble/ATTRIBUTION.md) 的 ATTRIBUTION。
 
 安全问题请通过 GitHub **security advisory** 私下报告，不要发公开 issue。

package/assets/complete-ui/marble/ATTRIBUTION.md

@@ -0,0 +1,28 @@
+# Complete UI Essential Pack · Stone theme
+
+Selected sprites from **Complete UI Essential Pack v2.4** by
+**Crusenho Agus Hennihuno** (<https://crusenho.itch.io>), used under the
+**Creative Commons Attribution 4.0 International (CC BY 4.0)** license:
+<https://creativecommons.org/licenses/by/4.0/>.
+
+The sprites are used unmodified as 9-slice textures in the `pixel-marble`
+theme. They are inlined into the client bundle as data URIs at build time
+(`scripts/asset-inline.mjs`).
+
+- Original pack: Complete UI Essential Pack v2.4
+- Theme: `04_Stone_Theme`
+- License text: `LICENSE.txt` in this directory.
+
+| Local file | Source sprite | Role |
+| --- | --- | --- |
+| `panel.png` | `UI_Stone_Frame_Standard_01a.png` | dialog frame |
+| `popover.png` | `UI_Stone_Frame_Lite_01a.png` | menu / popover frame |
+| `button.png` | `UI_Stone_Button_Large_Release_01a1.png` | primary button (rest) |
+| `button-hover.png` | `UI_Stone_Button_Large_Press_01a1.png` | primary button (hover) |
+| `button-press.png` | `UI_Stone_Button_Large_Lock_01a1.png` | primary button (pressed) |
+| `icon-button.png` | `UI_Stone_Button_Small_Release_01a1.png` | icon-only primary button |
+| `input.png` | `UI_Stone_Textfield_01a.png` | text field |
+| `select.png` | `UI_Stone_Dropdown_01a.png` | selected row / menu item |
+
+Modifications: none to the images; only CSS border-image slicing/repeating is
+applied at runtime.

package/assets/complete-ui/marble/LICENSE.txt

@@ -0,0 +1,20 @@
+Attribution 4.0 International (CC BY 4.0)
+
+You are free to:
+
+Share — copy and redistribute the material in any medium or format for any purpose, even commercially.
+
+Adapt — remix, transform, and build upon the material for any purpose, even commercially.
+
+The licensor cannot revoke these freedoms as long as you follow the license terms.
+
+Under the following terms:
+
+Attribution - You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
+
+No additional restrictions - You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
+
+License Link: https://creativecommons.org/licenses/by/4.0/
+
+Licensor Owner: Crusenho Agus Hennihuno
+Licensor Store Link: https://crusenho.itch.io

package/assets/complete-ui/pumpkin/ATTRIBUTION.md

@@ -25,5 +25,10 @@ route.
 | `input.png` | `ui_pumpkin_text_field.png` | text field |
 | `select.png` | `ui_pumpkin_dropdown.png` | selected row / menu item |
 
-Modifications: none to the images; only CSS border-image slicing/scaling is
-applied at runtime.
+Modifications: the flat interior fill of the button sprites (button, button-hover,
+button-press, icon-button) was darkened from `#BF5F16` to `#8A3E0C`, and of the
+text-field sprite from `#BF5F16` to `#3A2210`, so primary-button ink and input
+placeholder/text reach WCAG AA on the rendered fill (`--dsw-alias-button-primary-fill`
+and `--px-input-bg` respectively). Rims, pumpkin vines and highlights are untouched.
+Only CSS border-image slicing/scaling is applied at runtime; all other pixels are
+the original artwork.

package/lib/client.js

@@ -1235,17 +1235,17 @@ html[data-pixel-theme='pixel-pumpkin'] {\r
   --pxa-menu: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAuFJREFUWIXFl79LG2EYxz93Go4EL3j+INqKFdriVMRJRAu6lNJi6NKpi4vUf0Chm10Vd8HFpS3tKLRbm4B1SJcgWYQOlaCYGJvTi01NSr0O+sZE7707k0C/S+7u836f5z3yPO/7Hlzo5asB+/3bxzYSufFGvKq4SB+pfElty2K48ka8iriwv47ZT97s099+xsrT2+dwfNMXb8SrigFsmfS3n5E+Upn9uAdb5vlzD96IF0AVAwrJECt9ofNZ9oUoJEOXA2UcqNt7wdXCWqnmP1nKddXcu/FGvIKr8ZROIRlirvuQD0Z/7YBkCMGd5MaqvW6xW97t7bweDQwufDYs8laOR8UQ5UygkmDDymAfdzIQKVeei9+dA42dA82RVXtlsaOJmOJaqfMzebKmScQweBjuufaWG1YGQMqEd3G1A1kXVNqILZPZ3SLpI7VSLAwZNZO4qqxpAkiZSC6LrYxvKkp1perDRWZ3i5VK1YeLNZO4qn3LAqA3HL7GqpO7xW4trJXQhy+NS7ku6CtW7qsrWSSUTURITMhPbF9dUK+a1gVZ05S+vZNOSiUU2+an+rc5XXCT5NXqDYc9u8B1L1hc7SBiGI5FdpPkDe0F9UzianJfe4EoFK/1/CbyE7vSBU6HhmZ1gVtsNZqIKfGUzqcXvaSPVOa6D2HIQJ/W6u6Cfcsia5psWBncYkcTMUUFmFouOxbK1HK57rcX8op9oyKUFeJVVlcRCsmKMGIYjt0gkjkxP7FbRgODC7fObOa6Dyneucv9H0W03j+UMwHKmQDxlE66dIL17Ddjz+9hfTtf5XRNQ9c0IoZxjQG0BYPYx514xfa1FAN87zkjb+XQtgO0BYO0BYP8Oj2lLRh0ZFnTbN5SLFtO52fyAFLWtAOJ26ECkDIvr+8DiZRPa54HDi/+34/lrfGUzgTOEsuljDfiFVwBWB+ZtCceFBwTRBMxxY0D1Out6YL1kclrn8/RRMwXb8T7D0nQvI83eiFSAAAAAElFTkSuQmCC");\r
   --pxa-menu-slice: 12 fill;\r
   --pxa-menu-width: 12px;\r
-  --pxa-button: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAAXNSR0IArs4c6QAAAdtJREFUaIHtmr9rwkAUx78XnAIRXNq5Q5aCFEHoYAMKnTNJ/wL/iNLOLf0HuvkXlE7OBQPaQRCCZHTo3C6CAdfrkB89zV3aUM1BfJ8ped57Hu/L5S55j0GATzscEtjVO9u1rQdtbrU2wEUjMtiOzBVYTrZiVN1PJBMjRhybXvDPW54EIw6M7YCdPjEgFoCSr4FYBKZ67BDlUNs1vNwtdczjaLh5tLfuGX8+58kmISb/5KzUeVWer4+f61SExQpG6JuZwZT8/SPLaeibMOrDeeb4RJRDfThnhu5JHDsGnYL0wacdTitAM4byFZs4PLYDWgGaIQE0QwJohgTQDAmgGRJAMySAZgwqxGhkOaEVoBsDi1XGKH67JvaDNKeLFdh60ObWw3Va3aeK2GFJizG2g/D+jYry2oiL8rQHaCaqCQNA34VyFci+mBZdMUmMqvuJ5OXzdQQA8R7Q2kQ/9F15EMlGjYuGulssL0bV/URUMeLkh74ZCQAAqQhEKSTNEDUvsNBthgh9UymCrHOiqGBJjKr7ifyWTy+wolPQ6LLHu82w0B8S/8MLLLizMUtbUvJE8AIrYysqWBKj6n4iefl0Z2MGCK2J7mzMRuhJOySSwSKqsSqSGFX3E/lLPr8Bg9wAHp0LUGYAAAAASUVORK5CYII=");\r
-  --pxa-button-hover: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAAXNSR0IArs4c6QAAAZdJREFUaIHt2jFLw0AUB/B3hzgUUnDR2SGLiwiFDjVDwbUd/QT9Bi6ic8XF0a2fwLFdBQutQ6FQQscMzroEGnBwOYcm8ZpcSoUmD5L/b0qOu9fjPdKmeSECAICqEvqJmraUcdLlu0iOrXoNZV18E50frQdsx/wJ3mQjRtnX6VIxQvrc+EB93qooGOTMdkicPAqisABIPoOwCCLraweKcZAceLnzOPZRGdcP9sa5UM9nKvqR0JN/fFrovkrv6+PvOC6C65MMFrXUZCR//0w5DRY1kvXBPHX7BMWoD+ZCcm+i6iTugvioaUvhCmAmM/9iQ/5sh3AFMEMBmKEAzFAAZigAMxSAGQrATKIRw8ib4ArgJsn1U4P6s2vYD2NOXZ/EqtdQVv8q7u6jI5avuBljOxTcv6ZbksmWGeRLjpcW9x4qa7y01q+lDJtt1Rk2KfOOyPTE9L93T1GMsq/TbcnnqDuj7uxNxO3IuAiGIKObw9Rw5+kn+22xLTHKvk6XFSNKPlHi1cRhs23sjkWTd5mbJYpR9nW6XfL5C+ygxLhF60T2AAAAAElFTkSuQmCC");\r
-  --pxa-button-active: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAAXNSR0IArs4c6QAAAatJREFUaIHt2r9Lw0AUB/B3hyAUUnDR2SGLICIUHGrAgnNHZ4f+EWJnxX/ArYOzY+dCC61DoFBKxw7OuhQaEJzOob147d0FhaYP0u9nSo671/Ae+dG8EAEAsBHmjhpUlXPS5ZtYH5s3Kio4/yI6O1gMhJH7F6b9lRhFX2eyYiyZc9MN9XGndDDIWRiROHoSRMsCIPkMlkUQvssObMfe+sDr/ZTjOHbGzWO4si/U84nSNwkz+YfHWz2uwvt8/91OizCekUxGJWsykr95rpwmoxLJcmtoPT7BdpRbQyG5D2LXSTwF8VGDqsIZwEx6/2JD/sKIcAYwQwGYoQDMUABmKAAzFIAZCsBMohHDaNrHGcBN0nhmDZrvrmEznDkdz0jMGxUVPFyn3X10xPKVNmPCiJJmx25JrrfMIF+4BzAT7YuaujpNyLwMWVxvTP/79KRjFH2dKSOfSbNDvUmw+C5opQiOIMnLtzUc3O77vxbLiFH0dSZfDJ38etwVaT9YF8GlNwmsMd9cHx2j6OtMWfmsx11BZHwXVI+7ok01Z3tSTzb55vroGEVfZ/pLPn8APFXe+1RXkcQAAAAASUVORK5CYII=");\r
+  --pxa-button: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABzElEQVR4nO2aMUvDQBTH3x2dhApOjk5ZBBFBcNCABedO4ifwQ4jOil/AzU8gTpkFheogCFIcMzk6FSx0PXmX3nlpLrGB9h6c7zeU5Hrvtfz/JLncewIc1PO+Ag/i4EXMjn2f7qruzgRge60YSFJfKEA+KOWIPc6lkmOKO9ceqK8zZZIxSyZJQaxfa+0lfrD4gckHheZ4BdTddpgwdGYH7s7zQD/9Pzm5SkrnQt1sKvOQcMX/hEnwPxczG7BSNWE4Ajl+//3CwOIvHp+mqL1cvX2rLJ+YMKD2ehXE0CF5FUQHas9XADGy9hWbWT5JWrwJM3SwAcSwAcSwAcSwAcSwAcSwAcRIroIRkg/4CqBG4p500941sxi8mg5HIHTl/vLIVve5IrZcbDEmSWF88VB0RXBRnq4zgldBxBQ1YeS4b29DFXw7pm17iEyO2ONcmvS8z/ShsN1bxgRfEs+DWhfy593KdnPEHudSl2MqPtaEtQF4Yk1ggmCaITpPH1043BrrgToTfJ0TbQ0zOWKPc/lLT9Rer4KyvZ5CE5hwoPj910dhW1KaTMDJs7Q1zOSIPc6lSU8Uv9SaiAMZ9Lx9omayS93cOkyO2OPAYR49fwDBAQQZqKqgBwAAAABJRU5ErkJggg==");\r
+  --pxa-button-hover: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABlklEQVR4nO3aMUvDQBQH8JdDHIQKTo5OWVxEEDpoBsG1Hf0EfgMX0VlxcXTzEzi2q6AQHQqCFMdMjk4FCx1cTi7xzksuFyo0eZD+f0NJ0ruX8h5Jk7wQAQDAsgrsFfm8L0sHHbzkxilfJ3uyszsj2tnINoRR+R6SOBej7fNsToxf9lizID/PpA4GNQsjCjav09wL9YHkNyyJs5yrI8B32oFmrBQ33J8nDe16OR1fhbn1QN5uS/0nYSf/g2aN/7g226I1twjjCYnp298XGpK/eGU5VbkX63evzuUTNEPlPr0KAj4CV0F8VO5xBDAT3ltsqF8YZXfCwAcFYIYCMEMBmKEAzFAAZigAM4EuGKMkxhHATahn0lXPrmExSnM6nlCQdu4vj0x3Hx2xeplmTBjR9OLBbUkWW2ZQL/H03ql5F+Cjcp92wwbdQ9kbdM1pyFH2xPS/7xDpGG2fZ6vI57A/ov7oMTDtSFOEoiSm4emqs7l38+1/W6wiRtvn2XwxdPLVcq4frIrgjCYyg+cZ66NjtH0eWebJ5w82gMizrPsdPgAAAABJRU5ErkJggg==");\r
+  --pxa-button-active: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAABpUlEQVR4nO2aMUvFMBDHr0EQhCc4OTp1EUQEwUELPnB2dHbwQ4jOil/AzcHZ8c2CQnUQBHk4dnJ0emDhgVMkralpkxSF1x7E/28obXp3Lf8jaZoLEQAAsBGZF/JhWzqNdh5rdoqPo0052JgSrS+VDXHifkKW1mKE7mdixfjGtK1O5Pux1MFAx8QJRcsXhfZCHSB+z2RpqbnqAb5hB/TDXLPh5iTr6dH/k4PzuHYdyctVqT8SpvhvNO395UJmhRbsJIwnJPKXnxsaiD97XJoq7cXi1bM1fQL9oLQvZkGAD4FZEB9Ke/QAZoT3Fxt0T5yUf8KADySAGSSAGSSAGSSAGSSAGSSAGYEqGCNZih7AjVBr0m1r12A2ODUdTygqKvdne1V1HxWxbqmKMXFC+emtXZJslsxAt2AWxEw02hrK3bWczGHIwrVi+tc9RDpG6H4mLXqq4ef+dVBuzKoloUmWUn79aTUPDuf9u8VaYoTuZ+KLocXff7qLqnqwToILZdzEZ+tDxwjdz6RNTyW+Oq8+wqphREPnJi1tbOKz9aFjhO5HBr/R8wuC++L290wmRwAAAABJRU5ErkJggg==");\r
   --pxa-button-slice: 6 8 12 8 fill;\r
   --pxa-button-width: 6px 8px 10px 8px;\r
   --pxa-button-ink: #FFF6E6;\r
   --pxa-button-hover-ink: #FFF6E6;\r
-  --pxa-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAXdJREFUWIXtlzFKxEAUhv8ZthrIwjZaW0wjyCIIFmtgvcBW4gn0DuIBxAvY7QnEai9gIGshLAwhZQprbQIO2I5FnNnsmMwSlky2yFcl897L//PIJG8ISqjlRMGCXLwRAPi+OVPB6Q8wHhUBHtqpBVnsrivFAMBcqM87pYtbh4cgh4/EGPAqbpkgVW33ycBeeL7PWhW8fuAb9xRJ7k38n0aSYyAFQzBerx0ctWvg62N9LQUDHc5XZie0LW5rDOcrQtuXdEO73AVqOVHdd6D2k+oDHmIPOtAb6A30BnwPImWyeB86UJoHvJPkoFIwM+FOb/mWit0xGjyEFKz7obTzd4Cop+NiHriaobIL+m/ZtEOuOh4CL4vCgDm5aBM2f4kYj+pPQzZZDPNyO54pBSsMAIAx4QkpGACARmmwsVCVWBfbJuB6JgBEaVDsgsX5pZqeyMYiuxClAWbvr8SM5HUmdIeaGnTVaXGgdDrWJuxknVgVc+Gq0zEA+AVN0Zgm2m+SswAAAABJRU5ErkJggg==");\r
+  --pxa-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABe0lEQVR4nO2XP0oEMRTGv4StFkawsrRKI8giCBY6oBfYSjyBVxDEAyxewM4TiNVeQGG0EAQZLKeytBrYhW0jLzHZmZjJajGJxf6afZOX5Hu8zZ8Xhgby6VDCgR09M/qdne/LbG8BjDa1Q+TwUhXhcQ2fsq3456U0g3tH5GBb10qbRxcnqkJrAmC+tMdk4DbcXVW9Cp5NROubo6yjif/QKGsM5m9DZKNl2wcWvQawjaG1SZtv3L6yWOKuBmmrXZASnnIXkHb6DKDrSI2ByPVJmBK+DgDrvyAxPH0AVcRCxKUq/kMGymU9EJ2yBqc72RzHF5NGYdATVkPkqh5gSYrSRmXMkRgmb3Z0PXA6to+KFua2/GuGQuPIdz/VAczMy8UE4fLdUb1sfnt1k6hZ3IE51RqgAOjDBhEJtfgB8Mf3rNXg69jlWyUQmpMgbbULpgcn8nh3jpiQ+PjlQe8CMkwmfB27fKsEQnOSJtn2TUBQJtzOpqPPFyI0zvjI/gJjIqCQvIbvSgAAAABJRU5ErkJggg==");\r
   --pxa-icon-slice: 4 4 10 4 fill;\r
   --pxa-icon-width: 4px 4px 6px 4px;\r
-  --pxa-input: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAPVJREFUWIXtl6EKwlAYhc9/MQkOBNFsFUSEocEFfYEl0Rew+QI+gi9gW7Jp1AdQ0AVlIBaLwawMhAnWa5BdhxOT/iv3pMtfvi/ccA4hEnkeSDCECkNSbwVfN1jgCmy5pATkqMQKBwBUsiDLJUoEHpFIvd+mEx8AkC/+ntes5WI3wQUHgOXW/y6QRAT1DzQfF/jJbRtkuSQAoFm+8QscVwAAEfRMmane+QX2V8h1Qyb/B7SAFtACWkALaAHD8XQf0H1ApdN91ubL6T+wT7U8tgtCCa4Iw/HotkuzQsOQ5ZIap0HPZJ1ohuO9xmmYWb3FImFvFor7AGwxRw9r77CvAAAAAElFTkSuQmCC");\r
+  --pxa-input: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA5UlEQVR4nGNkQAL/X1b8Z6ADYBTvYISzGWCWH7Gmi+Vwi22Ogu1mBFs+VYuuloOBviDYEYwDYjmSI1jQxVatfAOmJz75RXX7jhZLYYgx0ctyELDufYbfAQMBmBizrzFuXiROf5tD/MCJkAnEdtD9TH8H3D4Mppg+pZj85zX8Rn8HXHwPLnuYGAYYMI06gGE0CgYYMI06gGE0CgYYMI06gG/OmdH2wP/R9gAMhIWLgOl8GTYGWgBszXIWdAGYI8IY6JgLPp/nYhgIAO6awTigxik9LQd5HOwIZMFN5o50cYTfyf1wewE2tktlQ86FQgAAAABJRU5ErkJggg==");\r
   --pxa-input-slice: 6 fill;\r
   --pxa-input-width: 6px;\r
   --pxa-input-ink: #FFF6E6;\r
@@ -1348,6 +1348,79 @@ html[data-pixel-theme='pixel-papernote'] body * {\r
   cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAWNJREFUWIVjYBgFIx0wogvEiDL8x6V4yWtM9ZQCFmyCX6wD4Oz19cEICbfY/9R2BBM+SWTLY91iGRZPCMIbQlR1wGRfHQzLGRgYqO4IrA6Y7KvDIGOkzvDk3E0Uy2GAmo7AGQJPzt1kqKxoYWgONcYqTy1H4HQAzHIFa3mGB0cf0swRWFN0jCjDf2SfwxyhYC2P1ZDYgnVkZ1GcmujlCLwa6OEIgopp7QiiFNLSEUS7lFaOICm+aOEIklMtsY64YdTKwMDAwNBqp4nXEWTlXUKOgFmuERrKwMDAwBD78gpOR5BdteJyxI/cJSiWwwAuR+CtjvGBJa8ZGGtXn4XzYZbfuXMHw3J8gGwHoDviimcDw507dxh8KisZnrz5Qx8HoDvCILWU4cmbPwwyIixEO4JqzasYUYb/7cwacD7METIiLHgTIVVBjCjD/8cSGnD8X0fnP6HqmuquQreQLj4fBaOAEgAArfrJfFZraPoAAAAASUVORK5CYII=") 4 4, auto !important;\r
 }\r
 \r
+/* 云石：板岩底 + 白石框 + 钢青。白石的 20px 边框只给对话框和菜单；\r
+ * 按钮/输入框本身是白石控件，文字用深墨色。 */\r
+html[data-pixel-theme='pixel-marble'] {\r
+  --px-wood-darkest: #161C26;\r
+  --px-wood-dark: #1F2836;\r
+  --px-wood-mid: #2A3548;\r
+  --px-wood-warm: #354258;\r
+  --px-wood-light: #5C708C;\r
+  --px-wood-pale: #AEBCCB;\r
+  --px-text-on-dark: #E9F0F7;\r
+  --px-text-light: #AEBCCB;\r
+  --px-parchment: #E9F0F7;\r
+  --px-gold: #7FB2E5;\r
+  --px-gold-bright: #A9D1F2;\r
+  --px-gold-dark: #5A88B8;\r
+  --px-gold-deep: #3C5A7A;\r
+  --px-sidebar-fill: #121821;\r
+  --px-line: #0D1219;\r
+  --px-accent-bg: #7FB2E5;\r
+  --px-accent-hover: #9CC6EE;\r
+  --px-accent-ink: #121A24;\r
+  --px-input-bg: #E8EFF2;\r
+  --px-input-text: #1B2230;\r
+  --px-input-ph: #5A6B80;\r
+  --px-input-caret: #5A88B8;\r
+  --px-tooltip-bg: #1B2230;\r
+  --px-code-bg: #1F2836;\r
+  --px-code-ink: #A9D1F2;\r
+  --px-code-meta: #AEBCCB;\r
+  --px-ink-on-mid: #E9F0F7;\r
+  --px-topbar-fill: #1F2836;\r
+  --px-dither: #1B2330;\r
+  --pxa-panel: url("data:image/png;base64,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");\r
+  --pxa-panel-slice: 20 fill;\r
+  --pxa-panel-width: 20px;\r
+  --pxa-panel-repeat: repeat;\r
+  --pxa-menu: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAz5JREFUWIWlVz9IG1Ec/p5cszm4hLrUgHSR0jooBLo0jgoVxN0/OImDi4vDDaFkcWmhOIhEukukkWZsXIRAbmhBspSAcTG85aDZTuE6XH8vv/fu3eWMH4Tk7t6973u//xEA0Or0Qhgozs0I2/1xUZybESZXcW5GODaSwvSU9s1xe+8nkvD1aesIrU4vdGwP3EpN+36ZH268u1NSmxempzQivj6fn7QSmvc0AbYTJ4l7++YVGnKA5ZV59Wx7q6R+e+2u+r3+cQHr/l+N/LzuRQL4woYcWNU2fvwaKcw8hGcRDQytSRayuoBOIOUAfelrLkgiJByfNjWCUUgUkBVEmISFxVksLM6qa9Oazt7Gkmh1eiGdxBa9T3FBGkxrSTkYWoD8VD5ciwnhgVY9Sz8xX2sSu5VazJ1KABGbQggUtRyt6yvtulzZt4riQcjRlz5i1Ymr5bj98zu2Qc4R2nXwOMy04vsPAIYWIcvxLNjbWBIOoOcsT0VObpIBwItczrgTxISMip+J1KcWQv5Jep5zRMw9SXBanV7ILcAxrGwluIefAQRW4ucg1QJeuwuv3c1UoseFA0S1GohSz+azUcWG4yEIEDyGiRkRK0Reu4vqzR2AqMHY0Lq+Qs4RY5u/etaMdUgpB2h1euGEtEQ9gcpoubKP4DHEQxBkJs3qtonywWosv5ZX5rXWOg7cSk2JSNvL2oySsuIp2N4qwa3UVEXd3YlE8Hjy2t1s3bB+cakKEbmBx4PNNRRsRNiXUW8xe4E2eFK5LB+uxbriJ/eLVuF4ZeT3OQqv3ylCm4B8fhKi/39Uur33tT6wvVVS1+d1D/WLSy21osIUISnlzJkR0NOwL30I9+i7kk+NozA9hePTplJN6ckzhrddM7fpPcAegLS+fLAqtBjgvT5tDONrzbZtktrScXenpGLDGTXzAVAjlc2ktiEjqbtyy9A7mbKANqze3D27PphwTo42tThIg2luClYbstaS2ETEQX62BSEQmZSLGjXQkgu4aOUC079ZazmvbFTtCLY50rSYGsnMv1nHp02cHG0KAPj67WcmF5lzpK27kmtoBFAW6Etf8xuP2L2NJQEAZqxkiR+z2dFhqM78A9t9tgHLgs7zAAAAAElFTkSuQmCC");\r
+  --pxa-menu-slice: 12 fill;\r
+  --pxa-menu-width: 12px;\r
+  --pxa-menu-repeat: repeat;\r
+  --pxa-button: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAAXNSR0IArs4c6QAAAZRJREFUaIHtmjFOwzAUhn8HBpZGSVWpuQALMwsXIRdA7Q1oszEgNWkXZtQeoN24FZUQRHRhKwN6KIpi+1kqvCHvG+3/fbbs2EmlAoqiKEpfMe2G14/PY7stS2Pj6m9n2xmq99X6xupy2+ptOZvD57bNy1XnWguCvbDKaaGNYD+ZyunJ0thE0pPoO947Vflb9AQIoxsgjL6EhdETIEiWxibSp18WPQHC6GeoMHoChNENEEY/Q4XRd4AwegUJoxsgSJbGRq8gYfQECKMbIEw0TgbSc+gt42SAs6+Lq4eb60vpufSSx6eXnytIT8H/Q2tuAGC22B7L+S0AYF8frOGuPpt8Xx+8dSFecvoyBNfpynPGbHo4DsrOyx2qIjfn1DEvdwAA2ogmd/fPAID1cuKdDOXXy4m3LsRLTl+G4Dpdec6YTQ/HQetM/P4xa7bYWn8PvL3XAIDRMPFOhvKjYeKtC/GS05chuE5XnjNm0xPiqIrcAI3P0KrIDTW22aymZrOadvbZ8py6EC8nR74Qpysf6uE42uv8Dc6z5hxuhT2FAAAAAElFTkSuQmCC");\r
+  --pxa-button-hover: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAAXNSR0IArs4c6QAAAZNJREFUaIHtmjFOw0AQRf8uFDS27CiSfQEaahouQi4QJTcITkeBhJM01FFyANJxKwoEiIoOimgky+CdWZQwheeVu3/+Tma867UUhxbPbx9f7bEyT11ovq1tayiei+XW+s27K75L1+XBeXflFYoL1YIQF9Y4LNQI8ZNpHJ4yT53XTqLvsGeqcVxsByhjDVDGXsLK2A5QpMxT5+3p18V2gDJ2DVXGdoAy1gBl7BqqjL0DlLEjSBlrgCJlnjo7gpSxHaCMNUAZX2SJdg69pcgSnHyeXdxeXZ5r59JL7h6e9keQ7YL/h2ruAaCqdyiypLMRobmQORcX4yvRkV+MJ/e7Y3wkHqSt6h0A4JQmaKCurn+YjGdrAMBmORElNJ6tsVlO2LgYX/LkNITUM6SXrNn0kXhQnQl3c//Ifge8vL4DAIaDjE2G9MNBxsbF+JKnJM8Yz5BesmbT5y8edg1Vxi/mI8fLjGOwmI/sn3HaeGDfCe1E+gbV3DcHuhqxXU3ddjUVN4m0XFyMr0RHfjGeIX2sj8SjXedvMgbJ/79aVMIAAAAASUVORK5CYII=");\r
+  --pxa-button-active: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAgCAYAAADtwH1UAAAAAXNSR0IArs4c6QAAAZNJREFUaIHtmjFOw0AQRf8uFDS27CiSfQEaahouQi4QJTcITkeBhJM01FFyANJxKwoEiIoOimgky+CdWZQwheeVu3/+Tma867UUhxbPbx9f7bEyT11ovq1tayiei+XW+s27K75L1+XBeXflFYoL1YIQF9Y4LNQI8ZNpHJ4yT53XTqLvsGeqcVxsByhjDVDGXsLK2A5QpMxT5+3p18V2gDJ2DVXGdoAy1gBl7BqqjL0DlLEjSBlrgCJlnjo7gpSxHaCMNUAZX2SJdg69pcgSnHyeXdxeXZ5r59JL7h6e9keQ7YL/h2ruAaCqdyiypLMRobmQORcX4yvRkV+MJ/e7Y3wkHqSt6h0A4JQmaKCurn+YjGdrAMBmORElNJ6tsVlO2LgYX/LkNITUM6SXrNn0kXhQnQl3c//Ifge8vL4DAIaDjE2G9MNBxsbF+JKnJM8Yz5BesmbT5y8edg1Vxi/mI8fLjGOwmI/sn3HaeGDfCe1E+gbV3DcHuhqxXU3ddjUVN4m0XFyMr0RHfjGeIX2sj8SjXedvMgbJ/79aVMIAAAAASUVORK5CYII=");\r
+  --pxa-button-slice: 5 8 6 8 fill;\r
+  --pxa-button-width: 5px 6px 6px 6px;\r
+  --pxa-button-ink: #1B2230;\r
+  --pxa-button-hover-ink: #1B2230;\r
+  --pxa-icon: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAQ9JREFUWIXtV7sKwkAQnI0WNgmJCOYHbKxt/BH9AdE/8NFZCEZtrCX5AO38qxRBxcouFrLhPFw73SIZOAgz5Gayexs4oELZQTaRXu+5zYWBR5IeBh59ekfSzL3eAkib/AochDTMzRCOhrEJsX//gnoF1AOoHkJAuQJh4JFT+kNYjaF6APUxrM6A+o+oaoF+gLbvqpm3fRe1R6O77Pc6KgFW+/OrBRpVePOcrY85I73ei2VytmYvSZf2nK2POQDUOcQ8OgEAovmgCDaaHgAA8XaM0fSAeDsWv0jSbZ59GMXFhBOZyC43AECr6SO73NBq+mIASZf4zWJIgDGGm8WQmGQkuwkluwnxs+j+Rbd52+cJri7Wy++hebcAAAAASUVORK5CYII=");\r
+  --pxa-icon-slice: 6 fill;\r
+  --pxa-icon-width: 6px;\r
+  --pxa-input: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAOVJREFUWIVjZGBgYEgrn/O/qSKMgRCQEORjfPH+039CahgYGBgIqYMBlvL2lf/ff/hMjFqiDCXWYhhgIkUxLcDIdoCEIB/jgDrgxftP/0d2FAwuB8Rl9Q2cAx48esKwaFrRwDjg/KXrDApyMgNiOQMDAwOToZ7mgFnOwDDSCyIGhsGUDQcCjBbFow5AccCA1wUDBZjOX7rOwMDAMHCVEQMDw8itjAa8LhgtCfE6oLptOU5N1W3L4ZhYgEs9I6xzKijACxd88+4Dg4iQAFaD3rz7AGfjUoNLDzb1TAwMDANmeWdlOCMAdVNaL5kcHLkAAAAASUVORK5CYII=");\r
+  --pxa-input-slice: 6 fill;\r
+  --pxa-input-width: 6px;\r
+  --pxa-input-ink: #1B2230;\r
+  --pxa-placeholder: #5A6B80;\r
+  --pxa-caret: #5A88B8;\r
+  --pxa-select: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAANBJREFUWIVjYBgFo2AUjIIBBowMDAwMaeVz/jdVhKFIPHj+noGBgYFBQVIQrxi6HLI8PvVwB6SVz/kvKMDLUJjhiWEQLQHMUSwwAXpZjG4fk6AAL10tRgdM7z98HlgHDKjtow4YFA4YzQUDajsDUkmIrcynJYAXxYICvAzo0YBeeRBTqcDUkaqX5f2Hzwx6WkoMazadwWnw42evGRgYGBhkpUTxOuDxs9cYagjpZZyycN9/ZM3IhsA0owN0eZg+YgCy2s7KcEaiNI2CUTAKaAkA7J1WLFOXtqgAAAAASUVORK5CYII=");\r
+  --pxa-select-slice: 6 fill;\r
+  --pxa-select-width: 6px;\r
+  --pxa-select-ink: #1B2230;\r
+  --pxa-ink: #E9F0F7;\r
+  --pxa-accent: #7FB2E5;\r
+  --pxa-accent-bright: #A9D1F2;\r
+  --pxa-hover-wash: rgba(127, 178, 229, 0.14);\r
+  --pxa-tooltip-bg: #1B2230;\r
+  --pxa-tooltip-ink: #E9F0F7;\r
+}\r
+html[data-pixel-theme='pixel-marble'] body {\r
+  background-color: var(--px-wood-darkest);\r
+  background-image: repeating-conic-gradient(rgba(127, 178, 229, 0.035) 0 25%, transparent 0 50%);\r
+  background-size: 4px 4px;\r
+}\r
+\r
 /* ── 共用 9-slice 规则：只在素材主题生效 ─────────────────────────── */\r
 /* 便签的纸面几乎与页面同色，补 2px 墨线把「纸」钉出来；其他素材主题的\r
  * 边缘本身对比足够，--pxa-outline 不设即透明。 */\r
@@ -1357,15 +1430,17 @@ html[data-pixel-asset] [data-menu-material] {\r
   outline-offset: -2px;\r
 }\r
 html[data-pixel-asset] [role='dialog'] {\r
-  border: var(--pxa-panel-width, 24px) solid transparent !important;\r
+  border: 0 solid transparent !important;\r
+  border-width: var(--pxa-panel-width, 24px) !important;\r
   border-image: var(--pxa-panel) var(--pxa-panel-slice, 24 fill) / var(--pxa-panel-width, 24px) / 0 var(--pxa-panel-repeat, stretch) !important;\r
   background: transparent !important;\r
   color: var(--pxa-ink) !important;\r
   box-sizing: border-box !important;\r
 }\r
 html[data-pixel-asset] [data-menu-material] {\r
-  border: var(--pxa-menu-width, 10px) solid transparent !important;\r
-  border-image: var(--pxa-menu) var(--pxa-menu-slice, 10 fill) / var(--pxa-menu-width, 10px) / 0 stretch !important;\r
+  border: 0 solid transparent !important;\r
+  border-width: var(--pxa-menu-width, 10px) !important;\r
+  border-image: var(--pxa-menu) var(--pxa-menu-slice, 10 fill) / var(--pxa-menu-width, 10px) / 0 var(--pxa-menu-repeat, stretch) !important;\r
   background: transparent !important;\r
   box-sizing: border-box !important;\r
   overflow-x: hidden !important;\r
@@ -1387,7 +1462,8 @@ html[data-pixel-asset] [role='menuitem']:hover {\r
 }\r
 html[data-pixel-asset] button[class*='primary'],\r
 html[data-pixel-asset] button[class*='Primary'] {\r
-  border: var(--pxa-button-width) solid transparent !important;\r
+  border: 0 solid transparent !important;\r
+  border-width: var(--pxa-button-width) !important;\r
   border-image: var(--pxa-button) var(--pxa-button-slice) / var(--pxa-button-width) / 0 stretch !important;\r
   background: transparent !important;\r
   color: var(--pxa-button-ink) !important;\r
@@ -1409,7 +1485,8 @@ html[data-pixel-asset] button[class*='Primary']:active {\r
 /* 图标主按钮（发送/关闭）：用方形图标框，绝不把横条按钮塞进方块。 */\r
 html[data-pixel-asset] button[class*='primary']:has(> svg:only-child),\r
 html[data-pixel-asset] button[class*='Primary']:has(> svg:only-child) {\r
-  border: var(--pxa-icon-width) solid transparent !important;\r
+  border: 0 solid transparent !important;\r
+  border-width: var(--pxa-icon-width) !important;\r
   border-image: var(--pxa-icon) var(--pxa-icon-slice) / var(--pxa-icon-width) / 0 stretch !important;\r
   background: transparent !important;\r
   color: var(--pxa-button-ink) !important;\r
@@ -1423,7 +1500,8 @@ html[data-pixel-asset] button[class*='Primary']:has(> svg:only-child):hover {\r
 html[data-pixel-asset] input:not([type='checkbox']):not([type='radio']):not([type='range']),\r
 html[data-pixel-asset] textarea,\r
 html[data-pixel-asset] [contenteditable='true'] {\r
-  border: var(--pxa-input-width, 8px) solid transparent !important;\r
+  border: 0 solid transparent !important;\r
+  border-width: var(--pxa-input-width, 8px) !important;\r
   border-image: var(--pxa-input) var(--pxa-input-slice, 10 fill) / var(--pxa-input-width, 8px) / 0 stretch !important;\r
   background: transparent !important;\r
   color: var(--pxa-input-ink) !important;\r
@@ -1442,11 +1520,12 @@ html[data-pixel-asset] [contenteditable='true']:empty::before {\r
 }\r
 html[data-pixel-asset] [role='menuitem'][aria-current='page'],\r
 html[data-pixel-asset] [role='treeitem'][aria-selected='true'] {\r
-  border: var(--pxa-select-width, 8px) solid transparent !important;\r
+  border: 0 solid transparent !important;\r
+  border-width: var(--pxa-select-width, 8px) !important;\r
   border-image: var(--pxa-select) var(--pxa-select-slice, 10 fill) / var(--pxa-select-width, 8px) / 0 stretch !important;\r
   background: transparent !important;\r
   background-image: none !important;\r
-  color: var(--pxa-ink) !important;\r
+  color: var(--pxa-select-ink, var(--pxa-ink)) !important;\r
   box-sizing: border-box !important;\r
 }\r
 /* 浮层只换颜色：2px 主题色边 + 实色底，不套面板图。 */\r
@@ -1681,10 +1760,39 @@ var THEMES = [
       "--dsw-specific-selector": "#DCC7A4",
       "--dsw-specific-tip": "#E6D7BC"
     }
+  },
+  {
+    id: "pixel-marble",
+    colorScheme: "dark",
+    tokens: {
+      "--dsw-alias-bg-base": "#161C26",
+      "--dsw-alias-bg-layer-1": "#1F2836",
+      "--dsw-alias-bg-layer-2": "#2A3548",
+      "--dsw-alias-bg-overlay": "#1B2230",
+      "--dsw-alias-border-l1": "#3C4A60",
+      "--dsw-alias-border-l2": "#A9C0DA",
+      "--dsw-alias-brand-primary": "#7FB2E5",
+      "--dsw-alias-label-primary": "#E9F0F7",
+      "--dsw-alias-label-secondary": "#AEBCCB",
+      "--dsw-alias-state-error-primary": "#FF7A7A",
+      "--dsw-alias-state-success-primary": "#7BE3B0",
+      "--dsw-alias-state-warn-primary": "#FFC857",
+      "--dsw-alias-state-idle-primary": "#6F8098",
+      "--dsw-specific-sidebar-fill": "#121821",
+      "--dsw-alias-button-primary-fill": "#E8EFF2",
+      "--dsw-alias-button-primary-hover": "#F6FAFD",
+      "--dsw-alias-label-primary-foreground": "#1B2230",
+      "--dsw-specific-bubble": "#2A3548",
+      "--dsw-specific-bubble-highlight": "#354258",
+      "--dsw-specific-menu": "#1B2230",
+      "--dsw-specific-input-major": "#1F2836",
+      "--dsw-specific-selector": "#3C4A60",
+      "--dsw-specific-tip": "#2A3548"
+    }
   }
 ];
 var PIXEL_IDS = THEMES.map((theme) => theme.id);
-var ASSET_IDS = /* @__PURE__ */ new Set(["pixel-hologram", "pixel-pumpkin", "pixel-papernote"]);
+var ASSET_IDS = /* @__PURE__ */ new Set(["pixel-hologram", "pixel-pumpkin", "pixel-papernote", "pixel-marble"]);
 var RESTORABLE_IDS = /* @__PURE__ */ new Set(["light", "dark", "system", ...PIXEL_IDS]);
 var LOCALE_NS = "settings.pixel-ui";
 var MESSAGES = {
@@ -1698,6 +1806,7 @@ var MESSAGES = {
     "theme.pixel-hologram": "像素·全息",
     "theme.pixel-pumpkin": "像素·南瓜灯",
     "theme.pixel-papernote": "像素·便签本",
+    "theme.pixel-marble": "像素·云石",
     "theme.system": "现代默认"
   },
   en: {
@@ -1710,6 +1819,7 @@ var MESSAGES = {
     "theme.pixel-hologram": "Pixel · Hologram",
     "theme.pixel-pumpkin": "Pixel · Pumpkin",
     "theme.pixel-papernote": "Pixel · Papernote",
+    "theme.pixel-marble": "Pixel · Marble",
     "theme.system": "Modern default"
   }
 };
@@ -1721,6 +1831,7 @@ var THEME_CHOICES = [
   { id: "pixel-hologram", swatch: "#14DCEE" },
   { id: "pixel-pumpkin", swatch: "#FF9E2C" },
   { id: "pixel-papernote", swatch: "#F3DCBC" },
+  { id: "pixel-marble", swatch: "#E8EFF2" },
   { id: "system", swatch: "#7A7A7A" }
 ];
 var fallbackT = (key) => key;