fix: 所有页面导航栏统一动态加载类别

修复：各页面顶部导航栏添加 loadNav() 调用，确保所有页面显示一致的类别列表

templates/compare.html

@@ -230,6 +230,7 @@ let compareType = 'model';
         }
 
         // 初始化
+        loadNav();
         setCompareType('model');
     </script>
 </body>

templates/cpus.html

@@ -208,6 +208,8 @@ async function loadCpus() {
             if (e.target === this) closeModal();
         });
 
+        // 初始化
+        loadNav();
         loadCpus();
     </script>
 </body>

templates/gpus.html

@@ -215,6 +215,8 @@ async function loadGpus() {
             if (e.target === this) closeModal();
         });
 
+        // 初始化
+        loadNav();
         loadGpus();
     </script>
 </body>

templates/knowledge.html

@@ -177,5 +177,43 @@
             </table>
         </div>
     </main>
+
+    <script>
+        let categories = [];
+
+        // 加载导航栏
+        async function loadNav() {
+            const res = await fetch('/api/categories');
+            categories = await res.json();
+
+            const builtinPages = [
+                {name: '首页', href: '/'},
+                {name: '工具', href: '/tools'},
+                {name: '对比', href: '/compare'},
+                {name: '知识库', href: '/knowledge'}
+            ];
+
+            const categoryPages = {
+                'ai-models': '/models',
+                'gpus': '/gpus',
+                'cpus': '/cpus'
+            };
+
+            let navHtml = '';
+            builtinPages.forEach(p => {
+                const isActive = window.location.pathname === p.href;
+                navHtml += `<a href="${p.href}" class="${isActive ? 'text-indigo-600 font-medium' : 'text-gray-600 hover:text-indigo-600'}">${p.name}</a>`;
+            });
+
+            categories.forEach(cat => {
+                const href = categoryPages[cat.id] || `/category/${cat.id}`;
+                navHtml += `<a href="${href}" class="text-gray-600 hover:text-indigo-600">${cat.name}</a>`;
+            });
+
+            document.getElementById('topNav').innerHTML = navHtml;
+        }
+
+        loadNav();
+    </script>
 </body>
 </html>

templates/tools.html

@@ -197,6 +197,9 @@ async function calculateVram() {
             
             document.getElementById('vramResult').classList.remove('hidden');
         }
+
+        // 初始化
+        loadNav();
     </script>
 </body>
 </html>