MacOS官方客户端（官方）

<h2 style="text-align:center; color: #23b79c; margin-bottom: 8px; font-size: 26px;">BAT 官方客户端安装教程（macOS 端）</h2>

<p style="text-align:center; color: rgba(0, 0, 0, 0.9); margin-bottom: 28px; font-size: 14px;">本教程将指导您如何在 macOS 系统上安装 BAT 网络加速器客户端，并解决因系统安全策略导致的「无法验证开发者」问题</p>

<h2 style="color: rgba(0, 0, 0, 0.9); font-size: 20px; font-weight: 700; margin: 32px 0 20px 0; padding: 8px 0 8px 16px; border-left: 5px solid #23b79c; line-height: 1.4;">⬇️ 客户端下载</h2>

<div style="margin: 22px 0 30px 0;">
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;">
        
        <a href="https://dl.bat520.cc/" target="_blank" style="text-decoration: none;">
            <div style="display: flex; align-items: center; gap: 14px; padding: 18px 20px; background-color: rgba(255, 255, 255, 0.8); border: 2px solid #23b79c; border-radius: 12px; cursor: pointer; transition: all 0.2s ease; position: relative;"
                 onmouseover="this.style.backgroundColor='#e9f7f2';"
                 onmouseout="this.style.backgroundColor='rgba(255, 255, 255, 0.8)';">
                <div style="position: absolute; top: -12px; right: 14px; background: linear-gradient(135deg, #23b79c, #1a9780); color: #fff; padding: 3px 14px; border-radius: 999px; font-size: 12px; font-weight: 700; box-shadow: 0 2px 8px rgba(35,183,156,0.35);">⭐️ 推荐</div>
                <div style="width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #23b79c, #1a9780); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0;">🍎</div>
                <div style="flex: 1; min-width: 0;">
                    <h4 style="margin: 0 0 4px 0; color: #23b79c; font-size: 17px; font-weight: 700;">官方下载</h4>
                    <p style="margin: 0; color: rgba(0, 0, 0, 0.9); font-size: 13px; line-height: 1.5;">高速稳定 · 推荐优先使用</p>
                </div>
                <div style="font-size: 22px; color: #23b79c; flex-shrink: 0;">➜</div>
            </div>
        </a>
    </div>
</div>

<h2 style="color: rgba(0, 0, 0, 0.9); font-size: 20px; font-weight: 700; margin: 32px 0 20px 0; padding: 8px 0 8px 16px; border-left: 5px solid #23b79c; line-height: 1.4;">🛠 详细安装步骤</h2>

<p style="color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin: 0 0 24px 0;">本教程将指导您如何在 macOS 系统上安装「BAT 网络加速器」客户端，并解决因系统安全策略导致的<strong style="color: #e03e2d;">「无法验证开发者」</strong>问题。</p>

