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

src/screens/material/SubjectMaterialsScreen.tsx

@@ -25,8 +25,11 @@ import {
   type AppColors,
 } from '../../theme';
 import * as hrefs from '../../navigation/hrefs';
-import { Text, ResponsiveContainer, Loading } from '../../components/common';
+import { Text, Loading } from '../../components/common';
 import { useResponsive, useResponsiveSpacing, useBreakpointGTE } from '../../hooks/useResponsive';
+
+// 资料卡片最大宽度
+const MATERIAL_CARD_MAX_WIDTH = 720;
 import type { MaterialSubject, MaterialFile, MaterialFileType } from '../../types/material';
 import {
   materialRepository,
@@ -120,6 +123,9 @@ export const SubjectMaterialsScreen: React.FC = () => {
       shadowOpacity: 0.05,
       shadowRadius: 4,
       elevation: 1,
+      maxWidth: MATERIAL_CARD_MAX_WIDTH,
+      alignSelf: 'center' as const,
+      width: '100%' as const,
     }),
     [colors]
   );
@@ -266,17 +272,9 @@ export const SubjectMaterialsScreen: React.FC = () => {
       </View>
 
       {/* Content */}
-      {isWideScreen ? (
-        <ResponsiveContainer maxWidth={800}>
-          <View style={[styles.contentWrapper, { paddingBottom: scrollBottomInset }]}>
-            {renderContent()}
-          </View>
-        </ResponsiveContainer>
-      ) : (
-        <View style={[styles.contentWrapper, { paddingBottom: scrollBottomInset, paddingHorizontal: responsivePadding }]}>
-          {renderContent()}
-        </View>
-      )}
+      <View style={[styles.contentWrapper, { paddingBottom: scrollBottomInset, paddingHorizontal: responsivePadding }]}>
+        {renderContent()}
+      </View>
     </SafeAreaView>
   );
 };