fix: bug

app/templates/guide.html

@@ -31,6 +31,7 @@
       <div class="workspace">
         <header class="topbar topbar-compact">
           <div class="topbar-actions">
+            <span class="mode-badge global-mode-hint">当前模型模式：自由模型</span>
             <a class="icon-btn" href="/" aria-label="返回工作台" title="返回工作台">⌂</a>
             <a class="icon-btn" href="/upgrade" aria-label="升级" title="升级">★</a>
             <a class="icon-btn" href="/profile" aria-label="个人中心" title="个人中心">☺</a>
@@ -58,39 +59,50 @@
                   <div class="guide-step">01</div>
                   <h3>准备发布账号</h3>
                   <p>进入账号与模型设置，绑定公众号 AppID 和 Secret。草稿发布、封面上传、段落海报素材都会使用当前选中的发表主体。</p>
+                  <p class="muted small">
+                    不知道哪里查看 ID？可先阅读微信文档：
+                    <a href="https://developers.weixin.qq.com/doc/oplatform/developers/product/subscription_service/appid.html" target="_blank" rel="noopener noreferrer">查看 AppID / AppSecret 获取说明</a>
+                  </p>
                   <a href="/settings" class="guide-link">打开账号设置</a>
                 </article>
 
                 <article class="guide-card">
                   <div class="guide-step">02</div>
+                  <h3>配置 API IP 白名单</h3>
+                  <p>若第三方模型平台开启了 API IP 白名单，请先把当前服务器 IP 加入白名单，避免接口请求被拒绝。</p>
+                  <button id="getServerIpBtn" class="guide-link" type="button">获取服务器IP</button>
+                </article>
+
+                <article class="guide-card">
+                  <div class="guide-step">03</div>
                   <h3>配置 AI 模型</h3>
                   <p>保存模型名称、API Key、Base URL、超时秒数和输出 token 上限。未配置模型时将无法进行 AI 改写，请先完成模型配置。</p>
                   <a href="/settings#model-settings" class="guide-link">打开模型配置</a>
                 </article>
 
                 <article class="guide-card">
-                  <div class="guide-step">03</div>
+                  <div class="guide-step">04</div>
                   <h3>输入原文与策略</h3>
                   <p>在内容生产页粘贴原文，补充标题提示、目标读者、语气风格、必须保留观点和避免词汇。目标字数建议先从 500 或 800 开始。</p>
                   <a href="/" class="guide-link">进入写作输入</a>
                 </article>
 
                 <article class="guide-card">
-                  <div class="guide-step">04</div>
+                  <div class="guide-step">05</div>
                   <h3>生成并人工复核</h3>
                   <p>点击“改写并排版”后，检查标题、摘要、正文结构和排版预览。涉及事实、数据、引用和品牌表达时，发布前务必人工确认。</p>
                   <a href="/" class="guide-link">查看发布内容</a>
                 </article>
 
                 <article class="guide-card">
-                  <div class="guide-step">05</div>
+                  <div class="guide-step">06</div>
                   <h3>补齐封面和海报</h3>
                   <p>可按输出标题自动生成 900×383 公众号封面并绑定 thumb_media_id，也可以生成段落海报。勾选自动插入后，发布草稿时会把正文和海报一起编排。</p>
                   <a href="/" class="guide-link">处理内容素材</a>
                 </article>
 
                 <article class="guide-card">
-                  <div class="guide-step">06</div>
+                  <div class="guide-step">07</div>
                   <h3>发布到草稿箱</h3>
                   <p>确认发表主体无误后，点击“发布到公众号草稿箱”。需要团队同步时，再点击“发送到 IM”。草稿发布后仍建议在公众号后台最终预览。</p>
                   <a href="/" class="guide-link">回到发布动作</a>
@@ -135,5 +147,8 @@
         </main>
       </div>
     </div>
+    <script src="/static/ui-dialog.js?v=20260428a"></script>
+    <script src="/static/mode-hint.js?v=20260428a"></script>
+    <script src="/static/guide.js?v=20260428a"></script>
   </body>
 </html>