<div style="counter-reset: step; margin: 20px 0;">
    
    <div style="display: flex; gap: 16px; margin: 24px 0; padding: 18px; background-color: rgba(217, 217, 217, 0.2); border: 1px solid rgba(217, 217, 217, 0.3); border-radius: 10px;">
        <div style="flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #23b79c, #1a9780); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 17px; box-shadow: 0 2px 8px rgba(35,183,156,0.3);">1</div>
        <div style="flex: 1; min-width: 0;">
            <h3 style="margin: 4px 0 14px 0; color: #23b79c; font-size: 18px;">运行安装包</h3>
            <p style="color: rgba(0, 0, 0, 0.9); margin: 0 0 14px 0; line-height: 1.7;">解压后双击下载好的安装包（例如：<code style="background-color: rgba(255, 255, 255, 0.8); padding: 3px 10px; border-radius: 5px; font-family: Consolas, monospace; font-size: 13px; border: 1px solid rgba(217, 217, 217, 0.3); color: #23b79c;">bat.apps-3.2.0-macos.zip</code>）。</p>           
    </div>
    </div>
    
    <div style="display: flex; gap: 16px; margin: 24px 0; padding: 20px; background-color: rgba(255, 193, 7, 0.08); border: 2px solid #ffc107; border-radius: 12px;">
        <div style="flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #ffc107, #e0a800); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 20px; box-shadow: 0 2px 10px rgba(255,193,7,0.35);">⚠️</div>
        <div style="flex: 1; min-width: 0;">
            <h3 style="margin: 4px 0 14px 0; color: #856404; font-size: 18px;">处理系统安全提示</h3>
            <p style="color: rgba(0, 0, 0, 0.9); margin: 0 0 8px 0; line-height: 1.7;">打开时，系统可能会弹窗提示<strong style="color: #856404;">「无法打开…因为 Apple 无法验证开发者…」</strong>。</p>
            <p style="color: rgba(0, 0, 0, 0.9); margin: 0 0 14px 0; line-height: 1.7;">此时请先点击<strong style="color: #856404; background-color: #fff; padding: 2px 10px; border-radius: 4px; border: 1px solid #856404;">「完成」</strong>关闭该弹窗（后面我们手动去系统设置允许）。</p>         
    </div>
    </div>
    
    <div style="display: flex; gap: 16px; margin: 24px 0; padding: 18px; background-color: rgba(217, 217, 217, 0.2); border: 1px solid rgba(217, 217, 217, 0.3); border-radius: 10px;">
        <div style="flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #23b79c, #1a9780); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 17px; box-shadow: 0 2px 8px rgba(35,183,156,0.3);">3</div>
        <div style="flex: 1; min-width: 0;">
            <h3 style="margin: 4px 0 14px 0; color: #23b79c; font-size: 18px;">打开「系统设置」</h3>
            <p style="color: rgba(0, 0, 0, 0.9); margin: 0 0 14px 0; line-height: 1.7;">点击 Mac 屏幕下方程序坞（Dock 栏）中的<strong style="color: #23b79c; background-color: rgba(255, 255, 255, 0.8); padding: 2px 8px; border-radius: 4px;">「系统设置」（System Settings）</strong>齿轮图标，或点击屏幕左上角 🍎 → 「系统设置」。</p>         
    </div>
    </div>
    
    <div style="display: flex; gap: 16px; margin: 24px 0; padding: 20px; background-color: #e9f7f2; border: 2px solid #23b79c; border-radius: 12px;">
        <div style="flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #23b79c, #1a9780); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; box-shadow: 0 2px 12px rgba(35,183,156,0.4);">4</div>
        <div style="flex: 1; min-width: 0;">
            <h3 style="margin: 4px 0 14px 0; color: #23b79c; font-size: 19px;">✨ 进入「隐私与安全性」→ 点击「仍要打开」</h3>
            <ol style="padding-left: 22px; margin: 0 0 18px 0;">
                <li style="margin: 10px 0; color: rgba(0, 0, 0, 0.9); line-height: 1.8;">在系统设置左侧菜单中，点击<strong style="color: #23b79c;">「隐私与安全性」</strong>。</li>
                <li style="margin: 10px 0; color: rgba(0, 0, 0, 0.9); line-height: 1.8;">在右侧向下滑动，找到<strong style="color: #23b79c;">「安全性」</strong>区域。</li>
                <li style="margin: 10px 0; color: rgba(0, 0, 0, 0.9); line-height: 1.8;">您会看到一条提示：「已阻止 <strong>'BAT 网络加速器…'</strong> 因为无法验证开发者」。</li>
                <li style="margin: 10px 0; color: rgba(0, 0, 0, 0.9); line-height: 1.8;">点击右侧的<strong style="color: #e03e2d; background-color: #fff; padding: 2px 10px; border-radius: 4px; border: 1px solid #e03e2d;">「仍要打开」</strong>按钮。</li>
            </ol>           
    </div>
    </div>
    
    <div style="display: flex; gap: 16px; margin: 24px 0; padding: 18px; background-color: rgba(217, 217, 217, 0.2); border: 1px solid rgba(217, 217, 217, 0.3); border-radius: 10px;">
        <div style="flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #23b79c, #1a9780); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 17px; box-shadow: 0 2px 8px rgba(35,183,156,0.3);">5</div>
        <div style="flex: 1; min-width: 0;">
            <h3 style="margin: 4px 0 14px 0; color: #23b79c; font-size: 18px;">再次点击「仍要打开」确认</h3>
            <p style="color: rgba(0, 0, 0, 0.9); margin: 0 0 8px 0; line-height: 1.7;">系统会再次弹出确认窗口，询问是否确定要打开该软件。</p>
            <p style="color: rgba(0, 0, 0, 0.9); margin: 0 0 8px 0; line-height: 1.7;">请点击<strong style="color: #e03e2d; background-color: rgba(255, 255, 255, 0.8); padding: 2px 10px; border-radius: 4px; border: 1px solid #e03e2d;">「仍要打开」</strong>。</p>
            <div style="padding: 10px 14px; background-color: rgba(255, 193, 7, 0.12); border-left: 3px solid #ffc107; border-radius: 0 6px 6px 0; margin-bottom: 14px;">
                <p style="margin: 0; color: rgba(0, 0, 0, 0.9); font-size: 13px; font-style: italic; line-height: 1.7;">
                    💡 注：此时可能会要求输入您的 Mac 开机密码或使用 Touch ID 进行授权，请照做即可。
                </p>
            </div>           
    </div>    </div>
    
    <div style="display: flex; gap: 16px; margin: 24px 0; padding: 18px; background-color: rgba(217, 217, 217, 0.2); border: 1px solid rgba(217, 217, 217, 0.3); border-radius: 10px;">
        <div style="flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #23b79c, #1a9780); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 17px; box-shadow: 0 2px 8px rgba(35,183,156,0.3);">6</div>
        <div style="flex: 1; min-width: 0;">
            <h3 style="margin: 4px 0 14px 0; color: #23b79c; font-size: 18px;">完成安装向导</h3>
            <p style="color: rgba(0, 0, 0, 0.9); margin: 0 0 14px 0; line-height: 1.7;">安装程序现在可以正常启动了。点击安装窗口中的<strong style="color: #23b79c;">「继续」</strong>按钮，并按照提示完成剩余安装步骤（一路继续 → 安装 → 输入开机密码）。</p>           
    </div>
    </div>
    
    <div style="display: flex; gap: 16px; margin: 24px 0; padding: 22px; background: linear-gradient(135deg, #e9f7f2, rgba(35, 183, 156, 0.22)); border: 2px solid #23b79c; border-radius: 14px;">
        <div style="flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg, #23b79c, #1a9780); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 24px; box-shadow: 0 2px 14px rgba(35, 183, 156, 0.45);">🎉</div>
        <div style="flex: 1; min-width: 0;">
            <h3 style="margin: 4px 0 14px 0; color: #23b79c; font-size: 20px;">✅ 安装完成！启动 BAT 客户端</h3>
            <p style="color: rgba(0, 0, 0, 0.9); margin: 0 0 14px 0; line-height: 1.75; font-weight: 500;">安装完成后，打开<strong style="color: #23b79c;">「启动台」（Launchpad）</strong>，您可以看到<strong style="color: #23b79c;">「BAT 网络加速器」</strong>的图标。点击即可运行软件，然后登录账号 → 开启连接即可开始使用！</p>          
    </div>
    </div>

