feat: implement miniapp C-group pages with real API calls and design tokens

miniapp/pages/anti-fraud/anti-fraud.wxml

@@ -1 +1,19 @@
-<view class="service-page reference-page"><view class="hero"><text class="eyebrow">婚恋反诈中心</text><text class="hero-title">真诚交往，也要守住安全边界</text><text class="hero-desc">平台不会以任何理由要求转账、投资或提供银行卡密码。</text></view><view class="content"><view class="block"><text class="block-title">常见风险信号</text><view class="card danger-card"><view wx:for="{{warnings}}" wx:key="*this" class="feature-row"><view class="feature-icon">!</view><view class="feature-copy"><text class="feature-title">{{item}}</text><text class="feature-desc">遇到异常请停止转账并保存相关记录</text></view></view></view></view><view class="block"><text class="block-title">遇到可疑情况怎么办</text><view class="card"><view class="feature-row"><view class="feature-icon">1</view><view class="feature-copy"><text class="feature-title">停止资金操作</text><text class="feature-desc">不要继续转账、充值或提供验证码</text></view></view><view class="feature-row"><view class="feature-icon">2</view><view class="feature-copy"><text class="feature-title">保存相关证据</text><text class="feature-desc">保留聊天、付款与账号信息</text></view></view><view class="feature-row"><view class="feature-icon">3</view><view class="feature-copy"><text class="feature-title">及时举报或报警</text><text class="feature-desc">紧急情况请直接拨打 110</text></view></view></view></view></view><view class="fixed-action"><view class="primary-btn" bindtap="report">举报可疑行为</view></view></view>
+<view class="service-shell fraud-page app-page reference-page">
+  <ui-service-hero eyebrow="提高警惕 · 守护真心" title="婚恋反诈" subtitle="识别风险信号，守护你的真心与财产安全" image-src="/assets/service/anti-fraud-hero.jpg" tone="rose" />
+  <view class="service-content">
+    <view class="block"><text class="block-title">常见风险信号</text><text class="block-subtitle">出现以下情况，请先停止资金或隐私操作</text>
+      <view class="risk-grid">
+        <view wx:for="{{risks}}" wx:key="title" class="risk-card"><image src="/assets/icons/ui/warning.png" mode="aspectFit" /><text class="risk-title">{{item.title}}</text><text class="risk-desc">{{item.description}}</text></view>
+      </view>
+    </view>
+
+    <view class="block"><text class="block-title">遇到可疑情况怎么办</text>
+      <view class="safety-steps">
+        <view class="safety-step"><image src="/assets/icons/home/anti-fraud.png" mode="aspectFit" /><view><text>立即停止资金操作</text><text>不要继续转账、充值或提供验证码</text></view></view>
+        <view class="safety-step"><image src="/assets/icons/home/classroom.png" mode="aspectFit" /><view><text>保存相关证据</text><text>保留聊天、付款和对方账号信息</text></view></view>
+        <view class="safety-step"><image src="/assets/icons/home/service-station.png" mode="aspectFit" /><view><text>及时举报或报警</text><text>平台举报不会通知被举报人，紧急情况请拨打 110</text></view></view>
+      </view>
+    </view>
+  </view>
+  <view class="fixed-action"><view class="service-actions"><view class="secondary-btn" bindtap="requestHelp">安全求助</view><view class="primary-btn" bindtap="report">举报可疑行为</view></view></view>
+</view>