diff --git a/plugins/addon/theme_configurator/template/admin/index.html b/plugins/addon/theme_configurator/template/admin/index.html
index 4c159ff..eccca69 100644
--- a/plugins/addon/theme_configurator/template/admin/index.html
+++ b/plugins/addon/theme_configurator/template/admin/index.html
@@ -1,1039 +1,462 @@
 <link rel="stylesheet" href="/plugins/addon/theme_configurator/template/admin/theme.css" />
 
-<div id="theme-config-app" class="admin-container" v-cloak>
+<div id="theme-config-app" class="admin-container">
   <!-- 顶部工具栏 -->
   <header class="admin-header">
     <div class="admin-logo">
       <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
-        <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M2 17L12 22L22 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-        <path d="M2 12L12 17L22 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+          stroke-linejoin="round" />
+        <path d="M2 17L12 22L22 17" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+          stroke-linejoin="round" />
+        <path d="M2 12L12 17L22 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+          stroke-linejoin="round" />
       </svg>
       <span>黑果云模板控制器</span>
     </div>
-    <button class="btn btn-primary btn-lg" @click="saveConfig" :disabled="saving">
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" v-if="!saving">
-        <path d="M13.5 2.5H2.5V13.5H13.5V2.5Z" stroke="currentColor" stroke-width="1.5"/>
-        <path d="M10.5 2.5V6.5H5.5V2.5" stroke="currentColor" stroke-width="1.5"/>
-        <path d="M5.5 9.5H10.5V13.5H5.5V9.5Z" stroke="currentColor" stroke-width="1.5"/>
+    <button class="btn btn-primary btn-lg" id="saveBtn">
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+        <path d="M13.5 2.5H2.5V13.5H13.5V2.5Z" stroke="currentColor" stroke-width="1.5" />
+        <path d="M10.5 2.5V6.5H5.5V2.5" stroke="currentColor" stroke-width="1.5" />
+        <path d="M5.5 9.5H10.5V13.5H5.5V9.5Z" stroke="currentColor" stroke-width="1.5" />
       </svg>
-      <span v-if="saving">保存中...</span>
-      <span v-else>保存全部配置</span>
+      <span>保存全部配置</span>
     </button>
   </header>
 
   <!-- Tab导航 -->
   <nav class="admin-tabs">
-    <a class="tab-item" :class="{active: activeSection === 'basic'}" @click.prevent="activeSection = 'basic'">
+    <a class="tab-item active" data-tab="basic">
       <svg viewBox="0 0 24 24" fill="none">
-        <rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="2"/>
-        <line x1="3" y1="9" x2="21" y2="9" stroke="currentColor" stroke-width="2"/>
-        <line x1="9" y1="21" x2="9" y2="9" stroke="currentColor" stroke-width="2"/>
+        <rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="2" />
+        <line x1="3" y1="9" x2="21" y2="9" stroke="currentColor" stroke-width="2" />
       </svg>
       基础配置
     </a>
-    <a class="tab-item" :class="{active: activeSection === 'seo'}" @click.prevent="activeSection = 'seo'">
+    <a class="tab-item" data-tab="seo">
       <svg viewBox="0 0 24 24" fill="none">
-        <circle cx="11" cy="11" r="8" stroke="currentColor" stroke-width="2"/>
-        <path d="M21 21L16.65 16.65" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+        <circle cx="11" cy="11" r="8" stroke="currentColor" stroke-width="2" />
+        <path d="M21 21L16.65 16.65" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
       </svg>
       SEO设置
     </a>
-    <a class="tab-item" :class="{active: activeSection === 'home'}" @click.prevent="activeSection = 'home'">
+    <a class="tab-item" data-tab="home">
       <svg viewBox="0 0 24 24" fill="none">
-        <path d="M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z" stroke="currentColor" stroke-width="2"/>
+        <path
+          d="M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z"
+          stroke="currentColor" stroke-width="2" />
       </svg>
       首页内容
     </a>
-    <a class="tab-item" :class="{active: activeSection === 'nav'}" @click.prevent="activeSection = 'nav'">
-      <svg viewBox="0 0 24 24" fill="none">
-        <line x1="3" y1="12" x2="21" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-        <line x1="3" y1="6" x2="21" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-        <line x1="3" y1="18" x2="21" y2="18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-      </svg>
-      导航配置
-    </a>
-    <a class="tab-item" :class="{active: activeSection === 'footer'}" @click.prevent="activeSection = 'footer'">
-      <svg viewBox="0 0 24 24" fill="none">
-        <rect x="3" y="17" width="18" height="4" stroke="currentColor" stroke-width="2"/>
-        <line x1="3" y1="3" x2="21" y2="3" stroke="currentColor" stroke-width="2"/>
-        <line x1="3" y1="10" x2="21" y2="10" stroke="currentColor" stroke-width="2"/>
-      </svg>
-      底部/链接
-    </a>
-    <a class="tab-item" :class="{active: activeSection === 'advanced'}" @click.prevent="activeSection = 'advanced'" v-if="showAdvanced">
-      <svg viewBox="0 0 24 24" fill="none">
-        <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="2"/>
-        <path d="M12 1V3M12 21V23M4.22 4.22L5.64 5.64M18.36 18.36L19.78 19.78M1 12H3M21 12H23M4.22 19.78L5.64 18.36M18.36 5.64L19.78 4.22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
-      </svg>
-      高级设置
-    </a>
   </nav>
 
   <!-- 主内容区 -->
   <main class="admin-main">
-
-
-  
-    <section id="basic" class="config-section" :class="{active: activeSection === 'basic'}">
+    <!-- 基础配置 -->
+    <section id="tab-basic" class="config-section active">
       <div class="section-card">
-          <div class="section-header">
-            <h2>企业信息</h2>
-          </div>
-          <div class="section-body">
-        <div class="form-fields">
-          <div class="form-item">
-            <label>企业名称</label>
-            <t-input v-model="fullConfig.site_config.enterprise_name" placeholder="主题云"></t-input>
-          </div>
-          <div class="form-item">
-            <label>联系电话</label>
-            <t-input v-model="fullConfig.site_config.enterprise_telephone" placeholder="400-000-0000"></t-input>
-          </div>
-          <div class="form-item">
-            <label>联系邮箱</label>
-            <t-input v-model="fullConfig.site_config.enterprise_mailbox" placeholder="support@example.com"></t-input>
-          </div>
-          <div class="form-item form-item">
-            <label>Logo 地址</label>
-            <div class="upload-control">
-              <t-input v-model="fullConfig.site_config.official_website_logo" placeholder="/upload/logo.png"></t-input>
-              <t-upload theme="custom" :action="uploadUrl" :headers="uploadHeaders"
-                :format-response="uploadFormatResponse" :show-upload-progress="false" :max="1"
-                @success="(ctx) => handleUpload(['site_config', 'official_website_logo'], ctx)">
-                <t-button size="small" class="ml-10">
-                  <t-icon name="upload" size="small" /> 上传
-                </t-button>
-              </t-upload>
-            </div>
-          </div>
-          <div class="form-item form-item">
-            <label>二维码地址</label>
-            <div class="upload-control">
-              <t-input v-model="fullConfig.site_config.enterprise_qrcode" placeholder="/upload/qrcode.png"></t-input>
-              <t-upload theme="custom" :action="uploadUrl" :headers="uploadHeaders"
-                :format-response="uploadFormatResponse" :show-upload-progress="false" :max="1"
-                @success="(ctx) => handleUpload(['site_config', 'enterprise_qrcode'], ctx)">
-                <t-button size="small" class="ml-10">
-                  <t-icon name="upload" size="small" /> 上传
-                </t-button>
-              </t-upload>
-            </div>
-          </div>
-          <div class="form-item">
-            <label>在线客服链接</label>
-            <t-input v-model="fullConfig.site_config.online_customer_service_link"
-              placeholder="http://www.test.com"></t-input>
-          </div>
-          <div class="form-item">
-            <label>ICP 号</label>
-            <t-input v-model="fullConfig.site_config.icp_info" placeholder="京ICP备XXXX号"></t-input>
-          </div>
-          <div class="form-item">
-            <label>ICP 链接</label>
-            <t-input v-model="fullConfig.site_config.icp_info_link" placeholder="https://beian.miit.gov.cn"></t-input>
-          </div>
-          <div class="form-item">
-            <label>公安备案号</label>
-            <t-input v-model="fullConfig.site_config.public_security_network_preparation"
-              placeholder="京公网安备XXXX号"></t-input>
-          </div>
-          <div class="form-item">
-            <label>公安备案链接</label>
-            <t-input v-model="fullConfig.site_config.public_security_network_preparation_link"
-              placeholder="https://beian.mps.gov.cn"></t-input>
-          </div>
-          <div class="form-item">
-            <label>电信增值许可证</label>
-            <t-input v-model="fullConfig.site_config.telecom_appreciation" placeholder="增值电信业务经营许可证"></t-input>
-          </div>
-          <div class="form-item">
-            <label>用户协议链接</label>
-            <t-input v-model="fullConfig.site_config.terms_service_url" placeholder="/agreement/service.html"></t-input>
-          </div>
-          <div class="form-item">
-            <label>隐私政策链接</label>
-            <t-input v-model="fullConfig.site_config.terms_privacy_url" placeholder="/agreement/privacy.html"></t-input>
-          </div>
-          <div class="form-item">
-            <label>云产品购买链接</label>
-            <t-input v-model="fullConfig.site_config.cloud_product_link" placeholder="/cart/goods.htm?id=1"></t-input>
-          </div>
-          <div class="form-item">
-            <label>物理机/DCIM 链接</label>
-            <t-input v-model="fullConfig.site_config.dcim_product_link" placeholder="/cart/goods.htm?id=2"></t-input>
-          </div>
-          <div class="form-item form-item">
-            <label>版权信息</label>
-            <t-input v-model="fullConfig.site_config.copyright_info" placeholder="© 2025 主题云"></t-input>
-          </div>
+        <div class="section-header">
+          <h2>企业信息</h2>
+          <p class="section-desc">配置企业基础联系信息</p>
         </div>
