修改界面中，临时提交

pages/home/index.wxml

@@ -1,110 +1,118 @@
 <view class="page-bg">
   <view class="container">
 
-    <!-- 顶部导航栏 -->
-    <view class="nav-bar">
-      <view class="nav-logo">
-        <image class="logo-icon" src="/images/home-yellow.png" mode="aspectFit"></image>
-        <text class="logo-text">暖橙陪诊</text>
+    <!-- 顶部品牌行：左侧橙底白色品牌 Logo（心形线稿）+ 品牌名 -->
+    <view class="topbar">
+      <view class="brand">
+        <view class="brand-mark">
+          <image class="brand-logo" src="/images/home-w.png" mode="aspectFit" />
+        </view>
+        <text class="brand-name">暖橙陪诊</text>
       </view>
     </view>
 
-    <!-- Banner区域 -->
-    <view class="banner-section">
-      <view class="banner-card">
-        <image class="banner-bg" src="/images/banner.jpg" mode="aspectFill"></image>
-        <view class="banner-overlay"></view>
-        <view class="banner-text">
-          <text class="banner-title">专业陪诊</text>
-          <text class="banner-en">让就医更简单，让客户更安心</text>
-        </view>
+    <!-- ① 头部：参考图的大字标题排版。去掉整块色面板，标题直接落在暖白纸面上，
+         靠字号/字重建立重心，视觉更轻、更透气 -->
+    <view class="hero">
+      <view class="hero-title">
+        <!-- 不用逗号断句：靠「暖橙强调 + 深墨正文」的色差自然切分两个短句 -->
+        <text class="hero-title-accent">专业陪诊</text>
+        <text class="hero-title-main">让就医更省心</text>
+      </view>
+      <text class="hero-sub">实名认证陪诊师 · 经验丰富 · 熟悉各大医院流程</text>
+      <!-- 主行动按钮：通栏胶囊。首屏先引导新用户了解服务（陪诊指南），
+           服务列表入口放在指南页底部，转化路径为「指南 → 查看服务」 -->
+      <view class="hero-cta" bindtap="goToGuide">
+        <text class="hero-cta-text">陪诊指南</text>
+        <t-icon name="chevron-right" size="28rpx" color="#FFFFFF" />
       </view>
     </view>
 
-    <!-- 服务卡片 -->
-    <view class="service-cards">
-      <view class="service-card" bindtap="goToAiChat">
-        <view class="card-content">
-          <view class="card-badge">AI</view>
-          <text class="card-title">客服咨询</text>
-          <text class="card-en">Customer Service</text>
+    <!-- ② 客服与联系：两张同款白卡并排，图标统一走浅橙衬底 -->
+    <view class="contact-row">
+      <view class="contact-card" bindtap="goToAiChat">
+        <view class="contact-icon">
+          <!-- 用品牌 AI 图标（气泡内 AI 字），已按调色板着色为 #9A3412 -->
+          <image class="contact-icon-img" src="/images/ai-ink.png" mode="aspectFit" />
         </view>
-        <view class="card-icon-wrap">
-          <image class="card-img" src="/images/ai-yellow.png" mode="aspectFit"></image>
+        <view class="contact-info">
+          <text class="contact-name">在线咨询</text>
+          <text class="contact-en">AI 客服</text>
         </view>
       </view>
-      <view class="service-card vip" bindtap="goToContact">
-        <view class="card-content">
-          <view class="card-badge vip-badge">24H</view>
-          <text class="card-title">联系我们</text>
-          <text class="card-en">Contact Us</text>
+      <!-- 联系我们不再是直接拨号，改为进入独立页（页内可拨号/复制/看工作时间） -->
+      <view class="contact-card" bindtap="goToContactPage">
+        <view class="contact-icon">
+          <t-icon name="call" size="32rpx" color="#9A3412" />
         </view>
-        <view class="card-icon-wrap vip-icon-wrap">
-          <image class="card-img" src="/images/call.png" mode="aspectFit"></image>
+        <view class="contact-info">
+          <text class="contact-name">联系我们</text>
+          <text class="contact-en">人工客服</text>
         </view>
       </view>
     </view>
-
-    <!-- 助诊服务 -->
-    <view class="section-card">
-      <view class="section-header">
-        <view class="section-title-wrap">
-          <view class="section-accent"></view>
-          <text class="section-title">助诊服务</text>
-        </view>
-        <view class="section-more" bindtap="goToServiceList">
-          <text>全部</text>
-          <t-icon name="chevron-right" size="24rpx" class="more-icon"/>
-        </view>
+    <!-- ③ 陪诊服务：白卡内 4 列两项宫格，浅橙衬底 + 暖橙线图标 -->
+    <view class="section">
+      <view class="section-head">
+        <view class="section-bar"></view>
+        <text class="section-title">陪诊服务</text>
       </view>
