v63：卡片配色 / 日历本靠右 / 地图题图 / 设置页清理 / 公共标签颜色 / 令牌下线

- 卡片右上角按钮改用「来自哪个模块」的主题色：HomeCards 登记表新增 mod 字段
  与 module()，首页从登记表取色（原来是模板里硬编码 in_array(['agenda','tasks'])
  白名单，新加带按钮的卡片会默默变灰）
- 首页日程把日历本放到色块右侧：.ag-ev 改弹性行，「时间+标题」包进
  .ag-ev-main（flex:1 1 auto; min-width:0），日历本作右侧兄弟。
  原来 display:block 会把日历本顶到第二行，色块一矮就完全看不见
- 旅程地图显示题图：服务端把 media_url(cover_key) 塞进地图数据，
  地图卡片左侧 40x40 题图（object-fit:cover），没有题图不留灰框
- 系统设置第一块改叫「系统标语」；删掉「首页上那一行小字」提示、
  「不是全家的统一口号」说明、「上次结构升级有步骤失败了」整框；
  运行环境删「排错时看这一块」与「亲属连线」那一行（功能与数据未动）
- 公共标签：说明文字全删；列表与编辑合并成一行（色块+名字+N人+箭头+编辑）；
  person_groups 加 color 列（Schema addColumn，老库可升）；点「编辑」弹框
  改名字与颜色、点「完成」提交；下面那个独立编辑列表撤掉。删除挪进弹框
- 个人设置删掉「手动签发接口令牌」整块；settings/api_token 路由保留但挡下提交
  （只删界面会留下知道地址就能用的后门）；令牌只由登录后自动签发，
  设备管理卡保留。apiTokens/apiPlain/apiLabel/apiBase 四个变量一并撤掉

templates/settings.php

@@ -14,16 +14,20 @@
 ?>
 <form method="post" action="<?= e(url('settings/update')) ?>" class="card card-pad">
   <?= csrf_field() ?>
-  <h2 class="section-title">家庭 <span class="hint">首页上那一行小字</span></h2>
+  <?php /* 🔴 v63（用户 2026-10-19 第 4 条）：
+     「在系统的设置页面，第一个模块家庭，首页上那一行小字，这个就不要了，
+       上面直接它的标题就是系统 slogan，或者叫系统标语。
+       下面，所以这一句兜底不是全家的统一口号，这句话给去掉。」
+     ⇒ ① 去掉 hint「首页上那一行小字」；② 标题改叫「系统标语」；
+        ③ 删掉"兜底不是全家统一口号"那段说明。
+     ⚠️ 口径没变：`settings.motto` 仍是**系统级兜底**（个人没写自己的 slogan
+        时才用它），只是不再在界面上解释这套优先级 —— 属于不动数据、只收文案。 */ ?>
+  <h2 class="section-title">系统标语</h2>
   <div class="form-grid">
     <div class="field full">
-      <label for="motto">系统 slogan</label>
+      <label for="motto">系统标语</label>
       <input class="input" id="motto" name="motto" value="<?= e($family['motto'] ?? '') ?>"
              placeholder="例如：一本用岁月写成的家谱">