-      </div>
-
-      <div class="section-card">
-          <div class="section-header">
-            <h2>侧边浮窗</h2>
-          </div>
-          <div class="section-body">
-        <p class="alert alert-info">
-          对应前台右侧悬浮工具条（电话咨询/在线客服/提交工单等），结构与模板中的
-          <code>side_floating_window</code> 一致。
-        </p>
-        <div v-if="!fullConfig.side.length" class="empty-state">
-          还没有侧边浮窗，点击下方按钮添加。
-        </div>
-        <div class="config-item" v-for="(item, index) in fullConfig.side" :key="'side-' + index">
-          <div class="config-item__header">
-            <h4>浮窗 {{ index + 1 }}</h4>
-            <t-button size="small" theme="danger" variant="outline" @click="removeSide(index)">
-              删除
-            </t-button>
-          </div>
+        <div class="section-body">
           <div class="form-fields">
             <div class="form-item">
-              <label>名称</label>
-              <t-input v-model="item.name" placeholder="电话咨询"></t-input>
+              <label>企业名称</label>
+              <input type="text" class="form-control" name="site_config.enterprise_name" placeholder="主题云">
             </div>
-            <div class="form-item form-item">
-              <label>图标地址</label>
+            <div class="form-item">
+              <label>联系电话</label>
+              <input type="text" class="form-control" name="site_config.enterprise_telephone"
+                placeholder="400-000-0000">
+            </div>
+            <div class="form-item">
+              <label>联系邮箱</label>
+              <input type="text" class="form-control" name="site_config.enterprise_mailbox"
+                placeholder="support@example.com">
+            </div>
+            <div class="form-item">
+              <label>网站Logo</label>
               <div class="upload-control">
-                <t-input v-model="item.icon" placeholder="/upload/side-phone.png"></t-input>
-                <t-upload theme="custom" :action="uploadUrl" :headers="uploadHeaders"
-                  :format-response="uploadFormatResponse" :show-upload-progress="false" :max="1"
-                  @success="(ctx) => handleUpload(['side', index, 'icon'], ctx)">
-                  <t-button size="small" class="ml-10">
-                    <t-icon name="upload" size="small" /> 上传
-                  </t-button>
-                </t-upload>
+                <input type="text" class="form-control" name="site_config.official_website_logo"
+                  placeholder="/upload/logo.png">
+                <button class="btn btn-secondary upload-btn" data-target="site_config.official_website_logo">
+                  <svg width="14" height="14" viewBox="0 0 16 16" fill="none">
+                    <path
+                      d="M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V10"
+                      stroke="currentColor" stroke-width="1.5" />
+                    <path d="M11.3333 5.33333L8 2L4.66667 5.33333" stroke="currentColor" stroke-width="1.5" />
+                    <path d="M8 2V10" stroke="currentColor" stroke-width="1.5" />
+                  </svg>
+                  选择文件
+                </button>
               </div>
-            </div>
-            <div class="form-item form-item">
-              <label>内容（支持 HTML）</label>
-              <t-textarea v-model="item.content" :autosize="{ minRows: 2, maxRows: 4 }"
-                placeholder="<p>7x24 小时不间断服务</p>"></t-textarea>
-            </div>
-          </div>
-        </div>
-        <t-button theme="primary" variant="outline" @click="addSide">新增浮窗</t-button>
-      </div>
-
-      <div class="section-card">
-          <div class="section-header">
-            <h2>反馈类型</h2>
-          </div>
-          <div class="section-body">
-        <p class="alert alert-info">
-          对应 <code>/console/v1/feedback</code> 的类型选项，ID 需与后端保持一致，仅建议修改名称与描述。
-        </p>
-        <div v-if="!fullConfig.feedback_type.length" class="empty-state">
-          还没有反馈类型，点击下方按钮添加。
-        </div>
-        <div class="config-item" v-for="(item, index) in fullConfig.feedback_type" :key="'feedback-' + index">
-          <div class="config-item__header">
-            <h4>类型 {{ index + 1 }}</h4>
-            <t-button size="small" theme="danger" variant="outline" @click="removeFeedbackType(index)">
-              删除
-            </t-button>
-          </div>
-          <div class="form-fields">
-            <div class="form-item">
-              <label>类型 ID</label>
-              <t-input v-model="item.id" placeholder="1"></t-input>
+              <div class="form-hint">建议尺寸: 200×60 像素</div>
             </div>
             <div class="form-item">
-              <label>名称</label>
-              <t-input v-model="item.name" placeholder="产品建议"></t-input>
+              <label>ICP备案号</label>
+              <input type="text" class="form-control" name="site_config.icp_info" placeholder="京ICP备XXXX号">
             </div>
-            <div class="form-item form-item">
-              <label>描述</label>
-              <t-input v-model="item.description" placeholder="用于产品体验、功能建议等"></t-input>
+            <div class="form-item">
+              <label>版权信息</label>
+              <input type="text" class="form-control" name="site_config.copyright_info" placeholder="© 2025 主题云">
             </div>
           </div>
         </div>
-        <t-button theme="primary" variant="outline" @click="addFeedbackType">新增反馈类型</t-button>
-      </div>
-    </section>
-
-    <section id="seo" class="config-section" :class="{active: activeSection === 'seo'}">
-      <div class="section-card">
-          <div class="section-header">
-            <h2>SEO 设置</h2>
-          </div>
-          <div class="section-body">
-        <div class="form-fields">
-          <div class="form-item">
-            <label>站点标题</label>
-            <t-input v-model="fullConfig.seo.title" placeholder="首页标题"></t-input>
-          </div>
-          <div class="form-item">
-            <label>关键词</label>
-            <t-input v-model="fullConfig.seo.keywords" placeholder="关键词，逗号分隔"></t-input>
-          </div>
-          <div class="form-item form-item">
-            <label>描述</label>
-            <t-textarea v-model="fullConfig.seo.description" :autosize="{ minRows: 2, maxRows: 4 }"
-              placeholder="站点描述"></t-textarea>
-          </div>
-        </div>
       </div>
     </section>
 
-    <section id="home" class="config-section" :class="{active: activeSection === 'home'}">
+    <!-- SEO设置 -->
+    <section id="tab-seo" class="config-section">
       <div class="section-card">
