feat: unify contact button styles, dynamic version from git tag, enrich AI positions & homepage UX

zhiyin-app/src/pages/about/about.vue

@@ -2,7 +2,7 @@
   <view class="page">
     <view class="logo-area">
       <text class="logo">职引</text>
-      <text class="version">v1.0.0</text>
+      <text class="version">v{{ appVersion }}</text>
     </view>
     <view class="info-section">
       <text class="info-label">产品名称</text>
@@ -18,12 +18,15 @@
     </view>
 
     <!-- #ifdef MP-WEIXIN -->
-    <button class="contact-btn" open-type="contact">
-      <view class="contact-btn-inner">
-        <text class="contact-icon">💬</text>
-        <text class="contact-text">联系在线客服</text>
+    <view class="link-section contact-link-section">
+      <view class="link-item">
+        <button class="contact-btn-inline" open-type="contact">
+          <text class="contact-btn-icon">💬</text>
+          <text class="link-text">联系客服</text>
+          <text class="link-arrow">›</text>
+        </button>
       </view>
-    </button>
+    </view>
     <!-- #endif -->
 
     <view class="link-section">
@@ -47,6 +50,7 @@
 </template>
 
 <script setup>
+const appVersion = typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : '1.0.0'
 const goAgreement = () => uni.navigateTo({ url: '/pages/agreement/agreement' })
 const goPrivacy = () => uni.navigateTo({ url: '/pages/privacy/privacy' })
 </script>
@@ -69,9 +73,8 @@ const goPrivacy = () => uni.navigateTo({ url: '/pages/privacy/privacy' })
 .disclaimer-title { font-size: 24rpx; font-weight: 700; color: #F59E0B; display: block; margin-bottom: 12rpx; }
 .disclaimer-text { font-size: 22rpx; color: var(--color-text-secondary); line-height: 1.8; }
 
-.contact-btn { width: 100%; background: #FFF; border: none; border-radius: var(--radius-md); padding: 0; margin-bottom: 12rpx; }
-.contact-btn-inner { display: flex; align-items: center; gap: 16rpx; padding: 24rpx 30rpx; }
-.contact-btn:active { opacity: 0.7; }
-.contact-icon { font-size: 28rpx; }
-.contact-text { font-size: 26rpx; color: var(--color-text); }
+.contact-link-section { margin-top: 12rpx; }
+.contact-btn-inline { width: 100%; background: transparent; border: none; border-radius: 0; padding: 0; margin: 0; line-height: inherit; font-size: inherit; text-align: left; display: flex; align-items: center; min-height: auto; }
+.contact-btn-inline::after { border: none; }
+.contact-btn-icon { font-size: 28rpx; margin-right: 16rpx; }
 </style>