docs: 更新文档和官网部分内容

- 在 README 和官网添加赞助商展示区
- 优化官网锚点跳转定位
- 调整页面滚动偏移量

README.md

@@ -436,6 +436,24 @@ npm install -g @qingchencloud/openclaw-zh --registry https://registry.npmmirror.
 | [ClawApp](https://github.com/qingchencloud/clawapp) | 跨平台移动聊天客户端 |
 | [cftunnel](https://github.com/qingchencloud/cftunnel) | Cloudflare Tunnel 内网穿透工具 |
 
+## 赞助商
+
+感谢以下赞助商对 ClawPanel 项目的支持：
+
+<table align="center">
+  <tr>
+    <td align="center">
+      <a href="https://www.ciyundata.com/cart/goods.htm?id=267" target="_blank">
+        <img src="https://img.shields.io/badge/慈云数据-香港直连2H2G_99元/年-FF6B35?style=for-the-badge&logo=icloud&logoColor=white" alt="慈云数据">
+      </a>
+      <br><br>
+      <sub>慈云数据服务团队于 2020 年成立，专注于基础云计算、游戏云、主题站长等业务</sub>
+      <br>
+      <sub>售前售后服务 24 小时在线值班，强力保证为客户提供优质稳定的网络资源与机房服务</sub>
+    </td>
+  </tr>
+</table>
+
 ## 社区交流
 
 加入社区，交流使用心得、反馈问题、获取最新动态。

docs/index.html

@@ -78,7 +78,7 @@
     /* ══════════════ Layout ══════════════ */
     .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
     .container-sm { max-width: 900px; margin: 0 auto; padding: 0 20px; }
-    .section { position: relative; padding: 96px 0; overflow: hidden; }
+    .section { position: relative; padding: 96px 0; overflow: hidden; scroll-margin-top: 120px; }
     .section-header { text-align: center; margin-bottom: 64px; }
     .section-title { font-size: 2rem; font-weight: 900; letter-spacing: -0.03em; margin-bottom: 12px; }
     .section-desc { color: var(--text-s); max-width: 480px; margin: 0 auto; }
@@ -326,6 +326,14 @@
     .cta-section { text-align: center; }
     .cta-buttons { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
 
+    /* ══════════════ Sponsors ══════════════ */
+    .sponsor-card { max-width: 600px; margin: 40px auto; padding: 32px; background: var(--card-bg); border: 1px solid var(--border); border-radius: 16px; text-align: center; transition: all 0.3s; }
+    .sponsor-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15); border-color: var(--primary); }
+    .sponsor-link { display: block; color: inherit; text-decoration: none; }
+    .sponsor-badge { display: inline-block; padding: 8px 20px; background: linear-gradient(135deg, #FF6B35, #FF8C42); color: white; border-radius: 20px; font-weight: 600; font-size: 18px; margin-bottom: 12px; }
+    .sponsor-slogan { font-size: 16px; font-weight: 500; color: var(--text-s); margin-bottom: 16px; }
+    .sponsor-desc { font-size: 14px; color: var(--text-t); line-height: 1.6; }
+
     /* ══════════════ Footer ══════════════ */
     .footer { border-top: 1px solid var(--border); padding: 40px 0; }
     .footer-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: var(--text-t); }
@@ -1076,6 +1084,24 @@
     </div>
   </section>
 
+  <!-- ══════════════ Sponsors ══════════════ -->
+  <section class="section" id="sponsors">
+    <div class="container">
+      <h2 class="reveal section-title"><span class="gradient-text">赞助商</span></h2>
+      <p class="reveal section-desc">感谢以下赞助商对 ClawPanel 项目的支持</p>
+      <div class="reveal sponsor-card">
+        <a href="https://www.ciyundata.com/cart/goods.htm?id=267" target="_blank" rel="noopener" class="sponsor-link">
+          <div class="sponsor-badge">慈云数据</div>
+          <div class="sponsor-slogan">香港直连 2H2G 仅 99 元/年</div>
+          <div class="sponsor-desc">
+            慈云数据服务团队于 2020 年成立，专注于基础云计算、游戏云、主题站长等业务。
+            售前售后服务 24 小时在线值班，强力保证为客户提供优质稳定的网络资源与机房服务。
+          </div>
+        </a>
+      </div>
+    </div>
+  </section>
+
   <!-- ══════════════ Footer ══════════════ -->
   <footer class="footer">
     <div class="footer-inner">
@@ -1347,6 +1373,22 @@
     document.addEventListener('keydown', function(e) {
       if (e.key === 'Escape') closeDoc();
     });
+
+    /* ── Fix anchor position on load ── */
+    window.addEventListener('load', function() {
+      if (window.location.hash) {
+        var hash = window.location.hash;
+        setTimeout(function() {
+          var target = document.querySelector(hash);
+          if (target) {
+            window.scrollTo({
+              top: target.offsetTop - 120,
+              behavior: 'smooth'
+            });
+          }
+        }, 300);
+      }
+    });
   </script>
 </body>
 </html>