feat(theme): 主题支持按页面分别配装饰，生成器改用真实页面画布

原来的生成器只能配「背景 + 人物 + 道具」三件套，预览还是自己画的仿制页面 ——
跟真实页面不像，也没法给不同页面配不同内容。

机制层：
- internal/context.pageScope() 按路径归类，输出 <html data-page-scope>：
  box / question / admin / profile / vote（首页与 /explore 不加载主题，不列）
- /user/questions 单独归为 admin：题目列表信息密，和设置表单的装饰诉求不同
- base.css 装饰槽位 6 -> 10，背景 8 层 -> 12 层；主题按作用域覆盖时同样写满 10 个
- 新增 TestDecoSlotCount：逐文件逐声明检查 10 个值。少写一个不报错，
  只会让图层与 size/position 错位（整页重复同一张图 / 人物跑到左上角），注释守不住

生成器：
- 画板改成 iframe 加载 outputs/preview-*.html（真实模板渲染），配 serve.py 起本地服务
  解决 file:// 下父页面读不到 iframe DOM 的问题
- 八个页面作用域（去掉不生效的首页/探索），每个可独立配背景与最多 10 层装饰
- 图层类型：图片 / 径向光斑 / 线性光；9 宫格锚点 + 像素偏移，可在画板上直接拖
- 位置统一写 calc(0%|50%|100% ± Npx)：百分比是相对 (容器-图片)，
  不用 left/bottom 关键字混搭，避免三值语法非法导致整条声明作废
- 配色只填 6 个基础色，其余 4 个必需令牌按方向派生（surface-2 往 text 靠，
  浅色变深、深色变亮，方向自动正确）

配套：
- zz_preview_test.go 增加单题页 / 题目列表 / 投票页预览，作为生成器画板
- docs/theme-page-scope.md 记录作用域取值、选择器特异性与 10 槽位约束
- StaticVersion 20261020e（base.css 变了）

验证：生成器导出的 CSS 通过 TestThemeCSSComplete + TestDecoSlotCount；
真实箱主页计算样式为 12 层对齐；临时主题验证「question 覆盖为 none」生效、
未覆盖时回退全局。

static/css/base.css

@@ -33,9 +33,12 @@
          视口比例一变，贴在图片边缘的插画就会被裁掉）。
          ⚠️ 固定 6 个槽位：background-* 各列表的层数必须恒定（1 图案 + 6 装饰 + 1 背景 = 8），
          缺省用 none 占位；值的个数一变，多背景的分层就会整体错位。 */
-      --tb-deco: none, none, none, none, none, none;
-      --tb-deco-size: auto, auto, auto, auto, auto, auto;
-      --tb-deco-position: left top, left top, left top, left top, left top, left top;
+      /* 装饰层：固定 10 个槽位。主题可按页面作用域整体替换（html[data-page-scope="..."]），
+         但每组都必须写满 10 个值 —— 数量不足会让 background-* 列表与图层错位。 */
+      --tb-deco: none, none, none, none, none, none, none, none, none, none;
+      --tb-deco-size: auto, auto, auto, auto, auto, auto, auto, auto, auto, auto;
+      --tb-deco-position: left top, left top, left top, left top, left top, left top, left top,
+          left top, left top, left top;
   }
   html[data-theme="dark"] {
       --tb-bg: #1a1d23;
@@ -273,13 +276,15 @@
   body {
       font-family: var(--tb-font);
       background-color: var(--tb-bg);
-      /* 主题的整页背景：四角装饰 + 平铺图案 + cover 背景图（共 6 层，顺序即绘制顺序） */
+      /* 主题的整页背景：平铺图案(1) + 装饰层(10) + cover 背景图(1) = 12 层，顺序即绘制顺序。
+         下面四个列表的层数必须与 12 对齐：少一个就会循环取值，导致图层与 size/position 错位。 */
       background-image: var(--tb-page-pattern), var(--tb-deco), var(--tb-page-image);
       background-size: var(--tb-page-pattern-size), var(--tb-deco-size), cover;
-      background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat,
-          no-repeat;
+      background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat,
+          no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
       background-position: left top, var(--tb-deco-position), center center;
-      background-attachment: scroll, fixed, fixed, fixed, fixed, fixed, fixed, fixed;
+      background-attachment: scroll, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed,
+          fixed, fixed;
       color: var(--tb-text);
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;