-      <span class="tip">
-        每个人都可以在「我的资料」里写**自己的一句**，有的话就显示他自己的；
-        <b>没写的人才用这里的这句</b>。所以这是一句"兜底"，不是全家的统一口号。
-      </span>
     </div>
     <?php /* ⚠️ 天气的坐标输入框**从这里撤了**（用户 2026-10-03 第 1 条）。
          原话是「让用户在个人设置中填写自己的城市」——
@@ -35,16 +39,6 @@
   </div>
 </form>
 
-<?php if (($upgradeWarn ?? '') !== ''): ?>
-  <div class="flash" style="margin-top:16px">
-    <div class="flash-item err">
-      <b>上次结构升级有步骤失败了</b>（其余步骤已经跑完，站点可用）：<br>
-      <?= e((string)$upgradeWarn) ?><br>
-      <span class="muted small">修好之后可以清掉这条提示。</span>
-    </div>
-  </div>
-<?php endif; ?>
-
 <!-- ==================== 公共标签 ==================== -->
 <?php
 /* 🔴 v54（用户 2026-10-16 第 2 条）：这块从「公共分组」改口径为「公共标签」。
@@ -52,7 +46,23 @@
    ⇒ 这里维护的是**公共标签词表**：名册里给成员打标签时，这些词会出现在候选里
       （见 `App\PersonTag::choices()`）。表名仍叫 person_groups（见 _person_groups.php
       的说明：改名要背着 PersonGroup 类与其它会话正在改的 App-API 一起动，不划算），
-      但界面上一律说"标签"。 */
+      但界面上一律说"标签"。
+
+   🔴🔴 v63（用户 2026-10-19 第 5 条）整段重做。用户原话：
+     「公共标签这个板块，提示全部删除。编辑和列表放一起，每个标签增加一个颜色。
+       如果要编辑，就点击这个标签后面的编辑按钮，然后弹出一个框，编辑后点击完成就行了。
+       下面的编辑列表不要了。」
+   ⇒ 三件事：
+     ① **说明文字全删**（那句"这里维护的是公共标签…"整段不留）；
+     ② **列表与编辑合并成一处**：一行一个标签 = 色块 + 名字 + N 人 + ▲▼ + 「编辑」；
+        （原来是"上面一个只读列表 + 下面另一个改名列表"，同一个东西摆两遍）
+     ③ **颜色**：每行前面一个色块（`PersonGroup::swatch()`），
+        点行尾「编辑」弹出对话框改**名字 + 颜色**，点「完成」提交。
+   ⚠️ 弹框**全页一份**（`#pgEditModal`），行上只放 `data-pg-*` 数据：
+      一行一个 `<form>` + `<input type="color">` 会让页面 DOM 翻几倍
+      （本项目在名册页踩过：2369 个 form 把浏览器拖卡）。
+   ⚠️ 表单里留一个原生「完成」按钮并**不依赖 JS 才能提交**：脚本没跑时
+      行上的「编辑」按钮就是一个 `<a>` 到锚点，弹框默认可见（`<noscript>` 兜底）。 */
 $pubGroups = $pubGroups ?? [];
 $pubCounts = $pubCounts ?? [];
 $pubTotal  = count($pubGroups);
@@ -62,22 +72,15 @@ $pubTotal  = count($pubGroups);
     公共标签
     <span class="hint">全家人共用的一套</span>
   </h2>
-  <p class="small muted" style="margin:0 0 16px">
-    这里维护的是<b>公共标签</b> —— 建一次，全家每个人给名册成员打标签时都能拿来用。
-    <br>
-    每个人还可以在「名册 → 设置 → 名册标签」里<b>再加只给自己看的标签</b>，
-    那部分不在这儿、也不会影响别人。挪顺序用 ▲ ▼（▲▼ 调的是"全家的默认顺序"，
-    各人仍可在名册设置里改成自己习惯的顺序）。
-    <br>
-    删掉一个标签<b>只是从候选里去掉这个词</b>：已经打在别人身上的标签不受影响
-    （标签是各人身上记着的词，不是引用）。
-  </p>
 
   <?php if ($pubGroups): ?>
-    <ol class="order-list">
+    <ol class="order-list pg-list">
       <?php foreach ($pubGroups as $i => $g): $gid = (int)$g['id']; ?>
         <li class="order-row">
           <span class="order-no"><?= $i + 1 ?></span>
+          <?php /* 色块：显示这个标签"现在是什么颜色"（没选过就按 id 从色板取，见 swatch）。 */ ?>
+          <span class="pg-dot" style="background:<?= e(\App\PersonGroup::swatch($g)) ?>"
+                aria-hidden="true"></span>
           <span class="order-name"><?= e((string)$g['name']) ?></span>
           <span class="order-count"><?= (int)($pubCounts[$gid] ?? 0) ?> 人</span>
           <form method="post" action="<?= e(url('settings/groups/move')) ?>" class="order-move">
@@ -89,9 +92,17 @@ $pubTotal  = count($pubGroups);
             <button class="btn btn-ghost btn-sm" type="submit" name="dir" value="down"
                     title="下移一个" <?= $i === $pubTotal - 1 ? 'disabled' : '' ?>>▼</button>
           </form>
