登录居中 · 个人 slogan · 三种生日 · 称呼视角化 · 附件统一走代理

按九点反馈一次性改造：

1. 登录页「图标 + 用手机号登录你的家书」包进 .auth-head 并真正居中
   （以前只加了个 class 名，没有样式，看着像做了其实没做）。

2. slogan 改成两段式：系统级 slogan 作兜底，每个人可在自己的资料里写一个，
   填了就显示自己的、留空就回落到系统那句。settings 里「家庭名称」字段去掉
   （只在安装时归档，不参与展示）。

3. 三个生日：身份证生日（从证件号截取，永不改动）／真实阳历／农历。
   同一人填了其一即自动推出另一个（靠 birthday_source 指明填的是哪一侧，
   不依赖 JS）。三者落在同一天时合并成一条提醒，否则分别提醒。
   农历表不是照抄流传的那份 lunarInfo（它在 5 个年份上是错的）——
   用五个独立实现按 7.3 万天多数表决重新推导，再要求 100% 重现。

4. 称呼改成「视角属性」：nicknames(family_id, viewer_id, target_id, nickname)。
   「小明」不是某个人的属性——同一个人被不同人叫法不同，所以是「谁看」的属性。
   旧的 persons.nickname 由 Nickname::migrateLegacy() 搬到新表，只搬一次。

5. 点自己的头像/名字直接进「我的资料」，不必再绕
   「名册 → 找到自己 → 编辑资料」三步。

6. 附件（头像与其它上传）一律走 media.php 代理，不再直连 uploads/ 或云端地址：
   可读性由登录态决定而不是「知道文件名」，Content-Type/缓存/下载头由服务端统一给。
   uploads/ 整个目录 deny（含历史遗留备份文件），并有真实探针验证。

7. OSS 设置页加「连通性测试」（本地 / 云端两个按钮），逐步给出结论与耗时。

8. 生日输入改用「原生日期框 + 24 小时制时:分:秒 三个下拉」：
   datetime-local 的格式由浏览器 UI 语言决定（中文环境渲染成「下午 03:30」，
   没有秒、还容易把上下午填反）。点输入框任意一处都能弹出选择器（showPicker）。

9. 结构版本号收敛成 Schema::VERSION 一处，安装时即盖章，避免首次请求白跑升级。

验证（全部为「先注入 bug 证伪、再跑通过」）：
  php -l 42 个文件；e2e 149 条；老库升级专测 37 条；反向验证 23 个注入全被抓；
  桌面几何 108 条（768/1280/1920/2560）；移动端真机几何 212 条（360/375/390/414）；
  交互检查 49 条（生日整框可点、登录居中）。

assets/js/app.js

@@ -2,6 +2,30 @@
 (function () {
   'use strict';
 
+  // ===== 时间框：点输入框任意一处都弹出选择器 =====
+  // 原生行为只在点右侧那个小日历图标时才弹（而且各浏览器还不一致），
+  // 用户会以为框只能读、或者找不到那个图标在哪。
+  // showPicker() 是标准做法：在 click 里调它，等于把整块输入区都当成了那个图标。
+  //
+  // 为什么能跟浏览器自带的那次弹出共存：若本次点击已经弹过，再调一次是空操作
+  // （规范里「show the picker」对已经显示的选择器直接返回），不会闪两下。
+  // 不支持的浏览器（老 Safari 等）静默跳过 —— 退化成原生行为，不会比现在更差。
+  (function () {
+    var pickers = document.querySelectorAll('input[type="date"], input[type="datetime-local"]');
+    function hook(el) {
+      el.addEventListener('click', function () {
+        if (typeof el.showPicker !== 'function') { return; }
+        try {
+          el.showPicker();
+        } catch (err) {
+          // NotAllowedError：不是用户手势触发的（或被跨域 iframe 挡住）。
+          // 忽略即可 —— 原生那套点击行为还在，用户仍有办法选时间。
+        }
+      });
+    }
+    for (var i = 0; i < pickers.length; i++) { hook(pickers[i]); }
+  })();
+
   // 头像选好后即时预览，别等上传完才知道选错了
   var fileInput = document.getElementById('avatar');
   if (fileInput && window.FileReader) {
@@ -24,4 +48,47 @@
       img.src = '/assets/avatar-default.svg';
     });
   });
+
+  // ===== 三个生日：选择"以哪个为准" =====
+  // 阳历与农历其实是同一个人的同一天，不能各填各的（那样就自相矛盾了）。
+  // 表单上让用户明确指定"我这次填的是哪一个"，服务端据此反推另一个。
+  (function () {
+    var sel = document.getElementById('bdSource');
+    if (!sel) { return; }
+    var solarBox = document.getElementById('bdSolarWrap');
+    var lunarBox = document.getElementById('bdLunarWrap');
+    function sync() {
+      var isLunar = sel.value === 'lunar';
+      if (solarBox) { solarBox.classList.toggle('is-primary', !isLunar); }
+      if (lunarBox) { lunarBox.classList.toggle('is-primary', isLunar); }
+    }
+    sel.addEventListener('change', sync);
+    sync();
+  })();
+
+  // ===== 身份证号 → 即时算出「身份证生日」 =====
+  // 让用户当场看到"系统从证件里读出来的是哪一天"，
+  // 而不是存下去之后才发现跟自己的生日差了一个月。
+  (function () {
+    var idc = document.getElementById('id_card');
+    var out = document.getElementById('idCardBirthday');
+    if (!idc || !out) { return; }
+    function pad(n) { return (n < 10 ? '0' : '') + n; }
+    function calc() {
+      var s = (idc.value || '').toUpperCase().replace(/\s/g, '');
+      var y, m, d;
+      if (/^\d{17}[\dX]$/.test(s)) {
+        y = +s.substr(6, 4); m = +s.substr(10, 2); d = +s.substr(12, 2);
+      } else if (/^\d{15}$/.test(s)) {
+        y = 1900 + +s.substr(6, 2); m = +s.substr(8, 2); d = +s.substr(10, 2);
+      } else {
+        out.textContent = '';
+        return;
+      }
+      if (m < 1 || m > 12 || d < 1 || d > 31) { out.textContent = ''; return; }
+      out.textContent = y + '-' + pad(m) + '-' + pad(d);
+    }
+    idc.addEventListener('input', calc);
+    calc();
+  })();
 })();