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

① 上传图片一律可裁剪，比例由图位决定
   新增 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/layout.php

@@ -41,17 +41,27 @@ $isLoggedIn = \App\Auth::check();
       <?php endforeach; ?>
     </nav>
     <div class="topbar-right">
-      <?php /* 点自己的头像/名字 = 直接编辑自己的资料。
-               ⚠️ 以前这里是个不可点的 <span>：想改自己的信息得绕
-                  「名册 → 找到自己 → 编辑资料」三步，而最该一眼可达的
-                  恰恰是「改我自己」这件事。 */ ?>
-      <a class="who" href="<?= e(url('people/me')) ?>" title="改我自己的资料">
-        <img src="<?= e(avatar_url($_SESSION['avatar'] ?? null)) ?>" alt="">
-        <span class="who-name"><?= e(\App\Auth::name()) ?></span>
-        <?php if (\App\Auth::isGuest()): ?><span class="badge">访客</span><?php endif; ?>
-      </a>
-      <a class="link-quiet who-pwd" href="<?= e(url('auth/password')) ?>">改密码</a>
-      <a class="link-quiet" href="<?= e(url('auth/logout', ['_csrf' => csrf_token()])) ?>">退出</a>
+      <?php /* 姓名 + 头像 = 一个下拉菜单，而不是「点名字改资料」＋旁边两个裸链接。
+               裸链接在窄屏只能靠 display:none 藏起来（一藏入口就没了），
+               收进菜单之后同一个入口在手机上也点得到。
+               用 <details> 实现：不需要 JS 就能展开/收起，app.js 只额外补
+               "点外面"和"Esc"两件事。 */ ?>
+      <details class="menu who-menu">
+        <summary class="who" title="我的">
+          <img src="<?= e(avatar_url($_SESSION['avatar'] ?? null)) ?>" alt="">
+          <span class="who-name"><?= e(\App\Auth::name()) ?></span>
+          <?php if (\App\Auth::isGuest()): ?><span class="badge">访客</span><?php endif; ?>
+          <i class="caret" aria-hidden="true"></i>
+        </summary>
+        <div class="menu-list">
+          <a href="<?= e(url('settings/me')) ?>">个人设置</a>
+          <?php if (\App\Auth::isAdmin()): ?>
+            <a href="<?= e(url('settings')) ?>">系统设置</a>
+          <?php endif; ?>
+          <a href="<?= e(url('auth/password')) ?>">修改密码</a>
+          <a class="menu-exit" href="<?= e(url('auth/logout', ['_csrf' => csrf_token()])) ?>">退出登录</a>
+        </div>
+      </details>
     </div>
   </div>
 </header>