AI和Mine页面的样式改成新样式了。

pages/mine/mine.js

@@ -3,7 +3,10 @@ const API = require('../../utils/api.js')
 Page({
   data: {
     userInfo: {
-      avatar: '/images/home-yellow.png',
+      // 默认头像：暖墨色品牌标记（home-ink #9B4508）。
+      // home.png 本体是 tabBar 未选中态的灰色 #8A8A8A，故另存一份重上色位图；
+      // 与 ai-ink.png 同一做法（位图着色走不了 CSS 变量，改色须手改，见 DESIGN.md §7.3）
+      avatar: '/images/home-ink.png',
       name: '用户',
       phone: '',
       sex: '',

pages/mine/mine.wxml

@@ -24,13 +24,18 @@
     <!-- B 端合作入口：从首页移入，避免干扰患者/家属的主流程 -->
     <view class="footer-links">
       <text class="footer-link" bindtap="onFooterTap">企业/机构合作</text>
-      <text class="footer-sep">·</text>
+      <view class="footer-sep"></view>
       <text class="footer-link" bindtap="onFooterTap">陪诊师入驻</text>
-      <text class="footer-sep">·</text>
+      <view class="footer-sep"></view>
       <text class="footer-link" bindtap="onFooterTap">商务合作</text>
     </view>
-    <text class="version">版本号：V 1.1.3</text>
-    <text class="copyright">© 2026 北京奕华盛科技 版权所有</text>
+    <!-- 版本与版权合并为一行：两行元信息体量都很小，分行只制造空白；
+         中间复用 .footer-sep 细竖线，与上方链接行同一分隔语言（不用中点字符） -->
+    <view class="footer-meta">
+      <text class="copyright">© 2026 北京奕华盛科技 版权所有</text>
+      <view class="footer-sep"></view>
+      <text class="version">版本号：V 1.1.3</text>
+    </view>
   </view>
 
   <comp-profile

pages/mine/mine.wxss

@@ -1,114 +1,58 @@
 page {
-  background-color: #F5F5F5;
+  /* 配色令牌来自 app.wxss（全站唯一来源），本页不再留副本；
+     页面底色改用暖白纸面，与首页一致 */
+  background-color: var(--paper);
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 
 .container {
   min-height: 100vh;
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   /* 给 fixed 的自定义 tabBar 留位，避免底部版权被盖住 */
-  padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
+  padding: 0 32rpx calc(140rpx + env(safe-area-inset-bottom));
 }
 
+/* 头部：头像 + 昵称，直接落在纸面上（与首页 hero 同一语言） */
 .header-card {
-  background: #FFFFFF;
-  padding: 150rpx 32rpx 48rpx;
   display: flex;
   flex-direction: column;
   align-items: center;
+  padding: 120rpx 0 40rpx;
 }
 
 .avatar {
-  width: 120rpx;
-  height: 120rpx;
+  width: 128rpx;
+  height: 128rpx;
+  border-radius: 32rpx;
 }
 
 .user-name {
+  margin-top: 24rpx;
   font-size: 36rpx;
-  font-weight: 600;
-  color: #1A1A1A;
+  font-weight: 700;
+  color: var(--ink);
+}
+
+/* 菜单组：首页「白卡」语言——白面 + 2rpx 发丝边 + 紧阴影 */
+.menu-section + .menu-section {
   margin-top: 24rpx;
 }
 
-.user-phone {
-  font-size: 26rpx;
-  color: #999999;
-  margin-top: 12rpx;
-}
-
-
-.login-section {
-  padding: 32rpx;
-  display: flex;
-  flex-direction: column;
-  gap: 20rpx;
-}
-
-.login-btn {
-  background: linear-gradient(135deg, #D4A853 0%, #FF8500 100%);
-  color: #FFFFFF;
-  font-size: 30rpx;
-  font-weight: 600;
-  padding: 28rpx;
-  border-radius: 20rpx;
-  border: none;
-  line-height: 1.5;
-}
-
-.login-btn::after {
-  border: none;
-}
-
-.avatar-btn {
-  background: #FFFFFF;
-  color: #D4A853;
-  font-size: 28rpx;
-  font-weight: 500;
-  padding: 24rpx;
-  border-radius: 20rpx;
-  border: 1rpx solid #D4A853;
-  line-height: 1.5;
-}
-
-.avatar-btn::after {
-  border: none;
-}
-
-.nickname-input-wrap {
-  background: #FFFFFF;
-  border-radius: 20rpx;
-  padding: 24rpx 32rpx;
-}
-
-.nickname-input {
-  font-size: 28rpx;
-  color: #1F2937;
-}
-
-.menu-section {
-  padding: 24rpx 22rpx 0rpx 22rpx;
-}
-
-.menu-group-header {
-  font-size: 26rpx;
-  color: #999999;
-  padding: 16rpx 0;
-  margin-bottom: 16rpx;
-}
-
 .menu-list {
-  background: #FFFFFF;
-  border-radius: 16rpx;
+  background: var(--white);
+  border: 2rpx solid var(--line);
+  border-radius: 28rpx;
+  box-shadow: var(--shadow-card);
   overflow: hidden;
-  box-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.04);
 }
 
 .menu-item {
   display: flex;
   align-items: center;
   padding: 32rpx;
-  border-bottom: 1rpx solid #F5F5F5;
+  border-bottom: 2rpx solid var(--line);
 }
 
 .menu-item:last-child {
@@ -116,62 +60,99 @@ page {
 }
 
 .menu-item-hover {
-  background: #FAFAFA;
+  background: var(--brand-soft);
 }
 
+/* t-icon 未传 color 属性，这里用 CSS 变量着色即可 */
 .menu-icon {
-  color: #D4A853;
   margin-right: 24rpx;
+  color: var(--brand-ink);
 }
 
 .menu-text {
   flex: 1;
   font-size: 30rpx;
-  color: #1A1A1A;
   font-weight: 500;
+  color: var(--ink);
 }
 
 .menu-arrow {
-  color: #CCCCCC;
+  flex-shrink: 0;
+  color: var(--muted);
 }
 
+/* 登录按钮：与首页主 CTA 同语言（实心暖橙胶囊 + 白字 + CTA 阴影） */
+.login-section {
+  padding: 32rpx 0;
+}
+
+.login-btn {
+  width: 100%;
+  padding: 28rpx;
+  border: none;
+  border-radius: 999rpx;
+  background: var(--brand-strong);
+  box-shadow: var(--shadow-cta);
+  color: var(--white);
+  font-size: 30rpx;
+  font-weight: 700;
+  letter-spacing: 2rpx;
+  line-height: 1.4;
+}
+
+.login-btn::after {
+  border: none;
+}
+
+/* 页脚：B 端合作文字链 + 版本信息，低调可读 */
 .footer-section {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 60rpx 32rpx;
   margin-top: auto;
+  padding-top: 60rpx;
 }
 
-/* B 端合作链接：从首页移入，样式沿用首页页脚的低调文字链 */
 .footer-links {
   display: flex;
   align-items: center;
   margin-bottom: 20rpx;
 }
 
+/* 文字只有 24rpx 高，用 padding 撑热区、等量负外边距抵消，不影响行距 */
 .footer-link {
+  padding: 16rpx 0;
+  margin: -16rpx 0;
   font-size: 24rpx;
-  color: #999999;
+  color: var(--muted);
+  letter-spacing: 1rpx;
 }
 
 .footer-link:active {
-  color: #22A45D;
+  color: var(--brand-strong);
 }
 
+/* 细竖线分隔：替代原中点字符，避免一行多点 */
 .footer-sep {
-  font-size: 24rpx;
-  color: #D4D4D8;
-  margin: 0 16rpx;
+  width: 2rpx;
+  height: 20rpx;
+  margin: 0 24rpx;
+  background: var(--faint);
+  flex-shrink: 0;
+}
+
+/* 版本 + 版权同处一行，复用 .footer-sep 做竖线分隔 */
+.footer-meta {
+  display: flex;
+  align-items: center;
 }
 
 .version {
   font-size: 24rpx;
-  color: #B0B0B0;
-  margin-bottom: 12rpx;
+  color: var(--muted);
 }
 
 .copyright {
-  font-size: 22rpx;
-  color: #B0B0B0;
+  font-size: 24rpx;
+  color: var(--muted);
 }