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

miniapp/pages/my-appointments/my-appointments.js

@@ -0,0 +1 @@
+Page({data:{appointments:[{id:'1',title:'资料填写协助',date:'2026-09-12 14:30',station:'善缘丹阳公益服务站',status:'已确认'}]},cancel(){wx.showModal({title:'取消预约',content:'确定取消本次服务预约吗？',confirmText:'确认取消',confirmColor:'#D94A4A'})}})

miniapp/pages/my-appointments/my-appointments.json

@@ -0,0 +1 @@
+{"navigationBarTitleText":"我的预约","backgroundColor":"#FAFAF8"}

miniapp/pages/my-appointments/my-appointments.wxml

@@ -0,0 +1 @@
+<view class="service-page"><view class="hero"><text class="eyebrow">我的公益服务</text><text class="hero-title">我的预约</text><text class="hero-desc">查看预约状态、到站时间与服务地点。</text></view><view class="content"><view wx:if="{{appointments.length}}" class="block"><view wx:for="{{appointments}}" wx:key="id" class="card"><view style="display:flex;justify-content:space-between"><text class="feature-title">{{item.title}}</text><text class="tag">{{item.status}}</text></view><text class="meta">{{item.date}}</text><text class="meta">{{item.station}}</text><view class="secondary-btn" style="margin-top:24rpx" bindtap="cancel">取消预约</view></view></view><view wx:else class="card empty-panel"><view class="empty-symbol">约</view><text class="empty-title">还没有服务预约</text><text class="meta">需要线下帮助时，可以预约善缘服务站。</text></view></view></view>

miniapp/pages/my-appointments/my-appointments.wxss

@@ -0,0 +1 @@
+@import "../../styles/service-page.wxss";