-      <view class="assist-grid">
-        <view class="assist-item" wx:for="{{ escortServices }}" wx:key="id" bindtap="goToAssistDetail" data-id="{{ item.id }}">
-          <view class="assist-icon-circle" style="background: {{ item.bgColor }}; border-color: {{ item.bgColor }};">
-            <t-icon name="{{ item.icon }}" class="assist-icon" size="44rpx" color="{{ item.iconColor }}" />
+
+      <view class="assist-card">
+        <view class="assist-grid">
+          <view class="assist-item" wx:for="{{ escortServices }}" wx:key="id" data-id="{{ item.id }}" bindtap="goToServiceDetail">
+            <!-- 细线图标：图形由 index.wxss 内嵌 SVG 提供，类名后缀是服务 id。
+                 不加衬底方块，避免 8 个同色浅橙块平铺 -->
+            <view class="assist-icon {{ item.iconClass }}"></view>
+            <text class="assist-name">{{ item.name }}</text>
           </view>
-          <text class="assist-name">{{ item.name }}</text>
-        </view>
-      </view>
-    </view>
-    
-    <!-- 其他业务 -->
-    <view class="section-card">
-      <view class="section-header">
-        <view class="section-title-wrap">
-          <view class="section-accent"></view>
-          <text class="section-title">其他业务</text>
-        </view>
-      </view>
-      <view class="assist-grid">
-        <view class="assist-item" wx:for="{{ otherServices }}" wx:key="id" bindtap="goToOtherServicesDetail" data-item="{{ item }}">
-          <view class="assist-icon-circle" style="background: {{ item.bgColor }}; border-color: {{ item.bgColor }};">
-            <t-icon name="{{ item.icon }}" class="assist-icon" size="44rpx" color="{{ item.iconColor }}" />
-          </view>
-          <text class="assist-name">{{ item.name }}</text>
         </view>
       </view>
     </view>
 
-    <!-- 我的 -->
-    <view class="section-card">
-      <view class="section-header">
-        <view class="section-title-wrap">
-          <view class="section-accent"></view>
-          <text class="section-title">我的信息</text>
-        </view>
+    <!-- ④ 常用功能：待服务提醒 + 双列入口卡 -->
+    <view class="section">
+      <view class="section-head">
+        <view class="section-bar"></view>
+        <text class="section-title">常用功能</text>
       </view>
-      <view class="assist-grid">
-        <view class="assist-item" wx:for="{{ tools }}" wx:key="id" bindtap="goToOtherServicesDetail" data-item="{{ item }}">
-          <view class="assist-icon-circle" style="background: {{ item.bgColor }}; border-color: {{ item.bgColor }};">
-            <t-icon name="{{ item.icon }}" class="assist-icon" size="44rpx" color="{{ item.iconColor }}" />
+
+      <!-- 状态条：仅当存在待服务订单时展示 -->
+      <view class="order-tip" wx:if="{{ pendingCount > 0 }}" bindtap="goToRecords">
+        <view class="order-dot"></view>
+        <text class="order-tip-text">您有 {{ pendingCount }} 个待服务订单</text>
+        <t-icon name="chevron-right" size="26rpx" color="#0F766E" />
+      </view>
+
+      <view class="quick-list">
+        <view class="quick-item" wx:for="{{ quickEntries }}" wx:key="id" data-item="{{ item }}" bindtap="onQuickEntryTap">
+          <!-- 两个入口统一走暖橙 + 浅橙衬底，不做色相区分 -->
+          <view class="quick-icon">
+            <t-icon name="{{ item.icon }}" size="34rpx" color="#9A3412" />
+          </view>
+          <view class="quick-info">
+            <text class="quick-name">{{ item.name }}</text>
+            <text class="quick-desc">{{ item.desc }}</text>
           </view>
-          <text class="assist-name">{{ item.name }}</text>
         </view>
       </view>
     </view>
 
+    <!-- ⑤ 页脚：B 端合作入口（商务合作 / 陪诊师入驻 / 陪诊师考证），
+         点击统一转服务电话，与「我的」页页脚同构 -->
+    <view class="page-footer">
+      <view class="footer-links">
+        <text class="footer-link" bindtap="goToContact">商务合作</text>
+        <text class="footer-sep">·</text>
+        <text class="footer-link" bindtap="goToContact">陪诊师入驻</text>
+        <text class="footer-sep">·</text>
+        <text class="footer-link" bindtap="goToContact">陪诊师考证</text>
+      </view>
+      <text class="footer-note">WARM ESCORT · 用心陪好每一步</text>
+    </view>
+
     <!-- 底部留白 -->
     <view class="footer-space"></view>
 
   </view>
-</view>
+</view>