diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
index 582f08c..dbf51fa 100644
--- a/src/components/Timeline.tsx
+++ b/src/components/Timeline.tsx
@@ -216,7 +216,8 @@ const Timeline = () => {
             </>
           ) : (
             <div className="text-center py-20">
-              <p>{t('updates.notFound.title')}</p>
+              <p className="text-gray-900 dark:text-gray-100">{t('updates.notFound.title')}</p>
+              <p className="text-gray-600 dark:text-gray-400 mt-2">{t('updates.notFound.description')}</p>
             </div>
           )}
         </div>
diff --git a/src/utils/updates.ts b/src/utils/updates.ts
index e65cbcf..0a115f2 100644
--- a/src/utils/updates.ts
+++ b/src/utils/updates.ts
@@ -18,19 +18,28 @@ interface UpdatesIndex {
   years: string[];
 }
 
+// Map i18n language codes to data directory paths
+const LANGUAGE_CODE_MAP: Record<string, string> = {
+  'zh-CN': 'zh-Hans',
+  'zh-TW': 'zh-Hant',
+  'en': 'en',
+  'en-US': 'en'
+};
+
 // 获取更新年份列表
 const getUpdateYears = async (language: string): Promise<string[]> => {
   try {
-    const response = await fetch(`/data/${language}/updates.json`);
+    // Map the language code to the correct data directory path
+    const dataLanguage = LANGUAGE_CODE_MAP[language] || language;
+    
+    const response = await fetch(`/data/${dataLanguage}/updates.json`);
     if (!response.ok) {
       throw new Error(`Failed to load updates index, status: ${response.status}`);
     }
     const index: UpdatesIndex = await response.json();
     return index.years || [];
   } catch (error) {
-    if (process.env.NODE_ENV === 'development') {
-      console.warn(`Failed to load updates index:`, error);
-    }
+    console.warn(`Failed to load updates index:`, error);
     return [];
   }
 };
@@ -38,16 +47,17 @@ const getUpdateYears = async (language: string): Promise<string[]> => {
 // 动态获取指定的年度更新
 const getYearUpdates = async (yearFile: string, language: string): Promise<YearUpdates | null> => {
   try {
-    const response = await fetch(`/data/${language}/updates/${yearFile}`);
+    // Map the language code to the correct data directory path
+    const dataLanguage = LANGUAGE_CODE_MAP[language] || language;
+    
+    const response = await fetch(`/data/${dataLanguage}/updates/${yearFile}`);
     if (!response.ok) {
       throw new Error(`Failed to load updates from ${yearFile}, status: ${response.status}`);
     }
     const data: YearUpdates = await response.json();
     return data;
   } catch (error) {
-    if (process.env.NODE_ENV === 'development') {
-      console.warn(`Failed to load updates from ${yearFile}:`, error);
-    }
+    console.warn(`Failed to load updates from ${yearFile}:`, error);
     return null;
   }
 };
@@ -85,6 +95,9 @@ export const useUpdates = (page: number = 1, pageSize: number = 10) => {
   const { data: allUpdates = [], isLoading, error } = useQuery({
     queryKey: ['updates', i18n.language],
     queryFn: () => getAllUpdates(i18n.language),
+    staleTime: 5 * 60 * 1000, // Cache for 5 minutes
+    retry: 3, // Retry failed requests up to 3 times
+    retryDelay: (attemptIndex) => Math.min(1000 * 2 ** attemptIndex, 10000), // Exponential backoff
   });
 
   const getPaginatedUpdates = (selectedTags: string[] = []) => {