feat: page2 画框内嵌入手枪图片并修正居中

图片裁掉画布左侧多余透明边后铺在「图」区之上，四边各缩 0.1em 不压到「框」；
本地备份 *.orig.png 加入 .gitignore。

.gitignore

@@ -12,6 +12,9 @@ desktop.ini
 *.log
 .tmp-*
 
+# 图片本地备份（不入库）
+*.orig.png
+
 # Python / uv
 .venv/
 __pycache__/

assets/css/page2.css

@@ -20,6 +20,17 @@
 .frame { color: color-mix(in srgb, #e0c34a 62%, #000); }
 .picture { color: color-mix(in srgb, #e8e8e4 42%, #000); }
 
+/* 画框照片：图区为 x13–19 / y4–8（6 × 4em），四边各缩 0.1em；等比 contain 后居中 */
+.picture-img {
+  position: absolute;
+  left: 13em;
+  top: 4.1em;
+  width: 5.8em;
+  height: 3.8em;
+  object-fit: contain;
+  z-index: 1;
+}
+
 /* 前景标题「酒水单」：字号与颜色同 page3 的「演职员表」；
    em 相对自身 1.6em 字号，2.9375em = 距顶 4.7 格（居中于留空行 4–6），
    2.5em = 距左 4 格 */

assets/js/page2.js

@@ -86,6 +86,14 @@
   });
 
   const scene = document.querySelector('.scene');
+
+  /* 画框照片：盖在「图」区之上，四边各缩 0.1em 以免压到「框」 */
+  const picture = document.createElement('img');
+  picture.className = 'picture-img';
+  picture.src = 'assets/images/page2-picture.png';
+  picture.alt = '';
+  scene.append(picture);
+
   const listing = document.createElement('h1');
   listing.className = 'listing';
   listing.textContent = '酒水单';