feat: 适配 headerbar ios26

app/sleep-detail.tsx

@@ -26,6 +26,7 @@ import { SleepStageTimeline } from '@/components/sleep/SleepStageTimeline';
 import { HeaderBar } from '@/components/ui/HeaderBar';
 import { Colors } from '@/constants/Colors';
 import { useColorScheme } from '@/hooks/useColorScheme';
+import { useSafeAreaTop } from '@/hooks/useSafeAreaWithPadding';
 
 // SleepGradeCard 组件现在在 InfoModal 组件内部
 
@@ -34,6 +35,8 @@ import { useColorScheme } from '@/hooks/useColorScheme';
 // InfoModal 组件现在从独立文件导入
 
 export default function SleepDetailScreen() {
+  const safeAreaTop = useSafeAreaTop()
+
   const theme = (useColorScheme() ?? 'light') as 'light' | 'dark';
   const colorTokens = Colors[theme];
   const [sleepData, setSleepData] = useState<CompleteSleepData | null>(null);
@@ -123,7 +126,9 @@ export default function SleepDetailScreen() {
 
       <ScrollView
         style={styles.scrollView}
-        contentContainerStyle={styles.scrollContent}
+        contentContainerStyle={[styles.scrollContent, {
+          paddingTop: safeAreaTop
+        }]}
         showsVerticalScrollIndicator={false}
       >
         {/* 睡眠得分圆形显示 */}