重构完大部分页面了

pages/escort/agreement.js

@@ -75,50 +75,5 @@ Page({
       title: '暖橙陪诊服务协议',
       path: '/pages/escort/agreement'
     }
-  },
-
-  // 复制客服邮箱
-  onCopyEmail() {
-    wx.setClipboardData({
-      data: 'service@huashengtec.com',
-      success: () => {
-        wx.showToast({
-          title: '邮箱已复制',
-          icon: 'success',
-          duration: 1500
-        })
-      },
-      fail: () => {
-        wx.showToast({
-          title: '复制失败',
-          icon: 'none',
-          duration: 1500
-        })
-      }
-    })
-  },
-
-  // 拨打客服电话
-  onCallPhone() {
-    wx.makePhoneCall({
-      phoneNumber: '18618162956',
-      fail: () => {
-        wx.showToast({
-          title: '拨号失败',
-          icon: 'none',
-          duration: 1500
-        })
-      }
-    })
-  },
-
-  // 处理联系人行点击
-  onContactTap(e) {
-    const action = e.currentTarget.dataset.action
-    if (action === 'copyEmail') {
-      this.onCopyEmail()
-    } else if (action === 'callPhone') {
-      this.onCallPhone()
-    }
   }
 })

pages/escort/agreement.wxml

@@ -41,16 +41,6 @@
           <block wx:if="{{item.type === 'paragraph'}}">
             <text class="paragraph">{{item.content}}</text>
           </block>
-
-          <!-- contact 类型 -->
-          <block wx:if="{{item.type === 'contact'}}">
-            <view class="contact-info">
-              <view wx:for="{{item.contacts}}" wx:for-item="contact" wx:key="text" class="contact-row" bindtap="onContactTap" data-action="{{contact.action}}">
-                <t-icon name="{{contact.icon}}" size="28rpx" class="contact-icon" />
-                <text class="contact-text">{{contact.text}}</text>
-              </view>
-            </view>
-          </block>
         </view>
       </view>
     </view>

pages/escort/agreement.wxss