+          <?php /* 「编辑」= 打开弹框（JS）。`href` 指到本卡片的锚点，脚本没跑时
+                   点了至少跳回这里，不会"点了没反应"。 */ ?>
+          <button type="button" class="btn btn-ghost btn-sm js-pg-edit"
+                  data-pg-id="<?= $gid ?>"
+                  data-pg-name="<?= e((string)$g['name']) ?>"
+                  data-pg-color="<?= e(\App\PersonGroup::swatch($g)) ?>">编辑</button>
         </li>
       <?php endforeach; ?>
     </ol>
+  <?php else: ?>
+    <p class="small muted" style="margin:0 0 14px">还没有公共标签。加一个吧。</p>
   <?php endif; ?>
 
   <form method="post" action="<?= e(url('settings/groups/add')) ?>" class="inline-form" style="margin-top:16px">
@@ -99,39 +110,150 @@ $pubTotal  = count($pubGroups);
     <input type="hidden" name="scope" value="public">
     <label class="sr-only" for="newPubGroup">新标签名</label>
     <input class="input" id="newPubGroup" name="name" maxlength="20" placeholder="例如：邻居、亲家、老同事">
+    <?php /* 新建时也能顺手挑个颜色（色板与弹框里同一套，见 PersonGroup::SWATCHES）。 */ ?>
+    <select class="select pg-swatch-pick" name="color" aria-label="颜色">
+      <?php foreach (\App\PersonGroup::SWATCHES as $ci => $cc): ?>
+        <option value="<?= e($cc) ?>"<?= $ci === 0 ? ' selected' : '' ?>><?= e($cc) ?></option>
+      <?php endforeach; ?>
+    </select>
     <button class="btn btn-sm" type="submit">加一个公共标签</button>
   </form>
-
-  <?php if ($pubGroups): ?>
-    <ul class="group-manage" style="margin-top:14px">
-      <?php foreach ($pubGroups as $g): $gid = (int)$g['id']; ?>
-        <li class="group-manage-row">
-          <form method="post" action="<?= e(url('settings/groups/rename')) ?>" class="group-rename">
-            <?= csrf_field() ?>
-            <input type="hidden" name="id" value="<?= $gid ?>">
-            <input type="hidden" name="scope" value="public">
-            <label class="sr-only" for="pgname<?= $gid ?>">标签名</label>
-            <input class="input" id="pgname<?= $gid ?>" name="name" maxlength="20"
-                   value="<?= e((string)$g['name']) ?>">
-            <button class="btn btn-ghost btn-sm" type="submit">改名</button>
-          </form>
-          <span class="group-count muted small"><?= (int)($pubCounts[$gid] ?? 0) ?> 人</span>
-          <details class="del-wrap">
-            <summary class="btn btn-ghost btn-sm">删除</summary>
-            <form method="post" action="<?= e(url('settings/groups/delete')) ?>" class="del-confirm">
-              <?= csrf_field() ?>
-              <input type="hidden" name="id" value="<?= $gid ?>">
-              <input type="hidden" name="scope" value="public">
-              <span class="small muted">这组的人会变成「未分类」，确定？</span>
-              <button class="btn btn-ghost btn-sm danger" type="submit">确认删除</button>
-            </form>
-          </details>
-        </li>
-      <?php endforeach; ?>
-    </ul>
-  <?php endif; ?>
 </div>
 
