双端适配，web端的修改父容器和接口

src/screens/profile/NotificationSettingsScreen.tsx

@@ -14,14 +14,17 @@ import {
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import { spacing, borderRadius, useAppColors, type AppColors } from '../../theme';
-import { Text, ResponsiveContainer } from '../../components/common';
+import { Text } from '../../components/common';
 import {
   loadNotificationPreferences,
   setPushNotificationsPreference,
   setSoundPreference,
   setVibrationPreference,
 } from '../../services/notificationPreferences';
-import { useResponsive } from '../../hooks';
+import { useResponsive, useResponsiveSpacing } from '../../hooks';
+
+// 内容最大宽度
+const CONTENT_MAX_WIDTH = 720;
 
 interface NotificationSettingItem {
   key: string;
@@ -168,19 +171,13 @@ export const NotificationSettingsScreen: React.FC = () => {
     </>
   );
 
+  const responsivePadding = useResponsiveSpacing({ xs: 8, sm: 12, md: 16, lg: 24, xl: 32 });
+
   return (
     <SafeAreaView style={styles.container} edges={['bottom']}>
-      {isWideScreen ? (
-        <ResponsiveContainer maxWidth={800}>
-          <ScrollView contentContainerStyle={[styles.scrollContent, { paddingBottom: scrollBottomInset }]}>
-            {renderContent()}
-          </ScrollView>
-        </ResponsiveContainer>
-      ) : (
-        <ScrollView contentContainerStyle={[styles.scrollContent, { paddingBottom: scrollBottomInset }]}>
-          {renderContent()}
-        </ScrollView>
-      )}
+      <ScrollView contentContainerStyle={[styles.scrollContent, { paddingBottom: scrollBottomInset, paddingHorizontal: responsivePadding }]}>
+        {renderContent()}
+      </ScrollView>
     </SafeAreaView>
   );
 };
@@ -212,6 +209,9 @@ function createNotificationSettingsStyles(colors: AppColors) {
       marginHorizontal: spacing.lg,
       borderRadius: borderRadius.lg,
       overflow: 'hidden',
+      maxWidth: CONTENT_MAX_WIDTH,
+      alignSelf: 'center',
+      width: '100%',
     },
     settingItem: {
       flexDirection: 'row',