feat(miniapp): align UI with H5 and harden device debugging

五个页面按 h5/css 的 style.css → ui-20261009 → ui-20261012 覆盖顺序逐条重排，
换算规则固定为 calc(N * var(--u)) → 2N rpx，固定 px 的字号保持 px。

- app.acss：换回 H5 设计 token（方角小倒角按钮 10rpx、卡片 14rpx、.chev 折线箭头）
- splash/profile/history：底图与按钮文字图改用 H5 资源，隐私/政策弹窗按 H5 重排
- report：环形分用 conic-gradient、人脸裁切窗口叠加 face_maps、标记点百分比盒、
  侧脸皱纹 pending/unavailable 文案；用 Playwright 抓 H5 94 个选择器几何比对，
  整页高 2438.7 vs 2438.67
- camera：淘宝 <camera> 组件在真机整页崩溃（嵌了微信专有的 <cover-view>），
  改为默认系统相机 + `config.nativeCamera` 开关 + pages/camtest 冒烟页验证组件
- permissions：淘宝用带前缀的 scope.camera（裸名返回 5022 Scope:camera信息不存在），
  先试带前缀再退回裸名，拒绝后不再重复弹窗
- voice：非 HTTPS 资源导致的异常不再冒泡成整页崩溃；app.js 加开发版错误 toast
- 开发版入口：权限诊断（启动页/相机页）、相机组件测试
- 测试 20/20（新增权限与相机能力用例）

taobao/pages/history/history.js

@@ -1,34 +1,81 @@
+/* ═════ 历史报告:api.request('reports') 拉列表 + 点条目进报告页
+   对照 H5 index.html #s-history(L32-42) 与 app.js renderHistoryList()/openHistory()(L1944-2001)
+   跳转前把 payload 放进 globalData,由 pages/report 渲染。 ═════ */
 var api = require('../../utils/api');
+
+function pad2(n) { return (n < 10 ? '0' : '') + n; }
+// H5 用 toLocaleDateString('sv-SE'),即 YYYY-MM-DD 零填充
+function formatDate(value) {
+  var d = new Date(value);
+  return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate());
+}
+
 Page({
-  data: { items: [], loading: false, error: '' },
+  data: {
+    bgUrl: api.assetUrl('img/ui-20261009/bg-history-h5.jpg'),
+    items: [], loading: false, error: '',
+    signedIn: false, accountLabel: '尚未登录',
+    countText: '正在读取报告…',   // H5 #history-count 初值
+    identityNote: '',
+    toastText: '', toastOn: false
+  },
   onShow: function () {
     if (!api.user()) { this.setData({ items: [] }); my.redirectTo({ url: '/pages/splash/splash' }); return; }
+    this.setData({ signedIn: true, accountLabel: '淘宝已登录' });
     this.load();
   },
   onUnload: function () { this.closed = true; },
+
+  // H5 .toast
+  toast: function (msg) {
+    var that = this;
+    this.setData({ toastText: msg, toastOn: true });
+    clearTimeout(this.toastTimer);
+    this.toastTimer = setTimeout(function () {
+      that.setData({ toastOn: false });
+    }, Math.max(1800, String(msg).length * 130));
+  },
+
   load: function () {
     var that = this;
+    this.closed = false;
     this.setData({ loading: true, error: '' });
     api.request('reports').then(function (data) {
       if (that.closed) return;
-      that.setData({ items: data.items.map(function (item) {
-        var date = new Date(item.created_at);
-        return { id: item.id, total: item.total == null ? '--' : item.total, skinAge: item.skinAge == null ? '--' : item.skinAge,
-          date: date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() };
-      }) });
-    }).catch(function (err) { if (!that.closed) that.setData({ error: err.message }); })
-      .then(function () { if (!that.closed) that.setData({ loading: false }); });
+      that.setData({
+        countText: '您最近已进行过' + data.total + '次面部问题检测',
+        identityNote: '保留最近 5 份报告，同一淘宝账号可跨手机查看。',
+        items: data.items.map(function (item) {
+          return { id: item.id, date: formatDate(item.created_at) };
+        })
+      });
+    }).catch(function (err) {
+      if (!that.closed) that.setData({ error: err.message, countText: '暂时无法读取' });
+    }).then(function () { if (!that.closed) that.setData({ loading: false }); });
   },
+
   onOpen: function (e) {
     if (this.data.loading) return;
+    var id = e.currentTarget.dataset.id;
+    if (!id) return;
     var that = this;
+    this.closed = false;
     this.setData({ loading: true });
-    api.request('reports', { id: e.currentTarget.dataset.id }).then(function (data) {
+    api.request('reports', { id: id }).then(function (data) {
       if (that.closed) return;
       getApp().globalData.photos = data.report.photos;
       getApp().globalData.payload = Object.assign({}, data.report.payload, { vm: data.report.vm, presentation: data.report.presentation });
       my.navigateTo({ url: '/pages/report/report' });
-    }).catch(function (err) { my.showToast({ content: err.message, type: 'none' }); })
+    }).catch(function (err) { that.toast(err.message); })
       .then(function () { if (!that.closed) that.setData({ loading: false }); });
+  },
+
+  // H5 data-action="logout-wechat"(历史页右上角)
+  onLogout: function () {
+    var that = this;
+    api.logout().then(function () {
+      that.setData({ signedIn: false, accountLabel: '尚未登录', items: [], countText: '', identityNote: '' });
+      my.redirectTo({ url: '/pages/splash/splash' });
+    }).catch(function (err) { that.toast(err.message); });
   }
 });