+<?php /* ==================== 公共标签：编辑弹框（全页一份）====================
+   用户第 5 条原话：「如果要编辑，就点击这个标签后面的编辑按钮，然后弹出一个框，
+   编辑后点击完成就行了。」
+   ⚠️ 结构与名册那个标签弹框（`.rm-modal`）完全同形：fixed 遮罩 + 居中面板，
+      点遮罩 / ✕ / Esc 都能关。复用同一套 CSS，不另造一套弹框外壳。 */ ?>
+<div class="rm-modal" id="pgEditModal" hidden>
+  <div class="rm-mask" data-pg-close></div>
+  <div class="rm-panel" role="dialog" aria-modal="true" aria-label="编辑标签">
+    <div class="rm-head"><b>编辑标签</b>
+      <button type="button" class="rm-x" data-pg-close aria-label="关闭">✕</button></div>
+    <form method="post" action="<?= e(url('settings/groups/rename')) ?>" class="rm-body" id="pgEditForm">
+      <?= csrf_field() ?>
+      <input type="hidden" name="scope" value="public">
+      <input type="hidden" name="id" id="pgEditId" value="">
+      <div class="field">
+        <label for="pgEditName">标签名</label>
+        <input class="input" id="pgEditName" name="name" maxlength="20" required>
+      </div>
+      <?php /* 颜色：色板（点一下就选）+ 一个取色器兜底（想用自定义色时）。
+               两个控件写的是**同一个** `name="color"`，但取色器那份是 JS 同步的
+               只读镜像 —— 见下面的脚本说明。 */ ?>
+      <div class="field">
+        <label>颜色</label>
+        <div class="pg-swatches" id="pgEditSwatches">
+          <?php foreach (\App\PersonGroup::SWATCHES as $cc): ?>
+            <button type="button" class="pg-sw" data-pg-color="<?= e($cc) ?>"
+                    style="background:<?= e($cc) ?>" aria-label="选这个颜色"></button>
+          <?php endforeach; ?>
+          <label class="pg-sw-custom" title="自定义颜色">
+            <input type="color" id="pgEditColorPick" value="<?= e(\App\PersonGroup::SWATCHES[0]) ?>">
+          </label>
+        </div>
+        <input type="hidden" name="color" id="pgEditColor" value="">
+      </div>
+    </form>
+    <div class="rm-foot">
+      <?php /* 🔴 删除**挪进弹框**：原来它在下面那个"编辑列表"里，而用户要求
+               把那块整个撤掉 —— 功能不能跟着一起消失，改名/改色/删除
+               本来就是"管理一个标签"的三件事，放一处最自然。
+         ⚠️ 这里用**独立的第二张表单**（不是提交 pgEditForm）：删与改是两条
+            互斥路径，共用一个 form 会导致"点删除也把新名字提交一遍"。
+         ⚠️ 仍要 `confirm` 一次：删除会把挂着它的人变成「未分类」，
+            这是弹框里唯一一个有副作用的动作。 */ ?>
+      <form method="post" action="<?= e(url('settings/groups/delete')) ?>" id="pgDelForm"
+            onsubmit="return confirm('删掉这个标签？挂着它的人会变成「未分类」。');">
+        <?= csrf_field() ?>
+        <input type="hidden" name="scope" value="public">
+        <input type="hidden" name="id" id="pgDelId" value="">
+      </form>
+      <button type="submit" class="btn btn-ghost danger" form="pgDelForm">删除</button>
+      <span class="rm-foot-gap"></span>
+      <button type="button" class="btn btn-ghost" data-pg-close>取消</button>
+      <button type="submit" class="btn" form="pgEditForm">完成</button>
+    </div>
+  </div>
+</div>
+
+<script>
+/* 🔴 v63：公共标签的「编辑」弹框。
+   ⚠️ 写在一个 IIFE 里并**只在元素存在时才跑** —— 这一页可能因为权限/升级
+      而少渲染某几块（比如表还没迁移完），别让脚本在别处抛错。
+   ⚠️ 颜色有两个来源（色板按钮 / 取色器），最终都写进 `#pgEditColor`
+      这个 hidden 字段：**只提交一个** `name="color"`，服务端就不用猜
+      "到底以哪个为准"（两个同名控件同时提交时，PHP 取最后一个 —— 那是隐式行为，
+      不该依赖）。 */
+(function () {
+  var modal = document.getElementById('pgEditModal');
+  if (!modal || !document.querySelector('.js-pg-edit')) { return; }
+
+  var form   = document.getElementById('pgEditForm');
+  var fId    = document.getElementById('pgEditId');
+  var fName  = document.getElementById('pgEditName');
+  var fColor = document.getElementById('pgEditColor');
+  var picker = document.getElementById('pgEditColorPick');
+  var swBox  = document.getElementById('pgEditSwatches');
+  var delId  = document.getElementById('pgDelId');
+
+  function markOn(color) {
+    var list = swBox ? swBox.querySelectorAll('.pg-sw') : [];
+    for (var i = 0; i < list.length; i++) {
+      var on = (list[i].getAttribute('data-pg-color') || '').toLowerCase() === color.toLowerCase();
+      list[i].classList.toggle('is-on', on);
+    }
+  }
+
+  function setColor(color) {
+    fColor.value = color || '';
+    if (picker) { picker.value = color || '#a84a28'; }
+    markOn(color || '');
+  }
+
+  function open(btn) {
+    var gid = btn.getAttribute('data-pg-id') || '';
+    fId.value   = gid;
+    fName.value = btn.getAttribute('data-pg-name') || '';
+    setColor(btn.getAttribute('data-pg-color') || '');
+    // ⚠️ 删除表单里的 id 也要跟着灌 —— 忘了这一句，删除按钮会提交**上一次编辑过**的
+    //    那个标签的 id（或者空 id），症状是"删掉的不是我点的那个"。
+    if (delId) { delId.value = gid; }
+    modal.hidden = false;
+    fName.focus();
+    fName.select();
+  }
+
+  function close() { modal.hidden = true; }
+
+  // 行上的「编辑」
+  var btns = document.querySelectorAll('.js-pg-edit');
+  for (var i = 0; i < btns.length; i++) {
+    btns[i].addEventListener('click', function () { open(this); });
+  }
+  // 关闭：遮罩 / ✕ / 取消
+  var closers = modal.querySelectorAll('[data-pg-close]');
+  for (var j = 0; j < closers.length; j++) {
+    closers[j].addEventListener('click', close);
+  }
+  // Esc 关（与全站其它弹框一致）
+  document.addEventListener('keydown', function (e) {
+    if (!modal.hidden && (e.key === 'Escape' || e.keyCode === 27)) { close(); }
+  });
+  // 色板点击
+  if (swBox) {
+    swBox.addEventListener('click', function (e) {
+      var b = e.target && e.target.closest ? e.target.closest('.pg-sw') : null;
+      if (b) { setColor(b.getAttribute('data-pg-color') || ''); }
+    });
+  }
+  // 取色器改了就同步
+  if (picker) {
+    picker.addEventListener('input', function () { setColor(picker.value); });
+  }
+})();
+</script>
+
 <!-- ==================== 附件存储 ==================== -->
 <form method="post" action="<?= e(url('settings/storage')) ?>" class="card card-pad" style="margin-top:20px">
   <?= csrf_field() ?>
