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/camera/camera.acss

@@ -1,183 +1,259 @@
-/* ═════ 拍照页样式 ═════ */
+/* ═════ 05-07 拍照页 ═════
+   对齐 H5 h5/css/style.css 的 #s-cam 静态态：
+     .cam-step  top 7.1%，21.5px/500，letter-spacing 1u，text-shadow
+     .cam-guide bottom 22.4%，14.5px，分隔线 15u 高
+     .cam-controls bottom 5.2%，高 62u，内边距 56u，快门 62u
+   单位换算：calc(N * var(--u)) → 2N rpx */
 .cam {
-  position: relative;
-  width: 100%;
-  height: 100vh;
-  background: #101823;
+  position: absolute;
+  left: 0; top: 0; right: 0; bottom: 0;
+  overflow: hidden;
+  background: #000;
 }
-.cam-device {
-  width: 100%;
-  height: 100vh;
+/* H5 静态态：白底 + 85% 黑蒙版 ≈ #262626 */
+.cam-bg {
+  position: absolute;
+  left: 0; top: 0; right: 0; bottom: 0;
+  background: #262626;
 }
 
-/* ─── 步骤文案 ─── */
+/* ─── 顶部步骤文案 ─── */
 .cam-step {
   position: absolute;
-  top: 80rpx;
-  left: 0;
-  right: 0;
+  left: 0; right: 0;
+  top: 7.1%;
   text-align: center;
+  color: #fff;
+  font-size: 21.5px;
+  font-weight: 500;
+  line-height: 1.5;
+  letter-spacing: 2rpx;
+  text-shadow: 0 1px 10px rgba(0, 0, 0, .4);
+  z-index: 2;
 }
-.cam-step-no {
-  color: #FFFFFF;
-  font-size: 48rpx;
-  font-weight: 600;
-}
-.cam-step-tip {
-  color: #FFFFFF;
-  font-size: 40rpx;
-  font-weight: 600;
-  margin-top: 8rpx;
+.cam-step-tip { font-size: 21.5px; }
+.cam-step-no { font-size: 21.5px; }
+
+/* ─── 真机取景相机（铺满，不能有子节点） ─── */
+.cam-device {
+  position: absolute;
+  left: 0; top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
 }
 
-/* ─── 取景蒙版(椭圆线框) ─── */
+/* ─── 取景蒙版：H5 用 SVG 镂空出人脸轮廓；这里用「椭圆开窗 + 巨大 box-shadow」实现同样的暗框 + 中间透亮 ─── */
 .cam-mask {
   position: absolute;
   left: 0; top: 0; right: 0; bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  z-index: 1;
+  pointer-events: none;
 }
-.cam-oval {
-  width: 560rpx;
-  height: 720rpx;
-  border: 4rpx solid rgba(255, 255, 255, 0.9);
+.cam-hole {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 440rpx;
+  height: 580rpx;
+  margin-left: -220rpx;
+  margin-top: -290rpx;
   border-radius: 50%;
-  box-sizing: border-box;
+  box-shadow: 0 0 0 3000rpx rgba(0, 0, 0, .82);
 }
-/* 侧脸步轮廓偏移提示(骨架版:向左/右微移示意朝向) */
-.mask-1 { transform: translateX(-60rpx); } /* 左脸出镜:耳在画面左 */
-.mask-2 { transform: translateX(60rpx); }  /* 右脸出镜:耳在画面右 */
+.mask-1 { transform: translateX(-26rpx) rotate(-4deg); }
+.mask-2 { transform: translateX(26rpx) rotate(4deg); }
 
-/* ─── 底部引导要点 ─── */
+/* ─── 底部引导条 ─── */
 .cam-guide {
   position: absolute;
-  bottom: 260rpx;
-  left: 0;
-  right: 0;
+  left: 0; right: 0;
+  bottom: 22.4%;
   display: flex;
   justify-content: center;
+  align-items: center;
+  z-index: 2;
 }
 .cam-guide-item {
-  color: #FFFFFF;
-  font-size: 26rpx;
-  padding: 0 24rpx;
-  border-right: 2rpx solid rgba(255, 255, 255, 0.4);
+  color: #fff;
+  font-size: 14.5px;
+  font-weight: 400;
+}
+.cam-guide-sep {
+  width: 0;
+  height: 30rpx;
+  border-left: 1px solid rgba(255, 255, 255, .7);
+  margin: 0 52rpx;
 }
-.cam-guide-item:last-child { border-right: none; }
 
-/* ─── 控制条 ─── */
+/* ─── 控制条：相册 / 快门 / 翻转 ─── */
 .cam-controls {
   position: absolute;
-  bottom: 80rpx;
-  left: 0;
-  right: 0;
+  left: 0; right: 0;
+  bottom: 5.2%;
+  height: 124rpx;
   display: flex;
   align-items: center;
-  justify-content: space-around;
+  justify-content: space-between;
+  padding: 0 112rpx;
+  box-sizing: border-box;
+  margin-bottom: env(safe-area-inset-bottom);
+  z-index: 2;
 }
 .cam-side {
   width: 120rpx;
-  height: 88rpx;
-  line-height: 88rpx;
-  text-align: center;
-  color: #FFFFFF;
-  font-size: 28rpx;
-}
-.cam-shutter {
-  width: 144rpx;
-  height: 144rpx;
-  border: 6rpx solid #FFFFFF;
-  border-radius: 50%;
+  height: 124rpx;
   display: flex;
   align-items: center;
   justify-content: center;
+  color: #fff;
+  font-size: 14.5px;
+}
+.cam-shutter {
+  width: 124rpx;
+  height: 124rpx;
+  border-radius: 50%;
+  border: 4rpx solid #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
 }
 .cam-shutter-dot {
-  width: 108rpx;
-  height: 108rpx;
+  width: 96rpx;
+  height: 96rpx;
   border-radius: 50%;
-  background: #F5F078;
+  background: #fff;
 }
 
-/* ─── 停顿卡 ─── */
-.cam-done {
+/* ─── 提示/错误 ─── */
+.cam-hint {
   position: absolute;
-  top: 45%;
-  left: 60rpx;
-  right: 60rpx;
-  background: rgba(0, 0, 0, 0.65);
-  color: #FFFFFF;
-  font-size: 28rpx;
+  left: 64rpx;
+  right: 64rpx;
+  bottom: 34%;
   text-align: center;
-  border-radius: 16rpx;
-  padding: 24rpx;
+  color: rgba(255, 255, 255, .9);
+  font-size: 13px;
+  line-height: 1.6;
+  z-index: 3;
 }
 
 /* ─── 拍后预览 ─── */
 .cam-preview {
   position: absolute;
   left: 0; top: 0; right: 0; bottom: 0;
-  background: #000000;
+  background: #000;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  z-index: 10;
 }
 .cam-preview-img {
   width: 100%;
-  height: 78%;
+  height: 68%;
 }
 .cam-preview-btns {
-  position: absolute;
-  bottom: 80rpx;
-  left: 0;
-  right: 0;
   display: flex;
-  justify-content: space-around;
+  gap: 40rpx;
+  margin-top: 40rpx;
 }
 .cam-preview-btn {
-  width: 280rpx;
-  height: 88rpx;
-  line-height: 88rpx;
+  width: 220rpx;
+  height: 72rpx;
+  line-height: 72rpx;
   text-align: center;
-  border-radius: 44rpx;
-  border: 2rpx solid #FFFFFF;
-  color: #FFFFFF;
-  font-size: 30rpx;
+  border-radius: 10rpx;
+  border: 1px solid rgba(255, 255, 255, .6);
+  color: #fff;
+  font-size: 14.5px;
 }
 .cam-preview-btn.ok {
   background: #F5F078;
   border-color: #F5F078;
   color: #282828;
-  font-weight: 600;
 }
 
 /* ─── 分析中 ─── */
 .cam-analyzing {
   position: absolute;
   left: 0; top: 0; right: 0; bottom: 0;
-  background: rgba(0, 0, 0, 0.75);
+  background: rgba(0, 0, 0, .78);
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
+  z-index: 20;
 }
 .cam-analyzing-text {
-  color: #FFFFFF;
-  font-size: 30rpx;
+  color: #fff;
+  font-size: 15px;
+  letter-spacing: 1rpx;
+}
+.cam-cancel {
+  margin-top: 32rpx;
+  color: rgba(255, 255, 255, .7);
+  font-size: 13px;
+  text-decoration: underline;
 }
 
-/* ─── 隐藏画布(压缩降级用) ─── */
-.compress-canvas {
-  position: fixed;
-  left: -9999rpx;
-  top: -9999rpx;
-  width: 640px;
-  height: 640px;
+/* ─── 权限诊断（开发版） ─── */
+.cam-diag-entry {
+  position: absolute;
+  top: 88rpx;
+  right: 32rpx;
+  z-index: 30;
+  padding: 12rpx 20rpx;
+  border-radius: 12rpx;
+  background: rgba(0, 0, 0, .55);
+  color: #fff;
+  font-size: 12px;
 }
-.cam-analyzing { flex-direction: column; }
-.cam-cancel { margin-top: 48rpx; color: #fff; font-size: 26rpx; padding: 24rpx; }
-.camera-permission { padding: 56rpx 40rpx; color: #fff; line-height: 1.8; }
-.camera-permission button { margin-top: 24rpx; }
-.debug-banner { padding: 24rpx; background: #F5F078; color: #282828; font-size: 24rpx; }
-.debug-results { padding: 32rpx; background: #101823; color: white; line-height: 1.8; }
-.debug-title { font-size: 32rpx; font-weight: 600; }
-.debug-result { margin: 24rpx 0; }
-.debug-result image { display: block; width: 100%; height: 320rpx; }
-.debug-results button { margin-top: 24rpx; }
+.cam-diag {
+  position: absolute;
+  left: 32rpx; right: 32rpx;
+  top: 160rpx; bottom: 160rpx;
+  z-index: 40;
+  background: rgba(6, 16, 26, .96);
+  border: 1rpx solid rgba(120, 200, 255, .35);
+  border-radius: 20rpx;
+  padding: 20rpx;
+  display: flex;
+  flex-direction: column;
+}
+.cam-diag-scroll { flex: 1; }
+.cam-diag-text {
+  color: #9fd0ff;
+  font-size: 11px;
+  line-height: 1.7;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.cam-diag-close {
+  margin-top: 16rpx;
+  text-align: center;
+  background: #F5F078;
+  color: #282828;
+  border-radius: 12rpx;
+  padding: 14rpx 0;
+  font-size: 13px;
+}
+
+/* ─── 调试模式结果 ─── */
+.cam-debug {
+  position: absolute;
+  left: 0; top: 0; right: 0; bottom: 0;
+  background: #fff;
+  padding: 88rpx 40rpx 40rpx;
+  box-sizing: border-box;
+  overflow-y: auto;
+  z-index: 25;
+}
+.cam-debug-title { font-size: 17px; font-weight: 600; margin-bottom: 16rpx; }
+.cam-debug-note { font-size: 12px; color: #707070; line-height: 1.6; margin-bottom: 24rpx; }
+.cam-debug-item { margin-bottom: 32rpx; }
+.cam-debug-img { width: 100%; height: 320rpx; background: #f2f2f2; }
+.cam-debug-meta { font-size: 12px; color: #4A4A4A; margin-top: 12rpx; }
+.cam-debug-btn { width: 100%; margin-top: 8rpx; }
+.cam-debug-exit { margin-top: 24rpx; text-align: center; font-size: 13px; color: #707070; text-decoration: underline; }

taobao/pages/camera/camera.axml

@@ -1,77 +1,80 @@
 <!-- ═════ 05-07 拍照页 ═════
-     覆盖在 camera 原生组件上的一切必须用 cover-view / cover-image -->
+     两种形态，由 config.nativeCamera 决定：
+       ① cameraEnabled=true  → 真机取景：<camera> 铺满 + 椭圆镂空蒙版 + 快门直接 takePhoto（对齐 H5 #s-cam）
+       ② cameraEnabled=false → 系统相机：静态版面 + 快门调 my.chooseImage
+     关键：<camera> 不能嵌 <cover-view>（微信专有组件，淘宝上会导致整页崩溃），
+     所以相机是兄弟节点，覆盖层用普通 view + box-shadow 镂空。 -->
 <view class="cam">
-  <view a:if="{{debugMode && !cameraEnabled}}" class="debug-banner">相机验收 · 免登录 · 照片只在本页处理，不上传</view>
-  <view a:if="{{debugComplete}}" class="debug-results">
-    <view class="debug-title">三步拍摄与 JPEG 压缩已完成</view>
-    <view>请核对实际照片方向是否为正脸、右脸、左脸；本页不判断姿态是否合格。</view>
-    <view class="debug-result" a:for="{{debugPhotos}}" a:key="key">
-      <image src="{{item.photo}}" mode="aspectFit" />
-      <view>{{item.title}} · JPEG {{item.width}}×{{item.height}} · 约{{item.kilobytes}}KB</view>
-    </view>
-    <button class="btn-primary" onTap="onDebugRestart">重新验收</button>
-    <button onTap="onCancel">退出并清空本页照片</button>
+  <!-- ①真机取景：相机铺满，不加任何子节点 -->
+  <camera a:if="{{cameraEnabled}}" id="skin-camera" class="cam-device"
+          device-position="{{devicePosition}}" flash="off"
+          onError="onCameraError" onStop="onCameraStop" />
+
+  <!-- ②系统相机兜底：H5 相机静态态（白底 + 85% 黑蒙版 ≈ #262626） -->
+  <view class="cam-bg" a:if="{{!cameraEnabled}}" />
+
+  <!-- 取景蒙版：H5 用 SVG 镂空；这里用带巨大 box-shadow 的椭圆开窗，视觉等效 -->
+  <view class="cam-mask">
+    <view class="cam-hole mask-{{maskStep}}" />
   </view>
-  <view a:if="{{!cameraEnabled && !debugComplete}}" class="camera-permission">
-    <view>{{stepText}} · {{stepTip}}</view>
-    <view>{{permissionMessage}}</view>
-    <button class="btn-primary" onTap="onEnableCamera">开启相机</button>
-    <button onTap="onOpenSettings">授权设置</button>
-    <button onTap="onSystemCamera">使用系统相机</button>
-    <button onTap="onAlbum">从相册选择</button>
-    <view a:if="{{previewUrl}}">
-      <image src="{{previewUrl}}" mode="aspectFit" style="width:100%;height:400rpx;" />
-      <button onTap="onRetake">重新选择</button><button class="btn-primary" onTap="onConfirm">使用照片</button>
-    </view>
-    <view a:if="{{analyzing}}">{{debugMode ? '正在验证本地图片压缩…' : '正在生成您的肌肤报告…'}}</view>
+
+  <view class="cam-step">
+    <view class="cam-step-no">{{stepText}}</view>
+    <view class="cam-step-tip">{{stepTip}}</view>
   </view>
-  <camera a:if="{{cameraEnabled}}" id="skin-camera" class="cam-device" device-position="{{devicePosition}}"
-          flash="off" onError="onCameraError" onStop="onCameraStop">
-    <!-- 顶部步骤文案 -->
-    <cover-view class="cam-step">
-      <cover-view a:if="{{debugMode}}">开发调试 · 不上传照片</cover-view>
-      <cover-view class="cam-step-no">{{stepText}}</cover-view>
-      <cover-view class="cam-step-tip">{{stepTip}}</cover-view>
-    </cover-view>
 
-    <!-- 取景蒙版:人脸轮廓(骨架版用椭圆线框,朝向提示随步切换;精确轮廓 TODO:换 cover-image 轮廓图) -->
-    <cover-view class="cam-mask">
-      <cover-view class="cam-oval mask-{{maskStep}}"></cover-view>
-    </cover-view>
+  <view class="cam-guide">
+    <block a:for="{{guides}}" a:key="*this">
+      <view a:if="{{index > 0}}" class="cam-guide-sep" />
+      <text class="cam-guide-item">{{item}}</text>
+    </block>
+  </view>
 
-    <!-- 底部引导要点 -->
-    <cover-view class="cam-guide">
-      <cover-view class="cam-guide-item" a:for="{{guides}}" a:key="*this">{{item}}</cover-view>
-    </cover-view>
+  <!-- 拍后预览：确认使用 / 重拍 -->
+  <view class="cam-preview" a:if="{{previewUrl}}" catchTap="noop">
+    <image class="cam-preview-img" src="{{previewUrl}}" mode="aspectFit" />
+    <view class="cam-preview-btns">
+      <view class="cam-preview-btn" onTap="onRetake">重拍</view>
+      <view class="cam-preview-btn ok" onTap="onConfirm">使用照片</view>
+    </view>
+  </view>
 
-    <!-- 控制条:相册 / 快门 / 翻转 -->
-    <cover-view class="cam-controls">
-      <cover-view class="cam-side" onTap="onAlbum">相册</cover-view>
-      <cover-view class="cam-shutter" onTap="onShutter">
-        <cover-view class="cam-shutter-dot"></cover-view>
-      </cover-view>
-      <cover-view class="cam-side" onTap="onFlip">翻转</cover-view>
-    </cover-view>
+  <!-- 分析中 -->
+  <view class="cam-analyzing" a:if="{{analyzing}}">
+    <view class="cam-analyzing-text">{{debugMode ? '正在验证本地图片压缩…' : '正在生成您的肌肤报告…'}}</view>
+    <view class="cam-cancel" onTap="onCancel">{{debugMode ? '退出验收' : '返回，稍后查看历史报告'}}</view>
+  </view>
 
-    <!-- 本步完成停顿卡 -->
-    <cover-view class="cam-done" a:if="{{doneTip}}">{{doneTip}}</cover-view>
+  <!-- 底部控制条：相册 / 快门 / 翻转 -->
+  <view class="cam-controls" a:if="{{!previewUrl && !analyzing}}">
+    <view class="cam-side" onTap="onAlbum">相册</view>
+    <view class="cam-shutter" onTap="onShutter">
+      <view class="cam-shutter-dot" />
+    </view>
+    <view class="cam-side" onTap="{{cameraEnabled ? 'onFlip' : 'onOpenSettings'}}">{{cameraEnabled ? '翻转' : '授权设置'}}</view>
+  </view>
 
-    <!-- 拍后预览:确认使用 / 重拍 -->
-    <cover-view class="cam-preview" a:if="{{previewUrl}}" catchTap="noop">
-      <cover-image class="cam-preview-img" src="{{previewUrl}}"></cover-image>
-      <cover-view class="cam-preview-btns">
-        <cover-view class="cam-preview-btn" onTap="onRetake">重拍</cover-view>
-        <cover-view class="cam-preview-btn ok" onTap="onConfirm">使用照片</cover-view>
-      </cover-view>
-    </cover-view>
+  <!-- 提示/错误文案 -->
+  <view class="cam-hint" a:if="{{permissionMessage && !previewUrl && !analyzing}}">{{permissionMessage}}</view>
 
-    <!-- 分析中 -->
-    <cover-view class="cam-analyzing" a:if="{{analyzing}}">
-      <cover-view class="cam-analyzing-text">{{debugMode ? '正在验证本地图片压缩…' : '正在生成您的肌肤报告…'}}</cover-view>
-      <cover-view class="cam-cancel" onTap="onCancel">{{debugMode ? '退出验收' : '返回，稍后查看历史报告'}}</cover-view>
-    </cover-view>
-  </camera>
+  <!-- 开发版：权限诊断 -->
+  <view class="cam-diag-entry" a:if="{{showDiagnose}}" onTap="onDiagnose">权限诊断</view>
+  <view class="cam-diag" a:if="{{diagText}}" catchTap="noop">
+    <scroll-view class="cam-diag-scroll" scroll-y>
+      <text class="cam-diag-text">{{diagText}}</text>
+    </scroll-view>
+    <view class="cam-diag-close" onTap="onCloseDiagnose">关闭</view>
+  </view>
 
-  <!-- 压缩降级用的隐藏画布(canvas 重绘压缩,不可见) -->
-  <canvas id="compress-canvas" class="compress-canvas" width="{{compressWidth}}" height="{{compressHeight}}" style="width:{{compressWidth}}px;height:{{compressHeight}}px;" />
+  <!-- 调试模式结果页 -->
+  <view class="cam-debug" a:if="{{debugComplete}}">
+    <view class="cam-debug-title">三步拍摄与 JPEG 压缩已完成</view>
+    <view class="cam-debug-note">请核对实际照片方向是否为正脸、右脸、左脸；本页不判断姿态是否合格。</view>
+    <view class="cam-debug-item" a:for="{{debugPhotos}}" a:key="key">
+      <image class="cam-debug-img" src="{{item.photo}}" mode="aspectFit" />
+      <view class="cam-debug-meta">{{item.title}} · JPEG {{item.width}}×{{item.height}} · 约{{item.kilobytes}}KB</view>
+    </view>
+    <button class="btn-primary cam-debug-btn" onTap="onDebugRestart">重新验收</button>
+    <view class="cam-debug-exit" onTap="onCancel">退出并清空本页照片</view>
+  </view>
 </view>

taobao/pages/camera/camera.js

@@ -1,6 +1,7 @@
 var api = require('../../utils/api'), image = require('../../utils/image'), voice = require('../../utils/voice');
 var permissions = require('../../utils/permissions');
 var development = require('../../utils/development');
+var config = require('../../config');
 var STEPS = [
   { target: 'front', tip: '请单人正脸出镜', turn: '正脸居中', mask: 0 },
   { target: 'right', tip: '请右脸出镜', turn: '请向左转头', mask: 2 },
@@ -9,14 +10,24 @@ var STEPS = [
 Page({
   data: { stepIndex: 0, stepText: '1/3', stepTip: STEPS[0].tip, guides: ['正脸居中', '取下眼镜', '光线充足'],
     maskStep: 0, devicePosition: 'front', camError: false, previewUrl: '', doneTip: '', analyzing: false,
-    compressWidth: 1, compressHeight: 1, cameraEnabled: false, permissionMessage: '拍摄面部照片用于肌肤检测，请开启相机权限。',
-    debugMode: false, debugComplete: false, debugPhotos: [] },
+    compressWidth: 1, compressHeight: 1, cameraEnabled: false, permissionMessage: '',
+    debugMode: false, debugComplete: false, debugPhotos: [],
+    showDiagnose: config.environment !== 'production', diagText: '', cameraSupported: false },
   onLoad: function (query) {
     this.alive = true; this.visible = true; this.photos = []; this.busy = false; this.seq = 0;
+    var supported = config.nativeCamera === true &&
+      (typeof permissions.cameraSupported === 'function' ? permissions.cameraSupported() : true);
+    this.cameraSupported = supported;
     this.debugMode = !!(query && query.debug === 'camera' && development.cameraDebugEnabled());
-    this.setData({ debugMode: this.debugMode });
+    this.setData({ debugMode: this.debugMode, cameraSupported: supported });
     if (this.debugMode) return;
-    if (!api.user() || !getApp().globalData.profile) my.redirectTo({ url: '/pages/splash/splash' });
+    var app = typeof getApp === 'function' ? getApp() : null;
+    if (!api.user() || !app || !app.globalData.profile) { my.redirectTo({ url: '/pages/splash/splash' }); return; }
+    if (!supported) {
+      // 淘宝 <camera> 组件不可用：直接用系统相机/相册，页面不再挂相机组件（否则整页崩溃）
+      this.setData({ cameraEnabled: false, camError: true,
+        permissionMessage: '请用下方按钮拍摄，三张依次为正脸、右脸、左脸。' });
+    }
   },
   onReady: function () {
     this.pageReady = true;
@@ -25,15 +36,17 @@ Page({
   onShow: function () {
     this.visible = true;
     if (!this.data.previewUrl && !this.data.analyzing && !this.data.debugComplete) this.renderStep();
+    if (!this.cameraSupported) return; // 平台没有内置相机：直接用系统相机/相册
     var that = this;
     permissions.settings().then(function (current) {
       if (!that.alive || !that.visible) return;
       if (permissions.state(current, 'scope.camera') === true) { that.cameraAuthorized = true; that.mountCamera(); }
       else if (permissions.state(current, 'scope.camera') === false) that.setData({ cameraEnabled: false, permissionMessage: '相机权限未开启，可前往授权设置或使用相册。' });
-    });
+    }).catch(function () {});
   },
   mountCamera: function () {
     if (!this.alive || !this.visible || !this.pageReady || this.data.cameraEnabled || this.data.debugComplete) return;
+    if (!this.cameraSupported) return;
     var that = this;
     this.setData({ cameraEnabled: true, camError: false }, function () {
       if (!that.alive || !that.visible) return;
@@ -56,6 +69,17 @@ Page({
       if (permissions.state(current, 'scope.camera') === true) { that.cameraAuthorized = true; that.mountCamera(); }
     }).catch(function (err) { if (that.alive) my.showToast({ content: err.message, type: 'none' }); });
   },
+  onCloseDiagnose: function () { this.setData({ diagText: '' }); },
+  // 开发版：把真机上的相机能力/授权返回值直接打在页面上，供截图定位
+  onDiagnose: function () {
+    var that = this;
+    this.setData({ diagText: '检测中…' });
+    permissions.diagnose().then(function (info) {
+      if (that.alive) that.setData({ diagText: info.join('\n') });
+    }).catch(function (err) {
+      if (that.alive) that.setData({ diagText: 'diagnose error: ' + (err && err.message ? err.message : String(err)) });
+    });
+  },
   onHide: function () { this.pause(); },
   onUnload: function () { this.pause(); this.alive = false; this.photos = []; this.debugResults = []; },
   pause: function () {
@@ -89,7 +113,12 @@ Page({
       if (file) that.setData({ previewUrl: file });
       else my.showToast({ content: '拍摄失败，请重试', type: 'none' });
     }, fail: function () {
-      if (that.alive && that.visible) my.showToast({ content: '拍摄失败，请重试', type: 'none' });
+      if (!that.alive || !that.visible || seq !== that.seq) return;
+      // 真机上内置相机 takePhoto 失败（机型/组件差异、权限被拒等）：
+      // 不打断流程，直接退回系统相机走 my.chooseImage 那条已验证过的路。
+      that.busy = false;
+      my.showToast({ content: '内置相机不可用，改用系统相机', type: 'none' });
+      that.choose(['camera']);
     }, complete: function () { if (seq === that.seq) that.busy = false; } });
   },
   choose: function (sourceType) {