v24 第 20 批：拖动即时上传 / 观影图片带出 / 行程保存修复 / 日程红线与删除范围与多提醒 / 悬停统一（用户 9 条）

用户 9 条原话要点：
  ①「观影模块，编辑观影，已经保存的海报和票根、合影，都没带进来。」
  ②「个人设置页面，"只影响你自己看到的样子"这个提示删除，不要了。我怎么称呼家人，
     这个卡片，不要了。我的资料这个卡片，不要了。」
  ③「旅程模块，编辑行程，点击保存没有反应。」
  ④「所有上传图片视频和附件的模块，都允许多次拖动添加文件上传，拖动一个进去，
     就开始上传，还可以继续拖动，继续上传，最后统一保存即可。」
  ⑤「添加行程，线路名、承运方，都不要了。车辆，只在出行方式选择自驾时才出现，
     其他情况下默认不出现。出发地和到达地，应该在同一行。」
  ⑥「日程模块，周视图和日视图，应该在视图中间显示一条红线，用来表示当前进行的时间…
     用一个不断从上到下的红线，来表示当前时间在视图上的刻度和位置。」
  ⑦「对于重复的日程，当点击删除的时候，应该提示是删除这一次，还是全部都删除，
     还是删除这一次及以后的。」
  ⑧「日程的提醒，是可以多选的，就是说，一个日程，我可以选择让它 5 分钟提醒，
     10 分钟提醒等等。」
  ⑨「很多按钮的悬停效果非常奇怪，感觉纯粹是换了一个背景色…应该调整所有按钮的悬停效果，
     保持统一，但是不要单纯的换一个不协调的背景色。」

🔴 三个真根因（都是"看着不像 bug"的地方）：
  1. **③ 点保存没反应 = `<form>` 嵌套**（HTML 非法）：`trips/node_form.php` 的照片缩略图上
     套了 `<form action=photo_del>`，而整块在**外层行程表单内部**。浏览器解析到内层
     `</form>` 时**把外层表单提前关掉** → 「保存」按钮**掉出表单**（真机实测
     `button.form === null`）。源码里完全看不出，**只有真浏览器量 `btn.form` 才现形**；
     且**只有这段行程已经有照片时才触发** —— 所以表现为"有时候好、有时候坏"。
     → 按钮留在原位（布局不动），用 HTML5 `form="id"` 关联到**表单外**的独立表单。
  2. **⑤ 车辆藏不住（第 17 批就写过、一直没生效）**：`.field` 自己声明 `display:flex`，
     作者样式压过浏览器默认的 `[hidden]{display:none}` → `hidden` 形同虚设。
     **本项目第 4 次栽同一个坑**（.att-item / .pv / .pp-item 各一次）→ 补 `.field[hidden]`。
  3. **④ 拖动即时上传的卡片"看不见"**：模板给 `.stage-list` 加了 `hidden`（没人上传时
     不留空边框），JS 建卡片时忘了 `list.hidden = false` → 卡片在 DOM 里但整条清单
     `display:none`、尺寸 0×0。**HTTP 层断言全绿**（HTML 里确实有卡片），
     **只有真机量尺寸才发现** —— 由新写的真机探针抓到。

本批新增能力：
- **拖动即时上传**（第 4 条）：新增 `upload_stage.php` + `app/StagedUpload.php` +
  `templates/_stage_drop.php`。拖进来 → **立刻** POST 到暂存目录 → 回 `stoken` →
  放进隐藏字段 `stage[]` → 保存时在 `attach_save_files()` 里**认领**（移文件 + 建附件行）。
  `media.php` 加 `?stage=` 预览（拖完立刻看得见缩略图）。
  ⚠️ 三个必须踩准：**串行队列**（并发会让缩略图顺序乱跳）、**提交守卫**
  （还有没传完就 preventDefault，否则"拖了但没保存上"必然发生）、**卡片清单要 un-hide**。
  ⚠️ 海报/票根走**独立字段名** `stage_poster`/`stage_ticket`（各自单槽位、要按比例重裁）。
  ⚠️ 落点**就近取**（`input.closest('.field')`）：一个表单里多个上传区不能串到第一个去。
