feat(ui): use face-map layout for report zones and manual region picker; restrict manual care to smart mode

- scan-report: replace zone card grid with the same oval face-map layout as
  treatment-setup, zones tinted by recommended light with mode label; restore
  the per-light legend under the map
- manual-treatment: region picker now uses the same face-map layout
- manual care mode selection is smart-mode only: entry link hidden for
  non-subscribers and the page itself checks subscription (free mode passes
  since the backend reports it as active)

miniprogram/pages/scan-report/scan-report.wxml

@@ -30,17 +30,38 @@
       <view class="empty-hint" wx:else>{{i18n.report.noProblem}}</view>
     </view>
 
-    <!-- Face zones — 卡片栅格，与「使用设置」模式选择同款布局（果果 2026-07-28 要求，弃面罩大矩形） -->
+    <!-- Face zones — 脸型图布局（与「使用设置」区域选择一致，果果 2026-07-28 定稿） -->
     <view class="card">
       <view class="card-title">{{i18n.report.faceTitle}}</view>
-      <view class="zone-grid">
-        <view class="zone-card {{item.colorClass}}" wx:for="{{faceZones}}" wx:key="key"
-          bindtap="onTapZone" data-wave="{{item.waveKey}}">
-          <view class="zone-card-name">{{item.name}}</view>
-          <view class="zone-card-mode" wx:if="{{item.hasProblem}}">{{item.modeLabel}}</view>
-          <view class="zone-card-level" wx:if="{{item.hasProblem}}">{{item.levelLabel}}</view>
-          <view class="zone-card-mode" wx:if="{{!item.hasProblem}}">{{i18n.report.noProblem}}</view>
+      <!-- 脸型图（与「使用设置」同款布局）；位置↔faceZones 下标：1=中上 0=左 4=右 2=中 3=中下 -->
+      <view class="face-map">
+        <view class="face-region forehead {{faceZones[1].colorClass}}" bindtap="onTapZone" data-wave="{{faceZones[1].waveKey}}">
+          <view class="fz-name">{{faceZones[1].name}}</view>
+          <view class="fz-mode" wx:if="{{faceZones[1].hasProblem}}">{{faceZones[1].modeLabel}}</view>
         </view>
+        <view class="face-region left-cheek {{faceZones[0].colorClass}}" bindtap="onTapZone" data-wave="{{faceZones[0].waveKey}}">
+          <view class="fz-name">{{faceZones[0].name}}</view>
+          <view class="fz-mode" wx:if="{{faceZones[0].hasProblem}}">{{faceZones[0].modeLabel}}</view>
+        </view>
+        <view class="face-region right-cheek {{faceZones[4].colorClass}}" bindtap="onTapZone" data-wave="{{faceZones[4].waveKey}}">
+          <view class="fz-name">{{faceZones[4].name}}</view>
+          <view class="fz-mode" wx:if="{{faceZones[4].hasProblem}}">{{faceZones[4].modeLabel}}</view>
+        </view>
+        <view class="face-region nose {{faceZones[2].colorClass}}" bindtap="onTapZone" data-wave="{{faceZones[2].waveKey}}">
+          <view class="fz-name">{{faceZones[2].name}}</view>
+          <view class="fz-mode" wx:if="{{faceZones[2].hasProblem}}">{{faceZones[2].modeLabel}}</view>
+        </view>
+        <view class="face-region chin {{faceZones[3].colorClass}}" bindtap="onTapZone" data-wave="{{faceZones[3].waveKey}}">
+          <view class="fz-name">{{faceZones[3].name}}</view>
+          <view class="fz-mode" wx:if="{{faceZones[3].hasProblem}}">{{faceZones[3].modeLabel}}</view>
+        </view>
+      </view>
+      <!-- 底部图例：各光简要功效（果果指定保留） -->
+      <view class="face-legend">
+        <view class="legend-item"><view class="legend-dot dot-red"></view><text class="legend-label">{{i18n.report.modeNames.red}}</text></view>
+        <view class="legend-item"><view class="legend-dot dot-ir"></view><text class="legend-label">{{i18n.report.modeNames.ir}}</text></view>
+        <view class="legend-item"><view class="legend-dot dot-uv"></view><text class="legend-label">{{i18n.report.modeNames.uv}}</text></view>
+        <view class="legend-item"><view class="legend-dot dot-yellow"></view><text class="legend-label">{{i18n.report.modeNames.yellow}}</text></view>
       </view>
       <view class="face-tap-hint">{{i18n.report.faceTapHint}}</view>
       <view class="face-all-normal-hint" wx:if="{{!hasProblem}}">{{i18n.report.allNormalHint}}</view>