更新官网上的Firefox下载链接

website/index.html

@@ -474,7 +474,7 @@
                         <span class="rating">★★★★★ 4.9</span>
                         <span class="users">全新发布</span>
                     </div>
-                    <a href="https://addons.mozilla.org/zh-CN/firefox/addon/web-fe-tool/" class="browser-link" target="_blank">
+                    <a href="https://addons.mozilla.org/zh-CN/firefox/addon/fehelper-%E5%89%8D%E7%AB%AF%E5%8A%A9%E6%89%8B/" class="browser-link" target="_blank">
                         <i class="fas fa-external-link-alt"></i>
                         安装扩展
                     </a>
@@ -520,7 +520,7 @@
                         </div>
                         <i class="fas fa-arrow-right btn-arrow"></i>
                     </a>
-                    <a href="https://addons.mozilla.org/zh-CN/firefox/addon/web-fe-tool/" class="download-btn firefox-btn" target="_blank">
+                    <a href="https://addons.mozilla.org/zh-CN/firefox/addon/fehelper-%E5%89%8D%E7%AB%AF%E5%8A%A9%E6%89%8B/" class="download-btn firefox-btn" target="_blank">
                         <div class="btn-icon">
                             <i class="fab fa-firefox"></i>
                         </div>
@@ -555,6 +555,37 @@
         </div>
     </section>
 
+    <!-- TableExporter 推荐位 -->
+    <section class="tableexporter-promo">
+      <div class="container">
+        <div class="section-header">
+          <h2>🎉 强力推荐 · 表格导出神器</h2>
+          <p>TableExporter：智能识别网页表格，一键导出Excel，数据分析必备！</p>
+        </div>
+        <div class="promo-content">
+          <div class="promo-img-box">
+            <img src="https://www.baidufe.com/table-exporter/assets/images/demo-screenshot.png" alt="TableExporter 插件截图" class="promo-img">
+          </div>
+          <div class="promo-info">
+            <ul class="promo-list">
+              <li><span>🚀</span> 智能识别网页所有表格，自动添加导出按钮</li>
+              <li><span>📊</span> 一键导出为Excel，完整保留样式、图片、链接</li>
+              <li><span>🎨</span> 多种主题样式，按钮位置自定义</li>
+              <li><span>⚡</span> 本地处理，数据隐私有保障</li>
+            </ul>
+            <div class="promo-btns">
+              <a href="https://chromewebstore.google.com/detail/tableexporter-%E8%A1%A8%E6%A0%BC%E5%AF%BC%E5%87%BA%E7%A5%9E%E5%99%A8/kiiicbilcnneedomahkhhmmoaojdcdmo" target="_blank" class="btn-primary">
+                <i class="fab fa-chrome"></i> Chrome 商店安装
+              </a>
+              <a href="https://www.baidufe.com/table-exporter/" target="_blank" class="btn-secondary">
+                <i class="fas fa-globe"></i> 官网了解更多
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
     <!-- Footer -->
     <footer class="footer">
         <div class="container">
@@ -605,3 +636,4 @@
 </body>
 </html> 
 
+

website/static/css/style.css

@@ -1593,4 +1593,114 @@ body {
     border-color: #9ca3af;
     color: #4b5563 !important;
     background: #f3f4f6;
+}
+
+/* TableExporter Promo Section */
+.tableexporter-promo {
+    margin: 56px 0 0 0;
+}
+.tableexporter-promo .container {
+    max-width: 1100px;
+}
+.tableexporter-promo .section-header {
+    text-align: center;
+    margin-bottom: 0;
+}
+.tableexporter-promo .section-header h2 {
+    font-size: 2.2rem;
+    font-weight: 800;
+    margin-bottom: 8px;
+}
+.tableexporter-promo .section-header p {
+    font-size: 1.1rem;
+    color: #666;
+    margin-bottom: 0;
+}
+.tableexporter-promo .promo-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 48px;
+    padding: 40px 0 24px 0;
+    flex-wrap: wrap;
+}
+.tableexporter-promo .promo-img-box {
+    flex: 0 0 380px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.tableexporter-promo .promo-img {
+    max-width: 100%;
+    border-radius: 4px;
+    box-shadow: 0 4px 24px 0 rgba(60,60,60,0.10);
+    background: #fff;
+}
+.tableexporter-promo .promo-info {
+    flex: 1;
+    min-width: 260px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+}
+.tableexporter-promo .promo-list {
+    margin: 0 0 28px 0;
+    padding-left: 0;
+    list-style: none;
+    font-size: 1.08rem;
+    line-height: 2;
+    color: #333;
+}
+.tableexporter-promo .promo-list li {
+    margin-bottom: 2px;
+}
+.tableexporter-promo .promo-list span {
+    font-size: 1.2em;
+    vertical-align: -2px;
+}
+.tableexporter-promo .promo-btns {
+    display: flex;
+    gap: 18px;
+}
+.tableexporter-promo .btn-primary {
+    padding: 12px 32px;
+    font-size: 17px;
+    font-weight: 600;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px #e0e7ef;
+}
+.tableexporter-promo .btn-secondary {
+    padding: 12px 32px;
+    font-size: 17px;
+    font-weight: 600;
+    border-radius: 8px;
+}
+@media (max-width: 900px) {
+    .tableexporter-promo .promo-content {
+        gap: 24px;
+        padding: 24px 0 12px 0;
+    }
+    .tableexporter-promo .promo-img {
+        width: 90vw;
+        max-width: 340px;
+    }
+}
+@media (max-width: 600px) {
+    .tableexporter-promo .section-header h2 {
+        font-size: 1.3rem;
+    }
+    .tableexporter-promo .promo-img {
+        width: 98vw;
+        max-width: 98vw;
+    }
+    .tableexporter-promo .promo-info {
+        min-width: 0;
+    }
+    .tableexporter-promo .btn-primary,
+    .tableexporter-promo .btn-secondary {
+        padding: 10px 12px;
+        font-size: 15px;
+    }
 } 
+