优化主页内容库和搜索区域显示

- 内容库区域显示文章数、分类数、今日新增统计
- 搜索区域显示失败抓取数和支持的搜索引擎
- 点击'进入'按钮跳转到单独页面
- 移除大块入口链接，界面更简洁

static/css/style.css

@@ -802,3 +802,36 @@ body {
     font-size: 13px;
     opacity: 0.8;
 }
+
+/* 快速统计卡片 */
+.quick-stats {
+    display: flex;
+    gap: 20px;
+    justify-content: center;
+}
+
+.quick-stat-item {
+    text-align: center;
+}
+
+.quick-stat-value {
+    font-size: 24px;
+    font-weight: bold;
+    color: #667eea;
+    display: block;
+}
+
+.quick-stat-label {
+    font-size: 13px;
+    color: #666;
+}
+
+.search-quick-info {
+    text-align: center;
+    margin-top: 10px;
+    color: #999;
+}
+
+.search-quick-info small {
+    font-size: 12px;
+}

static/js/app.js

@@ -24,8 +24,8 @@ async function refreshData() {
         await Promise.all([
             loadStats(),
             loadPendingProducts(),
-            loadArticles(),
+            loadHistory(),
-            loadHistory()
+            loadQuickStats()
         ]);
         updateSystemStatus(true);
     } catch (error) {
@@ -66,6 +66,38 @@ async function loadStats() {
     }
 }
 
+// 加载快速统计信息
+async function loadQuickStats() {
+    try {
+        // 加载文章统计
+        const articlesResponse = await fetch(`${API_BASE}/api/articles?limit=1000`);
+        const articlesData = await articlesResponse.json();
+        
+        if (articlesData.success) {
+            document.getElementById('quick-articles-count').textContent = articlesData.count;
+            
+            // 计算分类数
+            const categories = new Set(articlesData.articles.map(a => a.category).filter(c => c));
+            document.getElementById('quick-categories-count').textContent = categories.size;
+            
+            // 计算今日新增
+            const today = new Date().toISOString().split('T')[0];
+            const todayCount = articlesData.articles.filter(a => a.fetch_date && a.fetch_date.startsWith(today)).length;
+            document.getElementById('quick-today-count').textContent = todayCount;
+        }
+        
+        // 加载失败URL数
+        const failedResponse = await fetch(`${API_BASE}/api/articles/failed-urls`);
+        const failedData = await failedResponse.json();
+        
+        if (failedData.success) {
+            document.getElementById('quick-failed-count').textContent = failedData.count;
+        }
+    } catch (error) {
+        console.error('加载快速统计失败:', error);
+    }
+}
+
 // 加载待处理产品
 async function loadPendingProducts() {
     try {

templates/index.html

@@ -97,32 +97,54 @@
                 </div>
             </div>
 
-            <!-- 右侧：内容库入口 -->
+            <!-- 右侧：内容库和搜索入口 -->
             <div class="panel">
                 <div class="panel-header">
-                    <h2><i class="ri-folder-line"></i> 内容库文章</h2>
+                    <h2><i class="ri-folder-line"></i> 内容库</h2>
-                </div>
+                    <a href="/library" class="btn btn-primary btn-sm">
-                <div class="panel-body" style="text-align: center; padding: 40px;">
+                        <i class="ri-external-link-line"></i> 进入
-                    <a href="/library" class="library-entrance-link">
-                        <i class="ri-folder-line"></i>
-                        <span>点击进入内容库页面</span>
-                        <small>查看、编辑、导出所有文章</small>
                     </a>
                 </div>
+                <div class="panel-body">
+                    <div class="quick-stats">
+                        <div class="quick-stat-item">
+                            <span class="quick-stat-value" id="quick-articles-count">0</span>
+                            <span class="quick-stat-label">篇文章</span>
+                        </div>
+                        <div class="quick-stat-item">
+                            <span class="quick-stat-value" id="quick-categories-count">0</span>
+                            <span class="quick-stat-label">个分类</span>
+                        </div>
+                        <div class="quick-stat-item">
+                            <span class="quick-stat-value" id="quick-today-count">0</span>
+                            <span class="quick-stat-label">今日新增</span>
+                        </div>
+                    </div>
+                </div>
             </div>
-        </div>
 
-        <!-- 互联网搜索入口 -->
+            <div class="panel">
-        <div class="panel full-width">
+                <div class="panel-header">
-            <div class="panel-header">
+                    <h2><i class="ri-search-line"></i> 互联网搜索</h2>
-                <h2><i class="ri-search-line"></i> 互联网搜索</h2>
+                    <a href="/search" class="btn btn-primary btn-sm">
-            </div>
+                        <i class="ri-external-link-line"></i> 进入
-            <div class="panel-body" style="text-align: center; padding: 40px;">
+                    </a>
-                <a href="/search" class="search-entrance-link">
+                </div>
-                    <i class="ri-search-line"></i>
+                <div class="panel-body">
-                    <span>点击进入互联网搜索页面</span>
+                    <div class="quick-stats">
-                    <small>支持一键保存所有搜索结果到内容库</small>
+                        <div class="quick-stat-item">
-                </a>
+                            <span class="quick-stat-value" id="quick-failed-count">0</span>
+                            <span class="quick-stat-label">抓取失败</span>
+                        </div>
+                        <div class="quick-stat-item">
+                            <span class="quick-stat-label">支持引擎</span>
+                            <span class="quick-stat-value">Bing/百度/Google</span>
+                        </div>
+                    </div>
+                    <div class="search-quick-info">
+                        <small>支持一键保存所有结果到内容库</small>
+                    </div>
+                </div>
             </div>
         </div>