feat: 全站视觉焕新与悬浮玻璃 TabBar 迁移

src/pages/service/index.tsx

@@ -23,12 +23,12 @@ export default function ServicePage() {
     <View className={`theme-${resolvedTheme}`} style={{ minHeight: '100vh' }}>
       <ThemedPageMeta />
       <View className='service-page'>
-        <View className='page-header surface-card mt-20' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
+        <View className='page-header service-header' style={{ paddingTop: `${safe.headerPaddingTop}px` }}>
           <Text className='page-title'>联系客服</Text>
         </View>
 
         {/* 客服入口 */}
-        <View className='service-hero surface-card mt-20'>
+        <View className='service-hero surface-card'>
           <Image className='service-hero-icon' src={assetUrl('/icon/电话.png')} mode='aspectFit' />
           <Text className='service-title'>智绘微刻客服中心</Text>
           <Text className='service-desc'>工作日 09:00 - 18:00 在线为您服务</Text>
@@ -40,22 +40,23 @@ export default function ServicePage() {
         {/* 联系方式 */}
         <View className='mt-20'>
           <Text className='section-title'>联系方式</Text>
-          <View className='contact-list'>
-            <View className='contact-item surface-card'>
+          <View className='contact-list surface-card'>
+            <View className='contact-item'>
               <Image className='contact-icon-img' src={assetUrl('/icon/电话.png')} mode='aspectFit' />
               <View className='contact-info'>
                 <Text className='contact-label'>客服电话</Text>
                 <Text className='contact-value'>400-XXX-XXXX</Text>
               </View>
             </View>
-            <View className='contact-item surface-card' onTap={() => Taro.setClipboardData({ data: 'smart_engraving' })}>
+            <View className='contact-item contact-item-link' onTap={() => Taro.setClipboardData({ data: 'smart_engraving' })}>
               <Image className='contact-icon-img' src={assetUrl('/icon/词云生成.png')} mode='aspectFit' />
               <View className='contact-info'>
                 <Text className='contact-label'>客服微信</Text>
                 <Text className='contact-value'>smart_engraving（点击复制）</Text>
               </View>
+              <Text className='contact-arrow'>›</Text>
             </View>
-            <View className='contact-item surface-card'>
+            <View className='contact-item'>
               <Image className='contact-icon-img' src={assetUrl('/icon/使用帮助.png')} mode='aspectFit' />
               <View className='contact-info'>
                 <Text className='contact-label'>商务邮箱</Text>
@@ -88,7 +89,7 @@ export default function ServicePage() {
           </View>
         </View>
 
-        <View style={{ height: '40px' }} />
+        <View style={{ height: '80rpx' }} />
       </View>
     </View>
   )