diff --git a/packages/web/src/components/FederatedSearchCard.tsx b/packages/web/src/components/FederatedSearchCard.tsx
index aec6531..f7d248d 100644
--- a/packages/web/src/components/FederatedSearchCard.tsx
+++ b/packages/web/src/components/FederatedSearchCard.tsx
@@ -1,4 +1,4 @@
-import { ExternalLink, Globe } from 'lucide-react';
+import { Dna, ExternalLink, Globe } from 'lucide-react';
 import { Link } from 'react-router-dom';
 import type { FederatedGeneItem } from '@/api/client';
 import { Badge } from './ui/badge';
@@ -11,7 +11,7 @@ export default function FederatedSearchCard({ item }: { item: FederatedGeneItem
     <Card className="p-5 h-full hover:shadow-md hover:border-primary/30 transition-all">
       <div className="flex items-start justify-between mb-3">
         <div className="flex items-center gap-2.5 min-w-0">
-          <span className="text-xl shrink-0">🧬</span>
+          <Dna className="w-5 h-5 shrink-0 text-primary" />
           <h3 className="font-semibold text-gray-900 group-hover:text-primary transition truncate">
             {item.clawhub_display_name || item.name}
           </h3>
diff --git a/packages/web/src/pages/Browse.tsx b/packages/web/src/pages/Browse.tsx
index 894aa1f..733877e 100644
--- a/packages/web/src/pages/Browse.tsx
+++ b/packages/web/src/pages/Browse.tsx
@@ -50,6 +50,7 @@ export default function Browse() {
   const [loading, setLoading] = useState(true);
   const { isAdmin } = useAuth();
 
+  const [listError, setListError] = useState<string | null>(null);
   const [federatedMode, setFederatedMode] = useState(false);
   const [federatedItems, setFederatedItems] = useState<FederatedGeneItem[]>([]);
   const [federatedSources, setFederatedSources] = useState<{ local: number; clawhub: number }>({
@@ -81,6 +82,7 @@ export default function Browse() {
   useEffect(() => {
     if (federatedMode && q.trim()) {
       setLoading(true);
+      setListError(null);
       federatedSearch({ q, category: category || undefined, limit: 20 })
         .then((result) => {
           setFederatedItems(result.items);
@@ -91,12 +93,14 @@ export default function Browse() {
         .catch(() => {
           setFederatedItems([]);
           setTotal(0);
+          setListError('搜索加载失败，请刷新重试');
         })
         .finally(() => setLoading(false));
       return;
     }
 
     setLoading(true);
+    setListError(null);
     listGenes({
       q: q || undefined,
       category: category || undefined,
@@ -116,6 +120,7 @@ export default function Browse() {
       .catch(() => {
         setGenes([]);
         setTotal(0);
+        setListError('列表加载失败，请刷新重试');
       })
       .finally(() => setLoading(false));
   }, [q, category, tag, compatibility, sort, page, federatedMode, isAdmin, reviewStatus]);
@@ -258,10 +263,14 @@ export default function Browse() {
             </div>
           ))}
         </div>
+      ) : listError ? (
+        <div className="text-center py-20">
+          <p className="text-red-600 text-sm">{listError}</p>
+        </div>
       ) : showFederated ? (
         federatedItems.length === 0 ? (
           <div className="text-center py-20">
-            <div className="text-4xl mb-4">🔍</div>
+            <Search className="w-12 h-12 mx-auto mb-4 text-muted" />
             <p className="text-muted">没有找到匹配的基因</p>
           </div>
         ) : (
@@ -273,7 +282,7 @@ export default function Browse() {
         )
       ) : genes.length === 0 ? (
         <div className="text-center py-20">
-          <div className="text-4xl mb-4">🔍</div>
+          <Search className="w-12 h-12 mx-auto mb-4 text-muted" />
           <p className="text-muted">没有找到匹配的基因</p>
         </div>
       ) : (
diff --git a/packages/web/src/pages/GeneDetail.tsx b/packages/web/src/pages/GeneDetail.tsx
index e2a02a0..3b0da70 100644
--- a/packages/web/src/pages/GeneDetail.tsx
+++ b/packages/web/src/pages/GeneDetail.tsx
@@ -1,4 +1,5 @@
 import {
+  AlertCircle,
   Bot,
   Calendar,
   Check,
@@ -185,6 +186,7 @@ export default function GeneDetail() {
   const { slug } = useParams<{ slug: string }>();
   const [gene, setGene] = useState<Gene | null>(null);
   const [versions, setVersions] = useState<GeneVersion[]>([]);
+  const [versionsError, setVersionsError] = useState<string | null>(null);
   const [error, setError] = useState('');
 
   useEffect(() => {
@@ -192,15 +194,16 @@ export default function GeneDetail() {
     getGene(slug)
       .then(setGene)
       .catch(() => setError('找不到该基因'));
+    setVersionsError(null);
     getGeneVersions(slug)
       .then(setVersions)
-      .catch(() => {});
+      .catch(() => setVersionsError('版本历史加载失败，请刷新重试'));
   }, [slug]);
 
   if (error) {
     return (
       <div className="max-w-6xl mx-auto px-4 py-20 text-center">
-        <div className="text-5xl mb-4">😵</div>
+        <AlertCircle className="w-14 h-14 mx-auto mb-4 text-muted" />
         <p className="text-xl text-gray-900 mb-2">{error}</p>
         <Link to="/browse" className="text-primary hover:underline">
           返回浏览
@@ -390,7 +393,11 @@ export default function GeneDetail() {
             <TabsContent value="reviews">{slug && <ReviewList slug={slug} />}</TabsContent>
 
             <TabsContent value="versions">
-              <VersionHistory versions={versions} slug={gene.slug} />
+              {versionsError ? (
+                <p className="text-sm text-red-600">{versionsError}</p>
+              ) : (
+                <VersionHistory versions={versions} slug={gene.slug} />
+              )}
             </TabsContent>
           </Tabs>
         </div>
diff --git a/packages/web/src/pages/GenomeBrowse.tsx b/packages/web/src/pages/GenomeBrowse.tsx
index 745dacc..9c3a6a4 100644
--- a/packages/web/src/pages/GenomeBrowse.tsx
+++ b/packages/web/src/pages/GenomeBrowse.tsx
@@ -20,6 +20,7 @@ export default function GenomeBrowse() {
   const [total, setTotal] = useState(0);
   const [totalPages, setTotalPages] = useState(0);
   const [loading, setLoading] = useState(true);
+  const [listError, setListError] = useState<string | null>(null);
   const { isAdmin } = useAuth();
 
   const q = searchParams.get('q') || '';
@@ -42,6 +43,7 @@ export default function GenomeBrowse() {
 
   useEffect(() => {
     setLoading(true);
+    setListError(null);
     listGenomes({
       q: q || undefined,
       category: category || undefined,
@@ -58,6 +60,7 @@ export default function GenomeBrowse() {
       .catch(() => {
         setGenomes([]);
         setTotal(0);
+        setListError('列表加载失败，请刷新重试');
       })
       .finally(() => setLoading(false));
   }, [q, category, sort, page, isAdmin]);
@@ -119,6 +122,10 @@ export default function GenomeBrowse() {
             </div>
           ))}
         </div>
+      ) : listError ? (
+        <div className="text-center py-20">
+          <p className="text-red-600 text-sm">{listError}</p>
+        </div>
       ) : genomes.length === 0 ? (
         <div className="text-center py-20">
           <div className="text-4xl mb-4">🧫</div>
diff --git a/packages/web/src/pages/GenomeDetail.tsx b/packages/web/src/pages/GenomeDetail.tsx
index 35d39e7..367e92c 100644
--- a/packages/web/src/pages/GenomeDetail.tsx
+++ b/packages/web/src/pages/GenomeDetail.tsx
@@ -132,6 +132,7 @@ export default function GenomeDetail() {
   const { slug } = useParams<{ slug: string }>();
   const [genome, setGenome] = useState<Genome | null>(null);
   const [versions, setVersions] = useState<GeneVersion[]>([]);
+  const [versionsError, setVersionsError] = useState<string | null>(null);
   const [error, setError] = useState('');
 
   useEffect(() => {
@@ -139,9 +140,10 @@ export default function GenomeDetail() {
     getGenome(slug)
       .then(setGenome)
       .catch(() => setError('找不到该基因组'));
+    setVersionsError(null);
     getGenomeVersions(slug)
       .then(setVersions)
-      .catch(() => {});
+      .catch(() => setVersionsError('版本历史加载失败，请刷新重试'));
   }, [slug]);
 
   if (error) {
@@ -263,7 +265,11 @@ export default function GenomeDetail() {
             </TabsContent>
 
             <TabsContent value="versions">
-              <VersionHistory versions={versions} slug={genome.slug} entityType="genome" />
+              {versionsError ? (
+                <p className="text-sm text-red-600">{versionsError}</p>
+              ) : (
+                <VersionHistory versions={versions} slug={genome.slug} entityType="genome" />
+              )}
             </TabsContent>
           </Tabs>
         </div>
diff --git a/packages/web/src/pages/Home.tsx b/packages/web/src/pages/Home.tsx
index 90dd838..2c871cb 100644
--- a/packages/web/src/pages/Home.tsx
+++ b/packages/web/src/pages/Home.tsx
@@ -1,4 +1,4 @@
-import { ArrowRight, CheckCircle, Search } from 'lucide-react';
+import { ArrowRight, Bot, CheckCircle, Dna, Plug, Rocket, Search } from 'lucide-react';
 import { useEffect, useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { type Gene, listGenes } from '@/api/client';
@@ -80,14 +80,26 @@ export default function Home() {
               </button>
             </div>
           </form>
-          <div className="mt-6 flex justify-center gap-4 text-sm text-white/60 flex-wrap">
-            <span>🧬 {totalGenes > 0 ? `${totalGenes} 个基因` : '基因持续上新'}</span>
+          <div className="mt-6 flex justify-center items-center gap-4 text-sm text-white/60 flex-wrap">
+            <span className="flex items-center gap-1.5">
+              <Dna className="w-4 h-4 shrink-0" />
+              {totalGenes > 0 ? `${totalGenes} 个基因` : '基因持续上新'}
+            </span>
             <span>•</span>
-            <span>🚀 L0-L3 学习协议</span>
+            <span className="flex items-center gap-1.5">
+              <Rocket className="w-4 h-4 shrink-0" />
+              L0-L3 学习协议
+            </span>
             <span>•</span>
-            <span>🔌 多平台兼容</span>
+            <span className="flex items-center gap-1.5">
+              <Plug className="w-4 h-4 shrink-0" />
+              多平台兼容
+            </span>
             <span>•</span>
-            <span>🤖 AI Curator 自动审核</span>
+            <span className="flex items-center gap-1.5">
+              <Bot className="w-4 h-4 shrink-0" />
+              AI Curator 自动审核
+            </span>
           </div>
         </div>
       </section>
diff --git a/packages/web/src/pages/TemplateBrowse.tsx b/packages/web/src/pages/TemplateBrowse.tsx
index 9e771a3..bd8d711 100644
--- a/packages/web/src/pages/TemplateBrowse.tsx
+++ b/packages/web/src/pages/TemplateBrowse.tsx
@@ -20,6 +20,7 @@ export default function TemplateBrowse() {
   const [total, setTotal] = useState(0);
   const [totalPages, setTotalPages] = useState(0);
   const [loading, setLoading] = useState(true);
+  const [listError, setListError] = useState<string | null>(null);
   const { isAdmin } = useAuth();
 
   const q = searchParams.get('q') || '';
@@ -42,6 +43,7 @@ export default function TemplateBrowse() {
 
   useEffect(() => {
     setLoading(true);
+    setListError(null);
     listTemplates({
       q: q || undefined,
       category: category || undefined,
@@ -58,6 +60,7 @@ export default function TemplateBrowse() {
       .catch(() => {
         setTemplates([]);
         setTotal(0);
+        setListError('列表加载失败，请刷新重试');
       })
       .finally(() => setLoading(false));
   }, [q, category, sort, page, isAdmin]);
@@ -117,6 +120,10 @@ export default function TemplateBrowse() {
             </div>
           ))}
         </div>
+      ) : listError ? (
+        <div className="text-center py-20">
+          <p className="text-red-600 text-sm">{listError}</p>
+        </div>
       ) : templates.length === 0 ? (
         <div className="text-center py-20">
           <p className="text-muted">暂无 AI 员工模板</p>
diff --git a/packages/web/src/pages/TemplateDetail.tsx b/packages/web/src/pages/TemplateDetail.tsx
index 29207db..934a15b 100644
--- a/packages/web/src/pages/TemplateDetail.tsx
+++ b/packages/web/src/pages/TemplateDetail.tsx
@@ -142,6 +142,7 @@ export default function TemplateDetail() {
   const { slug } = useParams<{ slug: string }>();
   const [template, setTemplate] = useState<AgentTemplate | null>(null);
   const [versions, setVersions] = useState<GeneVersion[]>([]);
+  const [versionsError, setVersionsError] = useState<string | null>(null);
   const [error, setError] = useState('');
 
   useEffect(() => {
@@ -149,9 +150,10 @@ export default function TemplateDetail() {
     getTemplate(slug)
       .then(setTemplate)
       .catch(() => setError('找不到该 AI 员工模板'));
+    setVersionsError(null);
     getTemplateVersions(slug)
       .then(setVersions)
-      .catch(() => {});
+      .catch(() => setVersionsError('版本历史加载失败，请刷新重试'));
   }, [slug]);
 
   if (error) {
@@ -322,7 +324,11 @@ export default function TemplateDetail() {
             </TabsContent>
 
             <TabsContent value="versions">
-              <VersionHistory versions={versions} slug={template.slug} entityType="template" />
+              {versionsError ? (
+                <p className="text-sm text-red-600">{versionsError}</p>
+              ) : (
+                <VersionHistory versions={versions} slug={template.slug} entityType="template" />
+              )}
             </TabsContent>
           </Tabs>
         </div>