图片可裁剪 · 名册按关系分组 · 个人设置独立 · 顶栏下拉菜单

① 上传图片一律可裁剪，比例由图位决定
   新增 app/ImageSlot.php 统一配置（头像 1:1/512×512；题图 16:9 只留注释，
   将来启用只加一行）。前端只挑区域、写回归一化矩形 "x,y,w,h"，真正裁剪在服务端
   Upload::fitRegion()：夹回图内 → 在框内居中收缩到目标比例（不外扩）→ 钉住 sx+sw ≤ w。
   比例解析单独写 parseRatioAttr()：parseFloat('16:9') 得 16，会把题图裁成细长条且不报错。

② 名册按关系分组，顺序每人可自定
   分类全家共用（person_groups，另一个人可以自己加分类）；「自己的」只体现在顺序上
   （user_settings.group_order，每人一份）。persons.group_id 故意不加外键（老库只能
   ADD COLUMN），完整性由 PersonGroup 保证：删分类把人置回未分类，人不会从名册消失。

③ 设置分两级：系统设置 / 个人设置
   个人设置拆成 templates/settings/me.php + _profile.php + _nicknames.php，
   取代 templates/people/me.php（旧路由与旧表单仍兼容）。

④ 右上角「姓名/头像 + 下拉菜单」
   原来是两个裸链接，窄屏会被 CSS 藏掉导致改密码/退出不可达；改成 <details> 零 JS 菜单
   （app.js 只补「点外面 / Esc」）。菜单项：个人设置 / 系统设置（管理员）/ 修改密码 / 退出登录。

Schema 版本 3 → 4；安装与老库升级共用 PersonGroup::backfillMissing() 一条回填路径。

验证：php -l 全量；e2e 202/0（新增「关系分组」与「图片裁剪」两节）；老库升级 49/0；
桌面几何 108/0；移动端几何 192/0（360/375/390/414）；交互 76/0；
反向验证 31/31（逐条把修复改回旧写法，指定的目标断言必须变红）；
部署后本地↔线上 72 个文件 sha256 逐字节一致。

templates/settings/_nicknames.php

@@ -0,0 +1,45 @@
+<?php
+/**
+ * 「我怎么称呼家人」（个人设置的一块）。
+ *
+ * 称呼是**视角属性**：同一个「小明」，妈妈叫"明明"、姐姐叫"小弟"。
+ * 所以它不属于小明这个人的档案，而是"我 → 他"这一对关系上的一个值，
+ * 只影响我自己看到的页面（顶栏、名册、首页生日条都用它显示）。
+ */
+$myNicks = [];
+foreach ($nicknames as $n) {
+    $myNicks[(int)$n['target_id']] = (string)$n['nickname'];
+}
+?>
+<div class="card card-pad">
+  <h2 class="section-title">
+    我怎么称呼家人
+    <span class="hint">只影响你自己看到的叫法</span>
+  </h2>
+  <p class="small muted" style="margin:0 0 16px">
+    同一个「小明」，妈妈叫"明明"、姐姐叫"小弟" —— 称呼是**每个人各自定的**，
+    不是这个人自带的属性。所以这里改的只影响你自己的页面，别人看到的还是他们自己的叫法。
+    留空 = 恢复成用姓名显示。
+  </p>
+
+  <?php if (!$options): ?>
+    <p class="small muted" style="margin:0">名册里还没有别人。</p>
+  <?php else: ?>
+    <div class="nick-list">
+      <?php foreach ($options as $o): $oid = (int)$o['id']; ?>
+        <form method="post" action="<?= e(url('nickname/save')) ?>" class="nick-row">
+          <?= csrf_field() ?>
+          <input type="hidden" name="target_id" value="<?= $oid ?>">
+          <input type="hidden" name="back" value="settings/me">
+          <span class="nick-who">
+            <img src="<?= e(avatar_url($o['avatar'] ?? '')) ?>" alt="">
+            <span><?= e((string)$o['name']) ?></span>
+          </span>
+          <input class="input" name="nickname" maxlength="50"
+                 value="<?= e($myNicks[$oid] ?? '') ?>" placeholder="我叫他/她…">
+          <button class="btn btn-ghost btn-sm" type="submit">记下</button>
+        </form>
+      <?php endforeach; ?>
+    </div>
+  <?php endif; ?>
+</div>