-          <div class="section-header">
-            <h2>首页轮播文案</h2>
-          </div>
-          <div class="section-body">
-        <div v-if="!bannerList.length" class="empty-state">
-          还没有轮播文案，点击下方按钮添加。
+        <div class="section-header">
+          <h2>SEO设置</h2>
         </div>
-        <div class="banner-item" v-for="(banner, index) in bannerList" :key="index">
-          <div class="banner-item__header">
-            <h4>轮播 {{ index + 1 }}</h4>
-            <t-button size="small" theme="danger" variant="outline" @click="removeBanner(index)">
-              删除
-            </t-button>
-          </div>
+        <div class="section-body">
           <div class="form-fields">
             <div class="form-item">
-              <label>标题</label>
-              <t-input v-model="banner.title" placeholder="如：弹性算力"></t-input>
+              <label>站点标题</label>
+              <input type="text" class="form-control" name="seo.title" placeholder="首页标题">
             </div>
-            <div class="form-item form-item">
-              <label>图片地址</label>
-              <div class="upload-control">
-                <t-input v-model="banner.img" placeholder="/upload/banner-1.png"></t-input>
-                <t-upload theme="custom" :action="uploadUrl" :headers="uploadHeaders"
-                  :format-response="uploadFormatResponse" :show-upload-progress="false" :max="1"
-                  @success="(ctx) => handleUpload(['banner', index, 'img'], ctx)">
-                  <t-button size="small" class="ml-10">
-                    <t-icon name="upload" size="small" /> 上传
-                  </t-button>
-                </t-upload>
-              </div>
+            <div class="form-item">
+              <label>关键词</label>
+              <input type="text" class="form-control" name="seo.keywords" placeholder="关键词,逗号分隔">
             </div>
             <div class="form-item">
               <label>描述</label>
-              <t-input v-model="banner.description" placeholder="一句宣传语"></t-input>
-            </div>
-            <div class="form-item form-item">
-              <label>标签</label>
-              <t-input v-model="banner.tags" placeholder="如：高速,低价,安全（多个标签用逗号分隔）"></t-input>
-            </div>
-            <div class="form-item">
-              <label>跳转链接</label>
-              <t-input v-model="banner.url" placeholder="/cloud.html"></t-input>
-            </div>
-            <div class="form-item form-switch">
-              <label><span class="switch-label-icon">🔗</span>新窗口</label>
-              <t-switch size="large" v-model="banner.blank"></t-switch>
-            </div>
-            <div class="form-item">
-              <label>按钮文字</label>
-              <t-input v-model="banner.button_text" placeholder="立即查看"></t-input>
-            </div>
-            <div class="form-item">
-              <label>按钮链接</label>
-              <t-input v-model="banner.button_link" placeholder="/cloud.html"></t-input>
-            </div>
-            <div class="form-item form-switch">
-              <label><span class="switch-label-icon">🔗</span>按钮新窗口</label>
-              <t-switch size="large" v-model="banner.button_blank"></t-switch>
+              <textarea class="form-control" name="seo.description" rows="3" placeholder="站点描述"></textarea>
             </div>
           </div>
         </div>
-        <t-button theme="primary" variant="outline" @click="addBanner">新增轮播</t-button>
-      </div>
-
-      <div class="section-card">
-          <div class="section-header">
-            <h2>企业资质与荣誉</h2>
-          </div>
-          <div class="section-body">
-        <div v-if="!fullConfig.honor.length" class="empty-state">
-          用于首页"荣誉资质"模块（honor）。
-        </div>
-        <div class="config-item" v-for="(item, index) in fullConfig.honor" :key="'honor-' + index">
-          <div class="config-item__header">
-            <h4>荣誉 {{ index + 1 }}</h4>
-            <t-button size="small" theme="danger" variant="outline" @click="removeHonor(index)">
-              删除
-            </t-button>
-          </div>
-          <div class="form-fields">
-            <div class="form-item">
-              <label>名称</label>
-              <t-input v-model="item.name" placeholder="高新技术企业"></t-input>
-            </div>
-            <div class="form-item form-item">
-              <label>图片地址</label>
-              <div class="upload-control">
-                <t-input v-model="item.img" placeholder="/upload/honor.png"></t-input>
-                <t-upload theme="custom" :action="uploadUrl" :headers="uploadHeaders"
-                  :format-response="uploadFormatResponse" :show-upload-progress="false" :max="1"
-                  @success="(ctx) => handleUpload(['honor', index, 'img'], ctx)">
-                  <t-button size="small" class="ml-10">
-                    <t-icon name="upload" size="small" /> 上传
-                  </t-button>
-                </t-upload>
-              </div>
-            </div>
-          </div>
-        </div>
-        <t-button theme="primary" variant="outline" @click="addHonor">新增荣誉</t-button>
-      </div>
-
-    </section>
-
-    <section id="nav" class="config-section" :class="{active: activeSection === 'nav'}">
-      <div class="section-card">
-          <div class="section-header">
-            <h2>顶部导航（header_nav）</h2>
-          </div>
-          <div class="section-body">
-        <p class="alert alert-info">
-          控制站点顶部导航栏及其下拉菜单结构。第一个导航项用作 Logo 点击跳转地址。
-        </p>
-        <div class="form-fields">
-          <div class="form-item form-item">
-            <label>Logo 点击跳转地址</label>
-            <t-input v-model="homeNav.file_address" placeholder="index.html 或 /index.html"></t-input>
-          </div>
-        </div>
-
-        <h4 class="sub-title mt-10">一级导航</h4>
-        <div v-if="headerNavList.length <= 1" class="empty-state">
-          还没有自定义导航，请点击下方按钮新增。
-        </div>
-        <div class="config-item" v-for="(item, index) in headerNavList" :key="'nav-' + index" v-if="index > 0">
-          <div class="config-item__header">
-            <h4>导航 {{ index }}</h4>
-            <t-button size="small" theme="danger" variant="outline" @click="removeHeaderNav(index)">
-              删除
-            </t-button>
-          </div>
-          <div class="form-fields">
-            <div class="form-item">
-              <label>名称</label>
-              <t-input v-model="item.name" placeholder="如：产品"></t-input>
-            </div>
-            <div class="form-item">
-              <label>点击链接（可选）</label>
-              <t-input v-model="item.file_address" placeholder="/cloud.html"></t-input>
-            </div>
-            <div class="form-item form-switch">
-              <label><span class="switch-label-icon">🔗</span>新窗口</label>
-              <t-switch v-model="item.blank"></t-switch>
-            </div>
-          </div>
-
-          <h4 class="sub-title mt-10">下拉子菜单</h4>
-          <div v-if="!getHeaderChildren(item).length" class="empty-state">
-            还没有子菜单，点击下方按钮新增。
-          </div>
-          <div class="config-item" v-for="(child, cIndex) in getHeaderChildren(item)"
-            :key="'nav-' + index + '-child-' + cIndex">
-            <div class="config-item__header">
-              <h4>子菜单 {{ cIndex + 1 }}</h4>
-              <t-button size="small" theme="danger" variant="outline" @click="removeHeaderNavChild(index, cIndex)">
-                删除
-              </t-button>
-            </div>
-            <div class="form-fields">
-              <div class="form-item">
-                <label>名称</label>
-                <t-input v-model="child.name" placeholder="如：云服务器"></t-input>
-              </div>
-              <div class="form-item">
-                <label>链接地址</label>
-                <t-input v-model="child.file_address" placeholder="/cloud.html"></t-input>
-              </div>
-              <div class="form-item form-switch">
-                <label><span class="switch-label-icon">🔗</span>新窗口</label>
-                <t-switch v-model="child.blank"></t-switch>
-              </div>
-              <div class="form-item form-item">
-                <label>图标地址</label>
-                <div class="upload-control">
-                  <t-input v-model="child.icon" placeholder="/upload/nav-icon.png"></t-input>
-                  <t-upload theme="custom" :action="uploadUrl" :headers="uploadHeaders"
-                    :format-response="uploadFormatResponse" :show-upload-progress="false" :max="1" @success="
-                      (ctx) => handleUpload(['header_nav', index, 'children', cIndex, 'icon'], ctx)
-                    ">
-                    <t-button size="small" class="ml-10">
-                      <t-icon name="upload" size="small" /> 上传
-                    </t-button>
-                  </t-upload>
-                </div>
-              </div>
-              <div class="form-item form-item">
-                <label>描述</label>
-                <t-textarea v-model="child.description" :autosize="{ minRows: 2, maxRows: 3 }"
-                  placeholder="如：高可用的弹性计算服务"></t-textarea>
-              </div>
-            </div>
-          </div>
-          <t-button class="mt-10" theme="primary" size="small" variant="outline" @click="addHeaderNavChild(index)">
-            新增子菜单
-          </t-button>
-        </div>
-        <t-button class="mt-10" theme="primary" variant="outline" @click="addHeaderNav">
-          新增一级导航
-        </t-button>
       </div>
     </section>
 
