theme(shiroko): 换前景空地的场景，补自行车/步枪，修耳朵与白孔

部署反馈三个问题：
1. 狼耳顶端被削平——上一版用矩形抹光环，矩形右下角切到了左耳尖。
   改成只抹光环的非白连通域（与头发不连通，bbox 291,93-584,232），耳朵完整。
2. 手内侧 / 大腿内侧白没抠干净——那是环状闭合的白色区域，四角 floodfill 进不去。
   新增封闭白孔检测（>=246 且不与边缘连通，面积 >=40）整块掏空，袜子（237）不受影响。
3. 人物像站在课桌上——原场景前景全是课桌，脚下没有地面。
   重出场景：前景是空地，课桌退到右后方；人物脚下是地板 + 接触阴影。

同时补上她的自行车与步枪：独立素材 props/bike.webp，镜像成车头朝右与人同向，
放在人物身后偏左（第一层是人，车在第三层，天然被她遮住），视口变化时两者同步移动。
静态版本 20261020d

docs/theme-shiroko.md

@@ -30,6 +30,7 @@ available = default,sakura,shiroko
 | 底层 | 教室场景插画（压白 38%、轻度虚化） | `--tb-page-image`，16:9 桌面 / 9:16 移动两张 |
 | 中层 | 卡片与顶栏：半透明白 + `backdrop-filter` 磨砂 | `--tb-surface: rgba(255,255,255,.86)` / `--tb-navbar` |
 | 上层 | 人物站在场景左侧地面（400px 高）+ 椭圆接触阴影 | `--tb-deco` 前两个槽位 |
+| 道具 | 她的自行车（车头朝右、与人同向）斜靠一把步枪 | `--tb-deco` 第 3 槽位 |
 | 空气层 | 左窗光柱 / 右侧暖散景 / 脚下地面光斑 / 底部压深 | `--tb-deco` 后四个槽位（全是渐变） |
 | 深色 | 不用场景（白天教室压在深底上会脏），回到深色渐变 + 极淡纹样 | 深色块单独覆盖 |
 
@@ -69,12 +70,13 @@ available = default,sakura,shiroko
 | 文件 | 用途 | 尺寸 | 体积 |
 | --- | --- | --- | --- |
 | `chibi/window.webp` | **当前使用**：侧后方视角、双手背在身后望向箱内，压白 16% | 135×460 | 13KB |
+| `props/bike.webp` | 自行车 + 步枪（镜像后车头朝右），压白 26%，自带接触阴影 | 397×259 | 22KB |
 | `chibi/wave.webp` | 备用：正面挥手 | 324×620 | 27KB |
 | `chibi/cheer.webp` | 双手欢呼 | 354×620 | 27KB |
 | `chibi/think.webp` | 托腮 | 283×620 | 26KB |
 | `chibi/doze.webp` | 打瞌睡 | 274×620 | 26KB |
-| `scene-desktop.webp` | 教室场景（16:9，压白 38% + 虚化 1.4px） | 1920×1080 | 22KB |
-| `scene-mobile.webp` | 教室场景（9:16 中裁） | 720×1003 | 6KB |
+| `scene-desktop.webp` | 教室场景（16:9，前景是空地，便于人物站立） | 1920×1080 | 19KB |
+| `scene-mobile.webp` | 同一张场景的竖版裁切 | 720×1003 | 10KB |
 | `pattern-dark.svg` | 深色模式平铺纹样（雪花 + 光环） | 240×240 | 0.7KB |
 
 ## 来源与授权
@@ -122,6 +124,24 @@ available = default,sakura,shiroko
    人像不压白就是全页对比度最高的一块，必然"突兀"；
 5. 裁 bbox、缩到高 460，WebP q86（约 14KB）。
 
+### 人物与道具必须用「同一套定位公式」
+
+`background-position` 里的百分比**不是相对视口宽度**，而是相对 `(定位区宽 - 图片宽)`。
+所以人物和自行车即使写同样的 `calc(50% - Npx)`，两者也会因为图宽不同而错位——
+实测把车按人的公式放，车直接跑出屏幕，只剩一片轮圈。
+
+正确做法是按各自宽度反解：设人物宽 `wc`、车宽 `wb`，要让车的右沿贴住人的左沿（留 gap）：
+
+```
+人的 left = (W - wc)/2 + Bc
+车的 left = (W - wb)/2 + Bc - gap - wb + wc/2 - wc/2 ... 直接解 B 更省事
+```
+
+本主题实测：人物 `calc(50% - 524px)`、车 `calc(50% - 612px)`。
+
+另外**道具不要烘焙进背景图**：背景是 `cover`，视口一变裁切量就变，
+而人物是固定 px 定位的，两者必然分家。烘焙只适合「和人无关的背景物件」。
+
 关键经验：**必须是"平涂无描边"**。先试过用手写 SVG 线稿，风格和用户那张立绘（色块、无描边）冲突，
 而且没有真人手感会画得很抽象；用参考图 + image-to-image 出来的四张，角色特征和画风都稳。