diff --git a/apps/desktop/src/components/MaterialSegmentView.tsx b/apps/desktop/src/components/MaterialSegmentView.tsx
index f32adc2..f356a52 100644
--- a/apps/desktop/src/components/MaterialSegmentView.tsx
+++ b/apps/desktop/src/components/MaterialSegmentView.tsx
@@ -219,34 +219,40 @@ export const MaterialSegmentView: React.FC<MaterialSegmentViewProps> = ({ projec
   }, [segmentView, activeTab, selectedClassification, selectedModel, searchTerm]);
 
   // 渲染片段卡片
-  const renderSegmentCard = (segment: SegmentWithDetails) => (
-    <div key={segment.segment.id} className="bg-white rounded-lg border border-gray-200 p-4 hover:shadow-md transition-shadow">
-      <div className="flex items-start gap-4">
-        {/* 缩略图 */}
-        <div className="w-20 h-16 bg-gray-100 rounded-lg flex items-center justify-center flex-shrink-0">
-          {segment.material_info.thumbnail_path ? (
-            <img 
-              src={segment.material_info.thumbnail_path} 
-              alt="缩略图"
-              className="w-full h-full object-cover rounded-lg"
-            />
-          ) : (
-            <Video className="w-8 h-8 text-gray-400" />
-          )}
-        </div>
+  const renderSegmentCard = (segment: SegmentWithDetails) => {
+    // 安全检查
+    if (!segment || !segment.segment || !segment.material_info) {
+      return null;
+    }
 
-        {/* 内容信息 */}
-        <div className="flex-1 min-w-0">
-          <div className="flex items-start justify-between">
-            <div className="flex-1 min-w-0">
-              <h4 className="text-sm font-medium text-gray-900 truncate">
-                {segment.material_info.name}
-              </h4>
-              <p className="text-xs text-gray-500 mt-1">
-                {formatDuration(segment.segment.start_time)} - {formatDuration(segment.segment.end_time)}
-                <span className="ml-2">时长: {formatDuration(segment.segment.duration)}</span>
-              </p>
-            </div>
+    return (
+      <div key={segment.segment.id} className="bg-white rounded-lg border border-gray-200 p-4 hover:shadow-md transition-shadow">
+        <div className="flex items-start gap-4">
+          {/* 缩略图 */}
+          <div className="w-20 h-16 bg-gray-100 rounded-lg flex items-center justify-center flex-shrink-0">
+            {segment.material_info?.thumbnail_path ? (
+              <img
+                src={segment.material_info.thumbnail_path}
+                alt="缩略图"
+                className="w-full h-full object-cover rounded-lg"
+              />
+            ) : (
+              <Video className="w-8 h-8 text-gray-400" />
+            )}
+          </div>
+
+          {/* 内容信息 */}
+          <div className="flex-1 min-w-0">
+            <div className="flex items-start justify-between">
+              <div className="flex-1 min-w-0">
+                <h4 className="text-sm font-medium text-gray-900 truncate">
+                  {segment.material_info?.name || '未知素材'}
+                </h4>
+                <p className="text-xs text-gray-500 mt-1">
+                  {formatDuration(segment.segment.start_time)} - {formatDuration(segment.segment.end_time)}
+                  <span className="ml-2">时长: {formatDuration(segment.segment.duration)}</span>
+                </p>
+              </div>
             
             {/* 操作按钮 */}
             <div className="flex items-center gap-1 ml-2">
@@ -287,7 +293,8 @@ export const MaterialSegmentView: React.FC<MaterialSegmentViewProps> = ({ projec
         </div>
       </div>
     </div>
-  );
+    );
+  };
 
   if (loading) {
     return (