diff --git a/index.html b/index.html
index 24065a3..55f3f45 100644
--- a/index.html
+++ b/index.html
@@ -448,6 +448,194 @@
             text-decoration: underline;
         }
 
+        /* API 服务推广样式 */
+        .api-service-promo {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            border-radius: 12px;
+            padding: 30px;
+            color: white;
+            margin-top: 20px;
+        }
+
+        .api-header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+
+        .api-header h3 {
+            font-size: 24px;
+            margin-bottom: 10px;
+            color: white;
+        }
+
+        .api-header p {
+            font-size: 14px;
+            opacity: 0.95;
+        }
+
+        .api-features {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+            margin-bottom: 30px;
+        }
+
+        .api-feature-item {
+            background: rgba(255, 255, 255, 0.15);
+            border-radius: 8px;
+            padding: 20px;
+            display: flex;
+            align-items: flex-start;
+            gap: 15px;
+            transition: all 0.3s;
+        }
+
+        .api-feature-item:hover {
+            background: rgba(255, 255, 255, 0.25);
+            transform: translateY(-2px);
+        }
+
+        .feature-icon {
+            font-size: 32px;
+            flex-shrink: 0;
+        }
+
+        .feature-content h4 {
+            font-size: 16px;
+            margin-bottom: 8px;
+            color: white;
+        }
+
+        .feature-content p {
+            font-size: 13px;
+            opacity: 0.9;
+            line-height: 1.5;
+        }
+
+        .docker-deploy {
+            background: rgba(255, 255, 255, 0.15);
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 25px;
+        }
+
+        .docker-deploy h4 {
+            font-size: 16px;
+            margin-bottom: 15px;
+            color: white;
+        }
+
+        .docker-deploy .code-block {
+            background: rgba(0, 0, 0, 0.3);
+            color: #00ff88;
+            padding: 15px;
+            border-radius: 6px;
+            font-family: 'Monaco', 'Menlo', monospace;
+            font-size: 13px;
+            overflow-x: auto;
+            margin-bottom: 10px;
+            white-space: pre;
+        }
+
+        .deploy-hint {
+            font-size: 13px;
+            opacity: 0.9;
+            margin: 0;
+        }
+
+        .deploy-hint code {
+            background: rgba(255, 255, 255, 0.2);
+            padding: 2px 6px;
+            border-radius: 3px;
+            font-family: 'Monaco', 'Menlo', monospace;
+        }
+
+        .api-endpoints {
+            background: rgba(255, 255, 255, 0.15);
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 25px;
+        }
+
+        .api-endpoints h4 {
+            font-size: 16px;
+            margin-bottom: 15px;
+            color: white;
+        }
+
+        .endpoint-list {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+
+        .endpoint-item {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            background: rgba(255, 255, 255, 0.1);
+            padding: 10px 15px;
+            border-radius: 6px;
+            font-size: 14px;
+        }
+
+        .method {
+            display: inline-block;
+            padding: 4px 10px;
+            border-radius: 4px;
+            font-weight: 600;
+            font-size: 12px;
+            min-width: 50px;
+            text-align: center;
+        }
+
+        .method-get {
+            background: #28a745;
+            color: white;
+        }
+
+        .method-post {
+            background: #ff9800;
+            color: white;
+        }
+
+        .endpoint-item .path {
+            font-family: 'Monaco', 'Menlo', monospace;
+            font-weight: 600;
+            flex-shrink: 0;
+        }
+
+        .endpoint-item .desc {
+            opacity: 0.9;
+            font-size: 13px;
+        }
+
+        .api-links {
+            display: flex;
+            gap: 15px;
+            flex-wrap: wrap;
+            justify-content: center;
+        }
+
+        .api-link {
+            display: inline-block;
+            background: rgba(255, 255, 255, 0.2);
+            color: white;
+            padding: 12px 24px;
+            border-radius: 6px;
+            text-decoration: none;
+            font-weight: 500;
+            font-size: 14px;
+            transition: all 0.3s;
+            border: 2px solid rgba(255, 255, 255, 0.3);
+        }
+
+        .api-link:hover {
+            background: rgba(255, 255, 255, 0.3);
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+        }
+
         @media (max-width: 768px) {
             .container {
                 margin: 10px;
@@ -474,6 +662,33 @@
                 flex: 1 1 50%;
                 min-width: 120px;
             }
+
+            /* API 服务推广移动端样式 */
+            .api-service-promo {
+                padding: 20px;
+            }
+
+            .api-header h3 {
+                font-size: 20px;
+            }
+
+            .api-features {
+                grid-template-columns: 1fr;
+            }
+
+            .api-links {
+                flex-direction: column;
+            }
+
+            .api-link {
+                width: 100%;
+                text-align: center;
+            }
+
+            .docker-deploy .code-block {
+                font-size: 11px;
+                padding: 12px;
+            }
         }
     </style>
 </head>
@@ -615,6 +830,79 @@
                 </div>
             </div>
 
+            <!-- API 服务推广 -->
+            <div class="section">
+                <div class="api-service-promo">
+                    <div class="api-header">
+                        <h3>🚀 支持 API 服务调用</h3>
+                        <p>批量处理、自动化解密、服务器端部署 - 满足您的专业需求</p>
+                    </div>
+
+                    <div class="api-features">
+                        <div class="api-feature-item">
+                            <div class="feature-icon">⚡</div>
+                            <div class="feature-content">
+                                <h4>高性能 API</h4>
+                                <p>基于 Playwright + WASM，完美兼容微信官方加密算法</p>
+                            </div>
+                        </div>
+                        <div class="api-feature-item">
+                            <div class="feature-icon">🐳</div>
+                            <div class="feature-content">
+                                <h4>Docker 一键部署</h4>
+                                <p>开箱即用，支持 ARM64/AMD64 多架构</p>
+                            </div>
+                        </div>
+                        <div class="api-feature-item">
+                            <div class="feature-icon">📡</div>
+                            <div class="feature-content">
+                                <h4>RESTful API</h4>
+                                <p>简洁易用的 HTTP 接口，支持批量解密和密钥流生成</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="docker-deploy">
+                        <h4>🐳 一键部署（使用 Docker Hub 镜像）</h4>
+                        <div class="code-block">docker run -d --name wechat-decrypt-api -p 3000:3000 evil0ctal/wechat-decrypt-api:latest</div>
+                        <p class="deploy-hint">💡 访问 <code>http://localhost:3000</code> 查看 API 文档和服务状态</p>
+                    </div>
+
+                    <div class="api-endpoints">
+                        <h4>📚 API 端点</h4>
+                        <div class="endpoint-list">
+                            <div class="endpoint-item">
+                                <span class="method method-get">GET</span>
+                                <span class="path">/health</span>
+                                <span class="desc">健康检查</span>
+                            </div>
+                            <div class="endpoint-item">
+                                <span class="method method-post">POST</span>
+                                <span class="path">/api/keystream</span>
+                                <span class="desc">生成密钥流</span>
+                            </div>
+                            <div class="endpoint-item">
+                                <span class="method method-post">POST</span>
+                                <span class="path">/api/decrypt</span>
+                                <span class="desc">完整视频解密</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="api-links">
+                        <a href="https://github.com/Evil0ctal/WeChat-Channels-Video-File-Decryption/tree/main/api-service" target="_blank" class="api-link">
+                            📖 查看 API 文档
+                        </a>
+                        <a href="https://hub.docker.com/r/evil0ctal/wechat-decrypt-api" target="_blank" class="api-link">
+                            🐳 Docker Hub
+                        </a>
+                        <a href="https://github.com/Evil0ctal/WeChat-Channels-Video-File-Decryption" target="_blank" class="api-link">
+                            ⭐ GitHub 仓库
+                        </a>
+                    </div>
+                </div>
+            </div>
+
             <!-- 赞助商 -->
             <div class="section">
                 <div class="sponsor">