@@ -313,7 +435,13 @@ $pubTotal  = count($pubGroups);
 
 <!-- ==================== 运行环境 ==================== -->
 <div class="card card-pad" style="margin-top:20px">
-  <h2 class="section-title">运行环境 <span class="hint">排错时看这一块</span></h2>
+  <?php /* 🔴 v63（用户 2026-10-19 第 6 条）：
+     「运行环境后面的提示：排错时看这一块，删除。亲属连线，删除。」
+     ⇒ ① 去掉 hint「排错时看这一块」；② 删掉「亲属连线 N 条」那行。
+     ⚠️ 亲属连线的**数据与功能一点没动**（`person_relations` 表、建边解边、
+        家谱全在），只是不再在运行环境里报一个数字 —— 那个数对排错没有帮助，
+        反而会和"名册里看到的连线"打架（口径不同）。 */ ?>
+  <h2 class="section-title">运行环境</h2>
   <dl class="kv">
     <div class="kv-row"><dt>PHP</dt><dd><?= e(PHP_VERSION) ?></dd></div>
     <div class="kv-row"><dt>数据库</dt><dd><?= e($dbVersion) ?></dd></div>
@@ -330,10 +458,6 @@ $pubTotal  = count($pubGroups);
       <dt>附件出口</dt>
       <dd>统一走 media.php 代理 <span class="muted small">（本地与云端同一形态，需登录才能读）</span></dd>
     </div>
-    <div class="kv-row">
-      <dt>亲属连线</dt>
-      <dd><?= (int)$relCount ?> 条</dd>
-    </div>
     <div class="kv-row">
       <dt>账号</dt>
       <dd>