feat(api): 添加帮助中心反馈系统和VIP服务功能

- 在ApiClient中新增submitFeedback、myFeedback、helpArticles、helpArticleDetail、
  siteArticles、promotions、vipPackages、createVipOrder、vipOrders等方法
- 添加帮助文章和站点资讯的参数验证逻辑
- 更新测试文件添加新的API方法测试用例
- 在HTML页面中添加反馈、帮助和VIP服务相关页面的脚本引用
- 更新加入家谱页面为完整的申请流程界面
- 修改资讯详情页面为站点资讯展示页面
- 更新AxiosRequestUtil中认证处理逻辑
- 添加世系树渲染的HTML生成函数用于页面复用
- 更新文档中的API契约说明和页面规划

help.html

@@ -39,10 +39,10 @@
             <div class="eyebrow">Help Center</div>
             <h1>从创建到协作，快速解决常见问题</h1>
             <p class="lead">
-              覆盖注册登录、创建家谱、邀请成员、资料审核、隐私设置和内容发布等流程。
+              帮助内容由平台持续维护，覆盖账号、家谱和内容使用中的常见问题。
             </p>
             <div class="help-tags">
-              <span>创建家谱</span><span>邀请成员</span><span>隐私权限</span>
+              <span>账号安全</span><span>家谱使用</span><span>内容管理</span>
             </div>
           </div>
           <div class="hero-card help-card tilt-card">
@@ -55,6 +55,7 @@
             <a class="btn primary magnetic" href="submit-ticket.html"
               >提交工单</a
             >
+            <a class="btn ghost magnetic" href="my-tickets.html">我的工单</a>
           </div>
         </div>
       </section>
@@ -63,27 +64,12 @@
         <div class="container">
           <div class="section-head">
             <h2>常见问题</h2>
-            <p>把复杂流程拆成清楚步骤，便于用户第一次使用时快速上手。</p>
+            <p>选择问题后读取平台发布的完整解答。</p>
+            <button class="btn ghost" type="button" data-help-refresh>刷新帮助</button>
           </div>
-          <div class="faq-list" data-help-list>
-            <details open class="tilt-card">
-              <summary>如何创建第一本家谱？</summary>
-              <p>
-                进入创建家谱页面，填写家族名称、姓氏、地区和简介，即可生成家谱空间。
-              </p>
-            </details>
-            <details class="tilt-card">
-              <summary>如何邀请亲人一起维护？</summary>
-              <p>在家谱管理中生成邀请码，亲人可通过加入家谱页面提交申请。</p>
-            </details>
-            <details class="tilt-card">
-              <summary>公开家谱会展示哪些内容？</summary>
-              <p>仅展示管理员允许公开的家族介绍、动态和部分资料。</p>
-            </details>
-            <details class="tilt-card">
-              <summary>资料填错了怎么办？</summary>
-              <p>管理员可以编辑成员资料、调整世系关系，也可以设置审核流程。</p>
-            </details>
+          <p class="muted" data-help-status aria-live="polite">正在读取帮助文章…</p>
+          <div class="faq-list is-loading" data-help-list>
+            <div class="api-empty">正在读取帮助文章…</div>
           </div>
         </div>
       </section>
@@ -125,5 +111,6 @@
     <script src="utils/AxiosRequestUtil.js"></script>
     <script src="utils/ApiClient.js"></script>
     <script src="public/js/page-effects.js"></script>
+    <script src="public/js/help-pages.js"></script>
   </body>
 </html>