v24 第 2 轮：19 条清单收尾（附件预览/CalDAV/任务分类看板/全局选人/家谱/纪念日/财务）

用户 2026-10-02 提的 19 条需求，本轮完成剩下的 8 条 + CalDAV 服务端：

- ③ 附件：图片/视频给缩略图，PDF/Word/Excel 给**同尺寸**图标；可预览的在本页
     弹层里看（不再新开标签页），渲染不了的点了直接下载；预览层右上角恒有下载按钮。
- ⑦b CalDAV：把「我的日历本」按 RFC 4791 只读子集分享出去（OPTIONS/PROPFIND/
     REPORT/GET，写方法一律 403）。用**专用口令**（库里只存 sha256），不是登录口令。
- ⑨⑩ 任务：分类与看板都由用户自建；已完成的任务从看板消失，改在「已完成」页
     按分类查看/搜索；设置入口在「新建任务」旁的 ☰。
- ⑪ 全局人员选择器：一个片段铺到观影/旅程/资源/日历共享/任务共享/财务共享；
     修掉了老组件「名字和拼音都搜不动」的 bug —— .att-item 自己声明了 display:flex，
     压过了浏览器 [hidden]{display:none}，过滤根本没生效。
- ⑫ 家谱：头像改方形不再裁切；姻亲不在图上的卡片给「⇄ 姻亲」入口，
     以 TA 为中心重画 + 「返回我的家谱」。
- ⑬ 纪念日：阴历/阳历都能设且按对应历法重复；名册里每个人的生日默认可见
     （实时派生，不复制一份）；全部作为全天日程进日历。
- ⑮ 财务：账本可共享，双方都能记账、都能看全部账目，资产−负债=净资产；
     金额一律以「分」存，不用浮点。

验证：端到端 724 项通过 / 0 失败；几何 368、交互 97、移动端 516、家谱 24、
升级 123 全绿；SQL 列名静态校验 0 处可疑；部署 11 条线上探针全过。

templates/movies/form.php

@@ -105,44 +105,21 @@ $selAttendees = array_map('intval', (array)old('attendees', $curAttendees));
 
       <div class="field full">
         <label>同行的人</label>
-        <?php /* v10：名册人多时 checkbox 网格会拉得很长 —— 改为「chips + 弹窗选择」。
-                attendees[] 的 checkbox 仍保留（在弹窗列表里，选中即提交），无 JS 时
-                借 noscript 样式把弹窗平铺成普通勾选列表，提交语义完全不变。
-                v11：chips 与弹窗列表都带上头像（$p 来自 Person::roster，含 p.avatar）。 */ ?>
+        <?php /* v24 第 11 条：换成全局人员选择器（templates/_person_picker.php）。
+                原来这套是观影页私有的 .att-*，它的「过滤」其实一直是坏的 ——
+                .att-item 自己写了 display:flex，压过了浏览器的 [hidden]{display:none}，
+                JS 里 el.hidden = true 根本没生效，搜什么都还是一整列。 */ ?>
         <?php if ($people): ?>
