feat: deliver V1.1 dual-client UI fidelity milestone

miniapp/pages/counseling-intro/counseling-intro.ts

@@ -1,3 +1,5 @@
+import { request } from '../../utils/requestPromise'
+const app = getApp<{ globalData: { apiBase: string; token: string } }>()
 Page({
   data: {
     services: [] as Array<{ type: string; name: string; description: string; icon: string }>
@@ -9,7 +11,7 @@ Page({
 
   async loadServices() {
     try {
-      const res = await wx.request({
+      const res = await request<any>({
         url: `${app.globalData.apiBase}/counseling/services/intro`,
         header: { 'Authorization': `Bearer ${app.globalData.token}` }
       });

miniapp/pages/counseling-intro/counseling-intro.wxml

@@ -1,21 +1 @@
-<view class="container">
-  <view class="header">
-    <text class="title">公益婚恋咨询</text>
-    <text class="subtitle">专业红娘为您提供情感支持</text>
-  </view>
-
-  <view class="service-list">
-    <view class="service-item" wx:for="{{services}}" wx:key="type" bindtap="onSelectService" data-type="{{item.type}}">
-      <view class="service-icon">{{item.icon}}</view>
-      <view class="service-info">
-        <text class="service-name">{{item.name}}</text>
-        <text class="service-desc">{{item.description}}</text>
-      </view>
-      <text class="arrow">›</text>
-    </view>
-  </view>
-
-  <view class="notice">
-    <text>所有咨询服务均为公益免费，无需支付任何费用。</text>
-  </view>
-</view>
+<view class="service-page"><view class="hero"><text class="eyebrow">U55 公益婚恋咨询</text><text class="hero-title">当关系让你困扰，可以认真谈一谈</text><text class="hero-desc">由婚恋咨询人员提供关系与情绪支持；咨询服务与公益红娘服务彼此独立。</text></view><view class="content"><view class="block"><text class="block-title">我们可以提供的帮助</text><text class="block-subtitle">选择最接近当前需要的方向</text><view class="card"><view class="feature-row" wx:for="{{services}}" wx:key="type" bindtap="onSelectService" data-type="{{item.type}}"><view class="feature-icon">{{index+1}}</view><view class="feature-copy"><text class="feature-title">{{item.name}}</text><text class="feature-desc">{{item.description}}</text></view><text class="arrow">›</text></view></view></view><view class="notice">咨询内容会按敏感信息保护。公益红娘不能查看咨询正文，咨询人员也只能处理明确分配给自己的服务。</view></view></view>

miniapp/pages/counseling-intro/counseling-intro.wxss

@@ -1,14 +1 @@
-.container { padding: 24rpx; }
-.header { text-align: center; margin-bottom: 32rpx; }
-.title { font-size: 36rpx; font-weight: bold; color: #333; }
-.subtitle { font-size: 26rpx; color: #888; margin-top: 8rpx; display: block; }
-.service-list { background: #fff; border-radius: 16rpx; overflow: hidden; }
-.service-item { display: flex; align-items: center; padding: 28rpx 24rpx; border-bottom: 1rpx solid #f0f0f0; }
-.service-item:last-child { border-bottom: none; }
-.service-icon { font-size: 40rpx; margin-right: 20rpx; }
-.service-info { flex: 1; }
-.service-name { font-size: 30rpx; color: #333; display: block; }
-.service-desc { font-size: 24rpx; color: #999; margin-top: 6rpx; display: block; }
-.arrow { font-size: 36rpx; color: #ccc; }
-.notice { margin-top: 24rpx; padding: 20rpx; background: #fff8e1; border-radius: 12rpx; text-align: center; }
-.notice text { font-size: 24rpx; color: #f57c00; }
+@import "../../styles/service-page.wxss";