</div>

<div style="display: grid; gap: 14px; margin: 24px 0;">
    <div style="background-color: rgba(217, 217, 217, 0.2); border-left: 4px solid #23b79c; border-radius: 0 8px 8px 0; padding: 18px 20px;">
        <p style="margin: 0 0 10px 0; font-weight: 700; color: rgba(0, 0, 0, 0.9); font-size: 15px;">❓ 如果使用过程中频繁断开怎么办？</p>
        <div style="color: rgba(0, 0, 0, 0.9); line-height: 1.7; margin: 0;">
            <ol style="padding-left: 22px; margin: 0;">
                <li style="margin: 8px 0; line-height: 1.8;">请优先使用我们的<strong style="color: #23b79c;">官方客户端（二）</strong>。</li>
                <li style="margin: 8px 0; line-height: 1.8;">或者参考<strong style="color: #23b79c;">iOS / macOS 第三方客户端</strong>进行设置。</li>
                <li style="margin: 8px 0; line-height: 1.8;"><strong style="color: #b8860b;">Mac 上也能使用小火箭（Shadowrocket for macOS）</strong>，体验非常稳定。</li>
            </ol>
        </div>
    </div>

</div>

<div style="text-align: center; color: rgba(0, 0, 0, 0.3); font-size: 12px; padding: 24px 0 16px 0; margin-top: 30px; border-top: 1px solid rgba(217, 217, 217, 0.3);">
    © 2024 BAT 网络 | 感谢您的使用
</div>