-          <div class="att-chips" id="attChips">
-            <?php foreach ($people as $p): ?>
-              <?php if (in_array((int)$p['id'], $selAttendees, true)): ?>
-                <span class="att-chip" data-id="<?= (int)$p['id'] ?>"><img src="<?= e(avatar_url($p['avatar'] ?? null)) ?>" alt=""><span class="att-name"><?= e($p['shown'] ?? $p['name']) ?></span><button type="button" class="att-x" data-id="<?= (int)$p['id'] ?>" title="移除">×</button></span>
-              <?php endif; ?>
-            <?php endforeach; ?>
-          </div>
-          <button type="button" class="btn btn-ghost btn-sm att-open-btn" id="attOpen">+ 添加观影人</button>
-          <div class="att-modal" id="attModal" hidden>
-            <div class="att-modal-box">
-              <div class="att-modal-head">
-                <b>选择观影人</b>
-                <button type="button" class="att-close" id="attClose" title="关闭">×</button>
-              </div>
-              <input class="input" id="attSearch" type="text"
-                     placeholder="输入名字或拼音首字母，如 zy 找「张三」" autocomplete="off">
-              <div class="att-list" id="attList">
-                <?php foreach ($people as $p): ?>
-                  <label class="att-item"
-                         data-name="<?= e((string)$p['name']) ?>"
-                         data-shown="<?= e((string)($p['shown'] ?? '')) ?>">
-                    <input type="checkbox" name="attendees[]" value="<?= (int)$p['id'] ?>"
-                           <?= in_array((int)$p['id'], $selAttendees, true) ? 'checked' : '' ?>>
-                    <img class="att-av" src="<?= e(avatar_url($p['avatar'] ?? null)) ?>" alt="" loading="lazy">
-                    <span class="att-name"><?= e($p['shown'] ?? $p['name']) ?></span>
-                    <span class="att-initials" hidden></span>
-                  </label>
-                <?php endforeach; ?>
-                <div class="att-empty" hidden>没有匹配的人。</div>
-              </div>
-            </div>
-          </div>
-          <noscript><style>.att-open-btn { display: none; } .att-modal { position: static; display: block; background: none; padding: 0; } .att-modal-box { box-shadow: none; border: 1px solid var(--line); max-height: none; }</style></noscript>
+          <?php
+          $ppName     = 'attendees[]';
+          $ppPeople   = $people;
+          $ppSelected = $selAttendees;
+          $ppMode     = 'multi';
+          $ppOpenBtn  = '+ 添加观影人';
+          $ppTitle    = '选择观影人';
+          $ppTip      = '';
+          require __DIR__ . '/../_person_picker.php';
+          ?>
         <?php else: ?>
           <span class="tip">名册里还没有人，先把家人加进名册再来记。</span>
         <?php endif; ?>
@@ -192,131 +169,6 @@ $selAttendees = array_map('intval', (array)old('attendees', $curAttendees));
   </div>
 </form>
 