-    <section id="footer" class="config-section" :class="{active: activeSection === 'footer'}">
+    <!-- 首页内容 -->
+    <section id="tab-home" class="config-section">
       <div class="section-card">
-          <div class="section-header">
-            <h2>底部栏目（footer_nav）</h2>
-          </div>
-          <div class="section-body">
-        <p class="alert alert-info">
-          控制首页底部多列链接（如【热门产品】【客户支持】等），结构与模板中的
-          <code>footer_nav</code> 一致。
-        </p>
-        <div v-if="!footerNavList.length" class="empty-state">
-          还没有底部栏目，点击下方按钮新增。
+        <div class="section-header">
+          <h2>首页轮播</h2>
         </div>
-        <div class="config-item" v-for="(group, index) in footerNavList" :key="'footer-' + index">
-          <div class="config-item__header">
-            <h4>栏目 {{ index + 1 }}</h4>
-            <t-button size="small" theme="danger" variant="outline" @click="removeFooterNav(index)">
-              删除
-            </t-button>
-          </div>
-          <div class="form-fields">
-            <div class="form-item">
-              <label>栏目标题</label>
-              <t-input v-model="group.name" placeholder="如：热门产品"></t-input>
-            </div>
-          </div>
-          <h4 class="sub-title mt-10">栏目链接</h4>
-          <div v-if="!getFooterChildren(group).length" class="empty-state">
-            还没有链接，点击下方按钮新增。
-          </div>
-          <div class="config-item" v-for="(link, cIndex) in getFooterChildren(group)"
-            :key="'footer-' + index + '-child-' + cIndex">
-            <div class="config-item__header">
-              <h4>链接 {{ cIndex + 1 }}</h4>
-              <t-button size="small" theme="danger" variant="outline" @click="removeFooterNavChild(index, cIndex)">
-                删除
-              </t-button>
-            </div>
-            <div class="form-fields">
-              <div class="form-item">
-                <label>名称</label>
-                <t-input v-model="link.name" placeholder="如：云服务器"></t-input>
-              </div>
-              <div class="form-item">
-                <label>链接地址</label>
-                <t-input v-model="link.url" placeholder="/cloud.html"></t-input>
-              </div>
-              <div class="form-item form-switch">
-                <label><span class="switch-label-icon">🔗</span>新窗口</label>
-                <t-switch v-model="link.blank"></t-switch>
-              </div>
-            </div>
-          </div>
-          <t-button class="mt-10" theme="primary" size="small" variant="outline" @click="addFooterNavChild(index)">
-            新增链接
-          </t-button>
+        <div class="section-body">
+          <div id="bannerList"></div>
+          <button class="btn btn-secondary" id="addBannerBtn">+ 添加轮播</button>
         </div>
-        <t-button class="mt-10" theme="primary" variant="outline" @click="addFooterNav">
-          新增栏目
-        </t-button>
       </div>
 
       <div class="section-card">
-          <div class="section-header">
-            <h2>友情链接</h2>
-          </div>
-          <div class="section-body">
-        <div v-if="!fullConfig.friendly_link.length" class="empty-state">
-          还没有友情链接，点击下方按钮添加。
+        <div class="section-header">
+          <h2>企业荣誉</h2>
         </div>
-        <div class="config-item" v-for="(item, index) in fullConfig.friendly_link" :key="index">
-          <div class="config-item__header">
-            <h4>链接 {{ index + 1 }}</h4>
-            <t-button size="small" theme="danger" variant="outline" @click="removeFriendlyLink(index)">
-              删除
-            </t-button>
-          </div>
-          <div class="form-fields">
-            <div class="form-item">
-              <label>名称</label>
-              <t-input v-model="item.name" placeholder="合作伙伴名称"></t-input>
-            </div>
-            <div class="form-item form-item">
-              <label>链接地址</label>
-              <t-input v-model="item.url" placeholder="https://example.com"></t-input>
-            </div>
-          </div>
-        </div>
-        <t-button theme="primary" variant="outline" @click="addFriendlyLink">新增友情链接</t-button>
-      </div>
-    </section>
-
-    <t-tab-panel v-if="showAdvanced" value="advanced" label="高级设置(JSON)">
-      <div class="section-card">
-          <div class="section-header">
-            <h2>高级配置 (JSON)</h2>
-          </div>
-          <div class="section-body">
-        <p class="alert alert-info">
-          用于暂未在 UI 中开放的配置项（如复杂导航结构 header_nav/footer_nav 等）。如非必要，建议优先使用上方表单编辑。
-        </p>
-        <t-textarea v-model="advancedText" :autosize="{ minRows: 14 }" class="json-editor"></t-textarea>
-        <div class="mt-10">
-          <t-button variant="outline" @click="syncJson">同步当前配置</t-button>
-          <t-button class="ml-10" @click="applyAdvanced">应用 JSON</t-button>
+        <div class="section-body">
+          <div id="honorList"></div>
+          <button class="btn btn-secondary" id="addHonorBtn">+ 添加荣誉</button>
         </div>
       </div>
     </section>
-  </t-tabs>
-
-  <div class="action-bar">
-    <t-button variant="outline" @click="loadConfig" :loading="loading">重新加载</t-button>
-    <t-button theme="primary" class="ml-10" @click="saveConfig" :loading="saving">
-      保存全部配置
-    </t-button>
-    <t-button class="ml-10" variant="outline" @click="toggleAdvanced">
-      {{ showAdvanced ? "隐藏高级 JSON" : "显示高级 JSON" }}
-    </t-button>
   </main>
 </div>
 
-<script src="/plugins/addon/theme_configurator/template/admin/lang/index.js">    </main>
-  </div>
-</div>
+<!-- 隐藏的文件上传input -->
+<input type="file" id="fileInput" accept="image/*" style="display:none">
 
