feat: redesign public relationship services

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

@@ -1 +1,19 @@
-<view class="service-page reference-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>
+<view class="service-shell app-page reference-page">
+  <ui-service-hero eyebrow="专业陪伴 · 严格保密" title="婚恋咨询" subtitle="倾听你的心声，陪你梳理关系与情绪困扰" image-src="/assets/service/counseling-hero.jpg" tone="rose" />
+  <view class="service-content">
+    <view class="service-status"><text class="service-status__label">服务状态</text><text class="service-status__value {{!serviceEnabled ? 'disabled' : ''}}">{{loading ? '获取中' : (serviceEnabled ? '可预约' : disabledReason)}}</text></view>
+
+    <view class="block"><text class="block-title">我们可以提供的帮助</text><text class="block-subtitle">选择最接近当前需要的方向</text>
+      <ui-loading wx:if="{{loading}}" mode="skeleton" rows="2" />
+      <view wx:else class="service-topics">
+        <view class="service-topic" wx:for="{{services}}" wx:key="type" bindtap="onSelectService" data-type="{{item.type}}">
+          <view class="service-topic__icon"><image src="{{item.iconAsset}}" mode="aspectFit" /></view>
+          <text class="service-topic__title">{{item.name}}</text><text class="service-topic__desc">{{item.description}}</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="privacy-note"><image src="/assets/icons/home/anti-fraud.png" mode="aspectFit" /><text>咨询内容按敏感信息保护。公益红娘不能查看咨询正文，咨询人员仅处理明确分配给自己的服务。</text></view>
+  </view>
+  <view class="fixed-action"><view class="service-actions"><view class="secondary-btn" bindtap="onMyServices">我的咨询</view><view class="primary-btn {{!serviceEnabled ? 'disabled' : ''}}" bindtap="onBook">预约咨询</view></view></view>
+</view>