-<?php if ($people): ?>
-<!-- 观影人选择弹窗：chips 同步 + 拼音首字母联想（Intl pinyin 排序 + 23 锚字二分，零依赖） -->
-<script>
-(function () {
-  var modal = document.getElementById('attModal');
-  if (!modal) return;
-  var openBtn = document.getElementById('attOpen');
-  var closeBtn = document.getElementById('attClose');
-  var search = document.getElementById('attSearch');
-  var list = document.getElementById('attList');
-  var chips = document.getElementById('attChips');
-  var emptyTip = list.querySelector('.att-empty');
-
-  /* ---- 汉字 → 拼音首字母：锚字表 a..z（23 个，无 i/u/v 开头字），
-          用拼音 collation 做二分定位；不支持的浏览器返回 null（只按名字搜） ---- */
-  var initialsOf = (function () {
-    var anchors = '阿八擦搭娥发嘎哈击喀垃妈拿哦啪期然撒塌挖昔压匝';
-    var letters = 'abcdefghjklmnopqrstwxyz';
-    var coll;
-    try { coll = new Intl.Collator('zh-Hans-CN-u-co-pinyin'); } catch (e) { return null; }
-    if (!coll || coll.compare('阿', '匝') >= 0) return null;   // collation 没生效
-    return function (s) {
-      var out = '';
-      for (var i = 0; i < s.length; i++) {
-        var ch = s[i];
-        if (/[a-zA-Z]/.test(ch)) { out += ch.toUpperCase(); continue; }
-        if (ch.charCodeAt(0) < 0x2E80) continue;              // 非 CJK：不产字母
-        var lo = 0, hi = anchors.length - 1, best = -1;
-        while (lo <= hi) {
-          var mid = (lo + hi) >> 1;
-          if (coll.compare(ch, anchors[mid]) >= 0) { best = mid; lo = mid + 1; }
-          else { hi = mid - 1; }
-        }
-        if (best >= 0) out += letters[best];
-      }
-      return out;
-    };
-  })();
-
-  /* 预计算每个人的首字母串，挂在 data-initials 上 */
-  Array.prototype.forEach.call(list.querySelectorAll('.att-item'), function (el) {
-    var s = (el.getAttribute('data-name') || '') + (el.getAttribute('data-shown') || '');
-    var ini = initialsOf ? initialsOf(s) : '';
-    el.setAttribute('data-initials', ini.toLowerCase());
-    var badge = el.querySelector('.att-initials');
-    if (badge && ini) { badge.textContent = ini; badge.hidden = false; }
-  });
-
-  function syncChips() {
-    if (!chips) return;
-    chips.innerHTML = '';
-    Array.prototype.forEach.call(list.querySelectorAll('.att-item input:checked'), function (box) {
-      var item = box.closest('.att-item');
-      // ⚠️ 必须点名取 .att-name：v11 起 .att-item 里第一个元素是头像 <img>，
-      //    早先靠「取第一个 span 当名字」碰巧成立，现在第一个 span 是隐藏的
-      //    首字母占位，选完人 chip 上就没名字了。
-      var nameEl = item.querySelector('.att-name');
-      var label = nameEl ? nameEl.textContent : box.value;
-      var av = item.querySelector('.att-av');
-      var id = box.value;
-      var chip = document.createElement('span');
-      chip.className = 'att-chip';
-      chip.setAttribute('data-id', id);
-      if (av) {
-        var im = document.createElement('img');
-        im.src = av.getAttribute('src');       // 服务端已 e() 过，这里原样搬
-        im.alt = '';
-        chip.appendChild(im);
-      }
-      var nm = document.createElement('span');
-      nm.className = 'att-name';
-      nm.textContent = label;
-      chip.appendChild(nm);
-      var x = document.createElement('button');
-      x.type = 'button'; x.className = 'att-x'; x.textContent = '×';
-      x.title = '移除'; x.setAttribute('data-id', id);
-      chip.appendChild(x);
-      chips.appendChild(chip);
-    });
-  }
-
-  chips.addEventListener('click', function (e) {
-    var x = e.target.closest ? e.target.closest('.att-x') : null;
-    if (!x) return;
-    var id = x.getAttribute('data-id');
-    Array.prototype.forEach.call(list.querySelectorAll('.att-item input'), function (box) {
-      if (box.value === id) box.checked = false;
-    });
-    syncChips();
-  });
-
-  function applyFilter() {
-    var q = (search.value || '').trim().toLowerCase();
-    var shown = 0;
-    Array.prototype.forEach.call(list.querySelectorAll('.att-item'), function (el) {
-      var hit = !q ||
-        (el.getAttribute('data-name') || '').toLowerCase().indexOf(q) >= 0 ||
-        (el.getAttribute('data-shown') || '').toLowerCase().indexOf(q) >= 0 ||
-        (el.getAttribute('data-initials') || '').indexOf(q) >= 0;
-      el.hidden = !hit;
-      if (hit) shown++;
-    });
-    emptyTip.hidden = shown > 0;
-  }
-
-  function openModal() { modal.hidden = false; search.value = ''; applyFilter(); syncChips(); search.focus(); }
-  function closeModal() { modal.hidden = true; }
-  openBtn.addEventListener('click', openModal);
-  closeBtn.addEventListener('click', closeModal);
-  modal.addEventListener('click', function (e) { if (e.target === modal) closeModal(); });
-  document.addEventListener('keydown', function (e) {
-    if (e.key === 'Escape' && !modal.hidden) closeModal();
-  });
-  search.addEventListener('input', applyFilter);
-
-  /* 选一个 = 勾上 + 出 chips + 关弹窗（再添加就再点一次「+ 添加观影人」）；
-     在弹窗里取消勾选只同步 chips，不关弹窗 */
-  list.addEventListener('change', function (e) {
-    if (!e.target || e.target.tagName !== 'INPUT') return;
-    syncChips();
-    if (e.target.checked) closeModal();
-  });
-})();
-</script>
-
 <!-- 豆瓣自动补充：下拉联想（320ms 防抖 + 中文输入法组字期不请求）+ 一键抓取 -->
 <script>
 (function () {
@@ -454,4 +306,3 @@ $selAttendees = array_map('intval', (array)old('attendees', $curAttendees));
   }
 })();
 </script>
-<?php endif; ?>