theme(shiroko): 按二次元官网构图重做——整页场景 + 悬浮磨砂 UI

参考蔚蓝档案 JP 首页（bluearchive.jp）的做法：整个视口是一张场景插画，UI 浮在场景之上，
而不是"白底 + 留白里贴几个人物"。之前几版反复调摆位都显得怪，根源就是缺了这层场景——
人物没有环境，怎么摆都是贴纸。

- 新增教室场景两张（1920×1080 / 720×1003，共 28KB）：生成后裁掉右下角水印、
  混白 38%、模糊 1.4px，保证白卡片仍有对比度；
- 卡片与顶栏改半透明白 + backdrop-filter 磨砂（深色关闭，背后没场景时半透明只会变浑）；
- 人物站在场景左侧地面（340px，离底边 36px）+ 椭圆接触阴影；
- 浅色不再叠平铺纹样（压在实景上会变噪点），pattern.svg 删除，深色保留 pattern-dark；
- 顺带修 ruleBody 不剥 CSS 注释的缺陷：令牌前写注释会让 tokenValue 取到粘连键，
  色块预览静默失效（新增 TestRuleBodyIgnoresComments 守住）；
- StaticVersion → 20261019q

static/images/themes/shiroko/pattern-dark.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
-  <g fill="none" stroke="#8FB4DE" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.055">
+  <g fill="none" stroke="#8FB4DE" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.045">
     <g transform="translate(48 52)">
       <path d="M0 -18V18M-15.6 -9L15.6 9M-15.6 9L15.6 -9"/>
       <path d="M0 -18l-4 4M0 -18l4 4M0 18l-4-4M0 18l4-4"/>

static/images/themes/shiroko/pattern.svg

@@ -1,16 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
-  <!-- 元素按 3 行均布：集中在某一侧时，铺开后会出现横向条纹带 -->
-  <g fill="none" stroke="#6F90BC" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.085">
-    <g transform="translate(48 52)">
-      <path d="M0 -18V18M-15.6 -9L15.6 9M-15.6 9L15.6 -9"/>
-      <path d="M0 -18l-4 4M0 -18l4 4M0 18l-4-4M0 18l4-4"/>
-    </g>
-    <circle cx="152" cy="64" r="1.6"/>
-    <ellipse cx="198" cy="132" rx="18" ry="6.4"/>
-    <g transform="translate(88 152) scale(0.62)">
-      <path d="M0 -18V18M-15.6 -9L15.6 9M-15.6 9L15.6 -9"/>
-    </g>
-    <circle cx="42" cy="212" r="1.4"/>
-    <circle cx="164" cy="204" r="1.7"/>
-  </g>
-</svg>