- **观影编辑带出已存图片**（第 1 条）：编辑页显示海报 / 票根 / 合影 + 各自的删除入口；
  新增 `movies/media_del`（只删不换也能删，槽位走白名单）；`movies/update` 收编辑页
  新选的照片时**合并**而不是替换（否则一编辑就把已有合影冲掉）。
- **行程表单**（第 5 条）：去掉线路名 / 承运方（**库里的值保留**：UPDATE 时不参与，
  与 seat_info/gate 同一套）；出发地/到达地包进 `.loc-row` 真同一行；车辆按自驾显隐。
- **当前时间红线**（第 6 条）：位置在服务端算（与 `.tg-block` 同一套"24h = 100%"坐标），
  前端每分钟自己挪（对齐到下一分钟整再起定时器），跨午夜 reload；只画在**今天那一列**。
- **重复日程删除三档**（第 7 条）：与「编辑」那三档同名同序（全部 / 这一次及以后 /
  只这一次）。「只删这一次」→ `skipOnce`（**绝不删整条系列**）；「这一次及以后」→
  老系列截 UNTIL，**必须清掉 COUNT**（两者并存时 COUNT 优先，不清就截不断）。
- **提醒多选**（第 8 条）：同列存逗号串（`5,15,60`）；Schema 把它从 **INT 改 VARCHAR**
  （INT 存逗号串会被隐式转换，多档会静默只剩第一档）；ICS 导出吐**多个 VALARM**。
- **悬停统一**（第 9 条）：原来 14 种互不相干的 hover 底色 → 统一成**两套手法**：
  有底色 `filter: brightness(.92)` 同色系加深 + 轻抬升；描边白底 `--hov-veil` 中性薄雾
  + 边框微显。放在 CSS **最末**用一条兜底收口（新按钮自动继承），并把十几条旧规则
  清成"交给统一段"。`person_picker.js` 同时改为按需加载。

验证（本地全套）：
- e2e **1004/0**（+21 条本批断言）· 升级 149/0 · 桌面几何 428/0 ·
  **真机探针 25/0**（连续拖两次 / 红线位置与颜色与几何 / 车辆显隐 / 出发到达同行）。
- **反向验证 5/5**：①删除按钮改回嵌套 form ②卡片清单不 un-hide ③观影编辑不渲染海报
  ④车辆隐藏失效 ⑤「只删这一次」做成删全部 —— 五种坏法全部被抓住，还原后复绿 1004/0。
  过程中还**抓到两条弱断言**（只查 DOM 有无、不查可见性/是否真渲染），已一并加强。
- 部署脚本静态断言段本地空跑 **305 条全过**。

templates/trips/node_form.php

@@ -191,30 +191,34 @@ $amap = \App\Geo::jsConfig();
                value="<?= e(old('trip_no', $n['trip_no'] ?? '')) ?>" placeholder="如：G1234、CA1234">
         <span class="tip">座位这类同团不同座的信息就不记了。</span>
       </div>
