From a84a13d10e13a45ae1efbadbfd208b9f8e9cee73 Mon Sep 17 00:00:00 2001
From: huangzhuang_3rd <huangzhuang_3rd@tphai.com>
Date: Mon, 1 Jun 2026 18:31:32 +0800
Subject: [PATCH] =?UTF-8?q?v1.8.0:=20=E6=A8=A1=E5=9D=97=E5=8C=96=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84=20+=20=E5=90=8E=E5=8F=B0=E7=99=BB=E5=BD=95=E8=AE=A4?=
 =?UTF-8?q?=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/admin.html | 2684 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 2684 insertions(+)
 create mode 100644 templates/admin.html
diff --git a/templates/admin.html b/templates/admin.html
new file mode 100644
index 0000000..44353c6
--- /dev/null
+++ b/templates/admin.html
@@ -0,0 +1,2684 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ParamHub - 参数百科</title>
+    <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
+    <style>
+        .sidebar-link { transition: all 0.2s; }
+        .sidebar-link:hover { background: #374151; }
+        .sidebar-link.active { background: #4f46e5; color: white; }
+    </style>
+</head>
+<body class="bg-gray-100 min-h-screen">
+    <!-- 侧边栏 -->
+    <aside class="fixed left-0 top-0 w-64 h-full bg-gray-800 text-white overflow-y-auto">
+        <div class="p-4 border-b border-gray-700">
+            <div class="flex items-center gap-2">
+                <i class="ri-dashboard-3-line text-2xl"></i>
+                <span class="text-xl font-bold">ParamHub</span>
+            </div>
+            <div class="text-sm text-gray-400 mt-1">后台管理</div>
+        </div>
+        <nav class="p-4">
+            <div class="space-y-1" id="sidebarNav">
+                <!-- 动态生成 -->
+            </div>
+            <div class="mt-8 pt-4 border-t border-gray-700">
+                <a href="/" target="_blank" class="flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-gray-700 text-gray-400">
+                    <i class="ri-external-link-line"></i>
+                    <span>访问前台</span>
+                </a>
+            </div>
+        </nav>
+    </aside>
+
+    <!-- 主内容 -->
+    <main class="ml-64 p-8">
+        <!-- 概览 -->
+        <section id="section-overview">
+            <h1 class="text-2xl font-bold text-gray-800 mb-6">管理概览</h1>
+            <div class="grid grid-cols-5 gap-4 mb-8" id="statsCards"><div class="text-center text-gray-400 py-4">加载中...</div></div>
+            <div class="bg-white rounded-xl p-6 shadow-sm mb-8">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">快捷操作</h2>
+                <div class="grid grid-cols-5 gap-3" id="quickActions"><div class="text-gray-400">加载中...</div></div>
+            </div>
+            <div class="bg-white rounded-xl p-6 shadow-sm">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">最近添加的模型</h2>
+                <div id="recent-models" class="space-y-2">加载中...</div>
+            </div>
+        </section>
+
+        <!-- 网站配置 -->
+        <section id="section-config" class="hidden">
+            <h1 class="text-2xl font-bold text-gray-800 mb-6">网站配置</h1>
+            <div class="bg-white rounded-xl shadow-sm p-6">
+                <form id="configForm" class="space-y-6">
+                    <!-- 网站基础配置 -->
+                    <h3 class="text-lg font-semibold text-gray-800 border-b pb-2 mb-4"><i class="ri-global-line mr-2"></i>网站基础配置</h3>
+                    <div class="grid grid-cols-2 gap-6">
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">网站名称</label>
+                            <input type="text" name="site_name" id="config_site_name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="ParamHub">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">网站副标题</label>
+                            <input type="text" name="site_subtitle" id="config_site_subtitle" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="参数百科">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">备案号</label>
+                            <input type="text" name="icp_number" id="config_icp_number" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="如：京ICP备12345678号">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">联系邮箱</label>
+                            <input type="email" name="contact_email" id="config_contact_email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="admin@example.com">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">GitHub地址</label>
+                            <input type="url" name="github_url" id="config_github_url" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="https://github.com/...">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">版权年份</label>
+                            <input type="text" name="copyright_year" id="config_copyright_year" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="2024">
+                        </div>
+                    </div>
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-2">页脚文字</label>
+                        <textarea name="footer_text" id="config_footer_text" rows="3" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="网站底部的版权信息等"></textarea>
+                    </div>
+                    
+                    <!-- 大模型接口配置 -->
+                    <h3 class="text-lg font-semibold text-gray-800 border-b pb-2 mb-4 mt-8"><i class="ri-robot-line mr-2"></i>大模型接口配置（用于智能解析）</h3>
+                    <div class="bg-blue-50 rounded-lg p-4 mb-4">
+                        <p class="text-sm text-blue-700"><i class="ri-information-line mr-1"></i>配置用于智能解析产品参数的大模型API接口。文本解析使用普通模型，图片解析使用视觉模型。</p>
+                    </div>
+                    <div class="grid grid-cols-2 gap-6">
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">API地址</label>
+                            <input type="url" name="llm_base_url" id="config_llm_base_url" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="http://192.168.2.17:19007/v1">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">API Key</label>
+                            <input type="text" name="llm_api_key" id="config_llm_api_key" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="留空则不验证">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">文本解析模型</label>
+                            <input type="text" name="llm_model" id="config_llm_model" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="auto">
+                            <p class="text-xs text-gray-500 mt-1">用于解析文本数据，如 deepseek-v3、qwen3.5 等</p>
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">图片解析模型（视觉模型）</label>
+                            <input type="text" name="llm_vision_model" id="config_llm_vision_model" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="gpt-4-vision-preview">
+                            <p class="text-xs text-gray-500 mt-1">用于解析图片，如 Qwen/Qwen2-VL-72B-Instruct、gpt-4-vision-preview 等</p>
+                        </div>
+                    </div>
+                    
+                    <div class="flex justify-end gap-4">
+                        <button type="button" onclick="loadSiteConfig()" class="px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300"><i class="ri-refresh-line mr-1"></i>重置</button>
+                        <button type="button" onclick="saveSiteConfig()" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"><i class="ri-save-line mr-1"></i>保存配置</button>
+                    </div>
+                </form>
+            </div>
+        </section>
+
+        <!-- 分类管理 -->
+        <section id="section-categories" class="hidden">
+            <div class="flex justify-between items-center mb-6">
+                <h1 class="text-2xl font-bold text-gray-800">分类管理</h1>
+                <button onclick="openAddModal('category')" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"><i class="ri-add-line mr-2"></i>添加分类</button>
+            </div>
+            <div class="bg-blue-50 rounded-lg p-4 mb-4">
+                <p class="text-sm text-blue-700"><i class="ri-information-line mr-1"></i>内置分类（AI模型、GPU、CPU）的子类别配置可在此编辑，其数据管理入口在左侧导航栏的独立页面。</p>
+            </div>
+            <div class="bg-white rounded-xl shadow-sm overflow-hidden">
+                <table class="w-full">
+                    <thead class="bg-gray-50 border-b">
+                        <tr>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">图标</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">ID</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">名称</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">类型</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">参数字段</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">子类别</th>
+                            <th class="px-4 py-3 text-center text-sm font-medium text-gray-600">操作</th>
+                        </tr>
+                    </thead>
+                    <tbody id="admin-categories-table"><tr><td colspan="7" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
+                </table>
+            </div>
+        </section>
+
+        <!-- 动态分类数据管理容器 -->
+        <section id="section-dynamic" class="hidden">
+            <div class="flex justify-between items-center mb-6">
+                <h1 class="text-2xl font-bold text-gray-800" id="dynamic-title">数据管理</h1>
+                <div class="flex gap-2">
+                    <button onclick="openSmartAddModal('dynamic')" class="px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700"><i class="ri-magic-line mr-2"></i>智能添加</button>
+                    <button onclick="openAddModal('dynamic')" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700"><i class="ri-add-line mr-2"></i>手动添加</button>
+                </div>
+            </div>
+            <div class="bg-gray-50 rounded-lg p-3 mb-4 flex items-center gap-4" id="dynamic-filter-area">
+                <span class="text-sm text-gray-600">子类别筛选：</span>
+                <button onclick="filterDynamicBySubcategory('')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">全部</button>
+                <div id="dynamic-subcategory-filters" class="flex gap-2"></div>
+            </div>
+            <div class="bg-white rounded-xl shadow-sm overflow-hidden">
+                <table class="w-full"><tbody id="admin-dynamic-table"><tr><td class="text-center text-gray-400 py-8">加载中...</td></tr></tbody></table>
+            </div>
+        </section>
+
+        <!-- 大模型管理 -->
+        <section id="section-models" class="hidden">
+            <div class="flex justify-between items-center mb-6">
+                <h1 class="text-2xl font-bold text-gray-800">大模型管理</h1>
+                <div class="flex gap-2">
+                    <button onclick="openSmartAddModal('model')" class="px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700"><i class="ri-magic-line mr-2"></i>智能添加</button>
+                    <button onclick="openAddModal('model')" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700"><i class="ri-add-line mr-2"></i>手动添加</button>
+                </div>
+            </div>
+            <div class="bg-gray-50 rounded-lg p-3 mb-4 flex items-center gap-4">
+                <span class="text-sm text-gray-600">子类别筛选：</span>
+                <button onclick="filterModelsBySubcategory('')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">全部</button>
+                <div id="model-subcategory-filters" class="flex gap-2"></div>
+            </div>
+            <div class="bg-white rounded-xl shadow-sm overflow-x-auto">
+                <table class="w-full" id="admin-models-table">
+                    <tbody><tr><td colspan="20" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
+                </table>
+            </div>
+        </section>
+
+        <!-- GPU管理 -->
+        <section id="section-gpus" class="hidden">
+            <div class="flex justify-between items-center mb-6">
+                <h1 class="text-2xl font-bold text-gray-800">GPU管理</h1>
+                <div class="flex gap-2">
+                    <button onclick="openSmartAddModal('gpu')" class="px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700"><i class="ri-magic-line mr-2"></i>智能添加</button>
+                    <button onclick="openAddModal('gpu')" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700"><i class="ri-add-line mr-2"></i>手动添加</button>
+                </div>
+            </div>
+            <div class="bg-gray-50 rounded-lg p-3 mb-4 flex items-center gap-4">
+                <span class="text-sm text-gray-600">子类别筛选：</span>
+                <button onclick="filterGpusBySubcategory('')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">全部</button>
+                <div id="gpu-subcategory-filters" class="flex gap-2"></div>
+            </div>
+            <div class="bg-white rounded-xl shadow-sm overflow-x-auto">
+                <table class="w-full" id="admin-gpus-table">
+                    <tbody><tr><td colspan="20" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
+                </table>
+            </div>
+        </section>
+
+        <!-- CPU管理 -->
+        <section id="section-cpus" class="hidden">
+            <div class="flex justify-between items-center mb-6">
+                <h1 class="text-2xl font-bold text-gray-800">CPU管理</h1>
+                <div class="flex gap-2">
+                    <button onclick="openSmartAddModal('cpu')" class="px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700"><i class="ri-magic-line mr-2"></i>智能添加</button>
+                    <button onclick="openAddModal('cpu')" class="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700"><i class="ri-add-line mr-2"></i>手动添加</button>
+                </div>
+            </div>
+            <div class="bg-gray-50 rounded-lg p-3 mb-4 flex items-center gap-4">
+                <span class="text-sm text-gray-600">子类别筛选：</span>
+                <button onclick="filterCpusBySubcategory('')" class="px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100">全部</button>
+                <div id="cpu-subcategory-filters" class="flex gap-2"></div>
+            </div>
+            <div class="bg-white rounded-xl shadow-sm overflow-x-auto">
+                <table class="w-full" id="admin-cpus-table">
+                    <tbody><tr><td colspan="20" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
+                </table>
+            </div>
+        </section>
+
+        <!-- 知识库管理 -->
+        <section id="section-knowledge" class="hidden">
+            <div class="flex justify-between items-center mb-6">
+                <h1 class="text-2xl font-bold text-gray-800">知识库管理</h1>
+                <button onclick="openAddModal('knowledge')" class="px-4 py-2 bg-teal-600 text-white rounded-lg hover:bg-teal-700"><i class="ri-add-line mr-2"></i>添加知识</button>
+            </div>
+            <div class="bg-white rounded-xl shadow-sm p-4 mb-4">
+                <div class="flex items-center gap-2">
+                    <span class="text-sm text-gray-600">筛选分类：</span>
+                    <button onclick="filterKnowledge('')" class="px-3 py-1 rounded text-sm bg-gray-100 text-gray-600 hover:bg-gray-200">全部</button>
+                    <div id="category-filters" class="flex gap-2"></div>
+                </div>
+            </div>
+            <div class="bg-white rounded-xl shadow-sm overflow-hidden">
+                <table class="w-full">
+                    <thead class="bg-gray-50 border-b">
+                        <tr>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">图标</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">标题</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">分类</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">简介</th>
+                            <th class="px-4 py-3 text-left text-sm font-medium text-gray-600">排序</th>
+                            <th class="px-4 py-3 text-center text-sm font-medium text-gray-600">显示</th>
+                            <th class="px-4 py-3 text-center text-sm font-medium text-gray-600">操作</th>
+                        </tr>
+                    </thead>
+                    <tbody id="admin-knowledge-table"><tr><td colspan="7" class="text-center text-gray-400 py-8">加载中...</td></tr></tbody>
+                </table>
+            </div>
+        </section>
+    </main>
+
+    <!-- 编辑弹窗 -->
+    <div id="editModal" class="fixed inset-0 bg-black/50 z-50 hidden flex items-center justify-center">
+        <div class="bg-white rounded-xl max-w-2xl w-full mx-4 max-h-[90vh] overflow-auto">
+            <div class="p-6 border-b flex justify-between items-center sticky top-0 bg-white z-10">
+                <h2 class="text-xl font-bold text-gray-800" id="modalTitle">添加/编辑</h2>
+                <button onclick="closeModal()" class="text-gray-400 hover:text-gray-600"><i class="ri-close-line text-2xl"></i></button>
+            </div>
+            <div id="modalContent" class="p-6"></div>
+            <!-- 解析来源历史 -->
+            <div id="parseSourcesArea" class="hidden border-t mx-6 pt-4">
+                <h3 class="text-sm font-semibold text-gray-700 mb-2"><i class="ri-history-line mr-1"></i>解析来源记录</h3>
+                <div id="parseSourcesList" class="space-y-2 mb-4"></div>
+            </div>
+            <div class="p-6 border-t flex justify-end gap-4 sticky bottom-0 bg-white">
+                <button onclick="closeModal()" class="px-4 py-2 bg-gray-200 text-gray-600 rounded-lg hover:bg-gray-300">取消</button>
+                <button onclick="openSmartUpdateModal()" id="smartUpdateBtn" class="px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700 hidden"><i class="ri-magic-line mr-1"></i>补充解析</button>
+                <button onclick="saveItem()" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700">保存</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- 智能添加弹窗 -->
+    <div id="smartAddModal" class="fixed inset-0 bg-black/50 z-50 hidden flex items-center justify-center">
+        <div class="bg-white rounded-xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-auto">
+            <div class="p-6 border-b flex justify-between items-center sticky top-0 bg-white z-10">
+                <h2 class="text-xl font-bold text-gray-800"><i class="ri-magic-line mr-2 text-orange-600"></i>智能添加参数</h2>
+                <button onclick="closeSmartAddModal()" class="text-gray-400 hover:text-gray-600"><i class="ri-close-line text-2xl"></i></button>
+            </div>
+            <div class="p-6">
+                <!-- 子类别选择 -->
+                <div class="mb-4" id="smartAddSubcategoryArea">
+                    <label class="text-sm text-gray-600 mb-2 block">选择子类别（可选，用于匹配特定参数字段）</label>
+                    <select id="smartAddSubcategory" class="w-full px-3 py-2 border rounded-lg" onchange="loadSmartAddPrompt()">
+                        <option value="">请选择子类别</option>
+                    </select>
+                </div>
+                
+                <div class="bg-orange-50 rounded-lg p-4 mb-4">
+                    <p class="text-sm text-orange-700"><i class="ri-information-line mr-1"></i>上传<strong>产品参数截图</strong>或<strong>参数文本</strong>，AI将根据类别字段配置自动解析参数。支持多次解析，每次来源都会被记录。</p>
+                </div>
+                
+                <!-- Prompt 编辑区域（可折叠） -->
+                <div class="mb-4 border rounded-lg">
+                    <div class="flex items-center justify-between p-3 bg-gray-50 cursor-pointer" onclick="togglePromptEditor()">
+                        <div class="flex items-center gap-2">
+                            <i class="ri-code-line text-gray-500"></i>
+                            <span class="text-sm font-medium text-gray-700">查看/编辑解析 Prompt</span>
+                        </div>
+                        <i class="ri-arrow-down-s-line text-gray-400 transition-transform" id="promptToggleIcon"></i>
+                    </div>
+                    <div id="promptEditorArea" class="hidden p-3 border-t">
+                        <div class="text-xs text-gray-500 mb-2">
+                            <i class="ri-information-line mr-1"></i>
+                            Prompt 包含字段配置，AI 将根据此指令解析参数。可自定义修改以优化解析效果。
+                        </div>
+                        <div class="bg-gray-100 rounded p-2 mb-2 text-xs text-gray-600" id="promptFieldsInfo">
+                            <!-- 字段信息显示 -->
+                        </div>
+                        <textarea id="smartAddPrompt" rows="8" class="w-full p-3 border rounded-lg text-sm text-gray-700 font-mono focus:outline-none focus:border-orange-400" placeholder="加载中..."></textarea>
+                        <div class="flex gap-2 mt-2">
+                            <button onclick="resetSmartAddPrompt()" class="px-3 py-1 bg-gray-100 text-gray-600 rounded text-xs hover:bg-gray-200">
+                                <i class="ri-refresh-line mr-1"></i>重置为默认
+                            </button>
+                            <button onclick="loadSmartAddPrompt()" class="px-3 py-1 bg-blue-100 text-blue-600 rounded text-xs hover:bg-blue-200">
+                                <i class="ri-download-line mr-1"></i>刷新字段配置
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="mb-6">
+                    <p class="text-sm text-gray-500 mb-3">上传参数截图（规格表、参数页面等），AI将识别并解析参数数据</p>
+                    <div class="flex flex-wrap gap-3 mb-3" id="smartImagePreviewArea">
+                        <!-- 图片预览区 -->
+                    </div>
+                    <div class="flex gap-3">
+                        <input type="file" id="smartImageInput" accept="image/*" multiple class="hidden" onchange="handleSmartImageUpload(event)">
+                        <button onclick="document.getElementById('smartImageInput').click()" class="px-4 py-2 bg-orange-100 text-orange-600 rounded-lg hover:bg-orange-200 text-sm">
+                            <i class="ri-image-add-line mr-1"></i>上传参数截图（支持多选）
+                        </button>
+                        <button onclick="pasteSmartImageFromClipboard()" class="px-4 py-2 bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200 text-sm">
+                            <i class="ri-clipboard-line mr-1"></i>粘贴截图
+                        </button>
+                        <button onclick="clearSmartImages()" class="px-4 py-2 bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200 text-sm">
+                            <i class="ri-delete-bin-line mr-1"></i>清空图片
+                        </button>
+                    </div>
+                    <div class="mt-3 text-xs text-gray-400">
+                        <i class="ri-information-line mr-1"></i>
+                        已选择 <span id="smartImageCount">0</span> 张参数截图
+                    </div>
+                </div>
+                <div class="border-t pt-4">
+                    <label class="text-sm text-gray-600 mb-2 block">参数文本（可选，可粘贴产品规格说明）</label>
+                    <textarea id="smartAddText" rows="4" class="w-full p-4 border border-gray-200 rounded-lg focus:outline-none focus:border-orange-400 text-gray-700" placeholder="可粘贴产品参数文本、规格说明等..."></textarea>
+                </div>
+                <div id="smartAddPreview" class="mt-4 hidden">
+                    <h3 class="text-sm font-semibold text-gray-700 mb-2"><i class="ri-checkbox-circle-line text-green-600 mr-1"></i>解析结果预览：</h3>
+                    <div class="bg-gray-50 rounded-lg p-4 text-sm text-gray-600" id="smartAddResult">
+                        <!-- 解析结果显示 -->
+                    </div>
+                    <div class="mt-3 flex gap-2" id="smartAddActions">
+                        <!-- 操作按钮 -->
+                    </div>
+                </div>
+            </div>
+            <div class="p-6 border-t flex justify-end gap-4 sticky bottom-0 bg-white">
+                <button onclick="closeSmartAddModal()" class="px-4 py-2 bg-gray-200 text-gray-600 rounded-lg hover:bg-gray-300">取消</button>
+                <button onclick="previewSmartParse()" id="previewBtn" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"><i class="ri-eye-line mr-1"></i>预览解析结果</button>
+                <button onclick="smartAddSubmit()" id="smartAddBtn" class="px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700"><i class="ri-magic-line mr-1"></i>解析并添加</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- 原始数据查看弹窗 -->
+    <div id="rawDataModal" class="fixed inset-0 bg-black/50 z-50 hidden flex items-center justify-center">
+        <div class="bg-white rounded-xl max-w-3xl w-full mx-4 max-h-[90vh] overflow-auto">
+            <div class="p-6 border-b flex justify-between items-center sticky top-0 bg-white z-10">
+                <h2 class="text-xl font-bold text-gray-800"><i class="ri-file-text-line mr-2"></i>原始数据</h2>
+                <button onclick="closeRawDataModal()" class="text-gray-400 hover:text-gray-600"><i class="ri-close-line text-2xl"></i></button>
+            </div>
+            <div id="rawDataContent" class="p-6">
+                <div class="bg-gray-50 rounded-lg p-4 text-sm text-gray-700 whitespace-pre-wrap" id="rawDataText"></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 子类别编辑弹框 -->
+    <div id="subcategoryModal" class="fixed inset-0 bg-black/50 z-50 hidden flex items-center justify-center">
+        <div class="bg-white rounded-xl max-w-2xl w-full mx-4 max-h-[90vh] overflow-auto">
+            <div class="p-6 border-b flex justify-between items-center sticky top-0 bg-white z-10">
+                <h2 class="text-xl font-bold text-gray-800" id="subcategoryModalTitle"><i class="ri-folder-line mr-2"></i>添加子类别</h2>
+                <button onclick="closeSubcategoryModal()" class="text-gray-400 hover:text-gray-600"><i class="ri-close-line text-2xl"></i></button>
+            </div>
+            <div id="subcategoryModalContent" class="p-6">
+                <!-- 动态内容 -->
+            </div>
+            <div class="p-6 border-t flex justify-end gap-4 sticky bottom-0 bg-white">
+                <button onclick="closeSubcategoryModal()" class="px-4 py-2 bg-gray-200 text-gray-600 rounded-lg hover:bg-gray-300">取消</button>
+                <button onclick="saveSubcategory()" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700"><i class="ri-save-line mr-1"></i>保存</button>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 参数字段编辑弹框 -->
+    <div id="fieldModal" class="fixed inset-0 bg-black/50 z-50 hidden flex items-center justify-center">
+        <div class="bg-white rounded-xl max-w-lg w-full mx-4">
+            <div class="p-6 border-b flex justify-between items-center">
+                <h2 class="text-xl font-bold text-gray-800" id="fieldModalTitle"><i class="ri-list-settings-line mr-2"></i>添加参数字段</h2>
+                <button onclick="closeFieldModal()" class="text-gray-400 hover:text-gray-600"><i class="ri-close-line text-2xl"></i></button>
+            </div>
+            <div id="fieldModalContent" class="p-6">
+                <div class="space-y-4">
+                    <div><label class="text-sm text-gray-600 mb-1 block">字段名 *</label><input type="text" id="field_key" class="w-full px-3 py-2 border rounded-lg" placeholder="如：context_length"></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">显示名 *</label><input type="text" id="field_label" class="w-full px-3 py-2 border rounded-lg" placeholder="如：上下文长度"></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">字段类型</label><select id="field_type" class="w-full px-3 py-2 border rounded-lg">
+                        <option value="text">文本</option>
+                        <option value="number">数字</option>
+                        <option value="date">日期</option>
+                        <option value="boolean">布尔值</option>
+                        <option value="json">JSON对象</option>
+                        <option value="url">URL链接</option>
+                    </select></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">说明</label><textarea id="field_desc" rows="2" class="w-full px-3 py-2 border rounded-lg" placeholder="字段用途说明"></textarea></div>
+                    <div class="flex items-center gap-2">
+                        <input type="checkbox" id="field_required" class="rounded">
+                        <label class="text-sm text-gray-600">必填字段</label>
+                    </div>
+                </div>
+            </div>
+            <div class="p-6 border-t flex justify-end gap-4">
+                <button onclick="closeFieldModal()" class="px-4 py-2 bg-gray-200 text-gray-600 rounded-lg hover:bg-gray-300">取消</button>
+                <button onclick="saveField()" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700"><i class="ri-save-line mr-1"></i>保存</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- 智能补充弹窗 -->
+    <div id="smartUpdateModal" class="fixed inset-0 bg-black/50 z-50 hidden flex items-center justify-center">
+        <div class="bg-white rounded-xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-auto">
+            <div class="p-6 border-b flex justify-between items-center sticky top-0 bg-white z-10">
+                <h2 class="text-xl font-bold text-gray-800"><i class="ri-magic-line mr-2 text-orange-600"></i>补充解析参数</h2>
+                <button onclick="closeSmartUpdateModal()" class="text-gray-400 hover:text-gray-600"><i class="ri-close-line text-2xl"></i></button>
+            </div>
+            <div class="p-6">
+                <div class="bg-blue-50 rounded-lg p-4 mb-4">
+                    <p class="text-sm text-blue-700"><i class="ri-information-line mr-1"></i>上传<strong>参数截图</strong>或<strong>参数文本</strong>，AI将识别并补充缺失的参数字段。只会填充空白字段，不会覆盖已有数据。</p>
+                </div>
+                <div class="mb-6">
+                    <p class="text-sm text-gray-500 mb-3">上传产品参数截图（规格表、参数页面等），AI将识别并解析参数数据</p>
+                    <div class="flex flex-wrap gap-3 mb-3" id="smartUpdateImagePreviewArea">
+                        <!-- 图片预览区 -->
+                    </div>
+                    <div class="flex gap-3">
+                        <input type="file" id="smartUpdateImageInput" accept="image/*" multiple class="hidden" onchange="handleSmartUpdateImageUpload(event)">
+                        <button onclick="document.getElementById('smartUpdateImageInput').click()" class="px-4 py-2 bg-orange-100 text-orange-600 rounded-lg hover:bg-orange-200 text-sm">
+                            <i class="ri-image-add-line mr-1"></i>上传参数截图
+                        </button>
+                        <button onclick="pasteSmartUpdateImageFromClipboard()" class="px-4 py-2 bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200 text-sm">
+                            <i class="ri-clipboard-line mr-1"></i>粘贴截图
+                        </button>
+                        <button onclick="clearSmartUpdateImages()" class="px-4 py-2 bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200 text-sm">
+                            <i class="ri-delete-bin-line mr-1"></i>清空图片
+                        </button>
+                    </div>
+                    <div class="mt-3 text-xs text-gray-400">
+                        <i class="ri-information-line mr-1"></i>
+                        已选择 <span id="smartUpdateImageCount">0</span> 张参数截图
+                    </div>
+                </div>
+                <div class="border-t pt-4">
+                    <label class="text-sm text-gray-600 mb-2 block">参数文本（可选）</label>
+                    <textarea id="smartUpdateText" rows="4" class="w-full p-4 border border-gray-200 rounded-lg focus:outline-none focus:border-orange-400 text-gray-700" placeholder="可粘贴产品参数文本、规格说明等..."></textarea>
+                </div>
+                <div id="smartUpdatePreview" class="mt-4 hidden">
+                    <h3 class="text-sm font-semibold text-gray-700 mb-2"><i class="ri-checkbox-circle-line text-green-600 mr-1"></i>解析结果：</h3>
+                    <div class="bg-gray-50 rounded-lg p-4 text-sm text-gray-600" id="smartUpdateResult">
+                        <!-- 解析结果显示 -->
+                    </div>
+                </div>
+            </div>
+            <div class="p-6 border-t flex justify-end gap-4 sticky bottom-0 bg-white">
+                <button onclick="closeSmartUpdateModal()" class="px-4 py-2 bg-gray-200 text-gray-600 rounded-lg hover:bg-gray-300">取消</button>
+                <button onclick="smartUpdateSubmit()" id="smartUpdateSubmitBtn" class="px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700"><i class="ri-magic-line mr-1"></i>解析并补充</button>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        let currentType = '';
+        let currentId = '';
+        let currentData = {};
+        let categories = [];
+        let currentFilter = '';
+        let dynamicCategoryId = '';
+        let modelSubcategoryFilter = '';
+        let gpuSubcategoryFilter = '';
+        let cpuSubcategoryFilter = '';
+        let dynamicSubcategoryFilter = '';
+
+        // 生成随机ID（12位十六进制）
+        function generateId() {
+            return Math.random().toString(16).slice(2, 8) + Math.random().toString(16).slice(2, 8);
+        }
+        
+        // 获取子类别名称
+        function getSubcategoryName(categoryId, subcategoryId) {
+            const cat = categories.find(c => c.id === categoryId);
+            if (!cat || !cat.subcategories) return '-';
+            const sub = cat.subcategories.find(s => s.id === subcategoryId);
+            return sub ? sub.name : '-';
+        }
+        
+        // 获取子类别图标
+        function getSubcategoryIcon(categoryId, subcategoryId) {
+            const cat = categories.find(c => c.id === categoryId);
+            if (!cat || !cat.subcategories) return '';
+            const sub = cat.subcategories.find(s => s.id === subcategoryId);
+            return sub ? sub.icon : '';
+        }
+        
+        // 渲染子类别筛选按钮
+        function renderSubcategoryFilters(categoryId, containerId, filterFunction) {
+            const cat = categories.find(c => c.id === categoryId);
+            const container = document.getElementById(containerId);
+            if (!cat || !cat.subcategories || cat.subcategories.length === 0) {
+                container.innerHTML = '';
+                return;
+            }
+            
+            // 获取当前筛选值 - 根据容器ID判断
+            let currentFilter = '';
+            if (containerId === 'model-subcategory-filters') currentFilter = modelSubcategoryFilter;
+            else if (containerId === 'gpu-subcategory-filters') currentFilter = gpuSubcategoryFilter;
+            else if (containerId === 'cpu-subcategory-filters') currentFilter = cpuSubcategoryFilter;
+            else if (containerId === 'dynamic-subcategory-filters') currentFilter = dynamicSubcategoryFilter;
+            
+            // 渲染子类别按钮
+            container.innerHTML = cat.subcategories.map(sub => `
+                <button onclick="${filterFunction}('${sub.id}')" class="px-3 py-1 rounded text-sm ${currentFilter === sub.id ? 'bg-indigo-600 text-white' : 'bg-white border text-gray-600 hover:bg-gray-100'}">
+                    <i class="${sub.icon || 'ri-folder-line'} mr-1"></i>${sub.name}
+                </button>
+            `).join('');
+            
+            // 更新"全部"按钮的样式 - 它是容器前面的那个按钮
+            const allBtn = container.previousElementSibling;
+            if (allBtn && allBtn.tagName === 'BUTTON') {
+                if (currentFilter === '') {
+                    allBtn.className = 'px-3 py-1 rounded text-sm bg-indigo-600 text-white';
+                } else {
+                    allBtn.className = 'px-3 py-1 rounded text-sm bg-white border text-gray-600 hover:bg-gray-100';
+                }
+            }
+        }
+
+        const colorMap = {
+            blue: 'bg-blue-100 text-blue-600',
+            green: 'bg-green-100 text-green-600',
+            purple: 'bg-purple-100 text-purple-600',
+            orange: 'bg-orange-100 text-orange-600',
+            teal: 'bg-teal-100 text-teal-600',
+            red: 'bg-red-100 text-red-600'
+        };
+
+        // 价格格式化函数
+        function formatPrice(item) {
+            // 支持多种价格格式
+            const currency = item.currency || 'USD';
+            const symbols = { USD: '$', CNY: '¥', EUR: '€', JPY: '¥', GBP: '£' };
+            const symbol = symbols[currency] || currency;
+            
+            // 价格区间支持
+            const minPrice = item.min_price || item.price_usd_min || item.price_min;
+            const maxPrice = item.max_price || item.price_usd_max || item.price_max;
+            const singlePrice = item.price_usd || item.price_cny || item.price;
+            
+            // 单位处理
+            const unit = item.price_unit || '';
+            
+            if (minPrice && maxPrice) {
+                // 价格区间
+                return `${symbol}${formatNumber(minPrice)}-${formatNumber(maxPrice)}${unit ? ' ' + unit : ''}`;
+            } else if (singlePrice) {
+                return `${symbol}${formatNumber(singlePrice)}${unit ? ' ' + unit : ''}`;
+            } else {
+                return '-';
+            }
+        }
+        
+        // 数字格式化
+        function formatNumber(num) {
+            if (!num) return '0';
+            if (num >= 10000) {
+                return (num / 10000).toFixed(1) + '万';
+            }
+            if (num >= 1000) {
+                return (num / 1000).toFixed(1) + 'K';
+            }
+            return num.toLocaleString();
+        }
+        
+        // 日期格式化（短格式）
+        function formatDateShort(dateStr) {
+            if (!dateStr) return '-';
+            // 2026-04-20 18:30:00 -> 04-20 18:30
+            const match = dateStr.match(/\d{4}-(\d{2}-\d{2})\s*(\d{2}:\d{2})?/);
+            if (match) {
+                return match[1] + (match[2] ? ' ' + match[2] : '');
+            }
+            return dateStr;
+        }
+
+        // 初始化
+        async function init() {
+            await loadCategories();
+            renderSidebar();
+            loadOverview();
+        }
+
+        // 加载分类
+        async function loadCategories() {
+            const res = await fetch('/api/categories');
+            categories = await res.json();
+            categories.sort((a, b) => (a.order || 0) - (b.order || 0));
+        }
+
+        // 渲染侧边栏
+        function renderSidebar() {
+            const fixedItems = [
+                {id: 'overview', name: '概览', icon: 'ri-home-4-line'},
+                {id: 'config', name: '网站配置', icon: 'ri-settings-3-line'},
+                {id: 'categories', name: '分类管理', icon: 'ri-folder-line'},
+            ];
+            
+            // 内置分类映射
+            const builtinMap = {
+                'ai-models': {id: 'models', name: '大模型管理', icon: 'ri-robot-line'},
+                'gpus': {id: 'gpus', name: 'GPU管理', icon: 'ri-cpu-line'},
+                'cpus': {id: 'cpus', name: 'CPU管理', icon: 'ri-cpu-line'}
+            };
+            
+            let html = fixedItems.map(item => `
+                <a href="#${item.id}" onclick="showSection('${item.id}')" class="sidebar-link flex items-center gap-2 px-3 py-2 rounded-lg ${item.id === 'overview' ? 'active text-white' : 'text-gray-300'}" data-section="${item.id}">
+                    <i class="${item.icon}"></i>
+                    <span>${item.name}</span>
+                </a>
+            `).join('');
+            
+            // 添加每个分类的管理入口
+            categories.forEach(cat => {
+                const builtin = builtinMap[cat.id];
+                if (builtin) {
+                    html += `
+                        <a href="#${builtin.id}" onclick="showSection('${builtin.id}')" class="sidebar-link flex items-center gap-2 px-3 py-2 rounded-lg text-gray-300" data-section="${builtin.id}">
+                            <i class="${builtin.icon}"></i>
+                            <span>${builtin.name}</span>
+                        </a>
+                    `;
+                } else {
+                    // 动态分类
+                    html += `
+                        <a href="#cat-${cat.id}" onclick="dynamicSubcategoryFilter='';showDynamicCategory('${cat.id}')" class="sidebar-link flex items-center gap-2 px-3 py-2 rounded-lg text-gray-300" data-section="cat-${cat.id}">
+                            <i class="${cat.icon}"></i>
+                            <span>${cat.name}管理</span>
+                        </a>
+                    `;
+                }
+            });
+            
+            // 知识库管理
+            html += `
+                <a href="#knowledge" onclick="showSection('knowledge')" class="sidebar-link flex items-center gap-2 px-3 py-2 rounded-lg text-gray-300" data-section="knowledge">
+                    <i class="ri-book-open-line"></i>
+                    <span>知识库管理</span>
+                </a>
+            `;
+            
+            document.getElementById('sidebarNav').innerHTML = html;
+        }
+
+        // 显示动态分类数据
+        async function showDynamicCategory(categoryId) {
+            dynamicCategoryId = categoryId;
+            // 不要每次都重置筛选值，除非是新切换的分类
+            // dynamicSubcategoryFilter = '';  // 移除这行
+            const cat = categories.find(c => c.id === categoryId);
+            const fields = cat ? (cat.fields || []) : [];
+            const fixedFields = ['id', 'created_at', 'updated_at', 'visible', 'raw_text', 'category_id', 'subcategory_id', 'is_pinned', 'images'];
+            const displayFields = fields.filter(f => !fixedFields.includes(f.key));
+            
+            document.querySelectorAll('section').forEach(s => s.classList.add('hidden'));
+            document.getElementById('section-dynamic').classList.remove('hidden');
+            
+            document.querySelectorAll('.sidebar-link').forEach(a => {
+                a.classList.remove('active', 'text-white');
+                a.classList.add('text-gray-300');
+            });
+            const activeLink = document.querySelector(`.sidebar-link[data-section="cat-${categoryId}"]`);
+            if (activeLink) {
+                activeLink.classList.add('active', 'text-white');
+                activeLink.classList.remove('text-gray-300');
+            }
+            
+            document.getElementById('dynamic-title').textContent = cat.name + '管理';
+            
+            if (cat.subcategories && cat.subcategories.length > 0) {
+                document.getElementById('dynamic-filter-area').classList.remove('hidden');
+                renderSubcategoryFilters(categoryId, 'dynamic-subcategory-filters', 'filterDynamicBySubcategory');
+            } else {
+                document.getElementById('dynamic-filter-area').classList.add('hidden');
+            }
+            
+            const res = await fetch(`/api/items/${categoryId}?all=1`);
+            let items = await res.json();
+            
+            if (dynamicSubcategoryFilter) {
+                items = items.filter(i => i.subcategory_id === dynamicSubcategoryFilter);
+            }
+            
+            if (items.length === 0) {
+                document.getElementById('admin-dynamic-table').innerHTML = '<tr><td class="text-center text-gray-400 py-8">暂无数据</td></tr>';
+            } else {
+                let html = `<thead class="bg-gray-50 border-b"><tr>`;
+                if (cat.subcategories && cat.subcategories.length > 0) {
+                    html += `<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">子类别</th>`;
+                }
+                displayFields.forEach(f => {
+                    html += `<th class="px-4 py-3 text-left text-sm font-medium text-gray-600">${f.label}</th>`;
+                });
+                html += `<th class="px-4 py-3 text-center text-sm font-medium text-gray-600">显示</th>`;
+                html += `<th class="px-4 py-3 text-center text-sm font-medium text-gray-600">操作</th></tr></thead><tbody>`;
+                
+                items.forEach(item => {
+                    html += `<tr class="border-b hover:bg-gray-50 ${item.visible === false ? 'bg-gray-100 opacity-60' : ''}">`;
+                    if (cat.subcategories && cat.subcategories.length > 0) {
+                        html += `<td class="px-4 py-3">${item.subcategory_id ? `<span class="px-2 py-1 bg-indigo-100 text-indigo-600 rounded text-xs"><i class="${getSubcategoryIcon(categoryId, item.subcategory_id)} mr-1"></i>${getSubcategoryName(categoryId, item.subcategory_id)}</span>` : '<span class="text-gray-400">-</span>'}</td>`;
+                    }
+                    displayFields.forEach(f => {
+                        const value = item[f.key];
+                        let displayValue = '-';
+                        if (value !== null && value !== undefined && value !== '') {
+                            if (f.type === 'boolean') {
+                                displayValue = value ? '<span class="text-green-600">是</span>' : '<span class="text-gray-400">否</span>';
+                            } else if (f.type === 'json') {
+                                displayValue = typeof value === 'object' ? JSON.stringify(value).substring(0, 30) + '...' : String(value).substring(0, 30);
+                            } else {
+                                displayValue = String(value).substring(0, 30);
+                            }
+                        }
+                        html += `<td class="px-4 py-3 text-gray-600">${displayValue}</td>`;
+                    });
+                    html += `<td class="px-4 py-3 text-center">
+                        <button onclick="toggleVisible('dynamic', '${item.id}')" class="${item.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80">
+                            <i class="${item.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
+                        </button>
+                        ${item.raw_text ? `<button onclick="showRawData('${item.id}', 'dynamic')" class="text-gray-400 hover:text-gray-600 ml-1"><i class="ri-file-text-line"></i></button>` : ''}
+                    </td>`;
+                    html += `<td class="px-4 py-3 text-center">
+                        <button onclick="editDynamicItem('${item.id}')" class="text-blue-600 hover:text-blue-800 mr-2"><i class="ri-edit-line"></i></button>
+                        <button onclick="deleteDynamicItem('${item.id}')" class="text-red-600 hover:text-red-800"><i class="ri-delete-bin-line"></i></button>
+                    </td></tr>`;
+                });
+                html += '</tbody>';
+                document.getElementById('admin-dynamic-table').innerHTML = html;
+            }
+        }
+        
+        function filterDynamicBySubcategory(subId) {
+            dynamicSubcategoryFilter = subId;
+            showDynamicCategory(dynamicCategoryId);
+        }
+
+        // 切换显示区域
+        function showSection(section) {
+            document.querySelectorAll('section').forEach(s => s.classList.add('hidden'));
+            document.getElementById('section-' + section).classList.remove('hidden');
+            
+            document.querySelectorAll('.sidebar-link').forEach(a => {
+                a.classList.remove('active', 'text-white');
+                a.classList.add('text-gray-300');
+            });
+            const activeLink = document.querySelector(`.sidebar-link[data-section="${section}"]`);
+            if (activeLink) {
+                activeLink.classList.add('active', 'text-white');
+                activeLink.classList.remove('text-gray-300');
+            }
+            
+            if (section === 'categories') loadAdminCategories();
+            if (section === 'config') loadSiteConfig();
+            if (section === 'models') loadAdminModels();
+            if (section === 'gpus') loadAdminGpus();
+            if (section === 'cpus') loadAdminCpus();
+            if (section === 'knowledge') loadAdminKnowledge();
+        }
+
+        // 加载网站配置
+        async function loadSiteConfig() {
+            const res = await fetch('/api/config');
+            const config = await res.json();
+            
+            // 网站基础配置
+            document.getElementById('config_site_name').value = config.site_name || '';
+            document.getElementById('config_site_subtitle').value = config.site_subtitle || '';
+            document.getElementById('config_icp_number').value = config.icp_number || '';
+            document.getElementById('config_contact_email').value = config.contact_email || '';
+            document.getElementById('config_github_url').value = config.github_url || '';
+            document.getElementById('config_copyright_year').value = config.copyright_year || '';
+            document.getElementById('config_footer_text').value = config.footer_text || '';
+            
+            // LLM配置
+            document.getElementById('config_llm_base_url').value = config.llm_base_url || 'http://192.168.2.17:19007/v1';
+            document.getElementById('config_llm_api_key').value = config.llm_api_key || '';
+            document.getElementById('config_llm_model').value = config.llm_model || 'auto';
+            document.getElementById('config_llm_vision_model').value = config.llm_vision_model || 'gpt-4-vision-preview';
+        }
+        
+        // 保存网站配置
+        async function saveSiteConfig() {
+            const config = {
+                // 网站基础配置
+                site_name: document.getElementById('config_site_name').value,
+                site_subtitle: document.getElementById('config_site_subtitle').value,
+                icp_number: document.getElementById('config_icp_number').value,
+                contact_email: document.getElementById('config_contact_email').value,
+                github_url: document.getElementById('config_github_url').value,
+                copyright_year: document.getElementById('config_copyright_year').value,
+                footer_text: document.getElementById('config_footer_text').value,
+                // LLM配置
+                llm_base_url: document.getElementById('config_llm_base_url').value,
+                llm_api_key: document.getElementById('config_llm_api_key').value,
+                llm_model: document.getElementById('config_llm_model').value,
+                llm_vision_model: document.getElementById('config_llm_vision_model').value,
+            };
+            
+            try {
+                const res = await fetch('/api/config', {
+                    method: 'PUT',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(config)
+                });
+                
+                const data = await res.json();
+                alert('配置已保存！');
+            } catch (e) {
+                alert('保存失败: ' + e.message);
+            }
+        }
+
+        // 加载概览统计
+        async function loadOverview() {
+            const res = await fetch('/api/stats');
+            const data = await res.json();
+            
+            const statsHtml = `
+                <div class="bg-white rounded-xl p-5 shadow-sm">
+                    <div class="flex items-center gap-3">
+                        <div class="w-10 h-10 rounded-lg bg-blue-100 flex items-center justify-center"><i class="ri-folder-line text-xl text-blue-600"></i></div>
+                        <div><div class="text-2xl font-bold text-gray-800">${data.categories_count}</div><div class="text-xs text-gray-500">分类数量</div></div>
+                    </div>
+                </div>
+                <div class="bg-white rounded-xl p-5 shadow-sm">
+                    <div class="flex items-center gap-3">
+                        <div class="w-10 h-10 rounded-lg bg-indigo-100 flex items-center justify-center"><i class="ri-robot-line text-xl text-indigo-600"></i></div>
+                        <div><div class="text-2xl font-bold text-gray-800">${data.models_count}</div><div class="text-xs text-gray-500">模型数量</div></div>
+                    </div>
+                </div>
+                <div class="bg-white rounded-xl p-5 shadow-sm">
+                    <div class="flex items-center gap-3">
+                        <div class="w-10 h-10 rounded-lg bg-green-100 flex items-center justify-center"><i class="ri-cpu-line text-xl text-green-600"></i></div>
+                        <div><div class="text-2xl font-bold text-gray-800">${data.gpus_count}</div><div class="text-xs text-gray-500">GPU数量</div></div>
+                    </div>
+                </div>
+                <div class="bg-white rounded-xl p-5 shadow-sm">
+                    <div class="flex items-center gap-3">
+                        <div class="w-10 h-10 rounded-lg bg-purple-100 flex items-center justify-center"><i class="ri-cpu-line text-xl text-purple-600"></i></div>
+                        <div><div class="text-2xl font-bold text-gray-800">${data.cpus_count}</div><div class="text-xs text-gray-500">CPU数量</div></div>
+                    </div>
+                </div>
+                <div class="bg-white rounded-xl p-5 shadow-sm">
+                    <div class="flex items-center gap-3">
+                        <div class="w-10 h-10 rounded-lg bg-teal-100 flex items-center justify-center"><i class="ri-book-open-line text-xl text-teal-600"></i></div>
+                        <div><div class="text-2xl font-bold text-gray-800">${data.knowledge_count}</div><div class="text-xs text-gray-500">知识条目</div></div>
+                    </div>
+                </div>
+            `;
+            document.getElementById('statsCards').innerHTML = statsHtml;
+            
+            // 快捷操作
+            const actionsHtml = `
+                <button onclick="showSection('categories'); openAddModal('category')" class="px-4 py-3 bg-blue-50 text-blue-600 rounded-lg hover:bg-blue-100 transition text-sm"><i class="ri-add-line mr-1"></i>添加分类</button>
+                <button onclick="showSection('models'); openAddModal('model')" class="px-4 py-3 bg-indigo-50 text-indigo-600 rounded-lg hover:bg-indigo-100 transition text-sm"><i class="ri-add-line mr-1"></i>添加模型</button>
+                <button onclick="showSection('gpus'); openAddModal('gpu')" class="px-4 py-3 bg-green-50 text-green-600 rounded-lg hover:bg-green-100 transition text-sm"><i class="ri-add-line mr-1"></i>添加GPU</button>
+                <button onclick="showSection('cpus'); openAddModal('cpu')" class="px-4 py-3 bg-purple-50 text-purple-600 rounded-lg hover:bg-purple-100 transition text-sm"><i class="ri-add-line mr-1"></i>添加CPU</button>
+                <button onclick="showSection('knowledge'); openAddModal('knowledge')" class="px-4 py-3 bg-teal-50 text-teal-600 rounded-lg hover:bg-teal-100 transition text-sm"><i class="ri-add-line mr-1"></i>添加知识</button>
+            `;
+            document.getElementById('quickActions').innerHTML = actionsHtml;
+            
+            const models = data.latest_models || [];
+            document.getElementById('recent-models').innerHTML = models.length > 0 
+                ? models.map(m => `<div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg"><div><span class="font-medium text-gray-800">${m.name}</span><span class="text-sm text-gray-500 ml-2">${m.organization}</span></div><div class="text-sm text-gray-400">${m.is_open_source ? '开源' : '商业'}</div></div>`).join('')
+                : '<div class="text-gray-400">暂无数据</div>';
+        }
+
+        // 内置分类列表
+        const builtinCategories = ['ai-models', 'gpus', 'cpus'];
+        
+        // 加载分类列表
+        async function loadAdminCategories() {
+            const res = await fetch('/api/categories?all=1');
+            categories = await res.json();
+            
+            if (categories.length === 0) {
+                document.getElementById('admin-categories-table').innerHTML = '<tr><td colspan="6" class="text-center text-gray-400 py-8">暂无数据</td></tr>';
+                return;
+            }
+            
+            document.getElementById('admin-categories-table').innerHTML = categories.map(c => {
+                const isBuiltin = builtinCategories.includes(c.id);
+                const subcatCount = (c.subcategories || []).length;
+                const fieldsCount = (c.fields || []).length;
+                return `
+                <tr class="border-b hover:bg-gray-50 ${c.visible === false ? 'bg-gray-100 opacity-60' : ''} ${isBuiltin ? 'bg-indigo-50' : ''}">
+                    <td class="px-4 py-3"><div class="w-10 h-10 rounded-lg ${colorMap[c.color] || 'bg-gray-100 text-gray-600'} flex items-center justify-center"><i class="${c.icon} text-xl"></i></div></td>
+                    <td class="px-4 py-3 text-gray-500 text-sm font-mono">${c.id}</td>
+                    <td class="px-4 py-3 font-medium text-gray-800">${c.name}</td>
+                    <td class="px-4 py-3 text-sm">
+                        ${isBuiltin ? '<span class="px-2 py-1 bg-indigo-100 text-indigo-600 rounded text-xs">内置</span>' : '<span class="text-gray-500">自定义</span>'}
+                    </td>
+                    <td class="px-4 py-3 text-sm">
+                        ${fieldsCount > 0 ? `<span class="px-2 py-1 bg-blue-100 text-blue-600 rounded text-xs">${fieldsCount} 个</span>` : '<span class="text-gray-400">无</span>'}
+                    </td>
+                    <td class="px-4 py-3 text-sm">
+                        ${subcatCount > 0 ? `<span class="px-2 py-1 bg-green-100 text-green-600 rounded text-xs">${subcatCount} 个</span>` : '<span class="text-gray-400">无</span>'}
+                    </td>
+                    <td class="px-4 py-3 text-center">
+                        <button onclick="editItem('category', '${c.id}')" class="text-blue-600 hover:text-blue-800 mr-2" title="编辑"><i class="ri-edit-line"></i></button>
+                        ${!isBuiltin ? `<button onclick="deleteItem('category', '${c.id}')" class="text-red-600 hover:text-red-800" title="删除"><i class="ri-delete-bin-line"></i></button>` : '<span class="text-gray-300 cursor-not-allowed"><i class="ri-delete-bin-line"></i></span>'}
+                    </td>
+                </tr>
+                `;
+            }).join('');
+        }
+
+        // 加载模型列表
+        async function loadAdminModels() {
+            renderSubcategoryFilters('ai-models', 'model-subcategory-filters', 'filterModelsBySubcategory');
+            
+            // 获取类别字段配置
+            const cat = categories.find(c => c.id === 'ai-models');
+            const fields = cat ? (cat.fields || []) : [];
+            const subcats = cat ? (cat.subcategories || []) : [];
+            
+            const res = await fetch('/api/models?all=1');
+            let models = await res.json();
+            
+            // 子类别筛选
+            if (modelSubcategoryFilter) {
+                models = models.filter(m => m.subcategory_id === modelSubcategoryFilter);
+            }
+            
+            if (models.length === 0) { 
+                document.getElementById('admin-models-table').innerHTML = '<tr><td colspan="20" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; 
+                return; 
+            }
+            
+            // 动态生成表头
+            const fixedFields = ['subcategory_id', 'id', 'images']; // 固定字段
+            const displayFields = fields.filter(f => !fixedFields.includes(f.key));
+            
+            let headerHtml = `
+                <thead class="bg-gray-50 border-b">
+                    <tr>
+                        <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">置顶</th>
+                        <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">名称</th>
+                        <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">子类别</th>`;
+            
+            // 添加动态字段列（只显示前6个关键字段）
+            displayFields.slice(0, 6).forEach(f => {
+                headerHtml += `<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">${f.label}</th>`;
+            });
+            
+            headerHtml += `
+                        <th class="px-3 py-3 text-center text-sm font-medium text-gray-600">显示</th>
+                        <th class="px-3 py-3 text-center text-sm font-medium text-gray-600">操作</th>
+                    </tr>
+                </thead>`;
+            
+            // 动态生成表格内容
+            let bodyHtml = '<tbody>';
+            models.forEach(m => {
+                bodyHtml += `
+                    <tr class="border-b hover:bg-gray-50 ${m.visible === false ? 'bg-gray-100 opacity-60' : ''} ${m.is_pinned ? 'bg-yellow-50' : ''}">
+                        <td class="px-3 py-3 text-center">
+                            <button onclick="togglePin('model', '${m.id}')" class="${m.is_pinned ? 'text-yellow-500' : 'text-gray-400'} hover:opacity-80">
+                                <i class="${m.is_pinned ? 'ri-pushpin-fill' : 'ri-pushpin-line'}"></i>
+                            </button>
+                        </td>
+                        <td class="px-3 py-3 font-medium text-gray-800">${m.name || '-'}</td>
+                        <td class="px-3 py-3">
+                            ${m.subcategory_id ? `<span class="px-2 py-1 bg-blue-100 text-blue-600 rounded text-xs"><i class="${getSubcategoryIcon('ai-models', m.subcategory_id)} mr-1"></i>${getSubcategoryName('ai-models', m.subcategory_id)}</span>` : '<span class="text-gray-400">-</span>'}
+                        </td>`;
+                
+                // 添加动态字段值
+                displayFields.slice(0, 6).forEach(f => {
+                    const value = m[f.key];
+                    let displayValue = '-';
+                    if (value !== null && value !== undefined && value !== '') {
+                        if (f.type === 'boolean') {
+                            displayValue = value ? '<span class="text-green-600">是</span>' : '<span class="text-gray-400">否</span>';
+                        } else if (f.type === 'number') {
+                            displayValue = value;
+                        } else {
+                            displayValue = String(value).substring(0, 20);
+                        }
+                    }
+                    bodyHtml += `<td class="px-3 py-3 text-gray-600">${displayValue}</td>`;
+                });
+                
+                bodyHtml += `
+                        <td class="px-3 py-3 text-center">
+                            <button onclick="toggleVisible('model', '${m.id}')" class="${m.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80">
+                                <i class="${m.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
+                            </button>
+                            ${m.raw_text ? `<button onclick="showRawData('${m.id}', 'model')" class="text-gray-400 hover:text-gray-600 ml-1"><i class="ri-file-text-line"></i></button>` : ''}
+                        </td>
+                        <td class="px-3 py-3 text-center">
+                            <button onclick="editItem('model', '${m.id}')" class="text-blue-600 hover:text-blue-800 mr-2"><i class="ri-edit-line"></i></button>
+                            <button onclick="deleteItem('model', '${m.id}')" class="text-red-600 hover:text-red-800"><i class="ri-delete-bin-line"></i></button>
+                        </td>
+                    </tr>`;
+            });
+            bodyHtml += '</tbody>';
+            
+            document.getElementById('admin-models-table').innerHTML = headerHtml + bodyHtml;
+        }
+        
+        function filterModelsBySubcategory(subId) {
+            modelSubcategoryFilter = subId;
+            loadAdminModels();
+        }
+
+        // 加载GPU列表
+        async function loadAdminGpus() {
+            renderSubcategoryFilters('gpus', 'gpu-subcategory-filters', 'filterGpusBySubcategory');
+            
+            const cat = categories.find(c => c.id === 'gpus');
+            const fields = cat ? (cat.fields || []) : [];
+            const fixedFields = ['subcategory_id', 'id', 'images'];
+            const displayFields = fields.filter(f => !fixedFields.includes(f.key));
+            
+            const res = await fetch('/api/gpus?all=1');
+            let gpus = await res.json();
+            
+            if (gpuSubcategoryFilter) {
+                gpus = gpus.filter(g => g.subcategory_id === gpuSubcategoryFilter);
+            }
+
+            if (gpus.length === 0) { 
+                document.getElementById('admin-gpus-table').innerHTML = '<tr><td colspan="20" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; 
+                return; 
+            }
+            
+            let headerHtml = `<thead class="bg-gray-50 border-b"><tr>
+                <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">置顶</th>
+                <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">名称</th>
+                <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">子类别</th>`;
+            displayFields.slice(0, 6).forEach(f => {
+                headerHtml += `<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">${f.label}</th>`;
+            });
+            headerHtml += `<th class="px-3 py-3 text-center text-sm font-medium text-gray-600">显示</th>
+                <th class="px-3 py-3 text-center text-sm font-medium text-gray-600">操作</th></tr></thead>`;
+            
+            let bodyHtml = '<tbody>';
+            gpus.forEach(g => {
+                bodyHtml += `<tr class="border-b hover:bg-gray-50 ${g.visible === false ? 'bg-gray-100 opacity-60' : ''} ${g.is_pinned ? 'bg-yellow-50' : ''}">
+                    <td class="px-3 py-3 text-center">
+                        <button onclick="togglePin('gpu', '${g.id}')" class="${g.is_pinned ? 'text-yellow-500' : 'text-gray-400'} hover:opacity-80">
+                            <i class="${g.is_pinned ? 'ri-pushpin-fill' : 'ri-pushpin-line'}"></i>
+                        </button>
+                    </td>
+                    <td class="px-3 py-3 font-medium text-gray-800">${g.name || '-'}</td>
+                    <td class="px-3 py-3">
+                        ${g.subcategory_id ? `<span class="px-2 py-1 bg-green-100 text-green-600 rounded text-xs"><i class="${getSubcategoryIcon('gpus', g.subcategory_id)} mr-1"></i>${getSubcategoryName('gpus', g.subcategory_id)}</span>` : '<span class="text-gray-400">-</span>'}
+                    </td>`;
+                displayFields.slice(0, 6).forEach(f => {
+                    const value = g[f.key];
+                    let displayValue = '-';
+                    if (value !== null && value !== undefined && value !== '') {
+                        displayValue = f.type === 'boolean' ? (value ? '<span class="text-green-600">是</span>' : '<span class="text-gray-400">否</span>') : value;
+                    }
+                    bodyHtml += `<td class="px-3 py-3 text-gray-600">${displayValue}</td>`;
+                });
+                bodyHtml += `<td class="px-3 py-3 text-center">
+                        <button onclick="toggleVisible('gpu', '${g.id}')" class="${g.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80">
+                            <i class="${g.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
+                        </button>
+                        ${g.raw_text ? `<button onclick="showRawData('${g.id}', 'gpu')" class="text-gray-400 hover:text-gray-600 ml-1"><i class="ri-file-text-line"></i></button>` : ''}
+                    </td>
+                    <td class="px-3 py-3 text-center">
+                        <button onclick="editItem('gpu', '${g.id}')" class="text-blue-600 hover:text-blue-800 mr-2"><i class="ri-edit-line"></i></button>
+                        <button onclick="deleteItem('gpu', '${g.id}')" class="text-red-600 hover:text-red-800"><i class="ri-delete-bin-line"></i></button>
+                    </td></tr>`;
+            });
+            bodyHtml += '</tbody>';
+            
+            document.getElementById('admin-gpus-table').innerHTML = headerHtml + bodyHtml;
+        }
+        
+        function filterGpusBySubcategory(subId) {
+            gpuSubcategoryFilter = subId;
+            loadAdminGpus();
+        }
+
+        // 加载CPU列表
+        async function loadAdminCpus() {
+            renderSubcategoryFilters('cpus', 'cpu-subcategory-filters', 'filterCpusBySubcategory');
+            
+            const cat = categories.find(c => c.id === 'cpus');
+            const fields = cat ? (cat.fields || []) : [];
+            const fixedFields = ['subcategory_id', 'id', 'images'];
+            const displayFields = fields.filter(f => !fixedFields.includes(f.key));
+            
+            const res = await fetch('/api/cpus?all=1');
+            let cpus = await res.json();
+            
+            if (cpuSubcategoryFilter) {
+                cpus = cpus.filter(c => c.subcategory_id === cpuSubcategoryFilter);
+            }
+            
+            if (cpus.length === 0) { 
+                document.getElementById('admin-cpus-table').innerHTML = '<tr><td colspan="20" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; 
+                return; 
+            }
+            
+            let headerHtml = `<thead class="bg-gray-50 border-b"><tr>
+                <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">置顶</th>
+                <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">名称</th>
+                <th class="px-3 py-3 text-left text-sm font-medium text-gray-600">子类别</th>`;
+            displayFields.slice(0, 6).forEach(f => {
+                headerHtml += `<th class="px-3 py-3 text-left text-sm font-medium text-gray-600">${f.label}</th>`;
+            });
+            headerHtml += `<th class="px-3 py-3 text-center text-sm font-medium text-gray-600">显示</th>
+                <th class="px-3 py-3 text-center text-sm font-medium text-gray-600">操作</th></tr></thead>`;
+            
+            let bodyHtml = '<tbody>';
+            cpus.forEach(c => {
+                bodyHtml += `<tr class="border-b hover:bg-gray-50 ${c.visible === false ? 'bg-gray-100 opacity-60' : ''} ${c.is_pinned ? 'bg-yellow-50' : ''}">
+                    <td class="px-3 py-3 text-center">
+                        <button onclick="togglePin('cpu', '${c.id}')" class="${c.is_pinned ? 'text-yellow-500' : 'text-gray-400'} hover:opacity-80">
+                            <i class="${c.is_pinned ? 'ri-pushpin-fill' : 'ri-pushpin-line'}"></i>
+                        </button>
+                    </td>
+                    <td class="px-3 py-3 font-medium text-gray-800">${c.name || '-'}</td>
+                    <td class="px-3 py-3">
+                        ${c.subcategory_id ? `<span class="px-2 py-1 bg-purple-100 text-purple-600 rounded text-xs"><i class="${getSubcategoryIcon('cpus', c.subcategory_id)} mr-1"></i>${getSubcategoryName('cpus', c.subcategory_id)}</span>` : '<span class="text-gray-400">-</span>'}
+                    </td>`;
+                displayFields.slice(0, 6).forEach(f => {
+                    const value = c[f.key];
+                    let displayValue = '-';
+                    if (value !== null && value !== undefined && value !== '') {
+                        displayValue = f.type === 'boolean' ? (value ? '<span class="text-green-600">是</span>' : '<span class="text-gray-400">否</span>') : value;
+                    }
+                    bodyHtml += `<td class="px-3 py-3 text-gray-600">${displayValue}</td>`;
+                });
+                bodyHtml += `<td class="px-3 py-3 text-center">
+                        <button onclick="toggleVisible('cpu', '${c.id}')" class="${c.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80">
+                            <i class="${c.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
+                        </button>
+                        ${c.raw_text ? `<button onclick="showRawData('${c.id}', 'cpu')" class="text-gray-400 hover:text-gray-600 ml-1"><i class="ri-file-text-line"></i></button>` : ''}
+                    </td>
+                    <td class="px-3 py-3 text-center">
+                        <button onclick="editItem('cpu', '${c.id}')" class="text-blue-600 hover:text-blue-800 mr-2"><i class="ri-edit-line"></i></button>
+                        <button onclick="deleteItem('cpu', '${c.id}')" class="text-red-600 hover:text-red-800"><i class="ri-delete-bin-line"></i></button>
+                    </td></tr>`;
+            });
+            bodyHtml += '</tbody>';
+            
+            document.getElementById('admin-cpus-table').innerHTML = headerHtml + bodyHtml;
+        }
+        
+        function filterCpusBySubcategory(subId) {
+            cpuSubcategoryFilter = subId;
+            loadAdminCpus();
+        }
+
+        // 加载知识列表
+        async function loadAdminKnowledge() {
+            const catRes = await fetch('/api/categories');
+            categories = await catRes.json();
+            document.getElementById('category-filters').innerHTML = categories.map(c => `<button onclick="filterKnowledge('${c.id}')" class="px-3 py-1 rounded text-sm bg-gray-100 text-gray-600 hover:bg-gray-200">${c.name}</button>`).join('');
+            
+            let url = '/api/knowledge?all=1';
+            if (currentFilter) url += `&category=${currentFilter}`;
+            const res = await fetch(url);
+            const knowledge = await res.json();
+            
+            if (knowledge.length === 0) { document.getElementById('admin-knowledge-table').innerHTML = '<tr><td colspan="7" class="text-center text-gray-400 py-8">暂无数据</td></tr>'; return; }
+            document.getElementById('admin-knowledge-table').innerHTML = knowledge.map(k => {
+                const cat = categories.find(c => c.id === k.category);
+                return `<tr class="border-b hover:bg-gray-50 ${k.visible === false ? 'bg-gray-100 opacity-60' : ''}">
+                    <td class="px-4 py-3"><i class="${k.icon || 'ri-file-list-line'} text-xl text-gray-400"></i></td>
+                    <td class="px-4 py-3 font-medium text-gray-800">${k.title}</td>
+                    <td class="px-4 py-3 text-gray-600">${cat ? cat.name : '-'}</td>
+                    <td class="px-4 py-3 text-gray-500 text-sm max-w-xs truncate">${k.content || '-'}</td>
+                    <td class="px-4 py-3">${k.order || 0}</td>
+                    <td class="px-4 py-3 text-center">
+                        <button onclick="toggleVisible('knowledge', '${k.id}')" class="${k.visible === false ? 'text-gray-400' : 'text-green-600'} hover:opacity-80" title="${k.visible === false ? '点击显示' : '点击隐藏'}">
+                            <i class="${k.visible === false ? 'ri-eye-off-line' : 'ri-eye-line'}"></i>
+                        </button>
+                    </td>
+                    <td class="px-4 py-3 text-center">
+                        <button onclick="editItem('knowledge', '${k.id}')" class="text-blue-600 hover:text-blue-800 mr-2"><i class="ri-edit-line"></i></button>
+                        <button onclick="deleteItem('knowledge', '${k.id}')" class="text-red-600 hover:text-red-800"><i class="ri-delete-bin-line"></i></button>
+                    </td>
+                </tr>`;
+            }).join('');
+        }
+
+        function filterKnowledge(category) { currentFilter = category; loadAdminKnowledge(); }
+
+        // 打开添加弹窗
+        function openAddModal(type) {
+            currentType = type;
+            currentId = '';
+            currentData = {};
+            const titles = {category: '分类', model: '模型', gpu: 'GPU', cpu: 'CPU', knowledge: '知识', dynamic: '数据'};
+            document.getElementById('modalTitle').textContent = '添加' + titles[type];
+            const forms = {category: getCategoryForm, model: getModelForm, gpu: getGpuForm, cpu: getCpuForm, knowledge: getKnowledgeForm, dynamic: getDynamicForm};
+            document.getElementById('modalContent').innerHTML = forms[type]();
+            showSmartUpdateButton(); // 添加时隐藏智能补充按钮
+            document.getElementById('editModal').classList.remove('hidden');
+        }
+
+        // 编辑项
+        async function editItem(type, id) {
+            currentType = type;
+            currentId = id;
+            const endpoint = type === 'category' ? 'categories' : type === 'knowledge' ? 'knowledge' : type + 's';
+            const res = await fetch(`/api/${endpoint}/${id}`);
+            currentData = await res.json();
+            const titles = {category: '分类', model: '模型', gpu: 'GPU', cpu: 'CPU', knowledge: '知识'};
+            document.getElementById('modalTitle').textContent = '编辑' + titles[type];
+            const forms = {category: getCategoryForm, model: getModelForm, gpu: getGpuForm, cpu: getCpuForm, knowledge: getKnowledgeForm};
+            document.getElementById('modalContent').innerHTML = forms[type](currentData);
+            showSmartUpdateButton(); // 显示智能补充按钮
+            showParseSources(currentData); // 显示解析来源历史
+            document.getElementById('editModal').classList.remove('hidden');
+        }
+
+        // 编辑动态分类数据
+        async function editDynamicItem(id) {
+            currentType = 'dynamic';
+            currentId = id;
+            const res = await fetch(`/api/items/${dynamicCategoryId}/${id}`);
+            currentData = await res.json();
+            document.getElementById('modalTitle').textContent = '编辑数据';
+            document.getElementById('modalContent').innerHTML = getDynamicForm(currentData);
+            showSmartUpdateButton(); // 显示智能补充按钮
+            showParseSources(currentData); // 显示解析来源历史
+            document.getElementById('editModal').classList.remove('hidden');
+        }
+        
+        // 显示解析来源历史
+        function showParseSources(data) {
+            const sources = data.parse_sources || [];
+            const area = document.getElementById('parseSourcesArea');
+            const list = document.getElementById('parseSourcesList');
+            
+            if (sources.length === 0) {
+                area.classList.add('hidden');
+                return;
+            }
+            
+            area.classList.remove('hidden');
+            list.innerHTML = sources.map((source, idx) => {
+                const typeLabel = source.type === 'smart_add' ? '智能添加' : '补充解析';
+                const time = source.timestamp || '未知时间';
+                const updatedFields = source.updated_fields || [];
+                
+                let contentHtml = '';
+                if (source.images && source.images.length > 0) {
+                    contentHtml += `<div class="flex gap-2 mb-2">${source.images.map(img => 
+                        `<img src="${img}" class="w-20 h-20 object-cover rounded border cursor-pointer hover:scale-105 transition" onclick="window.open('${img}', '_blank')">`
+                    ).join('')}</div>`;
+                }
+                if (source.text) {
+                    contentHtml += `<div class="text-xs text-gray-500 bg-gray-50 p-2 rounded max-h-20 overflow-auto">${source.text}</div>`;
+                }
+                if (updatedFields.length > 0) {
+                    contentHtml += `<div class="text-xs text-green-600 mt-1">补充字段: ${updatedFields.join(', ')}</div>`;
+                }
+                
+                return `
+                    <div class="bg-gray-50 rounded-lg p-3">
+                        <div class="flex justify-between items-center mb-2">
+                            <span class="text-sm font-medium text-gray-700">#${idx + 1} ${typeLabel}</span>
+                            <span class="text-xs text-gray-400">${time}</span>
+                        </div>
+                        ${contentHtml}
+                    </div>
+                `;
+            }).join('');
+        }
+
+        // 删除项
+        async function deleteItem(type, id) {
+            if (!confirm('确定删除？')) return;
+            const endpoint = type === 'category' ? 'categories' : type === 'knowledge' ? 'knowledge' : type + 's';
+            await fetch(`/api/${endpoint}/${id}`, { method: 'DELETE' });
+            const loaders = {category: loadAdminCategories, model: loadAdminModels, gpu: loadAdminGpus, cpu: loadAdminCpus, knowledge: loadAdminKnowledge};
+            loaders[type]();
+            loadOverview();
+            if (type === 'category') { await loadCategories(); renderSidebar(); }
+        }
+
+        // 删除动态分类数据
+        async function deleteDynamicItem(id) {
+            if (!confirm('确定删除？')) return;
+            await fetch(`/api/items/${dynamicCategoryId}/${id}`, { method: 'DELETE' });
+            showDynamicCategory(dynamicCategoryId);
+        }
+
+        // 保存项
+        async function saveItem() {
+            const form = document.getElementById('itemForm');
+            const formData = new FormData(form);
+            const data = {};
+            formData.forEach((value, key) => {
+                if (value) {
+                    const numFields = ['parameters', 'context_length', 'mmlu', 'humaneval', 'input_price', 'output_price', 'memory_gb', 'cuda_cores', 'tensor_cores', 'memory_bandwidth_gbs', 'fp32_tflops', 'fp16_tflops', 'int8_perf_tops', 'price_usd', 'min_price', 'max_price', 'release_year', 'cores', 'threads', 'base_clock_ghz', 'boost_clock_ghz', 'l3_cache_mb', 'tdp_watts', 'order', 'price', 'views'];
+                    if (numFields.includes(key)) data[key] = parseFloat(value);
+                    else if (key === 'is_open_source' || key === 'visible') data[key] = value === 'true';
+                    else if (key === 'images') {
+                        try { data[key] = JSON.parse(value); } catch { data[key] = []; }
+                    }
+                    else if (key === 'subcategories') {
+                        // 解析子类别JSON
+                        try { data[key] = JSON.parse(value); } catch { 
+                            alert('子类别JSON格式错误，请检查格式');
+                            return;
+                        }
+                    }
+                    else if (key === 'fields') {
+                        // 解析参数字段JSON
+                        try { data[key] = JSON.parse(value); } catch { 
+                            data[key] = [];
+                        }
+                    }
+                    else data[key] = value;
+                }
+            });
+            
+            // 处理图片数据
+            const imagesInput = document.getElementById('imagesInput');
+            if (imagesInput) {
+                try { data['images'] = JSON.parse(imagesInput.value); } catch { data['images'] = []; }
+            }
+            
+            if (currentType === 'dynamic') {
+                data.category_id = dynamicCategoryId;
+            }
+            
+            let endpoint;
+            if (currentType === 'category') endpoint = 'categories';
+            else if (currentType === 'knowledge') endpoint = 'knowledge';
+            else if (currentType === 'dynamic') endpoint = `items/${dynamicCategoryId}`;
+            else endpoint = currentType + 's';
+            
+            if (currentId) {
+                await fetch(`/api/${endpoint}/${currentId}`, { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) });
+            } else {
+                await fetch(`/api/${endpoint}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) });
+            }
+            
+            closeModal();
+            
+            if (currentType === 'dynamic') showDynamicCategory(dynamicCategoryId);
+            else {
+                const loaders = {category: loadAdminCategories, model: loadAdminModels, gpu: loadAdminGpus, cpu: loadAdminCpus, knowledge: loadAdminKnowledge};
+                loaders[currentType]();
+            }
+            loadOverview();
+            if (currentType === 'category') { await loadCategories(); renderSidebar(); }
+        }
+
+        function closeModal() { document.getElementById('editModal').classList.add('hidden'); }
+
+        // 图片上传组件
+        function getImageUploadComponent(images = [], type) {
+            const imageUrls = images || [];
+            return `
+                <div class="border-t pt-4 mt-4">
+                    <label class="text-sm text-gray-600 mb-2 block">图片上传（支持多张）</label>
+                    <div class="flex flex-wrap gap-2 mb-2" id="imagePreviewArea">
+                        ${imageUrls.map((url, idx) => `
+                            <div class="relative w-24 h-24 border rounded-lg overflow-hidden group">
+                                <img src="${url}" class="w-full h-full object-cover">
+                                <button onclick="removeImage(${idx})" class="absolute top-1 right-1 w-6 h-6 bg-red-500 text-white rounded-full opacity-0 group-hover:opacity-100 transition flex items-center justify-center">
+                                    <i class="ri-close-line"></i>
+                                </button>
+                            </div>
+                        `).join('')}
+                    </div>
+                    <div class="flex gap-2">
+                        <input type="file" id="imageInput" accept="image/*" multiple class="hidden" onchange="handleImageUpload(event, '${type}')">
+                        <button onclick="document.getElementById('imageInput').click()" class="px-4 py-2 bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200 text-sm">
+                            <i class="ri-image-add-line mr-1"></i>选择图片
+                        </button>
+                        <button onclick="pasteImageFromClipboard('${type}')'" class="px-4 py-2 bg-gray-100 text-gray-600 rounded-lg hover:bg-gray-200 text-sm">
+                            <i class="ri-clipboard-line mr-1"></i>粘贴图片
+                        </button>
+                    </div>
+                    <input type="hidden" name="images" value="${JSON.stringify(imageUrls)}" id="imagesInput">
+                </div>
+            `;
+        }
+        
+        // 当前图片列表
+        let currentImages = [];
+        
+        // 处理图片上传
+        async function handleImageUpload(event, type) {
+            const files = event.target.files;
+            for (let file of files) {
+                const formData = new FormData();
+                formData.append('file', file);
+                
+                try {
+                    const res = await fetch('/api/upload/image', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    const data = await res.json();
+                    if (data.success) {
+                        currentImages.push(data.url);
+                        updateImagePreview();
+                    }
+                } catch (e) {
+                    alert('上传失败: ' + e.message);
+                }
+            }
+            event.target.value = '';
+        }
+        
+        // 从剪贴板粘贴图片
+        async function pasteImageFromClipboard(type) {
+            try {
+                // 检查剪贴板API是否可用（需要HTTPS或localhost）
+                if (!navigator.clipboard || !navigator.clipboard.read) {
+                    alert('剪贴板API需要HTTPS或localhost环境。\n当前访问地址不支持，请使用文件选择上传。\n\n可改用 localhost:19010 访问来支持粘贴功能。');
+                    return;
+                }
+                
+                const clipboardItems = await navigator.clipboard.read();
+                let found = false;
+                for (const item of clipboardItems) {
+                    for (const itemType of item.types) {
+                        if (itemType.startsWith('image/')) {
+                            found = true;
+                            const blob = await item.getType(itemType);
+                            const reader = new FileReader();
+                            reader.onload = async (e) => {
+                                const base64 = e.target.result;
+                                try {
+                                    const res = await fetch('/api/upload/image/base64', {
+                                        method: 'POST',
+                                        headers: { 'Content-Type': 'application/json' },
+                                        body: JSON.stringify({ image: base64 })
+                                    });
+                                    const data = await res.json();
+                                    if (data.success) {
+                                        currentImages.push(data.url);
+                                        updateImagePreview();
+                                    }
+                                } catch (err) {
+                                    alert('上传失败: ' + err.message);
+                                }
+                            };
+                            reader.readAsDataURL(blob);
+                        }
+                    }
+                }
+                if (!found) {
+                    alert('剪贴板中没有图片，请先复制一张图片');
+                }
+            } catch (e) {
+                if (e.name === 'NotAllowedError') {
+                    alert('浏览器拒绝访问剪贴板。\n请使用文件选择上传，或改用 localhost:19010 访问。');
+                } else {
+                    alert('无法从剪贴板获取图片: ' + e.message + '\n请使用文件选择上传');
+                }
+            }
+        }
+        
+        // 移除图片
+        function removeImage(index) {
+            currentImages.splice(index, 1);
+            updateImagePreview();
+        }
+        
+        // 更新图片预览
+        function updateImagePreview() {
+            const area = document.getElementById('imagePreviewArea');
+            if (!area) return;
+            
+            area.innerHTML = currentImages.map((url, idx) => `
+                <div class="relative w-24 h-24 border rounded-lg overflow-hidden group">
+                    <img src="${url}" class="w-full h-full object-cover">
+                    <button onclick="removeImage(${idx})" class="absolute top-1 right-1 w-6 h-6 bg-red-500 text-white rounded-full opacity-0 group-hover:opacity-100 transition flex items-center justify-center">
+                        <i class="ri-close-line"></i>
+                    </button>
+                </div>
+            `).join('');
+            
+            const input = document.getElementById('imagesInput');
+            if (input) {
+                input.value = JSON.stringify(currentImages);
+            }
+        }
+
+        // 表单模板
+        function getCategoryForm(data = {}) {
+            const subcategories = data.subcategories || [];
+            const isBuiltin = builtinCategories.includes(data.id);
+            // 存储到全局变量，便于管理
+            window.currentEditingSubcategories = JSON.parse(JSON.stringify(subcategories));
+            
+            // 内置类别只显示子类别管理
+            if (isBuiltin) {
+                const fields = data.fields || [];
+                window.currentEditingFields = JSON.parse(JSON.stringify(fields));
+                
+                return `<form id="itemForm" class="space-y-4">
+                    <div class="bg-indigo-50 rounded-lg p-4 mb-4">
+                        <p class="text-sm text-indigo-700"><i class="ri-information-line mr-1"></i>内置分类的基础信息不可修改，只可编辑参数字段和子类别配置。</p>
+                    </div>
+                    <div class="grid grid-cols-2 gap-4 bg-gray-50 p-4 rounded-lg">
+                        <div><label class="text-sm text-gray-500 mb-1 block">ID</label><div class="text-gray-700 font-mono">${data.id}</div></div>
+                        <div><label class="text-sm text-gray-500 mb-1 block">名称</label><div class="text-gray-700">${data.name}</div></div>
+                        <div><label class="text-sm text-gray-500 mb-1 block">图标</label><div class="text-gray-700"><i class="${data.icon} mr-1"></i>${data.icon}</div></div>
+                        <div><label class="text-sm text-gray-500 mb-1 block">颜色</label><div class="text-gray-700">${data.color}</div></div>
+                    </div>
+                    <input type="hidden" name="id" value="${data.id}">
+                    <input type="hidden" name="name" value="${data.name}">
+                    <input type="hidden" name="icon" value="${data.icon}">
+                    <input type="hidden" name="color" value="${data.color}">
+                    <input type="hidden" name="order" value="${data.order || 0}">
+                    <input type="hidden" name="visible" value="${data.visible !== false ? 'true' : 'false'}">
+                    <input type="hidden" name="description" value="${data.description || ''}">
+                    
+                    <!-- 参数字段管理 -->
+                    <div class="border-t pt-4">
+                        <div class="flex justify-between items-center mb-3">
+                            <label class="text-sm font-medium text-gray-700"><i class="ri-list-settings-line mr-1"></i>参数字段管理</label>
+                            <button type="button" onclick="openFieldAddModal('category')" class="px-3 py-1.5 bg-indigo-600 text-white rounded-lg text-sm hover:bg-indigo-700">
+                                <i class="ri-add-line mr-1"></i>添加字段
+                            </button>
+                        </div>
+                        <div id="fieldsList" class="space-y-2">
+                            ${renderFieldsList(fields)}
+                        </div>
+                        <input type="hidden" name="fields" id="fieldsHidden" value='${JSON.stringify(fields)}'>
+                    </div>
+                    
+                    <!-- 子类别管理 -->
+                    <div class="border-t pt-4">
+                        <div class="flex justify-between items-center mb-3">
+                            <label class="text-sm font-medium text-gray-700"><i class="ri-folder-line mr-1"></i>子类别管理</label>
+                            <button type="button" onclick="openSubcategoryAddModal()" class="px-3 py-1.5 bg-green-600 text-white rounded-lg text-sm hover:bg-green-700">
+                                <i class="ri-add-line mr-1"></i>添加子类别
+                            </button>
+                        </div>
+                        <div id="subcategoriesList" class="space-y-2">
+                            ${renderSubcategoriesList(subcategories)}
+                        </div>
+                        <input type="hidden" name="subcategories" id="subcategoriesHidden" value='${JSON.stringify(subcategories)}'>
+                    </div>
+                </form>`;
+            }
+            
+            // 自定义类别完整编辑表单
+            const autoId = data.id || generateId();
+            const fields = data.fields || [];
+            window.currentEditingFields = JSON.parse(JSON.stringify(fields));
+            
+            return `<form id="itemForm" class="space-y-4">
+                <div class="grid grid-cols-2 gap-4">
+                    <div><label class="text-sm text-gray-600 mb-1 block">ID</label><input type="text" name="id" value="${autoId}" readonly class="w-full px-3 py-2 border rounded-lg bg-gray-100 text-gray-500 font-mono text-xs"><p class="text-xs text-gray-400 mt-1">自动生成，无需填写</p></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" name="name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg" placeholder="如：手机、电脑"></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">图标</label><input type="text" name="icon" value="${data.icon || 'ri-folder-line'}" class="w-full px-3 py-2 border rounded-lg" placeholder="ri-folder-line"></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">颜色</label><select name="color" class="w-full px-3 py-2 border rounded-lg">
+                        <option value="blue" ${data.color === 'blue' ? 'selected' : ''}>蓝色</option>
+                        <option value="green" ${data.color === 'green' ? 'selected' : ''}>绿色</option>
+                        <option value="purple" ${data.color === 'purple' ? 'selected' : ''}>紫色</option>
+                        <option value="orange" ${data.color === 'orange' ? 'selected' : ''}>橙色</option>
+                        <option value="teal" ${data.color === 'teal' ? 'selected' : ''}>青色</option>
+                        <option value="red" ${data.color === 'red' ? 'selected' : ''}>红色</option>
+                    </select></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">排序</label><input type="number" name="order" value="${data.order || 0}" class="w-full px-3 py-2 border rounded-lg"></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">是否显示</label><select name="visible" class="w-full px-3 py-2 border rounded-lg">
+                        <option value="true" ${data.visible !== false ? 'selected' : ''}>显示</option>
+                        <option value="false" ${data.visible === false ? 'selected' : ''}>隐藏</option>
+                    </select></div>
+                </div>
+                <div><label class="text-sm text-gray-600 mb-1 block">描述</label><textarea name="description" rows="2" class="w-full px-3 py-2 border rounded-lg" placeholder="分类描述">${data.description || ''}</textarea></div>
+                
+                <!-- 参数字段管理 -->
+                <div class="border-t pt-4">
+                    <div class="flex justify-between items-center mb-3">
+                        <label class="text-sm font-medium text-gray-700"><i class="ri-list-settings-line mr-1"></i>参数字段管理（基础字段，所有子类别共享）</label>
+                        <button type="button" onclick="openFieldAddModal('category')" class="px-3 py-1.5 bg-indigo-600 text-white rounded-lg text-sm hover:bg-indigo-700">
+                            <i class="ri-add-line mr-1"></i>添加字段
+                        </button>
+                    </div>
+                    <div id="fieldsList" class="space-y-2">
+                        ${renderFieldsList(fields)}
+                    </div>
+                    <input type="hidden" name="fields" id="fieldsHidden" value='${JSON.stringify(fields)}'>
+                </div>
+                
+                <!-- 子类别管理 -->
+                <div class="border-t pt-4">
+                    <div class="flex justify-between items-center mb-3">
+                        <label class="text-sm font-medium text-gray-700"><i class="ri-folder-line mr-1"></i>子类别管理</label>
+                        <button type="button" onclick="openSubcategoryAddModal()" class="px-3 py-1.5 bg-green-600 text-white rounded-lg text-sm hover:bg-green-700">
+                            <i class="ri-add-line mr-1"></i>添加子类别
+                        </button>
+                    </div>
+                    <div id="subcategoriesList" class="space-y-2">
+                        ${renderSubcategoriesList(subcategories)}
+                    </div>
+                    <input type="hidden" name="subcategories" id="subcategoriesHidden" value='${JSON.stringify(subcategories)}'>
+                </div>
+            </form>`;
+        }
+        
+        // 渲染子类别列表
+        function renderSubcategoriesList(subcategories) {
+            if (!subcategories || subcategories.length === 0) {
+                return '<div class="text-gray-400 text-sm py-4 text-center bg-gray-50 rounded-lg">暂无子类别，点击上方按钮添加</div>';
+            }
+            
+            return subcategories.map((sub, index) => `
+                <div class="bg-gray-50 rounded-lg p-3 flex justify-between items-center group hover:bg-gray-100">
+                    <div class="flex items-center gap-3">
+                        <div class="w-8 h-8 rounded-lg bg-indigo-100 flex items-center justify-center">
+                            <i class="${sub.icon || 'ri-folder-line'} text-indigo-600"></i>
+                        </div>
+                        <div>
+                            <div class="font-medium text-gray-800">${sub.name}</div>
+                            <div class="text-xs text-gray-500">ID: ${sub.id} | 特性: ${(sub.key_features || []).join(', ')} | 额外字段: ${(sub.extra_fields || []).length}个</div>
+                        </div>
+                    </div>
+                    <div class="flex gap-2 opacity-0 group-hover:opacity-100 transition">
+                        <button onclick="editSubcategory(${index})" class="px-2 py-1 text-blue-600 hover:bg-blue-50 rounded text-sm">
+                            <i class="ri-edit-line"></i>
+                        </button>
+                        <button onclick="deleteSubcategory(${index})" class="px-2 py-1 text-red-600 hover:bg-red-50 rounded text-sm">
+                            <i class="ri-delete-bin-line"></i>
+                        </button>
+                    </div>
+                </div>
+            `).join('');
+        }
+        
+        // ============ 参数字段管理 ============
+        
+        let currentFieldTarget = ''; // 'category' 或 'subcategory'
+        let currentFieldIndex = -1;
+        
+        // 渲染参数字段列表
+        function renderFieldsList(fields) {
+            if (!fields || fields.length === 0) {
+                return '<div class="text-gray-400 text-sm py-4 text-center bg-gray-50 rounded-lg">暂无参数字段，点击上方按钮添加</div>';
+            }
+            
+            const typeLabels = {text: '文本', number: '数字', date: '日期', boolean: '布尔', json: 'JSON', url: 'URL'};
+            
+            return fields.map((field, index) => `
+                <div class="bg-gray-50 rounded-lg p-3 flex justify-between items-center group hover:bg-gray-100">
+                    <div class="flex items-center gap-3">
+                        <div class="w-8 h-8 rounded-lg bg-indigo-100 flex items-center justify-center font-mono text-xs text-indigo-600">
+                            ${field.key ? field.key.substring(0, 4) : '-'}
+                        </div>
+                        <div>
+                            <div class="font-medium text-gray-800">${field.label || field.key}</div>
+                            <div class="text-xs text-gray-500">
+                                字段: ${field.key} | 类型: ${typeLabels[field.type] || '文本'} | 
+                                ${field.required ? '<span class="text-red-500">必填</span>' : '可选'}
+                                ${field.description ? ` | ${field.description}` : ''}
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex gap-2 opacity-0 group-hover:opacity-100 transition">
+                        <button onclick="editField(${index})" class="px-2 py-1 text-blue-600 hover:bg-blue-50 rounded text-sm">
+                            <i class="ri-edit-line"></i>
+                        </button>
+                        <button onclick="deleteField(${index})" class="px-2 py-1 text-red-600 hover:bg-red-50 rounded text-sm">
+                            <i class="ri-delete-bin-line"></i>
+                        </button>
+                    </div>
+                </div>
+            `).join('');
+        }
+        
+        // 打开添加字段弹框
+        function openFieldAddModal(target) {
+            currentFieldTarget = target;
+            currentFieldIndex = -1;
+            document.getElementById('fieldModalTitle').textContent = '添加参数字段';
+            document.getElementById('field_key').value = '';
+            document.getElementById('field_label').value = '';
+            document.getElementById('field_type').value = 'text';
+            document.getElementById('field_desc').value = '';
+            document.getElementById('field_required').checked = false;
+            document.getElementById('fieldModal').classList.remove('hidden');
+        }
+        
+        // 编辑字段
+        function editField(index) {
+            currentFieldTarget = 'category';
+            currentFieldIndex = index;
+            const field = window.currentEditingFields[index];
+            
+            document.getElementById('fieldModalTitle').textContent = '编辑参数字段';
+            document.getElementById('field_key').value = field.key || '';
+            document.getElementById('field_label').value = field.label || '';
+            document.getElementById('field_type').value = field.type || 'text';
+            document.getElementById('field_desc').value = field.description || '';
+            document.getElementById('field_required').checked = field.required || false;
+            document.getElementById('fieldModal').classList.remove('hidden');
+        }
+        
+        // 删除字段
+        function deleteField(index) {
+            if (!confirm('确定删除此字段？')) return;
+            window.currentEditingFields.splice(index, 1);
+            document.getElementById('fieldsList').innerHTML = renderFieldsList(window.currentEditingFields);
+            document.getElementById('fieldsHidden').value = JSON.stringify(window.currentEditingFields);
+        }
+        
+        // 关闭字段弹框
+        function closeFieldModal() {
+            document.getElementById('fieldModal').classList.add('hidden');
+        }
+        
+        // 保存字段
+        function saveField() {
+            const key = document.getElementById('field_key').value.trim();
+            const label = document.getElementById('field_label').value.trim();
+            const type = document.getElementById('field_type').value;
+            const description = document.getElementById('field_desc').value.trim();
+            const required = document.getElementById('field_required').checked;
+            
+            if (!key || !label) {
+                alert('字段名和显示名不能为空');
+                return;
+            }
+            
+            const field = { key, label, type, description, required };
+            
+            if (currentFieldTarget === 'subcategory') {
+                // 子类别额外字段
+                if (currentFieldIndex === -1) {
+                    window.currentEditingSubcategoryFields.push(field);
+                } else {
+                    window.currentEditingSubcategoryFields[currentFieldIndex] = field;
+                }
+                document.getElementById('subcategoryFieldsList').innerHTML = renderFieldsList(window.currentEditingSubcategoryFields);
+            } else {
+                // 类别基础字段
+                if (currentFieldIndex === -1) {
+                    window.currentEditingFields.push(field);
+                } else {
+                    window.currentEditingFields[currentFieldIndex] = field;
+                }
+                document.getElementById('fieldsList').innerHTML = renderFieldsList(window.currentEditingFields);
+                document.getElementById('fieldsHidden').value = JSON.stringify(window.currentEditingFields);
+            }
+            
+            closeFieldModal();
+        }
+        
+        // 打开子类别添加弹框
+        function openSubcategoryAddModal() {
+            document.getElementById('subcategoryModalTitle').textContent = '添加子类别';
+            document.getElementById('subcategoryModalContent').innerHTML = getSubcategoryForm();
+            document.getElementById('subcategoryModal').classList.remove('hidden');
+            window.editingSubcategoryIndex = -1;
+        }
+        
+        // 编辑子类别
+        function editSubcategory(index) {
+            const sub = window.currentEditingSubcategories[index];
+            document.getElementById('subcategoryModalTitle').textContent = '编辑子类别';
+            document.getElementById('subcategoryModalContent').innerHTML = getSubcategoryForm(sub);
+            document.getElementById('subcategoryModal').classList.remove('hidden');
+            window.editingSubcategoryIndex = index;
+        }
+        
+        // 删除子类别
+        function deleteSubcategory(index) {
+            if (!confirm('确定删除此子类别？')) return;
+            window.currentEditingSubcategories.splice(index, 1);
+            document.getElementById('subcategoriesList').innerHTML = renderSubcategoriesList(window.currentEditingSubcategories);
+            document.getElementById('subcategoriesHidden').value = JSON.stringify(window.currentEditingSubcategories);
+        }
+        
+        // 子类别表单
+        function getSubcategoryForm(data = {}) {
+            const keyFeatures = (data.key_features || []).join(', ');
+            const featureLabels = data.feature_labels || {};
+            const featureLabelsStr = Object.entries(featureLabels).map(([k, v]) => `${k}:${v}`).join(', ');
+            const autoSubId = data.id || generateId();
+            const extraFields = data.extra_fields || [];
+            window.currentEditingSubcategoryFields = JSON.parse(JSON.stringify(extraFields));
+            
+            return `<div class="space-y-4">
+                <div class="grid grid-cols-2 gap-4">
+                    <div><label class="text-sm text-gray-600 mb-1 block">ID</label><input type="text" id="sub_id" value="${autoSubId}" readonly class="w-full px-3 py-2 border rounded-lg bg-gray-100 text-gray-500 font-mono text-xs"><p class="text-xs text-gray-400 mt-1">自动生成</p></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">名称 *</label><input type="text" id="sub_name" value="${data.name || ''}" required class="w-full px-3 py-2 border rounded-lg" placeholder="如：旗舰手机"></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">图标</label><input type="text" id="sub_icon" value="${data.icon || 'ri-folder-line'}" class="w-full px-3 py-2 border rounded-lg" placeholder="ri-folder-line"></div>
+                </div>
+                <div>
+                    <label class="text-sm text-gray-600 mb-1 block">关键特性字段（表格显示的关键列）</label>
+                    <input type="text" id="sub_key_features" value="${keyFeatures}" class="w-full px-3 py-2 border rounded-lg" placeholder="context_length, mmlu, input_price">
+                    <p class="text-xs text-gray-500 mt-1">逗号分隔，选择要重点显示的字段</p>
+                </div>
+                <div>
+                    <label class="text-sm text-gray-600 mb-1 block">特性标签（显示名映射）</label>
+                    <input type="text" id="sub_feature_labels" value="${featureLabelsStr}" class="w-full px-3 py-2 border rounded-lg" placeholder="context_length:上下文, mmlu:MMLU">
+                    <p class="text-xs text-gray-500 mt-1">格式：字段名:显示名，逗号分隔</p>
+                </div>
+                
+                <!-- 额外参数字段（子类别特有） -->
+                <div class="border-t pt-4">
+                    <div class="flex justify-between items-center mb-3">
+                        <label class="text-sm font-medium text-gray-700"><i class="ri-list-settings-line mr-1"></i>额外参数字段（子类别特有，继承父类别字段）</label>
+                        <button type="button" onclick="openSubcategoryFieldAddModal()" class="px-3 py-1.5 bg-indigo-600 text-white rounded-lg text-sm hover:bg-indigo-700">
+                            <i class="ri-add-line mr-1"></i>添加字段
+                        </button>
+                    </div>
+                    <div id="subcategoryFieldsList" class="space-y-2">
+                        ${renderFieldsList(extraFields)}
+                    </div>
+                </div>
+            </div>`;
+        }
+        
+        // 子类别字段添加弹框
+        function openSubcategoryFieldAddModal() {
+            currentFieldTarget = 'subcategory';
+            currentFieldIndex = -1;
+            document.getElementById('fieldModalTitle').textContent = '添加额外参数字段';
+            document.getElementById('field_key').value = '';
+            document.getElementById('field_label').value = '';
+            document.getElementById('field_type').value = 'text';
+            document.getElementById('field_desc').value = '';
+            document.getElementById('field_required').checked = false;
+            document.getElementById('fieldModal').classList.remove('hidden');
+        }
+        
+        // 保存子类别
+        function saveSubcategory() {
+            const id = document.getElementById('sub_id').value.trim();
+            const name = document.getElementById('sub_name').value.trim();
+            const icon = document.getElementById('sub_icon').value.trim() || 'ri-folder-line';
+            const keyFeaturesStr = document.getElementById('sub_key_features').value.trim();
+            const featureLabelsStr = document.getElementById('sub_feature_labels').value.trim();
+            
+            if (!name) {
+                alert('名称不能为空');
+                return;
+            }
+            
+            // 解析 key_features
+            const key_features = keyFeaturesStr ? keyFeaturesStr.split(',').map(s => s.trim()).filter(s => s) : [];
+            
+            // 解析 feature_labels
+            const feature_labels = {};
+            if (featureLabelsStr) {
+                featureLabelsStr.split(',').forEach(pair => {
+                    const [key, value] = pair.split(':').map(s => s.trim());
+                    if (key && value) {
+                        feature_labels[key] = value;
+                    }
+                });
+            }
+            
+            const subcategory = {
+                id,
+                name,
+                icon,
+                key_features,
+                feature_labels,
+                extra_fields: window.currentEditingSubcategoryFields || []
+            };
+            
+            if (window.editingSubcategoryIndex === -1) {
+                window.currentEditingSubcategories.push(subcategory);
+            } else {
+                window.currentEditingSubcategories[window.editingSubcategoryIndex] = subcategory;
+            }
+            
+            document.getElementById('subcategoriesList').innerHTML = renderSubcategoriesList(window.currentEditingSubcategories);
+            document.getElementById('subcategoriesHidden').value = JSON.stringify(window.currentEditingSubcategories);
+            
+            closeSubcategoryModal();
+        }
+        
+        // 关闭子类别弹框
+        function closeSubcategoryModal() {
+            document.getElementById('subcategoryModal').classList.add('hidden');
+        }
+
+        function getKnowledgeForm(data = {}) {
+            return `<form id="itemForm" class="space-y-4">
+                <div class="grid grid-cols-2 gap-4">
+                    <div><label class="text-sm text-gray-600 mb-1 block">标题 *</label><input type="text" name="title" value="${data.title || ''}" required class="w-full px-3 py-2 border rounded-lg"></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">分类</label><select name="category" class="w-full px-3 py-2 border rounded-lg"><option value="">选择分类</option>${categories.map(c => `<option value="${c.id}" ${data.category === c.id ? 'selected' : ''}>${c.name}</option>`).join('')}</select></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">图标</label><input type="text" name="icon" value="${data.icon || 'ri-file-list-line'}" class="w-full px-3 py-2 border rounded-lg"></div>
+                    <div><label class="text-sm text-gray-600 mb-1 block">排序</label><input type="number" name="order" value="${data.order || 0}" class="w-full px-3 py-2 border rounded-lg"></div>
+                </div>
+                <div><label class="text-sm text-gray-600 mb-1 block">简介 *</label><textarea name="content" rows="2" required class="w-full px-3 py-2 border rounded-lg">${data.content || ''}</textarea></div>
+                <div><label class="text-sm text-gray-600 mb-1 block">详细内容</label><textarea name="detail" rows="6" class="w-full px-3 py-2 border rounded-lg">${data.detail || ''}</textarea></div>
+            </form>`;
+        }
+
+        // 生成子类别选择器
+        function getSubcategorySelect(categoryId, currentValue = '') {
+            const cat = categories.find(c => c.id === categoryId);
+            if (!cat || !cat.subcategories || cat.subcategories.length === 0) {
+                return '';
+            }
+            
+            const options = cat.subcategories.map(sub => 
+                `<option value="${sub.id}" ${currentValue === sub.id ? 'selected' : ''}><i class="${sub.icon} mr-1"></i>${sub.name}</option>`
+            ).join('');
+            
+            return `<div><label class="text-sm text-gray-600 mb-1 block">子类别</label><select name="subcategory_id" class="w-full px-3 py-2 border rounded-lg"><option value="">请选择</option>${options}</select></div>`;
+        }
+        
+        // 根据类别字段配置动态生成表单字段
+        function generateFormFields(categoryId, data = {}, subcategoryId = '') {
+            const cat = categories.find(c => c.id === categoryId);
+            if (!cat) return '';
+            
+            const fields = cat.fields || [];
+            const fixedFields = ['id', 'subcategory_id', 'images', 'visible', 'created_at', 'updated_at', 'raw_text', 'is_pinned', 'views', 'parse_sources', 'product_images'];
+            
+            // 合并子类别额外字段
+            let allFields = fields;
+            if (subcategoryId) {
+                const subcat = cat.subcategories?.find(s => s.id === subcategoryId);
+                if (subcat && subcat.extra_fields) {
+                    allFields = [...fields, ...subcat.extra_fields];
+                }
+            }
+            
+            const formFields = allFields.filter(f => !fixedFields.includes(f.key));
+            
+            return formFields.map(field => {
+                const value = data[field.key] || '';
+                const required = field.required ? 'required' : '';
+                const requiredMark = field.required ? '<span class="text-red-500">*</span>' : '';
+                const desc = field.description ? `<p class="text-xs text-gray-400 mt-1">${field.description}</p>` : '';
+                const inputStyle = field.input_style || 'normal';
+                
+                let inputHtml = '';
+                if (inputStyle === 'long') {
+                    // 长文本用 textarea
+                    inputHtml = `<textarea name="${field.key}" rows="4" class="w-full px-3 py-2 border rounded-lg" ${required}>${value}</textarea>`;
+                } else {
+                    // 普通文本用 input
+                    inputHtml = `<input type="text" name="${field.key}" value="${value}" class="w-full px-3 py-2 border rounded-lg" ${required}>`;
+                }
+                
+                return `<div><label class="text-sm text-gray-600 mb-1 block">${field.label}${requiredMark}</label>${inputHtml}${desc}</div>`;
+            }).join('');
+        }
+        
+        function getDynamicForm(data = {}) {
+            const cat = categories.find(c => c.id === dynamicCategoryId);
+            currentImages = data.images || [];
+            const subcategorySelect = getSubcategorySelect(dynamicCategoryId, data.subcategory_id);
+            const formFields = generateFormFields(dynamicCategoryId, data, data.subcategory_id);
+            
+            return `<form id="itemForm" class="space-y-4">
+                <div class="grid grid-cols-2 gap-4">
+                    ${subcategorySelect}
+                    ${formFields}
+                </div>
+                ${getImageUploadComponent(currentImages, 'dynamic')}
+            </form>`;
+        }
+
+        function getModelForm(data = {}) {
+            currentImages = data.images || [];
+            const subcategorySelect = getSubcategorySelect('ai-models', data.subcategory_id);
+            const formFields = generateFormFields('ai-models', data, data.subcategory_id);
+            
+            return `<form id="itemForm" class="space-y-4">
+                <div class="grid grid-cols-2 gap-4">
+                    ${subcategorySelect}
+                    ${formFields}
+                </div>
+                ${getImageUploadComponent(currentImages, 'model')}
+            </form>`;
+        }
+
+        function getGpuForm(data = {}) {
+            currentImages = data.images || [];
+            const subcategorySelect = getSubcategorySelect('gpus', data.subcategory_id);
+            const formFields = generateFormFields('gpus', data, data.subcategory_id);
+            
+            return `<form id="itemForm" class="space-y-4">
+                <div class="grid grid-cols-2 gap-4">
+                    ${subcategorySelect}
+                    ${formFields}
+                </div>
+                ${getImageUploadComponent(currentImages, 'gpu')}
+            </form>`;
+        }
+
+        function getCpuForm(data = {}) {
+            currentImages = data.images || [];
+            const subcategorySelect = getSubcategorySelect('cpus', data.subcategory_id);
+            const formFields = generateFormFields('cpus', data, data.subcategory_id);
+            
+            return `<form id="itemForm" class="space-y-4">
+                <div class="grid grid-cols-2 gap-4">
+                    ${subcategorySelect}
+                    ${formFields}
+                </div>
+                ${getImageUploadComponent(currentImages, 'cpu')}
+            </form>`;
+        }
+
+        document.getElementById('editModal').addEventListener('click', function(e) { if (e.target === this) closeModal(); });
+        document.getElementById('smartAddModal').addEventListener('click', function(e) { if (e.target === this) closeSmartAddModal(); });
+        document.getElementById('rawDataModal').addEventListener('click', function(e) { if (e.target === this) closeRawDataModal(); });
+        document.getElementById('subcategoryModal').addEventListener('click', function(e) { if (e.target === this) closeSubcategoryModal(); });
+        document.getElementById('smartUpdateModal').addEventListener('click', function(e) { if (e.target === this) closeSmartUpdateModal(); });
+        document.getElementById('fieldModal').addEventListener('click', function(e) { if (e.target === this) closeFieldModal(); });
+
+        // ============ 智能添加功能 ============
+        
+        let smartAddType = '';
+        let smartAddImages = []; // 智能添加的图片列表
+        let defaultPrompt = ''; // 保存默认 prompt
+        
+        function openSmartAddModal(type) {
+            smartAddType = type;
+            smartAddImages = [];
+            document.getElementById('smartAddText').value = '';
+            document.getElementById('smartAddPreview').classList.add('hidden');
+            document.getElementById('smartImagePreviewArea').innerHTML = '';
+            document.getElementById('smartImageCount').textContent = '0';
+            document.getElementById('promptEditorArea').classList.add('hidden');
+            document.getElementById('promptToggleIcon').style.transform = '';
+            
+            // 加载子类别选项
+            loadSmartAddSubcategories(type);
+            
+            // 加载默认 prompt
+            loadSmartAddPrompt();
+            
+            document.getElementById('smartAddModal').classList.remove('hidden');
+        }
+        
+        // 加载智能添加的子类别选项
+        function loadSmartAddSubcategories(type) {
+            const select = document.getElementById('smartAddSubcategory');
+            let categoryId;
+            
+            if (type === 'model') categoryId = 'ai-models';
+            else if (type === 'gpu') categoryId = 'gpus';
+            else if (type === 'cpu') categoryId = 'cpus';
+            else if (type === 'dynamic') categoryId = dynamicCategoryId;
+            else categoryId = null;
+            
+            const cat = categories.find(c => c.id === categoryId);
+            const subcats = cat ? (cat.subcategories || []) : [];
+            
+            if (subcats.length > 0) {
+                document.getElementById('smartAddSubcategoryArea').classList.remove('hidden');
+                select.innerHTML = '<option value="">请选择子类别</option>' + 
+                    subcats.map(s => `<option value="${s.id}">${s.name}</option>`).join('');
+            } else {
+                document.getElementById('smartAddSubcategoryArea').classList.add('hidden');
+                select.innerHTML = '<option value="">请选择子类别</option>';
+            }
+        }
+        
+        // 加载 prompt 模板
+        async function loadSmartAddPrompt() {
+            const subcategoryId = document.getElementById('smartAddSubcategory').value;
+            let categoryId;
+            
+            if (smartAddType === 'model') categoryId = 'ai-models';
+            else if (smartAddType === 'gpu') categoryId = 'gpus';
+            else if (smartAddType === 'cpu') categoryId = 'cpus';
+            else if (smartAddType === 'dynamic') categoryId = dynamicCategoryId;
+            else categoryId = null;
+            
+            try {
+                const res = await fetch('/api/parse-prompt', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        category_type: smartAddType,
+                        category_id: categoryId,
+                        subcategory_id: subcategoryId
+                    })
+                });
+                
+                const data = await res.json();
+                if (data.success) {
+                    defaultPrompt = data.template.image_prompt;
+                    document.getElementById('smartAddPrompt').value = defaultPrompt;
+                    
+                    // 显示字段信息
+                    const fieldsInfo = Object.entries(data.template.fields)
+                        .map(([k, v]) => `<span class="inline-block bg-gray-200 px-2 py-1 rounded mr-1 mb-1">${k}: ${v}</span>`)
+                        .join('');
+                    document.getElementById('promptFieldsInfo').innerHTML = `<strong>字段配置：</strong>${fieldsInfo}`;
+                }
+            } catch (e) {
+                console.error('加载 prompt 失败:', e);
+            }
+        }
+        
+        // 重置为默认 prompt
+        function resetSmartAddPrompt() {
+            document.getElementById('smartAddPrompt').value = defaultPrompt;
+        }
+        
+        // 切换 prompt 编辑器显示
+        function togglePromptEditor() {
+            const area = document.getElementById('promptEditorArea');
+            const icon = document.getElementById('promptToggleIcon');
+            if (area.classList.contains('hidden')) {
+                area.classList.remove('hidden');
+                icon.style.transform = 'rotate(180deg)';
+            } else {
+                area.classList.add('hidden');
+                icon.style.transform = '';
+            }
+        }
+        
+        function closeSmartAddModal() {
+            document.getElementById('smartAddModal').classList.add('hidden');
+        }
+        
+        // 处理智能添加图片上传
+        async function handleSmartImageUpload(event) {
+            const files = event.target.files;
+            for (let file of files) {
+                const formData = new FormData();
+                formData.append('file', file);
+                
+                try {
+                    const res = await fetch('/api/upload/image', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    const data = await res.json();
+                    if (data.success) {
+                        smartAddImages.push(data.url);
+                        updateSmartImagePreview();
+                    }
+                } catch (e) {
+                    alert('上传失败: ' + e.message);
+                }
+            }
+            event.target.value = '';
+        }
+        
+        // 从剪贴板粘贴图片
+        async function pasteSmartImageFromClipboard() {
+            try {
+                // 检查剪贴板API是否可用（需要HTTPS或localhost）
+                if (!navigator.clipboard || !navigator.clipboard.read) {
+                    alert('剪贴板API需要HTTPS或localhost环境。\n当前访问地址不支持，请使用文件选择上传。\n\n可改用 localhost:19010 访问来支持粘贴功能。');
+                    return;
+                }
+                
+                const clipboardItems = await navigator.clipboard.read();
+                let found = false;
+                for (const item of clipboardItems) {
+                    for (const type of item.types) {
+                        if (type.startsWith('image/')) {
+                            found = true;
+                            const blob = await item.getType(type);
+                            const reader = new FileReader();
+                            reader.onload = async (e) => {
+                                const base64 = e.target.result;
+                                try {
+                                    const res = await fetch('/api/upload/image/base64', {
+                                        method: 'POST',
+                                        headers: { 'Content-Type': 'application/json' },
+                                        body: JSON.stringify({ image: base64 })
+                                    });
+                                    const data = await res.json();
+                                    if (data.success) {
+                                        smartAddImages.push(data.url);
+                                        updateSmartImagePreview();
+                                    }
+                                } catch (err) {
+                                    alert('上传失败: ' + err.message);
+                                }
+                            };
+                            reader.readAsDataURL(blob);
+                        }
+                    }
+                }
+                if (!found) {
+                    alert('剪贴板中没有图片，请先复制一张图片');
+                }
+            } catch (e) {
+                if (e.name === 'NotAllowedError') {
+                    alert('浏览器拒绝访问剪贴板。\n请使用文件选择上传，或改用 localhost:19010 访问。');
+                } else {
+                    alert('无法从剪贴板获取图片: ' + e.message + '\n请使用文件选择上传');
+                }
+            }
+        }
+        
+        // 清空智能添加图片
+        function clearSmartImages() {
+            smartAddImages = [];
+            updateSmartImagePreview();
+        }
+        
+        // 移除单张图片
+        function removeSmartImage(index) {
+            smartAddImages.splice(index, 1);
+            updateSmartImagePreview();
+        }
+        
+        // 更新智能添加图片预览
+        function updateSmartImagePreview() {
+            const area = document.getElementById('smartImagePreviewArea');
+            const count = document.getElementById('smartImageCount');
+            
+            area.innerHTML = smartAddImages.map((url, idx) => `
+                <div class="relative w-24 h-24 border rounded-lg overflow-hidden group">
+                    <img src="${url}" class="w-full h-full object-cover">
+                    <button onclick="removeSmartImage(${idx})" class="absolute top-1 right-1 w-6 h-6 bg-red-500 text-white rounded-full opacity-0 group-hover:opacity-100 transition flex items-center justify-center">
+                        <i class="ri-close-line"></i>
+                    </button>
+                </div>
+            `).join('');
+            
+            count.textContent = smartAddImages.length;
+        }
+        
+        // 预览解析结果
+        async function previewSmartParse() {
+            const text = document.getElementById('smartAddText').value.trim();
+            const subcategoryId = document.getElementById('smartAddSubcategory').value;
+            const customPrompt = document.getElementById('smartAddPrompt').value.trim();
+            
+            if (!text && smartAddImages.length === 0) {
+                alert('请上传图片或输入文本');
+                return;
+            }
+            
+            const btn = document.getElementById('previewBtn');
+            btn.disabled = true;
+            btn.innerHTML = '<i class="ri-loader-4-line animate-spin mr-1"></i>解析中...';
+            
+            try {
+                const res = await fetch('/api/parse-images', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        text: text,
+                        images: smartAddImages,
+                        category_type: smartAddType,
+                        subcategory_id: subcategoryId,
+                        custom_prompt: customPrompt
+                    })
+                });
+                
+                const data = await res.json();
+                
+                if (data.error) {
+                    alert('解析失败: ' + data.error);
+                } else {
+                    // 显示解析结果
+                    document.getElementById('smartAddPreview').classList.remove('hidden');
+                    
+                    let html = `<div class="mb-2 text-green-600"><i class="ri-checkbox-circle-line mr-1"></i>识别到 ${data.count} 个产品</div>`;
+                    
+                    data.products.forEach((product, idx) => {
+                        html += `
+                            <div class="bg-white rounded-lg p-3 mb-2 border">
+                                <div class="font-medium text-gray-800 mb-2">产品 ${idx + 1}: ${product.name || '未命名'}</div>
+                                <div class="text-xs text-gray-600 grid grid-cols-2 gap-2">
+                                    ${Object.entries(product).map(([k, v]) => `
+                                        <div><span class="text-gray-400">${k}:</span> ${v || '-'}</div>
+                                    `).join('')}
+                                </div>
+                            </div>
+                        `;
+                    });
+                    
+                    document.getElementById('smartAddResult').innerHTML = html;
+                }
+            } catch (e) {
+                alert('请求失败: ' + e.message);
+            }
+            
+            btn.disabled = false;
+            btn.innerHTML = '<i class="ri-eye-line mr-1"></i>预览解析结果';
+        }
+        
+        async function smartAddSubmit() {
+            const text = document.getElementById('smartAddText').value.trim();
+            const subcategoryId = document.getElementById('smartAddSubcategory').value;
+            const customPrompt = document.getElementById('smartAddPrompt').value.trim();
+            
+            if (!text && smartAddImages.length === 0) {
+                alert('请上传图片或输入文本');
+                return;
+            }
+            
+            const btn = document.getElementById('smartAddBtn');
+            btn.disabled = true;
+            btn.innerHTML = '<i class="ri-loader-4-line animate-spin mr-1"></i>解析并保存中...';
+            
+            try {
+                let endpoint;
+                if (smartAddType === 'model') endpoint = '/api/models/smart-add';
+                else if (smartAddType === 'gpu') endpoint = '/api/gpus/smart-add';
+                else if (smartAddType === 'cpu') endpoint = '/api/cpus/smart-add';
+                else if (smartAddType === 'dynamic') endpoint = `/api/items/${dynamicCategoryId}/smart-add`;
+                
+                const res = await fetch(endpoint, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        text: text,
+                        images: smartAddImages,
+                        subcategory_id: subcategoryId,
+                        custom_prompt: customPrompt
+                    })
+                });
+                
+                const data = await res.json();
+                
+                if (data.error) {
+                    alert('解析失败: ' + data.error);
+                } else {
+                    // 显示解析结果
+                    document.getElementById('smartAddPreview').classList.remove('hidden');
+                    
+                    let html = `<div class="mb-2 text-green-600"><i class="ri-checkbox-circle-fill mr-1"></i>成功添加 ${data.count} 个产品</div>`;
+                    
+                    data.products.forEach((product, idx) => {
+                        html += `
+                            <div class="bg-white rounded-lg p-3 mb-2 border border-green-200">
+                                <div class="font-medium text-gray-800 mb-2">产品 ${idx + 1}: ${product.name || '未命名'}</div>
+                                <div class="text-xs text-gray-500">ID: ${product.id}</div>
+                            </div>
+                        `;
+                    });
+                    
+                    document.getElementById('smartAddResult').innerHTML = html;
+                    
+                    // 关闭弹窗并刷新列表
+                    setTimeout(() => {
+                        closeSmartAddModal();
+                        
+                        if (smartAddType === 'dynamic') showDynamicCategory(dynamicCategoryId);
+                        else {
+                            const loaders = {model: loadAdminModels, gpu: loadAdminGpus, cpu: loadAdminCpus};
+                            loaders[smartAddType]();
+                        }
+                        loadOverview();
+                    }, 1500);
+                }
+            } catch (e) {
+                alert('请求失败: ' + e.message);
+            }
+            
+            btn.disabled = false;
+            btn.innerHTML = '<i class="ri-magic-line mr-1"></i>解析并添加';
+        }
+        
+        // ============ 显示切换功能 ============
+        
+        async function toggleVisible(type, id) {
+            let endpoint;
+            if (type === 'category') endpoint = `/api/categories/${id}/visible`;
+            else if (type === 'model') endpoint = `/api/models/${id}/visible`;
+            else if (type === 'gpu') endpoint = `/api/gpus/${id}/visible`;
+            else if (type === 'cpu') endpoint = `/api/cpus/${id}/visible`;
+            else if (type === 'knowledge') endpoint = `/api/knowledge/${id}/visible`;
+            else if (type === 'dynamic') endpoint = `/api/items/${dynamicCategoryId}/${id}/visible`;
+            
+            try {
+                await fetch(endpoint, { method: 'POST' });
+                
+                // 刷新列表
+                if (type === 'dynamic') showDynamicCategory(dynamicCategoryId);
+                else {
+                    const loaders = {category: loadAdminCategories, model: loadAdminModels, gpu: loadAdminGpus, cpu: loadAdminCpus, knowledge: loadAdminKnowledge};
+                    loaders[type]();
+                }
+            } catch (e) {
+                alert('切换失败: ' + e.message);
+            }
+        }
+        
+        // ============ 置顶切换功能 ============
+        
+        async function togglePin(type, id) {
+            let endpoint;
+            if (type === 'model') endpoint = `/api/models/${id}/pin`;
+            else if (type === 'gpu') endpoint = `/api/gpus/${id}/pin`;
+            else if (type === 'cpu') endpoint = `/api/cpus/${id}/pin`;
+            else if (type === 'dynamic') endpoint = `/api/items/${dynamicCategoryId}/${id}/pin`;
+            
+            try {
+                await fetch(endpoint, { method: 'POST' });
+                
+                // 刷新列表
+                if (type === 'dynamic') showDynamicCategory(dynamicCategoryId);
+                else {
+                    const loaders = {model: loadAdminModels, gpu: loadAdminGpus, cpu: loadAdminCpus};
+                    loaders[type]();
+                }
+            } catch (e) {
+                alert('置顶切换失败: ' + e.message);
+            }
+        }
+        
+        // ============ 原始数据查看 ============
+        
+        async function showRawData(id, type) {
+            let endpoint;
+            if (type === 'model') endpoint = `/api/models/${id}`;
+            else if (type === 'gpu') endpoint = `/api/gpus/${id}`;
+            else if (type === 'cpu') endpoint = `/api/cpus/${id}`;
+            else if (type === 'dynamic') endpoint = `/api/items/${dynamicCategoryId}/${id}`;
+            
+            try {
+                const res = await fetch(endpoint);
+                const data = await res.json();
+                
+                let content = '';
+                if (data.raw_text) {
+                    content = `【原始文本】\n${data.raw_text}\n\n【解析数据】\n${JSON.stringify(data, null, 2)}`;
+                } else {
+                    content = JSON.stringify(data, null, 2);
+                }
+                
+                document.getElementById('rawDataText').textContent = content;
+                document.getElementById('rawDataModal').classList.remove('hidden');
+            } catch (e) {
+                alert('获取数据失败');
+            }
+        }
+        
+        function closeRawDataModal() {
+            document.getElementById('rawDataModal').classList.add('hidden');
+        }
+
+        // ============ 智能补充功能 ============
+        
+        let smartUpdateImages = [];
+        
+        // 打开智能补充弹框（编辑时显示按钮）
+        function showSmartUpdateButton() {
+            const btn = document.getElementById('smartUpdateBtn');
+            // 只有编辑已有数据时才显示智能补充按钮（排除category和knowledge）
+            if (currentId && currentType && currentType !== 'category' && currentType !== 'knowledge') {
+                btn.classList.remove('hidden');
+            } else {
+                btn.classList.add('hidden');
+            }
+        }
+        
+        // 打开智能补充弹框
+        function openSmartUpdateModal() {
+            smartUpdateImages = [];
+            document.getElementById('smartUpdateText').value = '';
+            document.getElementById('smartUpdatePreview').classList.add('hidden');
+            document.getElementById('smartUpdateImagePreviewArea').innerHTML = '';
+            document.getElementById('smartUpdateImageCount').textContent = '0';
+            document.getElementById('smartUpdateModal').classList.remove('hidden');
+        }
+        
+        function closeSmartUpdateModal() {
+            document.getElementById('smartUpdateModal').classList.add('hidden');
+        }
+        
+        // 处理图片上传
+        async function handleSmartUpdateImageUpload(event) {
+            const files = event.target.files;
+            for (let file of files) {
+                const formData = new FormData();
+                formData.append('file', file);
+                
+                try {
+                    const res = await fetch('/api/upload/image', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    const data = await res.json();
+                    if (data.success) {
+                        smartUpdateImages.push(data.url);
+                        updateSmartUpdateImagePreview();
+                    }
+                } catch (e) {
+                    alert('上传失败: ' + e.message);
+                }
+            }
+            event.target.value = '';
+        }
+        
+        // 粘贴图片
+        async function pasteSmartUpdateImageFromClipboard() {
+            try {
+                if (!navigator.clipboard || !navigator.clipboard.read) {
+                    alert('剪贴板API需要HTTPS或localhost环境。\n当前访问地址不支持，请使用文件选择上传。\n\n可改用 localhost:19010 访问来支持粘贴功能。');
+                    return;
+                }
+                
+                const clipboardItems = await navigator.clipboard.read();
+                let found = false;
+                for (const item of clipboardItems) {
+                    for (const type of item.types) {
+                        if (type.startsWith('image/')) {
+                            found = true;
+                            const blob = await item.getType(type);
+                            const reader = new FileReader();
+                            reader.onload = async (e) => {
+                                const base64 = e.target.result;
+                                try {
+                                    const res = await fetch('/api/upload/image/base64', {
+                                        method: 'POST',
+                                        headers: { 'Content-Type': 'application/json' },
+                                        body: JSON.stringify({ image: base64 })
+                                    });
+                                    const data = await res.json();
+                                    if (data.success) {
+                                        smartUpdateImages.push(data.url);
+                                        updateSmartUpdateImagePreview();
+                                    }
+                                } catch (err) {
+                                    alert('上传失败: ' + err.message);
+                                }
+                            };
+                            reader.readAsDataURL(blob);
+                        }
+                    }
+                }
+                if (!found) {
+                    alert('剪贴板中没有图片，请先复制一张图片');
+                }
+            } catch (e) {
+                if (e.name === 'NotAllowedError') {
+                    alert('浏览器拒绝访问剪贴板。\n请使用文件选择上传，或改用 localhost:19010 访问。');
+                } else {
+                    alert('无法从剪贴板获取图片: ' + e.message + '\n请使用文件选择上传');
+                }
+            }
+        }
+        
+        // 清空图片
+        function clearSmartUpdateImages() {
+            smartUpdateImages = [];
+            updateSmartUpdateImagePreview();
+        }
+        
+        // 移除单张图片
+        function removeSmartUpdateImage(index) {
+            smartUpdateImages.splice(index, 1);
+            updateSmartUpdateImagePreview();
+        }
+        
+        // 更新图片预览
+        function updateSmartUpdateImagePreview() {
+            const area = document.getElementById('smartUpdateImagePreviewArea');
+            const count = document.getElementById('smartUpdateImageCount');
+            
+            area.innerHTML = smartUpdateImages.map((url, idx) => `
+                <div class="relative w-24 h-24 border rounded-lg overflow-hidden group">
+                    <img src="${url}" class="w-full h-full object-cover">
+                    <button onclick="removeSmartUpdateImage(${idx})" class="absolute top-1 right-1 w-6 h-6 bg-red-500 text-white rounded-full opacity-0 group-hover:opacity-100 transition flex items-center justify-center">
+                        <i class="ri-close-line"></i>
+                    </button>
+                </div>
+            `).join('');
+            
+            count.textContent = smartUpdateImages.length;
+        }
+        
+        // 执行智能补充
+        async function smartUpdateSubmit() {
+            const text = document.getElementById('smartUpdateText').value.trim();
+            
+            if (!text && smartUpdateImages.length === 0) {
+                alert('请上传图片或输入文本');
+                return;
+            }
+            
+            const btn = document.getElementById('smartUpdateSubmitBtn');
+            btn.disabled = true;
+            btn.innerHTML = '<i class="ri-loader-4-line animate-spin mr-1"></i>解析中...';
+            
+            try {
+                let endpoint;
+                if (currentType === 'model') endpoint = `/api/models/${currentId}/smart-update`;
+                else if (currentType === 'gpu') endpoint = `/api/gpus/${currentId}/smart-update`;
+                else if (currentType === 'cpu') endpoint = `/api/cpus/${currentId}/smart-update`;
+                else if (currentType === 'dynamic') endpoint = `/api/items/${dynamicCategoryId}/${currentId}/smart-update`;
+                
+                const res = await fetch(endpoint, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        text: text,
+                        images: smartUpdateImages
+                    })
+                });
+                
+                const data = await res.json();
+                
+                if (data.error) {
+                    alert('解析失败: ' + data.error);
+                } else {
+                    // 显示更新结果
+                    document.getElementById('smartUpdatePreview').classList.remove('hidden');
+                    
+                    let html = `<div class="mb-2 text-green-600"><i class="ri-checkbox-circle-fill mr-1"></i>成功补充 ${data.updated_fields.length} 个字段</div>`;
+                    
+                    if (data.updated_fields.length > 0) {
+                        html += '<div class="mt-2">';
+                        data.updated_fields.forEach(field => {
+                            html += `<span class="inline-block px-2 py-1 bg-green-100 text-green-700 rounded text-xs mr-1 mb-1">${field}</span>`;
+                        });
+                        html += '</div>';
+                    } else {
+                        html += '<div class="text-gray-500 mt-2">所有字段都已存在，无需补充</div>';
+                    }
+                    
+                    document.getElementById('smartUpdateResult').innerHTML = html;
+                    
+                    // 更新编辑表单数据
+                    currentData = data[currentType] || data.item || data.model || data.gpu || data.cpu;
+                    const forms = {model: getModelForm, gpu: getGpuForm, cpu: getCpuForm, dynamic: getDynamicForm};
+                    document.getElementById('modalContent').innerHTML = forms[currentType](currentData);
+                    
+                    // 关闭智能补充弹框
+                    setTimeout(() => {
+                        closeSmartUpdateModal();
+                    }, 1500);
+                }
+            } catch (e) {
+                alert('请求失败: ' + e.message);
+            }
+            
+            btn.disabled = false;
+            btn.innerHTML = '<i class="ri-magic-line mr-1"></i>解析并补充';
+        }
+        
+        // 监听编辑弹框打开，显示智能补充按钮
+        document.getElementById('editModal').addEventListener('showSmartUpdate', showSmartUpdateButton);
+
+        init();
+    </script>
+</body>
+</html>
\ No newline at end of file
