diff --git a/plugins/addon/theme_configurator/template/admin/index.html b/plugins/addon/theme_configurator/template/admin/index.html
index 694938d..3e45725 100644
--- a/plugins/addon/theme_configurator/template/admin/index.html
+++ b/plugins/addon/theme_configurator/template/admin/index.html
@@ -179,6 +179,58 @@
         </div>
       </div>
     </section>
+
+    <!-- 导航配置 -->
+    <section id="tab-nav" class="config-section">
+      <div class="section-card">
+        <div class="section-header">
+          <h2>导航配置</h2>
+          <p class="section-desc">顶部和底部导航较复杂,建议使用JSON编辑器编辑</p>
+        </div>
+        <div class="section-body">
+          <div class="alert alert-info">
+            由于导航结构包含多级嵌套,建议切换到"JSON编辑器"Tab进行编辑
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- 其他配置 -->
+    <section id="tab-other" class="config-section">
+      <div class="section-card">
+        <div class="section-header">
+          <h2>其他配置</h2>
+          <p class="section-desc">友情链接、反馈类型等其他配置项</p>
+        </div>
+        <div class="section-body">
+          <div class="alert alert-info">
+            这些配置项建议使用JSON编辑器编辑,格式请参考完整JSON数据
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- JSON编辑器 -->
+    <section id="tab-json" class="config-section">
+      <div class="section-card">
+        <div class="section-header">
+          <h2>JSON配置编辑器</h2>
+          <p class="section-desc">直接编辑完整JSON配置</p>
+        </div>
+        <div class="section-body">
+          <div class="alert alert-info" style="margin-bottom: 16px;">
+            <strong>使用说明:</strong> 点击"同步"按钮将表单数据转为JSON,编辑后点击"应用"更新表单,最后点击页面顶部"保存全部配置"
+          </div>
+          <textarea id="jsonEditor" class="json-editor" rows="20" placeholder='点击"同步配置"按钮加载当前数据...'></textarea>
+          <div style="margin-top: 16px; display: flex; gap: 12px;">
+            <button class="btn btn-secondary" id="syncJsonBtn">同步配置</button>
+            <button class="btn btn-primary" id="applyJsonBtn">应用JSON</button>
+            <button class="btn btn-secondary" id="copyJsonBtn">复制JSON</button>
+          </div>
+        </div>
+      </div>
+    </section>
+
   </main>
 </div>
 
@@ -530,4 +582,6 @@
     // 初始化
     loadConfig();
   })();
-</script></html>
+</script>
+
+</html>
\ No newline at end of file