-      <?php /* 线路名与承运方：火车/飞机时最有意义（「京沪高铁」「中国铁路」），
-               也允许其他方式填（比如「轮渡 5 号线」）—— 所以不按方式隐藏。 */ ?>
-      <div class="field">
-        <label for="nf-line">线路名</label>
-        <input class="input" id="nf-line" name="line_name"
-               value="<?= e(old('line_name', $n['line_name'] ?? '')) ?>" placeholder="如：京沪高铁、地铁 3 号线">
-      </div>
-      <div class="field">
-        <label for="nf-carrier">承运方</label>
-        <input class="input" id="nf-carrier" name="carrier"
-               value="<?= e(old('carrier', $n['carrier'] ?? '')) ?>" placeholder="如：中国铁路、国航">
-      </div>
+      <?php /* 线路名与承运方：v24 第 20 批 第 5 条 用户明确「都不要了」——
+               原话：「添加行程，线路名、承运方，都不要了。」
+               ⚠️ 数据库那两列**保留**（`line_name` / `carrier`）：TripLog 迁过来的
+                  老数据还在里面（第 19 批补迁又填了一批），删列不可逆。
+                  这里只是**界面不再收/不再显示**；saveNode 收到的空值会
+                  保持原值不动（见 Trip::saveNode 里对这两列的说明）。 */ ?>
 
       <?php /* ---- 出发地 / 到达地：高德联想 + 详细地址（用户第 17 批 第 3 条）----
-               用户原话：「出发地和到达地，都用高德地图的接口，记录详细地址」。 */ ?>
-      <div class="field">
-        <?php $locPrefix = 'from'; $locLabel = '出发地'; $locIcon = '🚩';
-              $locPlaceholder = '输入地址，如「家里」「青岛北站」'; $locRow = $fromRow;
-              require __DIR__ . '/_loc_field.php'; ?>
-      </div>
-      <div class="field">
-        <?php $locPrefix = 'to'; $locLabel = '到达地'; $locIcon = '🏁';
-              $locPlaceholder = '输入地址，如「青岛北站」「栈桥」'; $locRow = $toRow;
-              require __DIR__ . '/_loc_field.php'; ?>
+               用户原话：「出发地和到达地，都用高德地图的接口，记录详细地址」。
+               v24 第 20 批 第 5 条：「出发地和到达地，应该在同一行。」
+               ⚠️ 做法：把两个 .field 包进一个 `.loc-row`（`grid-column: 1/-1` 占满整行），
+                  行内再分两列 —— 不能只把两个 field 相邻放着"指望它们拼一行"：
+                  `.form-grid` 是两列网格，每个 .field 各占一格，
+                  两格之间会有 gap、且窄屏折行后顺序会乱。
+                  包一层显式的一行两列，宽窄屏行为都可预期。 */ ?>
+      <div class="field full">
+        <div class="loc-row">
+          <div class="field">
+            <?php $locPrefix = 'from'; $locLabel = '出发地'; $locIcon = '🚩';
+                  $locPlaceholder = '输入地址，如「家里」「青岛北站」'; $locRow = $fromRow;
+                  require __DIR__ . '/_loc_field.php'; ?>
+          </div>
+          <div class="field">
+            <?php $locPrefix = 'to'; $locLabel = '到达地'; $locIcon = '🏁';
+                  $locPlaceholder = '输入地址，如「青岛北站」「栈桥」'; $locRow = $toRow;
+                  require __DIR__ . '/_loc_field.php'; ?>
+          </div>
+        </div>
       </div>
 
       <div class="field">
@@ -257,12 +261,28 @@ $amap = \App\Geo::jsConfig();
         <?php endif; ?>
       </div>
 
-      <?php /* ---- 照片（用户第 16 批 第 3 条：图片视频都针对一次具体行程）---- */ ?>
+      <?php /* ---- 照片（用户第 16 批 第 3 条：图片视频都针对一次具体行程）----
+        🔴 v24 第 20 批 第 3 条修的是这里：用户报「编辑行程，点击保存没有反应」。
+           根因是**这里原来每个缩略图上套了一个 `<form>`**，而整块又在外面那个
+           行程表单**里面** —— HTML 不允许 form 嵌套：浏览器解析到内层 `</form>` 时
+           会把**外层表单提前关掉**，于是紧随其后的「保存」按钮**掉出了表单**
+           （真机实测 `button.form === null`），点了自然毫无反应。
+           ⚠️ 源码里完全看不出来（标签看着都对），只有真浏览器量 `btn.form` 才现形；
+              而且**只有这段行程已经有照片时**才触发 —— 所以"有时候好、有时候坏"。
+
+           修法：用 HTML5 的 `form="id"` 属性。删除按钮**留在原位**（外观、布局都不变），
+           但把它**关联到页面末尾那个独立表单**上 —— 不需要真的套一层 <form>，
+           也就不会破坏外层表单。（比"把 <form> 搬到外面再用绝对定位摆回去"稳得多：
+             那种做法一旦父容器有 transform/filter，定位元素会改锚点、按钮就飘了。）
+           ⚠️ 每个缩略图的 `photo_id` 不同 → 每张一个独立的删除表单（id 带 $ph['id']）。*/ ?>
       <div class="field full">
         <label for="nf-photo">这一段行程的照片</label>
