主题生成器：素材尺寸按视口自适应 + 导出画质可调

- 尺寸单位 4 档：fit(按高)/fitw(按宽)/px/vh，输出 auto clamp(min(calc(100vh-24px),55%),基准,上限)，下限让位视口 → 自适应单位永不把图撑出屏幕
- fitw 补上宽幅素材：fit 只按高度缩，16:9 素材在 390 竖屏仍出 1001px 宽（照裁）
- 视口预设带高度（含 390×844）；layerMetrics 统一出 CSS/预览框/溢出检测，图层编辑区显示实测尺寸并报越界，可一键按当前视口修好
- 窄屏每层策略（原样/缩小/隐藏）+ 缩放系数；修 @media 只覆盖全局、独立配置页面在手机上从不生效的特异性 bug
- 导出画质：质量滑块（上限 0.95，Skia 在 q=1 切无损会反常）+ 长边上限，改动后从原图重算
- base.css 新增 --tb-page-position（默认 center center，旧主题不受影响），StaticVersion +1
- 新增 ?dump=fit / ?dump=quality 自检，README 与 _scaffold.css 同步

static/css/base.css

@@ -29,6 +29,7 @@
       --tb-page-image: none;
       --tb-page-pattern: none;
       --tb-page-pattern-size: auto;
+      --tb-page-position: center center;
       /* 装饰层：固定像素尺寸 + 四角定位，不受 cover 裁切影响（整页背景图做不到这一点，
          视口比例一变，贴在图片边缘的插画就会被裁掉）。
          ⚠️ 固定 6 个槽位：background-* 各列表的层数必须恒定（1 图案 + 6 装饰 + 1 背景 = 8），
@@ -282,7 +283,7 @@
       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, no-repeat, no-repeat, no-repeat, no-repeat;
-      background-position: left top, var(--tb-deco-position), center center;
+      background-position: left top, var(--tb-deco-position), var(--tb-page-position, center center);
       background-attachment: scroll, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed, fixed,
           fixed, fixed;
       color: var(--tb-text);