-</script>
-<script src="/plugins/addon/theme_configurator/template/admin/js/axios.min.js">    </main>
-  </div>
-</div>
-
-</script>
+<script src="/plugins/addon/theme_configurator/template/admin/js/axios.min.js"></script>
 <script>
   (function () {
     const host = location.origin;
     const adminPath = location.pathname.split("/")[1];
-    const base = `${host}/${adminPath}/v1/theme/config`;
+    const apiBase = `${host}/${adminPath}/v1/theme/config`;
+    const uploadUrl = `${host}/${adminPath}/v1/upload`;
+    const token = localStorage.getItem("backJwt");
 
-    const showMessage = (vm, type, text) => {
-      if (vm.$message && typeof vm.$message[type] === "function") {
-        vm.$message[type](text);
-      } else if (window.MessagePlugin && typeof window.MessagePlugin[type] === "function") {
-        window.MessagePlugin[type](text);
-      } else {
-        alert(text);
-      }
+    let config = {};
+    let currentUploadTarget = null;
+
+    // Tab切换
+    document.querySelectorAll('.tab-item').forEach(tab => {
+      tab.addEventListener('click', (e) => {
+        e.preventDefault();
+        const tabName = tab.dataset.tab;
+
+        // 更新Tab active状态
+        document.querySelectorAll('.tab-item').forEach(t => t.classList.remove('active'));
+        tab.classList.add('active');
+
+        // 更新section显示
+        document.querySelectorAll('.config-section').forEach(s => s.classList.remove('active'));
+        document.getElementById(`tab-${tabName}`).classList.add('active');
+      });
+    });
+
+    // 加载配置
+    function loadConfig() {
+      axios.get(apiBase, {
+        headers: { Authorization: `Bearer ${token}` }
+      }).then(res => {
+        config = res.data.data || {};
+        fillForm(config);
+      }).catch(err => {
+        alert('加载配置失败: ' + (err.message || '未知错误'));
+      });
+    }
+
+    // 填充表单
+    function fillForm(data) {
+      // 填充简单字段
+      document.querySelectorAll('input[name], textarea[name]').forEach(input => {
+        const name = input.getAttribute('name');
+        const value = getNestedValue(data, name);
+        if (value !== undefined) {
+          input.value = value;
+        }
+      });
+
+      // 渲染轮播列表
+      renderBanners(data.banner || []);
+
+      // 渲染荣誉列表
+      renderHonors(data.honor || []);
+    }
+
+    // 获取嵌套属性值
+    function getNestedValue(obj, path) {
+      return path.split('.').reduce((val, key) => val?.[key], obj);
+    }
+
+    // 设置嵌套属性值
+    function setNestedValue(obj, path, value) {
+      const keys = path.split('.');
+      const last = keys.pop();
+      const target = keys.reduce((o, k) => o[k] = o[k] || {}, obj);
+      target[last] = value;
+    }
+
+    // 收集表单数据
+    function collectFormData() {
+      const data = JSON.parse(JSON.stringify(config)); // 深拷贝
+
+      document.querySelectorAll('input[name], textarea[name]').forEach(input => {
+        const name = input.getAttribute('name');
+        setNestedValue(data, name, input.value);
+      });
+
+      // 收集轮播数据
+      data.banner = collectBanners();
+
+      // 收集荣誉数据
+      data.honor = collectHonors();
+
+      return data;
+    }
+
+    // 渲染轮播列表
+    function renderBanners(banners) {
+      const container = document.getElementById('bannerList');
+      container.innerHTML = '';
+
+      banners.forEach((banner, index) => {
+        const item = document.createElement('div');
+        item.className = 'config-item';
+        item.innerHTML = `
+        <div class="config-item__header">
+          <h4>轮播 ${index + 1}</h4>
+          <button class="btn-icon btn-icon-danger" onclick="removeBanner(${index})">×</button>
+        </div>
+        <div class="config-item__body">
+          <div class="form-fields">
+            <div class="form-item">
+              <label>标题</label>
+              <input type="text" class="form-control" data-banner="${index}" data-field="title" value="${banner.title || ''}" placeholder="弹性算力">
+            </div>
+            <div class="form-item">
+              <label>描述</label>
+              <input type="text" class="form-control" data-banner="${index}" data-field="description" value="${banner.description || ''}" placeholder="宣传语">
+            </div>
+            <div class="form-item">
+              <label>图片地址</label>
+              <div class="upload-control">
+                <input type="text" class="form-control" data-banner="${index}" data-field="img" value="${banner.img || ''}" placeholder="/upload/banner.png">
+                <button class="btn btn-secondary upload-btn" data-target-banner="${index}.img">选择文件</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      `;
+        container.appendChild(item);
+      });
+    }
+
+    // 收集轮播数据
+    function collectBanners() {
+      const banners = [];
+      document.querySelectorAll('[data-banner]').forEach(input => {
+        const index = parseInt(input.dataset.banner);
+        const field = input.dataset.field;
+
+        if (!banners[index]) {
+          banners[index] = {};
+        }
+        banners[index][field] = input.value;
+      });
+      return banners.filter(b => b); // 移除空项
+    }
+
+    // 添加轮播
+    window.addBanner = function () {
+      const banners = collectBanners();
+      banners.push({ title: '', description: '', img: '' });
+      renderBanners(banners);
     };
 
-    const createDefaultConfig = () => ({
-      seo: {
-        title: "",
-        keywords: "",
-        description: "",
-      },
-      site_config: {
-        enterprise_name: "",
-        enterprise_telephone: "",
-        enterprise_mailbox: "",
-        enterprise_qrcode: "",
-        official_website_logo: "",
-        online_customer_service_link: "",
-        icp_info: "",
-        icp_info_link: "",
-        public_security_network_preparation: "",
-        public_security_network_preparation_link: "",
-        telecom_appreciation: "",
-        copyright_info: "",
-        terms_service_url: "",
-        terms_privacy_url: "",
-        cloud_product_link: "",
-        dcim_product_link: "",
-      },
-      banner: [],
-      header_nav: [],
-      footer_nav: [],
-      friendly_link: [],
-      side: [],
-      feedback_type: [],
-      honor: [],
-      partner: [],
+    // 删除轮播
+    window.removeBanner = function (index) {
+      const banners = collectBanners();
+      banners.splice(index, 1);
+      renderBanners(banners);
+    };
+
+    // 渲染荣誉列表
+    function renderHonors(honors) {
+      const container = document.getElementById('honorList');
+      container.innerHTML = '';
+
+      honors.forEach((honor, index) => {
+        const item = document.createElement('div');
+        item.className = 'config-item';
+        item.innerHTML = `
+        <div class="config-item__header">
+          <h4>荣誉 ${index + 1}</h4>
+          <button class="btn-icon btn-icon-danger" onclick="removeHonor(${index})">×</button>
+        </div>
+        <div class="config-item__body">
+          <div class="form-fields">
+            <div class="form-item">
+              <label>名称</label>
+              <input type="text" class="form-control" data-honor="${index}" data-field="name" value="${honor.name || ''}" placeholder="高新技术企业">
+            </div>
+            <div class="form-item">
+              <label>图片地址</label>
+              <div class="upload-control">
+                <input type="text" class="form-control" data-honor="${index}" data-field="img" value="${honor.img || ''}" placeholder="/upload/honor.png">
+                <button class="btn btn-secondary upload-btn" data-target-honor="${index}.img">选择文件</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      `;
+        container.appendChild(item);
+      });
+    }
+
+    // 收集荣誉数据
+    function collectHonors() {
+      const honors = [];
+      document.querySelectorAll('[data-honor]').forEach(input => {
+        const index = parseInt(input.dataset.honor);
+        const field = input.dataset.field;
+
+        if (!honors[index]) {
+          honors[index] = {};
+        }
+        honors[index][field] = input.value;
+      });
+      return honors.filter(h => h);
+    }
+
+    // 添加荣誉
+    window.addHonor = function () {
+      const honors = collectHonors();
+      honors.push({ name: '', img: '' });
+      renderHonors(honors);
+    };
+
+    // 删除荣誉
+    window.removeHonor = function (index) {
+      const honors = collectHonors();
+      honors.splice(index, 1);
+      renderHonors(honors);
+    };
+
+    // 文件上传
+    document.addEventListener('click', (e) => {
+      if (e.target.closest('.upload-btn')) {
+        e.preventDefault();
+        const btn = e.target.closest('.upload-btn');
+        currentUploadTarget = btn.dataset.target || btn.dataset.targetBanner || btn.dataset.targetHonor;
+        document.getElementById('fileInput').click();
+      }
     });
 
-    new Vue({
-      el: "#theme-config-app",
-      data() {
-        return {
-          loading: false,
-          saving: false,
-          fullConfig: createDefaultConfig(),
-          advancedText: "",
-          showAdvanced: false,
-          activeSection: "basic",
-          uploadUrl: `${host}/${adminPath}/v1/upload`,
-          uploadHeaders: {
-            Authorization: "Bearer " + localStorage.getItem("backJwt"),
-          },
-        };
-      },
-      computed: {
-        bannerList() {
-          if (!Array.isArray(this.fullConfig.banner)) {
-            this.fullConfig.banner = [];
-          }
-          return this.fullConfig.banner;
-        },
-        headerNavList() {
-          if (!Array.isArray(this.fullConfig.header_nav)) {
-            this.fullConfig.header_nav = [];
-          }
-          if (this.fullConfig.header_nav.length === 0) {
-            this.fullConfig.header_nav.push({
-              name: "首页",
-              file_address: "index.html",
-              blank: false,
-              children: [],
-            });
-          }
-          return this.fullConfig.header_nav;
-        },
-        homeNav() {
-          return this.headerNavList[0];
-        },
-        footerNavList() {
-          if (!Array.isArray(this.fullConfig.footer_nav)) {
-            this.fullConfig.footer_nav = [];
-          }
-          return this.fullConfig.footer_nav;
-        },
-      },
-      methods: {
-        normalizeConfig(data = {}) {
-          const defaults = createDefaultConfig();
-          const merged = {
-            ...defaults,
-            ...data,
-            seo: {
-              ...defaults.seo,
-              ...(data.seo || {}),
-            },
-            site_config: {
-              ...defaults.site_config,
-              ...(data.site_config || {}),
-            },
-            banner: Array.isArray(data.banner) ? data.banner : [],
-            header_nav:
-              Array.isArray(data.header_nav) && data.header_nav.length
-                ? data.header_nav
-                : [],
-            footer_nav: Array.isArray(data.footer_nav) ? data.footer_nav : [],
-            friendly_link: Array.isArray(data.friendly_link) ? data.friendly_link : [],
-            side: Array.isArray(data.side)
-              ? data.side
-              : Array.isArray(data.side_floating_window)
-                ? data.side_floating_window
-                : [],
-            feedback_type: Array.isArray(data.feedback_type)
-              ? data.feedback_type
-              : Array.isArray(data.site_config && data.site_config.feedback_type)
-                ? data.site_config.feedback_type
-                : [],
-            honor: Array.isArray(data.honor)
-              ? data.honor
-              : Array.isArray(data.site_config && data.site_config.honor)
-                ? data.site_config.honor
-                : [],
-            partner: Array.isArray(data.partner)
-              ? data.partner
-              : Array.isArray(data.site_config && data.site_config.partner)
-                ? data.site_config.partner
-                : [],
-          };
+    document.getElementById('fileInput').addEventListener('change', function (e) {
+      const file = e.target.files[0];
+      if (!file) return;
 
-          if (!Array.isArray(merged.header_nav) || merged.header_nav.length === 0) {
-            merged.header_nav = [
-              {
-                name: "首页",
-                file_address: "index.html",
-                blank: false,
-                children: [],
-              },
-            ];
-          }
+      const formData = new FormData();
+      formData.append('file', file);
 
-          return merged;
-        },
-        uploadFormatResponse(res) {
-          if (!res || res.status !== 200) {
-            return { error: "上传失败" };
-          }
-          return res;
-        },
-        handleUpload(path, ctx) {
-          try {
-            const resp = ctx && ctx.file && ctx.file.response;
-            const data = resp && resp.data ? resp.data : resp;
-            if (!data) {
-              return showMessage(this, "error", "上传失败：未获取到响应数据");
-            }
-            // 优先使用后端返回的 image_url，其次 url，最后才是 save_name
-            let url = data.image_url || data.url || data.save_name || "";
-            if (!url) {
-              return showMessage(this, "error", "上传失败：未获取到文件地址");
-            }
+      const saveBtn = document.getElementById('saveBtn');
+      saveBtn.disabled = true;
+      saveBtn.querySelector('span').textContent = '上传中...';
 
-            // 相对路径前面补一个 /，保持站点根路径
-            if (!/^https?:\/\//i.test(url) && url.charAt(0) !== "/") {
-              url = "/" + url;
-            }
+      axios.post(uploadUrl, formData, {
+        headers: {
+          'Authorization': `Bearer ${token}`,
+          'Content-Type': 'multipart/form-data'
+        }
+      }).then(res => {
+        const data = res.data.data || {};
+        const url = data.image_url || data.url || data.save_name || '';
 
-            this.setConfigByPath(path, url);
-          } catch (e) {
-            showMessage(this, "error", "上传处理异常：" + e.message);
-          }
-        },
-        setConfigByPath(path, value) {
-          if (!Array.isArray(path) || !path.length) return;
-          let target = this.fullConfig;
-          for (let i = 0; i < path.length - 1; i++) {
-            const key = path[i];
-            if (typeof key === "number") {
-              if (!Array.isArray(target)) return;
-              target = target[key];
-            } else {
-              if (!target[key]) {
-                this.$set(target, key, {});
-              }
-              target = target[key];
-            }
-            if (!target) return;
-          }
-          const lastKey = path[path.length - 1];
-          if (typeof lastKey === "number") {
-            if (!Array.isArray(target)) return;
-            this.$set(target, lastKey, value);
+        if (url) {
+          // 找到目标input并设置值
+          if (currentUploadTarget.includes('.')) {
+            // 动态列表项
+            const input = document.querySelector(`[data-target-banner="${currentUploadTarget}"], [data-target-honor="${currentUploadTarget}"]`)
+              ?.closest('.upload-control')
+              ?.querySelector('input');
+            if (input) input.value = url.startsWith('/') ? url : '/' + url;
           } else {
-            this.$set(target, lastKey, value);
+            // 普通字段
+            const input = document.querySelector(`input[name="${currentUploadTarget}"]`);
+            if (input) input.value = url.startsWith('/') ? url : '/' + url;
           }
-        },
-        loadConfig() {
-          this.loading = true;
-          axios
-            .get(base, {
-              headers: {
-                Authorization: "Bearer " + localStorage.getItem("backJwt"),
-              },
-            })
-            .then((res) => {
-              const data = (res.data && res.data.data) || {};
-              this.fullConfig = this.normalizeConfig(data);
-              this.syncJson();
-            })
-            .finally(() => {
-              this.loading = false;
-            });
-        },
-        syncJson() {
-          this.advancedText = JSON.stringify(this.fullConfig, null, 2);
-        },
-        applyAdvanced() {
-          if (!this.advancedText.trim()) {
-            return showMessage(this, "warning", "JSON 内容为空");
-          }
-          try {
-            const parsed = JSON.parse(this.advancedText);
-            this.fullConfig = this.normalizeConfig(parsed);
-            showMessage(this, "success", "JSON 已应用");
-          } catch (err) {
-            showMessage(this, "error", "JSON 解析失败：" + err.message);
-          }
-        },
-        addBanner() {
-          this.bannerList.push({
-            title: "",
-            img: "",
-            description: "",
-            tags: "",
-            url: "",
-            blank: false,
-            button_text: "",
-            button_link: "",
-            button_blank: false,
-          });
-        },
-        removeBanner(index) {
-          this.bannerList.splice(index, 1);
-        },
-        addFriendlyLink() {
-          if (!Array.isArray(this.fullConfig.friendly_link)) {
-            this.fullConfig.friendly_link = [];
-          }
-          this.fullConfig.friendly_link.push({
-            name: "",
-            url: "",
-          });
-        },
-        removeFriendlyLink(index) {
-          this.fullConfig.friendly_link.splice(index, 1);
-        },
-        addHonor() {
-          if (!Array.isArray(this.fullConfig.honor)) {
-            this.fullConfig.honor = [];
-          }
-          this.fullConfig.honor.push({
-            name: "",
-            img: ""
-          });
-        },
-        removeHonor(index) {
-          this.fullConfig.honor.splice(index, 1);
-        },
-        addFeedbackType() {
-          if (!Array.isArray(this.fullConfig.feedback_type)) {
-            this.fullConfig.feedback_type = [];
-          }
-          this.fullConfig.feedback_type.push({
-            id: "",
-            name: "",
-            description: "",
-          });
-        },
-        removeFeedbackType(index) {
-          this.fullConfig.feedback_type.splice(index, 1);
-        },
-        addSide() {
-          if (!Array.isArray(this.fullConfig.side)) {
-            this.fullConfig.side = [];
-          }
-          this.fullConfig.side.push({
-            name: "",
-            icon: "",
-            content: "",
-          });
-        },
-        removeSide(index) {
-          this.fullConfig.side.splice(index, 1);
-        },
-        getHeaderChildren(item) {
-          if (!item) return [];
-          if (!Array.isArray(item.children)) {
-            this.$set(item, "children", []);
-          }
-          return item.children;
-        },
-        addHeaderNav() {
-          if (!Array.isArray(this.fullConfig.header_nav)) {
-            this.fullConfig.header_nav = [];
-          }
-          this.fullConfig.header_nav.push({
-            name: "",
-            file_address: "",
-            blank: false,
-            children: [],
-          });
-        },
-        removeHeaderNav(index) {
-          if (index === 0) {
-            return;
-          }
-          this.headerNavList.splice(index, 1);
-        },
-        addHeaderNavChild(index) {
-          const item = this.headerNavList[index];
-          if (!item) return;
-          if (!Array.isArray(item.children)) {
-            this.$set(item, "children", []);
-          }
-          item.children.push({
-            name: "",
-            file_address: "",
-            blank: false,
-            icon: "",
-            description: "",
-          });
-        },
-        removeHeaderNavChild(index, childIndex) {
-          const item = this.headerNavList[index];
-          if (!item || !Array.isArray(item.children)) return;
-          item.children.splice(childIndex, 1);
-        },
-        getFooterChildren(group) {
-          if (!group) return [];
-          if (!Array.isArray(group.children)) {
-            this.$set(group, "children", []);
-          }
-          return group.children;
-        },
-        addFooterNav() {
-          if (!Array.isArray(this.fullConfig.footer_nav)) {
-            this.fullConfig.footer_nav = [];
-          }
-          this.fullConfig.footer_nav.push({
-            name: "",
-            children: [],
-          });
-        },
-        removeFooterNav(index) {
-          this.footerNavList.splice(index, 1);
-        },
-        addFooterNavChild(index) {
-          const group = this.footerNavList[index];
-          if (!group) return;
-          if (!Array.isArray(group.children)) {
-            this.$set(group, "children", []);
-          }
-          group.children.push({
-            name: "",
-            url: "",
-            blank: false,
-          });
-        },
-        removeFooterNavChild(index, childIndex) {
-          const group = this.footerNavList[index];
-          if (!group || !Array.isArray(group.children)) return;
-          group.children.splice(childIndex, 1);
-        },
-        saveConfig() {
-          this.saving = true;
-          const payload = {
-            ...this.fullConfig,
-            side_floating_window: this.fullConfig.side || [],
-          };
-          axios
-            .post(base, payload, {
-              headers: {
-                Authorization: "Bearer " + localStorage.getItem("backJwt"),
-              },
-            })
-            .then((res) => {
-              showMessage(this, "success", (res.data && res.data.msg) || "保存成功");
-              this.loadConfig();
-            })
-            .finally(() => {
-              this.saving = false;
-            });
-        },
-        toggleAdvanced() {
-          this.showAdvanced = !this.showAdvanced;
-          if (this.showAdvanced) {
-            this.syncJson();
-            this.activeTab = "advanced";
-          } else if (this.activeTab === "advanced") {
-            this.activeTab = "basic";
-          }
-        },
-      },
-      mounted() {
-        this.loadConfig();
-      },
-    });
-  })();
-    </main>
-  </div>
-</div>
 
+          alert('上传成功');
+        }
+      }).catch(err => {
+        alert('上传失败: ' + (err.response?.data?.msg || err.message));
+      }).finally(() => {
+        saveBtn.disabled = false;
+        saveBtn.querySelector('span').textContent = '保存全部配置';
+        e.target.value = ''; // 清空文件选择
+      });
+    });
+
+    // 保存配置
+    document.getElementById('saveBtn').addEventListener('click', () => {
+      const btn = document.getElementById('saveBtn');
+      btn.disabled = true;
+      btn.querySelector('span').textContent = '保存中...';
+
+      const data = collectFormData();
+
+      axios.post(apiBase, data, {
+        headers: { Authorization: `Bearer ${token}` }
+      }).then(res => {
+        alert(res.data.msg || '保存成功');
+        loadConfig(); // 重新加载
+      }).catch(err => {
+        alert('保存失败: ' + (err.response?.data?.msg || err.message));
+      }).finally(() => {
+        btn.disabled = false;
+        btn.querySelector('span').textContent = '保存全部配置';
+      });
+    });
+
+    // 添加按钮事件
+    document.getElementById('addBannerBtn').addEventListener('click', addBanner);
+    document.getElementById('addHonorBtn').addEventListener('click', addHonor);
+
+    // 初始化
+    loadConfig();
+  })();
 </script>
\ No newline at end of file
diff --git a/plugins/addon/theme_configurator/template/admin/theme.css b/plugins/addon/theme_configurator/template/admin/theme.css
index 07e6b77..ba9b3c4 100644
--- a/plugins/addon/theme_configurator/template/admin/theme.css
+++ b/plugins/addon/theme_configurator/template/admin/theme.css
@@ -1,68 +1,43 @@
 /* ============================================
-   黑果云模板控制器 - 顶部Tab样式
-   设计风格: 现代化标签页 + 卡片式 + Ant Design配色
+   黑果云模板控制器 - 原生版本样式
+   无框架依赖的纯CSS样式
    ============================================ */
 
 :root {
-  /* Ant Design 配色 */
   --primary: #1890ff;
   --primary-hover: #40a9ff;
-  --primary-active: #096dd9;
-  --primary-light: #e6f7ff;
-
-  /* 背景色 */
   --bg-body: #f0f2f5;
   --bg-container: #ffffff;
-  --bg-header: #ffffff;
-
-  /* 文字色 */
   --text-primary: #262626;
   --text-secondary: #595959;
   --text-tertiary: #8c8c8c;
-
-  /* 边框色 */
   --border: #d9d9d9;
-  --border-light: #e8e8f0;
+  --border-light: #e8e8e8;
   --border-lighter: #f0f0f0;
-
-  /* 间距 */
-  --spacing-sm: 8px;
   --spacing-md: 16px;
   --spacing-lg: 24px;
-
-  /* 阴影 */
-  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 
-[v-cloak] {
-  display: none;
+* {
+  box-sizing: border-box;
 }
 
 body {
   margin: 0;
   padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
   font-size: 14px;
   color: var(--text-primary);
   background: var(--bg-body);
 }
 
-/* ============================================
-   主容器
-   ============================================ */
-
 .admin-container {
-  min-height: 100vh;
-  background: var(--bg-body);
-  padding: var(--spacing-lg);
   max-width: 1400px;
   margin: 0 auto;
+  padding: var(--spacing-lg);
 }
 
-/* ============================================
-   顶部工具栏
-   ============================================ */
-
+/* 顶部栏 */
 .admin-header {
   background: var(--bg-container);
   border-radius: 8px 8px 0 0;
@@ -71,7 +46,6 @@ body {
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid var(--border-lighter);
-  margin-bottom: 0;
 }
 
 .admin-logo {
@@ -80,17 +54,13 @@ body {
   gap: 12px;
   font-size: 18px;
   font-weight: 600;
-  color: var(--text-primary);
 }
 
 .admin-logo svg {
   color: var(--primary);
 }
 
-/* ============================================
-   Tab导航
-   ============================================ */
-
+/* Tab导航 */
 .admin-tabs {
   background: var(--bg-container);
   border-bottom: 1px solid var(--border-lighter);
@@ -100,18 +70,16 @@ body {
 }
 
 .tab-item {
-  position: relative;
   padding: 14px 20px;
   color: var(--text-secondary);
   text-decoration: none;
   cursor: pointer;
-  transition: all 0.3s;
   border-bottom: 2px solid transparent;
-  font-size: 14px;
   font-weight: 500;
   display: flex;
   align-items: center;
   gap: 8px;
+  transition: all 0.3s;
 }
 
 .tab-item svg {
@@ -124,10 +92,6 @@ body {
   color: var(--primary);
 }
 
-.tab-item:hover svg {
-  opacity: 1;
-}
-
 .tab-item.active {
   color: var(--primary);
   border-bottom-color: var(--primary);
@@ -137,15 +101,12 @@ body {
   opacity: 1;
 }
 
-/* ============================================
-   主内容区
-   ============================================ */
-
+/* 主内容 */
 .admin-main {
   background: var(--bg-container);
   border-radius: 0 0 8px 8px;
   padding: var(--spacing-lg);
-  min-height: 600px;
+  min-height: 500px;
 }
 
 .config-section {
@@ -156,12 +117,8 @@ body {
   display: block;
 }
 
-/* ============================================
-   区块卡片
-   ============================================ */
-
+/* 卡片 */
 .section-card {
-  background: var(--bg-container);
   border: 1px solid var(--border-lighter);
   border-radius: 8px;
   margin-bottom: 20px;
@@ -178,11 +135,10 @@ body {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
-  color: var(--text-primary);
 }
 
 .section-desc {
-  margin: 4px 0 0 0;
+  margin: 4px 0 0;
   font-size: 13px;
   color: var(--text-tertiary);
 }
@@ -191,27 +147,47 @@ body {
   padding: var(--spacing-lg);
 }
 
-/* ============================================
-   表单样式
-   ============================================ */
-
-.form-fields,
-.form-grid {
+/* 表单 */
+.form-fields {
   display: grid;
-  grid-template-columns: 1fr;
   gap: var(--spacing-lg);
 }
 
 .form-item {
-  margin-bottom: 0;
+  margin: 0;
 }
 
 .form-item label {
   display: block;
   margin-bottom: 8px;
-  font-size: 14px;
   font-weight: 500;
-  color: var(--text-primary);
+  font-size: 14px;
+}
+
+.form-control {
+  width: 100%;
+  padding: 8px 12px;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  font-size: 14px;
+  font-family: inherit;
+  transition: all 0.3s;
+}
+
+.form-control:hover {
+  border-color: var(--primary);
+}
+
+.form-control:focus {
+  border-color: var(--primary);
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);
+}
+
+textarea.form-control {
+  resize: vertical;
+  min-height: 80px;
+  line-height: 1.6;
 }
 
 .form-hint {
@@ -220,24 +196,18 @@ body {
   color: var(--text-tertiary);
 }
 
-/* ============================================
-   上传控件
-   ============================================ */
-
+/* 上传控件 */
 .upload-control {
   display: flex;
-  gap: var(--spacing-sm);
+  gap: 8px;
   align-items: center;
 }
 
-.upload-control .t-input {
+.upload-control .form-control {
   flex: 1;
 }
 
-/* ============================================
-   按钮样式
-   ============================================ */
-
+/* 按钮 */
 .btn {
   display: inline-flex;
   align-items: center;
@@ -248,10 +218,15 @@ body {
   font-size: 14px;
   font-weight: 500;
   border-radius: 4px;
-  border: 1px solid transparent;
+  border: 1px solid;
   cursor: pointer;
   transition: all 0.3s;
   background: transparent;
+  font-family: inherit;
+}
+
+.btn:hover:not(:disabled) {
+  opacity: 0.8;
 }
 
 .btn:disabled {
@@ -265,17 +240,18 @@ body {
 
 .btn-primary {
   background: var(--primary);
-  color: #ffffff;
+  color: white;
   border-color: var(--primary);
 }
 
 .btn-primary:hover:not(:disabled) {
   background: var(--primary-hover);
   border-color: var(--primary-hover);
+  opacity: 1;
 }
 
 .btn-secondary {
-  background: var(--bg-container);
+  background: white;
   color: var(--text-primary);
   border-color: var(--border);
 }
@@ -283,18 +259,7 @@ body {
 .btn-secondary:hover:not(:disabled) {
   color: var(--primary);
   border-color: var(--primary);
-}
-
-.btn-danger {
-  background: var(--bg-container);
-  color: #ff4d4f;
-  border-color: var(--border);
-}
-
-.btn-danger:hover:not(:disabled) {
-  color: #ffffff;
-  background: #ff4d4f;
-  border-color: #ff4d4f;
+  opacity: 1;
 }
 
 .btn-lg {
@@ -303,12 +268,6 @@ body {
   font-size: 15px;
 }
 
-.btn-sm {
-  height: 28px;
-  padding: 0 12px;
-  font-size: 13px;
-}
-
 .btn-icon {
   width: 28px;
   height: 28px;
@@ -316,15 +275,8 @@ body {
   border: none;
   background: transparent;
   color: var(--text-secondary);
-  cursor: pointer;
-  border-radius: 4px;
-  font-size: 16px;
-  transition: all 0.3s;
-}
-
-.btn-icon:hover {
-  background: var(--primary-light);
-  color: var(--primary);
+  font-size: 20px;
+  line-height: 1;
 }
 
 .btn-icon-danger:hover {
@@ -332,202 +284,41 @@ body {
   color: #ff4d4f;
 }
 
-/* ============================================
-   配置项列表
-   ============================================ */
-
+/* 配置项 */
 .config-item {
   border: 1px solid var(--border-light);
   border-radius: 6px;
+  margin-bottom: 16px;
   overflow: hidden;
-  margin-bottom: var(--spacing-md);
 }
 
 .config-item__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 12px var(--spacing-md);
+  padding: 12px 16px;
   background: #fafafa;
   border-bottom: 1px solid var(--border-light);
 }
 
-.config-item__title,
 .config-item__header h4 {
   margin: 0;
   font-size: 14px;
   font-weight: 500;
-  color: var(--text-primary);
-}
-
-.config-item__actions {
-  display: flex;
-  gap: 4px;
 }
 
 .config-item__body {
-  padding: var(--spacing-md);
+  padding: 16px;
 }
 
-.banner-item {
-  border: 1px solid var(--border-light);
-  border-radius: 6px;
-  overflow: hidden;
-  margin-bottom: var(--spacing-md);
-}
-
-.banner-item__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px var(--spacing-md);
-  background: #fafafa;
-  border-bottom: 1px solid var(--border-light);
-}
-
-.banner-item__header h4 {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-/* ============================================
-   空状态
-   ============================================ */
-
-.empty-state,
-.empty-tip {
-  padding: 40px 20px;
-  border: 2px dashed var(--border);
-  border-radius: 6px;
-  color: var(--text-tertiary);
-  background: #fafafa;
-  text-align: center;
-  font-size: 14px;
-  margin-bottom: var(--spacing-md);
-}
-
-/* ============================================
-   提示框
-   ============================================ */
-
-.alert,
-.alert-info {
-  padding: 12px 16px;
-  border-radius: 4px;
-  margin-bottom: var(--spacing-md);
-  font-size: 13px;
-  line-height: 1.6;
-  background: var(--primary-light);
-  border-left: 3px solid var(--primary);
-  color: var(--text-secondary);
-}
-
-.alert code {
-  padding: 2px 6px;
-  background: rgba(24, 144, 255, 0.1);
-  border-radius: 3px;
-  color: var(--primary);
-  font-family: 'Consolas', 'Monaco', monospace;
-  font-size: 12px;
-}
-
-/* ============================================
-   Switch开关
-   ============================================ */
-
-.form-switch {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12px var(--spacing-md);
-  background: #fafafa;
-  border-radius: 6px;
-  border: 1px solid var(--border-light);
-}
-
-.form-switch label {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 400;
-}
-
-/* ============================================
-   JSON编辑器
-   ============================================ */
-
-.json-editor textarea {
-  font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
-  font-size: 13px !important;
-  line-height: 1.6 !important;
-  padding: 16px !important;
-  background: #1e1e1e !important;
-  color: #d4d4d4 !important;
-  border: 1px solid #3c3c3c !important;
-  border-radius: 4px !important;
-  min-height: 400px;
-}
-
-/* ============================================
-   标题
-   ============================================ */
-
-.sub-title {
-  margin: 24px 0 16px;
-  padding-left: 12px;
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-  border-left: 3px solid var(--primary);
-}
-
-.mt-10,
-.mt-20 {
-  margin-top: 16px;
-}
-
-.ml-10 {
-  margin-left: 12px;
-}
-
-/* ============================================
-   TDesign组件覆盖
-   ============================================ */
-
-.t-input,
-.t-textarea {
-  border-radius: 4px !important;
-}
-
-.t-input:hover,
-.t-textarea:hover {
-  border-color: var(--primary) !important;
-}
-
-.t-input:focus-within,
-.t-textarea:focus-within {
-  border-color: var(--primary) !important;
-  box-shadow: 0 0 0 2px var(--primary-light) !important;
-}
-
-.t-button--primary {
-  background: var(--primary) !important;
-  border-color: var(--primary) !important;
-}
-
-/* ============================================
-   响应式
-   ============================================ */
-
+/* 响应式 */
 @media (max-width: 768px) {
   .admin-container {
-    padding: var(--spacing-sm);
+    padding: 12px;
   }
 
   .admin-tabs {
     overflow-x: auto;
-    flex-wrap: nowrap;
   }
 
   .tab-item {