状态栏修复更新

1.添加状态栏间距来防止内容遮挡
2.添加了跟随页面自动变色的状态栏标题色改变

src/pages/service/index.tsx

@@ -2,6 +2,8 @@ import { View, Text, Image } from '@tarojs/components'
 import Taro from '@tarojs/taro'
 import './index.scss'
 import { useThemeContext } from '../../context/ThemeContext'
+import { useSafeArea } from '../../hooks/useSafeArea'
+import { useStatusBar } from '../../hooks/useStatusBar'
 
 const FAQ_ITEMS = [
   { q: '定制周期需要多久？', a: '通常下单后3-5个工作日内发货，批量订单（50件以上）可能需要7-10个工作日。' },
@@ -12,11 +14,13 @@ const FAQ_ITEMS = [
 
 export default function ServicePage() {
   const { theme, resolvedTheme } = useThemeContext()
+  const safe = useSafeArea()
+  useStatusBar(resolvedTheme)
 
   return (
     <View className={`theme-${resolvedTheme}`} style={{ minHeight: '100vh' }}>
       <View className='service-page'>
-        <View className='page-header dashed-card mt-20'>
+        <View className='page-header dashed-card mt-20' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
           <View className='star-badge' />
           <Text className='page-title'>联系客服</Text>
         </View>