+        <?php $delForms = []; ?>
         <?php if ($isEdit && !empty($n['attachs'])): ?>
           <div class="photo-grid">
             <?php foreach ($n['attachs'] as $ph): ?>
+              <?php $phDelId = 'nf-phdel-' . (int)$ph['id'];
+                    $delForms[] = $ph; ?>
               <figure class="photo-cell">
                 <a href="<?= e(media_url((string)$ph['key'])) ?>" data-prev="image"
                    data-src="<?= e(media_url((string)$ph['key'])) ?>"
@@ -270,19 +290,16 @@ $amap = \App\Geo::jsConfig();
                    data-name="<?= e((string)($ph['name'] ?? '照片')) ?>">
                   <img src="<?= e(media_url((string)$ph['key'])) ?>" alt="">
                 </a>
-                <form method="post" action="<?= e(url('trips/photo_del')) ?>" class="photo-del">
-                  <?= csrf_field() ?>
-                  <input type="hidden" name="id" value="<?= (int)$ev['id'] ?>">
-                  <input type="hidden" name="photo_id" value="<?= (int)$ph['id'] ?>">
-                  <button class="btn btn-ghost btn-sm" type="submit"
-                          onclick="return confirm('删掉这张照片？')">删除</button>
-                </form>
+                <button class="btn btn-ghost btn-sm" type="submit"
+                        form="<?= e($phDelId) ?>"
+                        onclick="return confirm('删掉这张照片？')">删除</button>
               </figure>
             <?php endforeach; ?>
           </div>
         <?php endif; ?>
         <input class="input" type="file" id="nf-photo" name="photo[]" accept="image/*" multiple>
         <span class="tip">可多选；图片、视频都会存到这段行程下面。</span>
+        <?php $sdSlot = 'photo'; $sdHint = '也可以把文件直接拖到这里 —— 拖一个就开始上传，可以接着再拖，最后点「保存」一起记下。'; require __DIR__ . '/../_stage_drop.php'; ?>
       </div>
     </div>
 
@@ -293,6 +310,24 @@ $amap = \App\Geo::jsConfig();
   </form>
 </div>
 
+<?php /* ---- 删除照片用的**独立表单**（在外层行程表单之外）----
+   见上面 photo-grid 的说明：用 `form="id"` 把按钮关联到这里，
+   既保住"不嵌套"，又保住按钮的视觉位置。
+   ⚠️ 关联表单必须**自带全部字段**（csrf / 宿主的 id / photo_id）——
+      按 `form=` 关联时，浏览器提交的是**那个表单自己的**字段，
+      不会把外层表单的字段带过去（少了 csrf 会被 csrf_check 挡下，
+      少了 id 会定位不到旅程）。所以这里逐个写全。
+   ⚠️ 平时是全空的（没有照片就没有这些表单）。 */ ?>
+<?php foreach (($delForms ?? []) as $ph): ?>
+  <form id="nf-phdel-<?= (int)$ph['id'] ?>" method="post"
+        action="<?= e(url('trips/photo_del')) ?>" class="form-outside">
+    <?= csrf_field() ?>
+    <input type="hidden" name="id" value="<?= (int)$ev['id'] ?>">
+    <input type="hidden" name="photo_id" value="<?= (int)$ph['id'] ?>">
+  </form>
+<?php endforeach; ?>
+<?php unset($delForms); ?>
+
 <?php /* ==================== 花销（只在编辑时出现）====================
    用户第 2 条要"一共花了多少钱"、第 16 批确认「行程级花销记录」。
    ⚠️ 新增时不给花销面板：那时行程 id 还不存在，花销挂不上（先存行程再加花销，