@@ -1,6 +1,12 @@
-/* pages/escort/agreement.wxss */
+/* pages/escort/agreement.wxss
+   配色走 app.wxss 的暖橙令牌（DESIGN.md §二）。
+   原 #FAF6F1 底、#D4A853 系（含三处同色渐变与同色大阴影）、
+   #1F2937/#4B5563/#6B7280/#9CA3AF/#E5E7EB 冷灰文字、#F0E6D8 冷线，
+   已按 §5.1 与 §四（禁渐变、禁灰金亮橙）收口。
+   另删除死规则 .flow-steps/.flow-step/.step-badge/.step-info/.step-title/
+   .step-desc/.step-line——WXML 里没有任何元素引用（本页无流程步骤） */
 page {
-  background-color: #FAF6F1;
+  background-color: var(--paper);
 }
 
 .container {
@@ -8,24 +14,25 @@ page {
   padding-bottom: 48rpx;
 }
 
-/* 顶部标题区 */
+/* 顶部标题区：不铺卡面、直接落纸面（同首页 hero），去掉原白→暖白渐变 */
 .header-section {
-  background: linear-gradient(180deg, #FFFFFF 0%, #FFF8F0 100%);
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 48rpx 32rpx 40rpx;
 }
 
+/* 文件图标是全页唯一实心块：白色图标需要深底才看得见，
+   故走 --brand-strong（同首页品牌印记的白色线稿），阴影用 --shadow-cta */
 .header-icon-wrap {
   width: 96rpx;
   height: 96rpx;
-  background: linear-gradient(135deg, #D4A853 0%, #D4A853 100%);
+  background: var(--brand-strong);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 8rpx 24rpx rgba(212, 168, 83, 0.25);
+  box-shadow: var(--shadow-cta);
 }
 
 .header-icon {
@@ -35,23 +42,26 @@ page {
 .header-title {
   font-size: 40rpx;
   font-weight: 700;
-  color: #1F2937;
+  color: var(--ink);
   margin-top: 24rpx;
 }
 
 .header-subtitle {
   font-size: 26rpx;
-  color: #9CA3AF;
+  color: var(--muted);
   margin-top: 12rpx;
 }
 
-/* 协议内容卡片 */
+/* 协议正文：通栏白底块（上下各 2rpx 发丝线 + 圆角 0），
+   与陪诊服务列表页的分组、我的页菜单组同一语言 */
 .agreement-card {
-  background: #FFFFFF;
+  background: var(--white);
+  border-top: 2rpx solid var(--line);
+  border-bottom: 2rpx solid var(--line);
+  box-shadow: var(--shadow-card);
   padding: 32rpx;
 }
 
-/* 章节 */
 .section {
   margin-bottom: 40rpx;
 }
@@ -64,18 +74,21 @@ page {
   display: flex;
   align-items: center;
   font-size: 32rpx;
-  font-weight: 600;
-  color: #1F2937;
+  font-weight: 700;
+  color: var(--ink);
   margin-bottom: 20rpx;
 }
 
+/* 序号走「浅橙衬底 + 2rpx 描边 + 暖陶土字」，与全站图标衬底同语言；
+   不用实心主色——全页实心块只留顶部那一个（DESIGN.md §2.1） */
 .section-number {
   width: 40rpx;
   height: 40rpx;
-  background: linear-gradient(135deg, #D4A853 0%, #D4A853 100%);
-  color: #FFFFFF;
+  background: var(--brand-soft);
+  border: 2rpx solid var(--brand-line);
+  color: var(--brand-ink);
   font-size: 24rpx;
-  font-weight: 600;
+  font-weight: 700;
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -91,11 +104,10 @@ page {
 .paragraph {
   display: block;
   font-size: 28rpx;
-  color: #4B5563;
+  color: var(--ink-2);
   line-height: 1.8;
 }
 
-/* 列表项 */
 .list-item {
   display: flex;
   align-items: flex-start;
@@ -109,7 +121,7 @@ page {
 .list-dot {
   width: 12rpx;
   height: 12rpx;
-  background: #D4A853;
+  background: var(--brand-strong);
   border-radius: 50%;
   margin-top: 14rpx;
   margin-right: 16rpx;
@@ -118,128 +130,44 @@ page {
 
 .list-text {
   font-size: 28rpx;
-  color: #4B5563;
+  color: var(--ink-2);
   line-height: 1.7;
   flex: 1;
 }
 
-/* 流程步骤 */
-.flow-steps {
-  display: flex;
-  flex-direction: column;
-}
-
-.flow-step {
-  display: flex;
-  align-items: flex-start;
-}
-
-.step-badge {
-  width: 44rpx;
-  height: 44rpx;
-  background: linear-gradient(135deg, #D4A853 0%, #D4A853 100%);
-  color: #FFFFFF;
-  font-size: 24rpx;
-  font-weight: 600;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-right: 20rpx;
-}
-
-.step-info {
-  flex: 1;
-  padding-bottom: 8rpx;
-}
-
-.step-title {
-  display: block;
-  font-size: 28rpx;
-  font-weight: 600;
-  color: #1F2937;
-  margin-bottom: 4rpx;
-}
-
-.step-desc {
-  display: block;
-  font-size: 26rpx;
-  color: #6B7280;
-  line-height: 1.5;
-}
-
-.step-line {
-  width: 2rpx;
-  height: 40rpx;
-  background: #E5E7EB;
-  margin-left: 21rpx;
-  margin-top: 4rpx;
-  margin-bottom: 4rpx;
-}
-
-/* 联系信息 */
-.contact-info {
-  margin-top: 20rpx;
-  background: #FAF6F1;
-  border-radius: 16rpx;
-  padding: 24rpx;
-}
-
-.contact-row {
-  display: flex;
-  align-items: center;
-  margin-bottom: 16rpx;
-}
-
-.contact-row:last-child {
-  margin-bottom: 0;
-}
-
-.contact-icon {
-  color: #D4A853;
-  margin-right: 12rpx;
-  flex-shrink: 0;
-}
-
-.contact-text {
-  font-size: 28rpx;
-  color: #4B5563;
-}
-
-/* 退订违约金表格 */
+/* 违约金表：卡内的浅橙块，靠 2rpx --brand-line 描边托形、不加阴影 */
 .refund-table {
   margin-top: 20rpx;
-  background: #FAF6F1;
-  border-radius: 16rpx;
+  background: var(--brand-soft);
+  border: 2rpx solid var(--brand-line);
+  border-radius: 20rpx;
+  /* 表格行自带内距，容器不再重复给 */
+  padding: 0;
   overflow: hidden;
-  border: 1rpx solid #F0E6D8;
 }
 
+/* 浅橙底上的分隔线必须用 --sep（--brand-line 落浅橙底只有 1.16:1，看不见） */
 .table-row {
   display: flex;
   align-items: center;
   padding: 20rpx 24rpx;
-  border-bottom: 1rpx solid #F0E6D8;
+  border-bottom: 2rpx solid var(--sep);
 }
 
 .table-row:last-child {
   border-bottom: none;
 }
 
-.table-row.header {
-  background: #FFF8F0;
-}
-
+/* 表头不铺色（--brand-line 只作描边，不当填充），靠字重与主色区分 */
 .table-row.header .table-cell {
-  font-weight: 600;
-  color: #1F2937;
+  font-weight: 700;
+  color: var(--brand-ink);
 }
 
 .table-cell {
   flex: 1;
   font-size: 26rpx;
-  color: #4B5563;
+  color: var(--ink-2);
   line-height: 1.5;
   text-align: center;
 }
@@ -248,7 +176,6 @@ page {
   flex: 1.2;
 }
 
-/* 底部信息 */
 .footer-section {
   display: flex;
   flex-direction: column;
@@ -259,6 +186,6 @@ page {
 
 .footer-text {
   font-size: 24rpx;
-  color: #9CA3AF;
+  color: var(--muted);
   line-height: 1.6;
 }

pages/escort/guide.js

@@ -1,45 +1,65 @@
 // pages/escort/guide.js
 
-// 人工客服电话：与首页、关于我们保持一致
-const SERVICE_PHONE = '18618162956'
-
 Page({
   data: {
-    // 服务流程：与 itemdetail 的「服务流程」同构，这里只描述通用环节
+    // 服务流程：与 services.js 各服务的 flow 对齐，步骤名与顺序以「全天陪诊 / 半天陪诊」为准
+    // （预约 → 沟通信息 → 支付费用 → 准备资料 → 全程陪诊 → 服务完成）。
+    // 原第 3 步「选择陪诊师」不在 services.js 的任何 flow 里，陪诊师安排属服务前事项而非流程环节，已移除
     steps: [{
-        title: '线上预约',
-        desc: '选择服务项目，填写就诊医院、科室与时间'
+        title: '预约',
+        desc: '选择服务项目，填写就诊医院、科室与时间。线上、电话、微信均可预约'
       },
       {
-        title: '需求确认',
-        desc: '客服电话核对就诊信息与特殊需求'
+        // 服务执行人一律用陪诊师：核对就诊信息属服务前确认，客服只负责订单变更与投诉
+        title: '沟通信息',
+        desc: '陪诊师与您确认就诊信息与特殊需求'
       },
       {
-        title: '陪诊师接单',
-        desc: '按需求匹配陪诊师，出发前与您联系'
+        title: '支付费用',
+        desc: '通过微信支付服务费用'
       },
       {
-        title: '全程陪同',
-        desc: '取号、缴费、检查、取药全程有人陪'
+        // 与 services.js id 1/2 的第 4 步同名；具体材料清单交给下方「就诊前准备」卡，不在这里重复
+        title: '准备资料',
+        desc: '按就诊项目备齐资料，清单见下方「就诊前准备」'
+      },
+      {
+        // 全站动作词用「协助」；不得写「代办挂号」（含选科选医，擦 8.2 第4条红线）
+        title: '全程陪诊',
+        desc: '陪诊师协助取号、缴费、检查、取药等流程'
       },
       {
         title: '服务完成',
-        desc: '确认服务结果，客服回访并处理售后'
+        desc: '确认本次就诊各项已完成，客服回访并处理售后'
       }
     ],
-    // 就诊前准备：到院前建议提前备齐的材料
+    // 就诊前准备：到院前建议提前办妥或备齐的事项
     preparations: [
       '就诊人身份证、医保卡（或电子医保凭证）',
-      '既往病历、检查报告与影像资料',
-      '需要空腹的项目，就诊当天请勿进食进水',
-      '长期服用的药物清单，方便医生了解用药情况',
+      // 异地就医未备案，现场可能无法直接结算，故提到资料前面
+      '异地就医的，请提前办理医保异地就医备案',
+      // 挂号含选科选医，属 8.2 第 4 条红线，陪诊师不代挂号，故写清由您自己先办
+      // （与 services.js id 4「尚未开单的，请您先挂号」同一口径）
+      '需要挂号的，请先挂好号；挂号涉及选科选医，陪诊师不代为挂号',
+      // 材料项按陪诊师发来的模板归纳成一条：原「既往病历、检查报告与影像资料」
+      // 与「长期服用的药物清单」都在这条里（历史检查单 / CT 等影像资料 / 用药情况），
+      // 同一批东西不在清单里出现两次
+      '按陪诊师提供的模板准备就医信息、用药情况、历史检查单、CT 等影像资料与就医诉求',
+      // 原「需要空腹的项目，就诊当天请勿进食进水」是替医院下医嘱；
+      // 要求来源交回医院，与 id 4「请提前了解…要求」同口径
+      '部分检查要求空腹（禁食禁水），请以医院的检查前通知为准',
       '提前与陪诊师确认医院、院区与集合地点'
     ],
     // 温馨提示：通用提醒，不涉及具体退款或收费规则
     tips: [
-      '建议比预约时间提前 10-15 分钟到达集合点',
+      '建议比预约时间提前10-15分钟到达集合点',
       '贵重物品与重要证件请自行随身保管',
-      '就诊时间或需求有变化，请尽早联系客服调整'
+      // 9.1.1 收费标准须公示：各服务页都有这条，指南作为总说明反而缺
+      '服务费不包含挂号费、检查费、药费等医疗费用，需在医院另行缴纳',
+      // 8.2 不应签署具有法律效力的医疗文书
+      '具有法律效力的医疗文书（手术、麻醉、特殊检查知情同意书等）需您本人或家属签署，陪诊师不代签',
+      // 全站统一时限，与服务页 notices、协议第 2 节一致（原「请尽早联系客服调整」没给时限，等于缺公示）
+      '如需改期或取消，请至少提前4小时联系客服'
     ]
   },
 
@@ -50,10 +70,11 @@ Page({
     })
   },
 
-  // 兜底出口：仍有疑问可直接拨打客服电话
+  // 兜底出口：仍有疑问去「联系我们」页，本页不直接拨号
+  // （那一页有电话、邮箱与工作时间，并可分别「拨打」「复制」）
   goToContact() {
-    wx.makePhoneCall({
-      phoneNumber: SERVICE_PHONE
+    wx.navigateTo({
+      url: '/pages/mine/contact'
     })
   },
 

pages/escort/guide.wxml

@@ -12,8 +12,12 @@
     <!-- ① 服务流程：下单到完成的通用环节 -->
     <view class="card">
       <view class="card-head">
+        <!-- 卡片头标识走全站「浅橙衬底 + 暖橙图标」语言，实心橙只留给底部 CTA（DESIGN.md §2.1）。
+             t-icon 的 color 读不到 CSS 变量，硬编码对应 --brand-ink #9B4508 -->
         <view class="card-mark">
-          <t-icon name="list" size="26rpx" color="#FFFFFF" />
+          <!-- 图标名须能在 tdesign 的 icon.wxss 里找到 .t-icon-{name}，否则渲染为空：
+               原 name="list" 并不存在（只有 list-numbered / list-bug 等），故换成 list-numbered -->
+          <t-icon name="list-numbered" size="26rpx" color="#9B4508" />
         </view>
         <text class="card-title">服务流程</text>
       </view>
@@ -28,11 +32,13 @@
       </view>
     </view>
 
-    <!-- ② 就诊前准备：到院前建议备齐的材料 -->
+    <!-- ② 就诊前准备：到院前建议提前办妥或备齐的事项 -->
     <view class="card">
       <view class="card-head">
         <view class="card-mark">
-          <t-icon name="info-circle" size="26rpx" color="#FFFFFF" />
+          <!-- 原 info-circle 只是个「信息」圆标，与「准备清单」无关；
+               换成 task-checked（勾选清单），与卡内逐条勾对的读法一致 -->
+          <t-icon name="task-checked" size="26rpx" color="#9B4508" />
         </view>
         <text class="card-title">就诊前准备</text>
       </view>
@@ -48,7 +54,7 @@
     <view class="card">
       <view class="card-head">
         <view class="card-mark">
-          <t-icon name="error-circle" size="26rpx" color="#FFFFFF" />
+          <t-icon name="error-circle" size="26rpx" color="#9B4508" />
         </view>
         <text class="card-title">温馨提示</text>
       </view>
@@ -66,7 +72,7 @@
       <t-icon name="chevron-right" size="28rpx" color="#FFFFFF" />
     </view>
     <view class="guide-help" bindtap="goToContact">
-      <t-icon name="call" size="28rpx" color="#9A3412" />
+      <t-icon name="call" size="28rpx" color="#9B4508" />
       <text class="guide-help-text">还有疑问？联系人工客服</text>
     </view>
 

pages/escort/guide.wxss

@@ -1,23 +1,10 @@
 /* pages/escort/guide.wxss
    内页规范：小色带 + 白底，不用整块主色面板；
-   卡片沿用首页「发丝边 + 紧阴影」，与首页保持同一套视觉语言 */
+   卡片沿用首页「发丝边 + 紧阴影」，与首页保持同一套视觉语言。
+   本页原有的 page 级令牌副本（停在旧值 #C2410C / #9A3412）已按
+   DESIGN.md §5.1 删掉，改用 app.wxss 的唯一来源（#B8520A / #9B4508），
+   与首页、陪诊服务列表页同色 */
 page {
-  --brand-strong: #C2410C; /* 实心块/按钮：白字 4.69:1，过 AA 正文 */
-  --brand-soft: #FFF4E8;   /* 图标衬底、标签底 */
-  --brand-line: #FFE0C2;   /* 浅橙衬底描边 */
-  --brand-ink: #9A3412;    /* 浅橙衬底上的文字/图标：6.8:1，过 AA */
-
-  --ink: #2B2521;
-  --ink-2: #4A4038;
-  --muted: #6F655C;        /* 与首页同一档。原 #7A7068 在白卡上 4.8:1 达标，
-                              但 .header-subtitle 直接落在纸面上只有 4.49:1，不过 AA。
-                              改后：纸面 5.36:1 / 白卡 5.69:1 */
-  --line: #ECE3D6;         /* 米色发丝边：纸面 1.20:1 / 白卡 1.27:1 */
-  --paper: #FAF8F5;        /* 暖白纸面：R−B 由 10 降到 5，去掉"旧纸"的黄闷感 */
-  --white: #FFFFFF;
-
-  --shadow-card: 0 2rpx 10rpx rgba(63, 43, 25, 0.07);
-
   background-color: var(--paper);
 }
 
@@ -75,11 +62,14 @@ page {
   margin-bottom: 20rpx;
 }
 
+/* 卡片头标识：浅橙衬底 + 2rpx 描边托形（同全站「浅橙衬底承载标识」），
+   不再用实心橙——全页实心块只留底部 CTA 一处（DESIGN.md §2.1） */
 .card-mark {
   width: 44rpx;
   height: 44rpx;
   border-radius: 12rpx;
-  background: var(--brand-strong);
+  background: var(--brand-soft);
+  border: 2rpx solid var(--brand-line);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -122,9 +112,10 @@ page {
   min-width: 0;
 }
 
+/* 中文系统字体只有 400/700 两档，写 600 真机会随机落回 400 或 700 */
 .step-title {
   font-size: 30rpx;
-  font-weight: 600;
+  font-weight: 700;
   color: var(--ink);
 }
 
@@ -166,7 +157,8 @@ page {
   padding: 26rpx;
   border-radius: 999rpx;
   background: var(--brand-strong);
-  box-shadow: 0 6rpx 16rpx rgba(194, 65, 12, 0.22);
+  /* 全站 CTA 阴影统一为小偏移小模糊的 --shadow-cta（原 0 6rpx 16rpx/22% 是旧色值的大阴影） */
+  box-shadow: var(--shadow-cta);
   transition: transform 0.15s ease;
 }
 
@@ -176,7 +168,7 @@ page {
 
 .guide-cta-text {
   font-size: 30rpx;
-  font-weight: 600;
+  font-weight: 700;
   color: var(--white);
   letter-spacing: 2rpx;
   margin-right: 6rpx;
@@ -200,7 +192,7 @@ page {
 .guide-help-text {
   margin-left: 12rpx;
   font-size: 26rpx;
-  font-weight: 600;
+  font-weight: 700;
   color: var(--brand-ink);
 }
 

pages/escort/itemdetail.js

@@ -15,7 +15,7 @@ Page({
     },
     totalPrice: '0.00',
     showOrderPopup: false,
-    profiles: [], // 健康档案里已保存的就诊人
+    profiles: [], // 已保存的就诊人
     selectedProfileId: '', // 当前选中的就诊人档案 ID，为空表示手动填写
     patientName: '',
     patientPhone: '',
@@ -147,7 +147,7 @@ Page({
     })
   },
 
-  // 跳转到健康档案新增就诊人
+  // 跳转到就诊人页新增
   goToAddProfile() {
     wx.navigateTo({
       url: '/pages/health/profileedit'

pages/escort/itemdetail.wxml

@@ -91,7 +91,7 @@
           </view>
         </view>
 
-        <!-- 选择就诊人：从健康档案一键带入姓名与电话 -->
+        <!-- 选择就诊人：从已保存的就诊人一键带入姓名与电话 -->
         <view class="order-row column">
           <text class="order-label">选择就诊人</text>
           <scroll-view class="patient-scroll" scroll-x wx:if="{{profiles.length > 0}}">

pages/escort/itemlist.js

@@ -1,9 +1,10 @@
-// 服务按"要办的事"分三组，而不是照后端返回顺序平铺。
+// 服务按"要办的事"分两组，而不是照后端返回顺序平铺。
 // 组内是能直接比较的同质选项，组间是完全不同的决定；
-// 标题只回答"这一组是什么"（陪同就医 / 就医代办 / 多次使用，统一 4 字），
+// 标题只回答"这一组是什么"（陪同就医 / 就医代办，统一 4 字），
 // "什么情况该选这一组"整句交给下面的 note——标题与副题各管一头。
-// 前两组刻意走国标口径：GB/T 47801—2026 的标题即《社会化陪同就医服务》，
-// 3.1 定义与 3.5「陪同就医服务人员」都用「陪同就医」这个词。
+// 第一组刻意走国标口径：GB/T 47801—2026 的标题即《社会化陪同就医服务》，
+// 3.1 定义与 3.5「陪同就医服务人员」都用「陪同就医」这个词；
+// 全天 / 半天 / 夜间三项同为按时长的"人陪着"服务，故归在一组。
 // 第二组不叫「代办跑腿」——组内第四项的服务名就叫「跑腿服务」(services.js id 6)，
 // 拿成员名当组名，另外三项会读成"剩下的"；用「就医代办」则不与任何一项重名，
 // 也与组内已有的「出入院代办」共用同一个动作词。
@@ -13,31 +14,20 @@
 const SERVICE_GROUPS = [{
     key: 'accompany',
     title: '陪同就医',
-    note: '不熟悉医院流程、上班脱不开身、不便独自就诊的情况都适合，就诊当天有人全程陪着。',
-    ids: [1, 2] // 全天陪诊 / 半天陪诊
+    note: '不熟悉医院流程、上班脱不开身、不便独自就诊、需要夜间陪诊的情况都适合，就诊当天有人全程陪着。',
+    ids: [1, 2, 7] // 全天陪诊 / 半天陪诊 / 夜间陪诊
   },
   {
     key: 'errand',
     title: '就医代办',
-    note: '代问诊、预约检查时间、取报告、办手续、开药等跑腿服务都可以代劳，本人不必到场。',
-    ids: [3, 4, 5, 6] // 代问诊 / 检查预约 / 出入院代办 / 跑腿服务
-  },
-  {
-    key: 'pack',
-    // 这一组本来就是"买法"（一次买多次），不是第三类服务。
-    // 前两组的标题是服务类型，这组 4 字里只能承认它是"用法"——
-    // 「多次使用」与它们字数、句法齐平，同屏看不出接缝（备选「长期使用」）。
-    // 沿革：这里放过「打算长期使用」，因与另外两组的"要办的事"不同轴被改回口语，
-    // 现在三组标题统一改成 4 字短语，它也就不再是异类
-    title: '多次使用',
-    note: '需要多次复诊或长期治疗时，一次买多次，省去反复下单的麻烦。',
-    ids: [7, 8] // VIP 5次 半天陪诊 / VIP 5次代买药
-    // 注：条目改单行横排后名称不再被半栏宽度挤压，这两个"VIP 5次 XXX"已恢复原名，
-    // "买多次"由名称自己交代；组标题与副题仍负责讲清"什么情况选这一组"
+    // 「开药」已改为「取药」：国标 8.1 只列「领取药物」，开药属开具处方的医疗行为，
+    // 会擦 8.2「提供医疗建议」「代替选择用药方案」；取药是凭已有处方代领，口径与 id 8 一致
+    note: '代问诊、预约检查时间、取报告、办手续、取药等跑腿服务都可以代劳，本人不必到场。',
+    ids: [3, 4, 5, 6, 8] // 代问诊 / 检查预约 / 出入院代办 / 跑腿服务 / 取药快递
   }
 ]
 
-// 规格签：把"这一单买的是什么"从说明句里提出来，八条口径一致——
+// 规格签：把"这一单买的是什么"从说明句里提出来，各行口径一致——
 // 按时长计费的服务标出时长，按次计费的标"按次"。id 对应 services.js，取不到就不显示
 const UNIT_BY_ID = {
   1: '8小时/次',
@@ -45,26 +35,16 @@ const UNIT_BY_ID = {
   3: '按次',
   4: '按次',
   5: '按次',
-  6: '1小时/次',
+  6: '2小时/次',
   7: '4小时/次',
   8: '按次'
 }
 
-// 价目表上的价格去掉无意义的 .00（八条都是整元），扫起来更快
+// 价目表上的价格去掉无意义的 .00（各行都是整元），扫起来更快
 function formatPrice(value) {
   return String(value == null ? '' : value).replace(/\.00$/, '')
 }
 
-// 说明句里与规格签重复的时长要去掉，免得同一格写两遍：
-// ① 开头的"X小时服务/次，"（全天陪诊 / 半天陪诊）
-// ② 句中的"每次X小时，"（VIP 5次 半天陪诊）
-// 规格签只回答"这一单每次买多久"，不写"5次装"——"买几次"由名称承担
-function toLedgerDesc(subtitle) {
-  return String(subtitle || '')
-    .replace(/^[一二三四五六七八九十\d]+小时[^，]*，/, '')
-    .replace(/每次[一二三四五六七八九十\d]+小时，/g, '')
-}
-
 Page({
   data: {
     groups: []
@@ -95,9 +75,12 @@ Page({
         serviceMap[service.id] = service
       })
 
-      // 取到服务后再加工成列表页要用的字段：desc 去掉与规格签重复的时长前缀，
-      // unit 补规格签，price 去掉 .00；最后空组不展示，
-      // 免得留下一个没有服务、只有标题的分组
+      // 取到服务后再加工成列表页要用的字段：unit 补规格签，price 去掉 .00。
+      // 说明句不再加工，直接用 subtitle 原文——原先按「第一个逗号」剥时长前缀，
+      // 副标题一旦写成「八小时服务/次(早8点-中午12点，下午1点-晚上5点)，…」，
+      // 括号里的逗号会先被匹配上，行内只剩「下午1点-晚上5点)，专业陪诊师全程陪同」，
+      // 开头半个括号、括号不配对。行内允许折行，不靠截文案来压行数。
+      // 最后空组不展示，免得留下一个没有服务、只有标题的分组
       const groups = SERVICE_GROUPS
         .map((group) => ({
           key: group.key,
@@ -108,7 +91,6 @@ Page({
             .filter(Boolean)
             .map((srv) => ({
               ...srv,
-              desc: toLedgerDesc(srv.subtitle),
               unit: UNIT_BY_ID[srv.id] || '',
               price: formatPrice(srv.price)
             }))

pages/escort/itemlist.wxml

@@ -3,11 +3,11 @@
 
     <!-- 页首分两层：
          ① 纸面上一行「短横色标 + 一句引导」——导航栏已经写着「陪诊服务」，
-            所以这里不写页名，只让用户动手挑（下面三组就是可选项）；
+            所以这里不写页名，只让用户动手挑（下面两组就是可选项）；
             记号沿用详情页页首那一支（64×8rpx 短横 + 22rpx 间距），
             两页共用同一套页面级抬头语言；
          ② 一张说明白卡：城市与费用披露 → 发丝线 → 两个入口。
-            卡首不放短横色标——短横是页面级记号，区块级留给三个组头的竖条。
+            卡首不放短横色标——短横是页面级记号，区块级留给两个组头的竖条。
          先给一句引导再读披露，首屏是"引导 → 声明 → 清单"三层。
          卡面走"白卡 + 发丝边 + 紧阴影"（中性 --shadow-card，与首页白卡同值），
          把首屏从纸面上拎起来；形状仍是内缩圆角卡，不改成通栏白条 -->
@@ -17,7 +17,7 @@
     </view>
 
     <view class="notice">
-      <text class="notice-text">目前已开通北京、上海、天津。费用仅含人工服务费，不含就医费用。</text>
+      <text class="notice-text">目前已开通北京、天津。费用仅含人工服务费，不含就医费用。</text>
       <view class="notice-hr"></view>
       <view class="notice-links">
         <view class="notice-link" bindtap="goToGuide">
@@ -32,8 +32,8 @@
       </view>
     </view>
 
-    <!-- 服务按"要办的事"分三组，每组一块通栏白底：组头（竖条 + 36rpx 标题 +
-         一句副题）→ 通栏章线 → 清单，整页由此读成三张一体的价目表。
+    <!-- 服务按"要办的事"分两组，每组一块通栏白底：组头（竖条 + 36rpx 标题 +
+         一句副题）→ 通栏章线 → 清单，整页由此读成两张一体的价目表。
          白底做成"通栏截面"：左右 -32rpx 顶到屏幕两侧，左右内距复用容器的 32rpx，
          行的可用宽度因此仍是 686rpx、一分未变（原理详见 itemlist.wxss 的 .group）。
          副题（原来压在组末的浅橙说明砖）搬到标题下并剥成扁平小字：
@@ -42,13 +42,15 @@
          条目一律一条一行：规则线而已，卡只到"组"这一级。
          每行分两层，不是左右两栏：
            第一层 = 名称 +（规格签 · 价格 · 预约），四样同一横向中线，右区整体贴右边缘；
-           第二层 = 说明，独占一行、满宽 686rpx。
+           第二层 = 说明，直接放 subtitle 原文（不截任何前缀）、满宽 686rpx，允许折行。
          价格从右栏提回名称行，是为了与名称同基线（原先两栏垂直居中，
          两行的行里价格会掉到说明那一行的高度）；说明因此拿到满宽，
          「磁共振预约、CT预约、彩超等其他预约」与「送资料/代排队/买药/取报告等一小时陪诊服务」
          这两条不再折行。
+         带时段的副标题（全天 / 半天陪诊）会折成两行，属预期：说明按原文完整给出，
+         行高由内容决定，不再靠截文案来换行数。
          规格签放在价格左边而不是名称右边：时长与价格本来是一对（规格决定价格），
-         紧挨着读成「4小时/次 ¥300」；八行的签右侧也因此对齐成一列。
+         紧挨着读成「4小时/次 ¥300」；各行的签右侧也因此对齐成一列。
          项间分隔线是虚线，横跨整行、拉到卡的内边缘；末行不画，收口交给卡底 -->
     <view class="group" wx:for="{{ groups }}" wx:key="key">
 
@@ -76,14 +78,14 @@
               </view>
             </view>
           </view>
-          <!-- 第二层：说明独占一行，满宽 686rpx -->
-          <text class="row-desc">{{ srv.desc }}</text>
+          <!-- 第二层：说明，放 subtitle 原文、满宽 686rpx，允许折行（不截前缀） -->
+          <text class="row-desc">{{ srv.subtitle }}</text>
         </view>
       </view>
 
     </view>
 
-    <!-- 页脚：翻完三组仍未决定的兜底出口。
+    <!-- 页脚：翻完两组仍未决定的兜底出口。
          做成一张浅橙收口卡——与首页「常用功能」区块尾部的「联系我们」卡
          （.quick-item-full）同源：--brand-soft 底 + 2rpx --brand-line 描边 + 去阴影。
          首页每个区块都收在暖色卡上，本页原先四张白面一张暖色面都没有，

pages/escort/itemlist.wxss

@@ -4,13 +4,13 @@
      下面接说明白卡（城市与费用披露 → 发丝线 → 两个入口）。
      先给一句引导再读披露，首屏是"引导 → 声明 → 清单"三层，
      而不是一上来就撞条款；也让首屏从纸面上拎起一个落点，而不是三段裸字
-   - 八条服务按"要办的事"分三组，每组是一块通栏白底：组头（竖条 + 36rpx 标题 +
-     一句 28rpx 的副题）→ 通栏章线 → 清单，整页读起来像三张一体的价目表；
+   - 八条服务按"要办的事"分两组，每组是一块通栏白底：组头（竖条 + 36rpx 标题 +
+     一句 28rpx 的副题）→ 通栏章线 → 清单，整页读起来像两张一体的价目表；
      组与组之间是 36rpx 纸面留白，卡的边界由各自的发丝边与紧阴影承担
-   - 三块白底做成"通栏截面"：负外边距 -32rpx 顶到屏幕两侧，左右内距直接复用
+   - 两块白底做成"通栏截面"：负外边距 -32rpx 顶到屏幕两侧，左右内距直接复用
      页面容器已有的 32rpx——行的可用宽度因此仍是 686rpx，一分未变、零折行风险。
      这是"白底 card"敢做的唯一方式：若卡内缩 32rpx 再自带 24rpx 内距，
-     内容宽会掉到 638rpx，最长名称「VIP 5次 半天陪诊」(249rpx) 当场折行（详见 .group）。
+     内容宽会掉到 638rpx，长名称与右区更易挤到折行（详见 .group）。
      代价是形不再是"浮起的小卡"而是"一条白色章节带"，圆角因此为 0
      （满宽块的圆角会切在屏幕边上）；与页首 .notice 那张内缩圆角卡是两种角色两种形
    - 副题是扁平小字，不用浅橙砖：浅橙砖会和下一组的强组头贴在一起，
@@ -18,7 +18,7 @@
      让"卡顶 → 组头 → 章线 → 行"这条读法不断
    - 条目一律一条一行：只有规则线没有卡片（卡只到"组"这一级）。
      原先是 2×2 价目表，但半栏只有 317rpx——说明句要折行、名称要被迫缩短，
-     而这份数据里真正能横向比价的只有第一组（全天/半天）两格，代价不值，故改单行
+     而这份数据里真正能横向比价的只有第一组（全天/半天/夜间）三格，代价不值，故改单行
    - 每行分两层，不是左右两栏：上层「名称 +（规格签 · 价格 · 预约）」一行、
      四样同一横向中线、右区整体贴右边缘；下层说明独占、满宽 686rpx。
      价格因此与名称同基线，说明也因此从 436rpx 拿到满宽
@@ -69,11 +69,11 @@ page {
 
 /* ===== 页首引导：纸面上一行 =====
    页名已经在导航栏的「陪诊服务」上，所以这行不写页名，只让用户动手挑——
-   下面三组就是可选项，对着自己的情况挑一行就行。
+   下面两组就是可选项，对着自己的情况挑一行就行。
    记号沿用详情页页首那一支：64×8rpx 短横色标（--brand-strong）+ 22rpx 间距，
-   两页共用同一套"页面级抬头"语言。短横是页面级的记号，区块级留给三个组头的竖条——
+   两页共用同一套"页面级抬头"语言。短横是页面级的记号，区块级留给两个组头的竖条——
    本页原先那条 .notice-tick（48×6rpx）是同一支记号走散了的版本，已一并删掉。
-   字号 32rpx/700/--ink：本页是价目单，真正的主结构是三个 36rpx 的组标题，
+   字号 32rpx/700/--ink：本页是价目单，真正的主结构是两个 36rpx 的组标题，
    这行是导语，刻意压在组标题下一档、不跟它抢层级；但比 28rpx 的副题档重，
    落在纸面上仍读得出"页面从这里开始"。
    位置在说明卡之上、纸面上：先给一句引导，再读卡里的城市与费用披露，
@@ -178,8 +178,8 @@ page {
    目的只有一个——让白面变宽而不让行宽变宽：行仍落在容器原有的 686rpx 上。
    这是唯一可行解，因为这一行已经没有余量：
      686 − 16(右区外边距) − 122(最长签) − 12 − 104(价格槽) − 24 − 128(按钮)
-     = 280rpx 可用，最长名称 249rpx，只剩 31rpx；
-   卡只要自带 24rpx 左右内距就吃掉 48rpx，最长那条名称当场折行。
+     = 280rpx 可用；现最长名称「出入院代办」约 160rpx，余量约 120rpx。
+   卡若内缩 32rpx 再自带 24rpx 内距，仍会白吃 48rpx 行宽、压缩名称余量，故继续走通栏。
    代价是圆角为 0——满宽块的圆角会切在屏幕边上，留下纸色缺口。
    组界：卡与卡之间只留 36rpx 纸面。原先是 68rpx 的"两条通栏线夹白"，
    现在两侧各有发丝边与阴影托形，不需要那么宽的留白来分段；
@@ -259,7 +259,7 @@ page {
    既不抢名称的重心，也不走 --brand-strong。
    这是本页对 DESIGN.md §2.1「价格数字」用途的例外，已在页首注释登记。
    min-width 104rpx + justify-content:flex-end 是"固定槽"：
-   八行的价格右边缘对齐成一列，同时把左边规格签的右边缘也钉在同一位置。
+   各行的价格右边缘对齐成一列，同时把左边规格签的右边缘也钉在同一位置。
    不固定的话，3 位数价格(约 80rpx)与 4 位数(约 100rpx)差 18rpx，
    签会跟着左右抖——那种"差不多对齐"比明显不对齐更难看 */
 .price {
@@ -285,8 +285,8 @@ page {
 
 /* ===== 规格签：暖橙小字（按用户要求去掉左竖条） =====
    沿革：整圈描边 → 4rpx 左竖条 + 浅橙底（色标式）→ 现在只剩字 + 一层极浅的底。
-   去竖条的原因：页面上已经有一套竖条语言——三个组头的 8×36rpx 实心竖条。
-   每行再插一道 4rpx 小竖条，全页竖向重音就从 3 处涨到 11 处，与组头抢同一个记号。
+   去竖条的原因：页面上已经有一套竖条语言——两个组头的 8×36rpx 实心竖条。
+   每行再插一道 4rpx 小竖条，全页竖向重音就从 2 处涨到 10 处，与组头抢同一个记号。
    签退回纯文字后，每行的竖条只剩组头一处，记号重新变回"章"级。
    代价要记住：底仍是 --brand-soft，它落在白卡上只有 1.08:1（纸面上 1.02:1），
    实际都看不出来——签现在是"暖橙字 + 一层几乎不可见的暖底"，
@@ -295,7 +295,7 @@ page {
    若日后想要一个看得见的签形，两条路：
    ① 底换 --brand-line（白卡上 1.26:1，比现在明显）；② 底整个删掉，承认它就是一段暖色小字。
    位置在价格左边（与价格成对、整体右对齐），因此补 flex-shrink:0
-   与 white-space:nowrap，保证八行的签不被压扁、右边缘对齐成一列 */
+   与 white-space:nowrap，保证各行的签不被压扁、右边缘对齐成一列 */
 .unit-chip {
   flex-shrink: 0;
   white-space: nowrap;
@@ -317,7 +317,7 @@ page {
 /* 一行分两层，不是左右两栏：
      第一层 .row-head —— 名称在左；右区（规格签 → 价格 → 预约）整体贴右边缘，
                         四样对齐在同一横向中线上；
-     第二层 .row-desc —— 说明独占一行，满宽 686rpx。
+     第二层 .row-desc —— 说明单独成行（放 subtitle 原文，内容可折行），满宽 686rpx。
    为什么把价格从右栏提回名称行、说明改成独占一行：
      ① 价格与名称同基线，扫价格时眼睛不用跨行去找。原先两栏是行内垂直居中，
         两行的行里价格会落到说明那一行的高度上，名称与价格被拆开；
@@ -346,7 +346,7 @@ page {
 }
 
 /* 第一层：名称 + 右区。名称 flex:1 吸走全部余量，右区因此被顶到右边缘，
-   八行的签、价格、按钮自然各成一列，不用给任何一列写死宽度 */
+   各行的签、价格、按钮自然各成一列，不用给任何一列写死宽度 */
 .row-head {
   display: flex;
   align-items: center;
@@ -358,7 +358,7 @@ page {
    可用宽度约 280rpx：
    686 − 16(本行右区外边距) − 122(最长签「8小时/次」，已去左竖条)
    − 12 − 104(价格固定槽) − 24(与按钮的间距，按用户要求由 12 加到 24) − 128(按钮)。
-   最长名称「VIP 5次 半天陪诊」约 249rpx，余量约 31rpx。
+   最长名称「出入院代办」约 160rpx，余量约 120rpx。
    真机若仍折行，下一顺位是把 .price-num 从 32rpx 降到 28rpx（约让出 8rpx） */
 .row-name {
   flex: 1;
@@ -371,7 +371,7 @@ page {
 
 /* 右区：规格签 → 价格 → 预约，三段整体贴右边缘，同一横向中线。
    签之所以摆在价格左边而不是名称右边：时长与价格本来就是一对（规格决定价格），
-   紧挨着读成「4小时/次 ¥300」；同时八行的签右侧能借此对齐成一列。
+   紧挨着读成「4小时/次 ¥300」；同时各行的签右侧能借此对齐成一列。
    签若跟名称走，它的右边缘会随名称长短在 96～249rpx 之间游走，不成列 */
 .row-side {
   display: flex;

pages/escort/recordlist.js

@@ -19,6 +19,12 @@ const TYPE_MAP = {
   other: '其他'
 }
 
+// 左右滑动切换状态页的手势参数（单位 px）
+const SWIPE_THRESHOLD = 50   // 抬手后触发切换的最小横向位移
+const DRAG_MAX = 120         // 跟手位移上限，避免内容被拖出屏幕
+const DRAG_FACTOR = 0.5      // 跟手阻尼系数，拖 2px 内容走 1px
+const AXIS_LOCK = 8          // 方向锁定阈值，超过后才判定手势方向
+
 // 支付状态：已支付走「已完成」档；未支付 / 退款中复用主色浅档提示待处理；
 // 已退款走中性档（--muted 字 + --sep 描边 + 透明底，见 §三 禁用/中性写法）
 const PAYMENT_STATUS_MAP = {
@@ -36,6 +42,11 @@ Page({
     page: 1,
     pageSize: 10,
     statusFilter: '',
+    // 供筛选条 scroll-into-view 使用，滑动切换后把选中胶囊滚入可视区
+    tabIntoView: '',
+    // 跟手位移（px）与拖动标记：拖动中内容随手左右移动，松手后弹回
+    dragX: 0,
+    dragging: false,
     statusTabs: [
       { value: '', label: '全部', count: 0 },
       { value: 'pending', label: '待确认', count: 0 },
@@ -173,11 +184,78 @@ Page({
   },
 
   onTabChange(e) {
-    const status = e.currentTarget.dataset.value
-    this.setData({ statusFilter: status })
+    this.switchStatusTab(Number(e.currentTarget.dataset.index))
+  },
+
+  // 统一的状态页切换入口：点胶囊与左右滑动都走这里
+  switchStatusTab(index) {
+    const tab = this.data.statusTabs[index]
+    if (!tab || tab.value === this.data.statusFilter) return
+    this.setData({
+      statusFilter: tab.value,
+      tabIntoView: `tab-${index}`
+    })
     this.loadRecords(true)
   },
 
+  // 左右滑动切换状态页：拖动阶段实时跟手，抬手阶段判断是否成手势
+  onTouchStart(e) {
+    const touch = e.touches[0]
+    this.touchStart = { x: touch.clientX, y: touch.clientY }
+    this.touchAxis = ''
+    this.dragValue = 0
+  },
+
+  onTouchMove(e) {
+    const start = this.touchStart
+    if (!start) return
+
+    const touch = e.touches[0]
+    const deltaX = touch.clientX - start.x
+    const deltaY = touch.clientY - start.y
+
+    // 首次移动时锁定方向：纵向手势交给页面滚动，不做横向跟手
+    if (!this.touchAxis) {
+      if (Math.abs(deltaX) <= AXIS_LOCK && Math.abs(deltaY) <= AXIS_LOCK) return
+      this.touchAxis = Math.abs(deltaX) > Math.abs(deltaY) ? 'x' : 'y'
+    }
+    if (this.touchAxis !== 'x') return
+
+    // 阻尼跟手 + 位移上限：内容在有限范围内随手平移，形成可拖拽的实感
+    const dragX = Math.round(Math.max(-DRAG_MAX, Math.min(DRAG_MAX, deltaX * DRAG_FACTOR)))
+    if (dragX === this.dragValue) return
+    this.dragValue = dragX
+    this.setData({ dragging: true, dragX })
+  },
+
+  onTouchEnd(e) {
+    const start = this.touchStart
+    const axis = this.touchAxis
+    this.touchStart = null
+    this.touchAxis = ''
+    if (!start) return
+
+    const touch = e.changedTouches[0]
+    const deltaX = touch.clientX - start.x
+    const deltaY = touch.clientY - start.y
+
+    // 松手先把内容弹回原位，回弹由 .container 的 transition 承担
+    if (this.data.dragging || this.data.dragX !== 0) {
+      this.dragValue = 0
+      this.setData({ dragging: false, dragX: 0 })
+    }
+
+    if (axis !== 'x') return
+    // 横向位移要足够大、且明显大于纵向，才算切换手势，
+    // 避免与列表纵向滚动、卡片点按互相干扰
+    if (Math.abs(deltaX) < SWIPE_THRESHOLD || Math.abs(deltaX) < Math.abs(deltaY) * 1.5) return
+
+    const tabs = this.data.statusTabs
+    const currentIndex = tabs.findIndex(tab => tab.value === this.data.statusFilter)
+    // 左滑看下一个状态，右滑回上一个状态
+    this.switchStatusTab(deltaX < 0 ? currentIndex + 1 : currentIndex - 1)
+  },
+
   onTapRecord(e) {
     const id = e.currentTarget.dataset.id
     wx.navigateTo({

pages/escort/recordlist.wxml

@@ -5,13 +5,21 @@
        未选中 = 纸面安静胶囊（透明底 + 发丝边 + --muted 字）。
        胶囊必须带文字标签，颜色只做强化（DESIGN.md §四.8） -->
   <view class="tabs-bar">
-    <scroll-view class="tabs-scroll" scroll-x show-scrollbar="{{false}}">
+    <!-- scroll-into-view 让左右滑动切换后，选中胶囊自动滚入可视区 -->
+    <scroll-view
+      class="tabs-scroll"
+      scroll-x
+      scroll-with-animation
+      scroll-into-view="{{tabIntoView}}"
+      show-scrollbar="{{false}}"
+    >
       <view class="tabs">
         <view
+          id="tab-{{index}}"
           class="tab {{statusFilter === item.value ? 'active' : ''}}"
           wx:for="{{statusTabs}}"
           wx:key="value"
-          data-value="{{item.value}}"
+          data-index="{{index}}"
           bindtap="onTabChange"
         >
           <text class="tab-label">{{item.label}}</text>
@@ -21,7 +29,14 @@
     </scroll-view>
   </view>
 
-  <view class="container">
+  <!-- 记录区承载左右滑动手势：横向拖动时内容跟手平移做反馈，纵向滑动仍交给页面滚动 -->
+  <view
+    class="container {{dragging ? 'dragging' : ''}}"
+    style="transform: translateX({{dragX}}px);"
+    bindtouchstart="onTouchStart"
+    bindtouchmove="onTouchMove"
+    bindtouchend="onTouchEnd"
+  >
 
     <!-- 记录列表：一单一卡。
          卡内只留可扫读的四段：类型 + 状态 → 时间 → 就诊信息 → 费用 + 支付状态。
@@ -65,7 +80,7 @@
           </view>
         </view>
 
-        <!-- 底部：费用 + 支付状态 + 进详情页的显性暗示 -->
+        <!-- 底部：费用 + 支付状态。原右侧的 chevron 已去，支付胶囊贴右边缘对齐 -->
         <view class="card-foot">
           <view class="fee">
             <text class="fee-sym">¥</text>
@@ -76,7 +91,6 @@
               class="pay-chip"
               style="background: {{item.paymentStatusBg}}; color: {{item.paymentStatusColor}}; border-color: {{item.paymentStatusBorder}};"
             >{{item.paymentStatusText}}</view>
-            <t-icon name="chevron-right" size="28rpx" color="#6F655C" />
           </view>
         </view>
       </view>

pages/escort/recordlist.wxss

@@ -9,6 +9,8 @@
    - 卡内四段：类型 + 状态 → 时间 → 就诊信息 → 费用 + 支付状态；
      长文本（需求、陪诊记录）交给详情页，保证每张卡一眼看完
    - 形状锁定：卡 28rpx、状态胶囊 10rpx、筛选胶囊 999rpx
+   - 左右滑动切换状态页：记录区横向拖动时跟手平移（有阻尼与上限），
+     松手弹回；拖动中关过渡保即时响应，松手后由过渡做回弹
    - 字号阶梯：费用 34 / 类型 30 / 就诊信息 28 / 时间 · 胶囊 24（rpx），
      全页最小 24rpx(12px)，达可读下限 */
 page {
@@ -22,6 +24,13 @@ page {
 
 .container {
   padding: 0 32rpx calc(40rpx + env(safe-area-inset-bottom));
+  /* 左右滑动切换的视觉反馈：跟手期间由 .dragging 关闭过渡做到即时响应，
+     松手后恢复过渡，内容弹回原位 */
+  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.container.dragging {
+  transition: none;
 }
 
 /* ===== 顶部筛选：吸顶横滑 ===== */
@@ -197,7 +206,6 @@ page {
 
 /* 支付状态胶囊：比订单状态轻一档（无底色的中性档只留字与描边） */
 .pay-chip {
-  margin-right: 12rpx;
   padding: 4rpx 14rpx;
   border: 2rpx solid transparent;
   border-radius: 10rpx;