AIUI文档导览

<div class="aiui-service-container" style="width: 100%; margin: 0 auto; box-sizing: border-box; overflow-x: auto;">
    
    <details class="aiui-details" open style="width: 100%; margin: 8px 0 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white;">
        
        <summary class="aiui-summary" style="display: flex; list-style: none; cursor: pointer; outline: none; transition: all 0.3s ease;">
            <div style="display: flex; width: 100%;">
                
                <div style="background-color: #0969DA90; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 33px; color: white; transition: background-color 0.3s ease;">
                    ✔ 
                </div>
                
                <div style="flex: 1; padding: 16px; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff !important; transition: background-color 0.3s ease;">
                    <div>
                        <h2 style="font-size: 1.25rem; font-weight: 600; color: #0969DA; margin: 0 0 5px 0;">AIUI平台服务</h2>
                        <p style="color: #36548B; margin: 0; line-height: 1.5;">从AIUI应用创建到SDK对接或API对接的全流程快速体验指南</p>
                    </div>
                    
                    <span class="aiui-arrow" style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
        
        
        <div class="aiui-grid" style="display: grid; grid-template-columns: 1fr 1fr; row-gap: 12px; column-gap: 12px; padding: 10px; max-width: 100%; margin: 0 auto; border-top: 1px solid #f0f7ff; box-sizing: border-box;">
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-770/" target="_blank" style="text-decoration: none; color: #0969DA; display: block;">
                <div class="aiui-card" style="background: white; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; min-height: 120px;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">1</div>
                    </div>
                    <div style="flex: 1; padding: 15px 18px; display: flex; flex-direction: column; justify-content: center; line-height: 1.5;">
                        <h3 style="font-size: 1.1rem; font-weight: 600; color: #666; margin: 0 0 6px 0;">AIUI平台介绍</h3>
                        <p style="color: #666; margin: 0; font-size: 1rem;">介绍AIUI平台服务架构和相关能力模块。</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-769/" target="_blank" style="text-decoration: none; color: #0969DA; display: block;">
                <div class="aiui-card" style="background: white; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; min-height: 120px;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">2</div>
                    </div>
                    <div style="flex: 1; padding: 15px 18px; display: flex; flex-direction: column; justify-content: center; line-height: 1.5;">
                        <h3 style="font-size: 1.1rem; font-weight: 600; color: #666; margin: 0 0 6px 0;">AIUI应用介绍</h3>
                        <p style="color: #666; margin: 0; font-size: 1rem;">区分支持AIUI新老链路（传统语义、通用大模型、极速交互）三个版本应用之间的区别。</p>
                    </div>
                </div>
            </a>
            
            
            <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; transition: all 0.2s ease; grid-column: span 2;">
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">3</div>
                </div>
                <div style="padding: 12px 15px; flex: 1; display: flex; flex-direction: column; gap: 6px;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 2px 0; color: #666; font-weight: 600;">AIUI服务链路</h3>
                    
                    <div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                        <a class="tag-link" href="https://aiui-doc.xf-yun.com/project-1/doc-403/#%E4%BC%A0%E7%BB%9F%E8%AF%AD%E4%B9%89%E4%BA%A4%E4%BA%92%E9%93%BE%E8%B7%AF" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.8rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.3s ease;">- 传统语义交互链路</a>
                        <span style="color: #666; font-size: 0.8rem; line-height: 1.4;">以技能、QA为语义大脑的语音交互链路，高效可控</span>
                    </div>
                    <div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                        <a class="tag-link" href="https://aiui-doc.xf-yun.com/project-1/doc-403/#%E9%80%9A%E7%94%A8%E5%A4%A7%E6%A8%A1%E5%9E%8B%E4%BA%A4%E4%BA%92%E9%93%BE%E8%B7%AF" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.8rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.3s ease;">- 通用大模型交互链路</a>
                        <span style="color: #666; font-size: 0.8rem; line-height: 1.4;">交互大模型V1，响应快速的对话大模型，全链路的人机交互能力</span>
                    </div>
                    <div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
                        <a class="tag-link" href="https://aiui-doc.xf-yun.com/project-1/doc-403/#%E6%9E%81%E9%80%9F%E8%B6%85%E6%8B%9F%E4%BA%BA%E4%BA%A4%E4%BA%92%E9%93%BE%E8%B7%AF" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.3s ease;">- 极速超拟人交互链路</a>
                        <span style="color: #666; font-size: 0.8rem; line-height: 1.4;">交互大模型V2，极速超拟人，更快更聪明，更强大的自定义能力</span>
                    </div>
                </div>
            </div>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-402/" target="_blank" style="text-decoration: none; color: #0969DA; display: block;">
                <div class="aiui-card" style="background: white; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; min-height: 120px;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">4</div>
                    </div>
                    <div style="flex: 1; padding: 15px 18px; display: flex; flex-direction: column; justify-content: center; line-height: 1.5;">
                        <h3 style="font-size: 1.1rem; font-weight: 600; color: #339933; margin: 0 0 6px 0;">🔥AIUI平台能力概述</h3>
                        <p style="color: #666; margin: 0; font-size: 1rem;">介绍AIUI平台能力以及交互指导。</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-2/" target="_blank" style="text-decoration: none; color: #0969DA; display: block;">
                <div class="aiui-card" style="background: white; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; min-height: 120px;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">5</div>
                    </div>
                    <div style="flex: 1; padding: 15px 18px; display: flex; flex-direction: column; justify-content: center; line-height: 1.5;">
                        <h3 style="font-size: 1.1rem; font-weight: 600; color: #339933; margin: 0 0 6px 0;">👉快速体验</h3>
                        <p style="color: #666; margin: 0; font-size: 1rem;">AIUI应用创建到SDK对接或API对接快速体验。</p>
                    </div>
                </div>
            </a>
        </div>
    </details>
</div>

/* 移除默认箭头并优化折叠样式 */
.aiui-details > .aiui-summary::-webkit-details-marker {
    display: none;
}

/* 展开状态下的箭头旋转效果 */
.aiui-details[open] > .aiui-summary .aiui-arrow {
    transform: rotate(180deg);
}

/* 卡片悬停效果 */
.aiui-card, .info-card {
    transition: all 0.3s ease;
}

.aiui-card:hover, .info-card:hover {
    box-shadow: 0 8px 16px rgba(9, 105, 218, 0.2);
    transform: translateY(-2px);
    border-left-color: #0969DA90 !important;
}

.aiui-card:hover div[style*="background-color: #f0f7ff"],
.info-card:hover div[style*="background-color: #f0f7ff"] {
    background-color: #e6f0ff;
}

/* 标签链接样式统一，与其他交互元素保持一致 */
.tag-link {
    transition: all 0.3s ease !important;
}

.tag-link:hover {
    background-color: #d6eaff !important;
    color: #0969DA !important;
    transform: translateY(-1px);
    box-shadow: 0 1px 3px rgba(9, 105, 218, 0.1);
}

/* 网格布局：明确行间距和列间距，确保行间隔一致 */
.aiui-grid {
    align-items: stretch; /* 确保每行卡片高度统一 */
}

/* 响应式调整 */
@media (max-width: 1023px) {
    .aiui-card, .info-card {
        border-left-width: 4px !important;
    }
    .aiui-card div[style*="padding: 15px 18px"]{
        padding: 12px 15px !important;
    }
    .info-card div[style*="padding: 12px 15px"] {
        padding: 10px 12px !important;
    }
    .aiui-card div[style*="padding: 0 12px"],
    .info-card div[style*="padding: 0 10px"] {
        padding: 0 8px !important;
    }
}

/* 小屏幕下改为单列布局，保持卡片高度一致 */
@media (max-width: 600px) {
    .aiui-grid {
        grid-template-columns: 1fr !important;
    }
    .info-card[style*="grid-column: span 2"] {
        grid-column: span 1 !important;
    }
    .aiui-card {
        min-height: 110px !important; /* 小屏幕适当降低最小高度 */
    }
}

/* 隐藏卡片3（info-card）中链接的跳转箭头 */
.info-card .tag-link {
    /* 隐藏通过伪元素生成的箭头 */
    text-decoration: none !important;
}
.info-card .tag-link::after {
    display: none !important; /* 移除可能的箭头伪元素 */
}
.info-card .tag-link {
    background-image: none !important; /* 移除可能的箭头背景图 */
    padding-right: 10px !important; /* 保持原有内边距，避免布局偏移 */
}
</style>

<div style="width: 100%; margin: 0 auto; box-sizing: border-box;">
    
    <details  open style="width: 100%; margin: 8px 0 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white;">
        
        <summary style="display: flex; list-style: none; cursor: pointer; outline: none; transition: all 0.3s ease;">
            <div style="display: flex; width: 100%;">
                
                <div style="background-color: #0969DA90; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 28px; color: white; transition: background-color 0.3s ease;">
                    ♨
                </div>
                
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff !important; padding: 16px; transition: background-color 0.3s ease;">
                    <div style="line-height: 1.6;">
                        <h2 style="font-size: 1.25rem; margin: 0 0 6px 0; color: #0969DA; font-weight: 600;">AIUI应用配置</h2>
                        <p style="font-size: 1rem; color: #36548B; margin: 0; line-height: 1.4;">AIUI应用各项配置的详细说明与操作指南，涵盖发布、基础设置及各模块参数配置</p>
                    </div>
                    
                    <span style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
        
        
        <div class="aiui-config-grid" style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 10px; max-width: 100%; margin: 0 auto; border-top: 1px solid #f0f7ff;">
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-4/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">1</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">应用发布</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">AIUI应用从测试到正式发布的流程与配置项说明，包括发布前检查与版本管理</p>
                    </div>
                </div>
            </a>
			
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-18/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">2</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">语义精简协议介绍</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">介绍精简协议使用方式和结果协议字段变更</p>
                    </div>
                </div>
            </a>
			
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-773/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">3</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #339933; font-weight: 600;">🔥基础配置</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">应用名称、描述、权限设置等基础信息配置，支持多环境参数差异化管理</p>
                    </div>
                </div>
            </a>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-774/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">4</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #339933; font-weight: 600;">🔥语义模型配置</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">配置语义理解模型参数，包括意图识别、实体提取及上下文管理策略</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-775/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">5</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #339933; font-weight: 600;">🔥回复角色配置</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">配置对话回复的角色风格，包括语气、措辞及个性化回复模板设置</p>
                    </div>
                </div>
            </a>
			
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-776/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">6</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">语音识别配置</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">设置语音识别引擎参数，包括语言类型、识别精度、vad端点检测等配置项</p>
                    </div>
                </div>
            </a>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-90/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">7</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">结构化语义配置</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">配置结构化语义输出格式，自定义实体类型及语义解析规则</p>
                    </div>
                </div>
            </a>
            
			<a href="https://aiui-doc.xf-yun.com/project-1/doc-778/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">8</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #339933; font-weight: 600;">🔥星火大模型配置</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">通用大模型链路服务开关项，开启后可进行大模型链路下文档问答、旧智能体等能力配置。</p>
                    </div>
                </div>
            </a>
			
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-779/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">9</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #339933; font-weight: 600;">🔥语音合成配置</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">设置语音合成参数，包括发音人选择、语速、语调及音频格式等配置</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-5/" target="_blank" style="text-decoration: none; color: #0969DA;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">10</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">应用后处理配置</h3>
                        <p style="font-size: 1rem; color: #666; margin: 0;">设置应用响应结果的后处理规则，包括数据过滤、格式转换及自定义输出逻辑</p>
                    </div>
                </div>
            </a>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-590/" target="_blank" style="text-decoration: none; color: #0969DA; grid-column: 1 / -1;">
                <div class="aiui-config-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.3s ease; cursor: pointer; border-left: 5px solid #e6f0ff; display: flex; height: 100%;">
                    <div style="background-color: #f0f7ff; padding: 0 12px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">11</div>
                    </div>
                    <div style="padding: 15px 18px; line-height: 1.6; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #339933; font-weight: 600;">🔥三方大模型配置</h3>
                        <p style="font-size: 0.95rem; color: #666; margin: 0 0 6px 0;">支持配置三方大模型作为回复大模型，需满足OpenAI API协议。</p>
                    </div>
                </div>
            </a>
        </div>
    </details>
</div>

<div style="width: 100%; margin: 0 auto; box-sizing: border-box;">
    
    <details style="width: 100%; margin: 8px 0 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white;">
        
        <summary style="display: flex; list-style: none; cursor: pointer; outline: none; transition: all 0.3s ease;">
            <div style="display: flex; width: 100%;">
                
                <div style="background-color: #0969DA90 !important; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 28px; color: white;">
                    ✉
                </div>
                
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff !important; padding: 16px; transition: background-color 0.3s ease;">
                    <div style="line-height: 1.6;">
                        <h2 style="font-size: 1.25rem; margin: 0 0 6px 0; color: #0969DA; font-weight: 600;">AIUI SDK开发</h2>
                        <p style="font-size: 1rem; color: #36548B; margin: 0; line-height: 1.4;">涵盖AIUI SDK接入流程、配置、能力及各链路接入方式，附错误码与发音人参考</p>
                    </div>
                    
                    <span style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
        
        
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 10px; max-width: 100%; margin: 0 auto; border-top: 1px solid #f0f7ff;">
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-7/" target="_blank" style="text-decoration: none; color: inherit; display: block; height: 100%;">
                <div class="card-hover" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease;">
                    
                    <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">1</div>
                    </div>
                    <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">AIUI SDK接入流程</h3>
                        <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">从SDK下载、环境准备到初始化完成的全流程步骤，含权限申请与依赖配置</p>
                    </div>
                </div>
            </a>
            
            
            <div class="card-hover" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease;">
                
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">2</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #339933; font-weight: 600;">🔥AIUI SDK基础信息</h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-12/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">SDK接口说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-13/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">参数配置说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-14/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">消息事件说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-15/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">SDK状态说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-21/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">数据发送方式</a>
    <a href="https://aiui-doc.xf-yun.com/project-1/doc-16/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">回调解析说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-781/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">交互结果协议说明</a>
                    </div>
                </div>
            </div>
            
            
            <div class="card-hover" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease;">
                
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">3</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #666; font-weight: 600;">AIUI SDK基础能力</h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
<a href="https://aiui-doc.xf-yun.com/project-1/doc-28/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">流式识别</a>
<a href="https://aiui-doc.xf-yun.com/project-1/doc-26/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">离线识别</a>
					   <a href="https://aiui-doc.xf-yun.com/project-1/doc-22/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">语音唤醒</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-23/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">语音合成</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-24/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">用户个性化</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-25/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">自定义参数</a>
                    </div>
                </div>
            </div>
            
            
            <div class="card-hover" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease;">
                
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">4</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #666; font-weight: 600;">传统语义链路接入</h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-793/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">链路配置说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-794/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">个性化数据使用</a>
                    </div>
                </div>
            </div>
            
            
            <div class="card-hover" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease;">
                
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">5</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #666; font-weight: 600;">通用大模型链路接入</h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-795/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">链路配置说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-796/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">个性化数据使用</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-407/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">超拟人合成</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-797/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">声音复刻</a>
                    </div>
                </div>
            </div>
            
            
            <div class="card-hover" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease;">
                
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">6</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #FF6666; font-weight: 600;">极速超拟人链路接入<img src="https://img.icons8.com/material-outlined/100/40C057/new.png" alt="图标" style="width: 20px; height: 20px; margin-left: 5px; vertical-align: middle;"></h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-798/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">链路配置说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-799/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">个性化数据使用</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-800/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">流式合成</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-801/" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">声音复刻</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-802/g" target="_blank" class="small-btn-hover" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; border: none; cursor: pointer; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease; line-height: 1.4;">RTOS系统SDK接入</a>
                    </div>
                </div>
            </div>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-42/" target="_blank" style="text-decoration: none; color: inherit; display: block; height: 100%;">
                <div class="card-hover" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease;">
                    
                    <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">7</div>
                    </div>
                    <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">错误码列表</h3>
                        <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">SDK接入与使用过程中常见错误码的含义、原因分析及解决方案</p>
                    </div>
                </div>
            </a>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-93/" target="_blank" style="text-decoration: none; color: inherit; display: block; height: 100%;">
                <div class="card-hover" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease;">
                    
                    <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">8</div>
                    </div>
                    <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">合成发音人列表</h3>
                        <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">支持的语音合成发音人类型、音色特点及调用参数配置说明</p>
                    </div>
                </div>
            </a>
        </div>
    </details>
</div>

<div style="width: 100%; margin: 0 auto; box-sizing: border-box;">
    
    <details style="width: 100%; margin: 8px 0 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white;">
        
        <summary style="display: flex; list-style: none; cursor: pointer; outline: none; transition: all 0.3s ease;">
            <div style="display: flex; width: 100%;">
                
                <div class="aiui-api-icon" style="background-color: #0969DA90 !important; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 28px; color: white;">
                    ♕
                </div>
                
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff !important; padding: 16px; transition: background-color 0.3s ease;">
                    <div style="line-height: 1.6;">
                        <h2 class="aiui-api-title" style="font-size: 1.25rem !important; margin: 0 0 6px 0; color: #0969DA; font-weight: 600;">AIUI API开发</h2>
                        <p class="aiui-api-desc" style="font-size: 1rem; color: #075985; margin: 0; line-height: 1.4;">涵盖传统语义链路、通用大模型链路、极速超拟人链路的API开发接入</p>
                    </div>
                    
                    <span style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
        
        
        <div class="aiui-api-grid" style="display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; padding: 10px !important; max-width: 100% !important; margin: 0 auto !important; border-top: 1px solid #e6f0ff;">
            
            <div class="aiui-api-card">
                
                <div class="aiui-api-card-icon">
                    <div class="aiui-api-card-number"  style="background-color: #0969DA90 !important;">1</div>
                </div>
                <div class="aiui-api-card-content">
                    <h3 class="aiui-api-card-title" style="color: #666 !important";>AIUI 传统语义链路</h3>
                    <div class="aiui-api-small-container" >
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-17/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>交互API</a>
						<a href="https://aiui-doc.xf-yun.com/project-1/doc-785/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>用户个性化API</a>
						<a href="https://aiui-doc.xf-yun.com/project-1/doc-374/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>合成能力使用</a>
                    </div>
                </div>
            </div>
            
            
            <div class="aiui-api-card">
                
                <div class="aiui-api-card-icon">
                    <div class="aiui-api-card-number"  style="background-color: #0969DA90 !important;">2</div>
                </div>
                <div class="aiui-api-card-content">
                    <h3 class="aiui-api-card-title" style="color: #666 !important";>AIUI 通用大模型链路</h3>
                    <div class="aiui-api-small-container">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-404/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>服务鉴权</a>
<a href="https://aiui-doc.xf-yun.com/project-1/doc-181/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>交互API</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-424/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>用户个性化API</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-787/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>声音复刻API</a>
 <a href="https://aiui-doc.xf-yun.com/project-1/doc-789/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>合成能力使用</a>
                    </div>
                </div>
            </div>
            
            
            <div class="aiui-api-card">
                
                <div class="aiui-api-card-icon">
                    <div class="aiui-api-card-number"  style="background-color: #0969DA90 !important;">3</div>
                </div>
                <div class="aiui-api-card-content">
                    <h3 class="aiui-api-card-title" style="color: #FF6666 !important";>AIUI 极速超拟人链路<img src="https://img.icons8.com/material-outlined/100/40C057/new.png" alt="图标" style="width: 20px; height: 20px; margin-left: 5px; vertical-align: middle;"></h3>
                    <div class="aiui-api-small-container">
					    <a href="https://aiui-doc.xf-yun.com/project-1/doc-405/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>服务鉴权</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-584/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>交互API</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-786/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>用户个性化API</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-413/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>声音复刻API</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-788/" target="_blank" class="aiui-api-small-btn aiui-api-link" style="color: #666 !important";>合成能力使用</a>
                    </div>
                </div>
            </div>
        </div>
    </details>
</div>

<div style="width: 100%; margin: 0 auto; box-sizing: border-box;">
    
    <details style="width: 100%; margin: 8px 0 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white;">
        
        <summary style="display: flex; list-style: none; cursor: pointer; outline: none; transition: all 0.3s ease;">
            <div style="display: flex; width: 100%;">
                
                <div style="background-color: #0969DA90; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 28px; color: white;">
                    ✎
                </div>
                
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff !important; padding: 16px; transition: background-color 0.3s ease;">
                    <div style="line-height: 1.6;">
                        <h2 style="font-size: 1.25rem; margin: 0 0 6px 0; color: #0969DA; font-weight: 600;">自定义业务</h2>
                        <p style="font-size: 1rem; color: #36548B; margin: 0; line-height: 1.4;">涵盖自定义技能、问答库、智能体、信源及角色开发的相关指南与规范</p>
                    </div>
                    
                    <span style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
        
        
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px; max-width: 100%; margin: 0 auto; border-top: 1px solid #f0f7ff; box-sizing: border-box;">
            
            <a href="https://example.com/sdk-flow" target="_blank" style="text-decoration: none; color: inherit; display: block; height: 100%;">
                <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 140px;">
                    <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">1</div>
                    </div>
                    <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">开发工具说明[上线中]</h3>
                        <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">介绍自定义业务支持的自定义技能、问答库、智能体、信源、角色能力模块相关信息</p>
                    </div>
                </div>
            </a>
            
            
            <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 140px;">
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">2</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #666; font-weight: 600;">名词解析</h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-46/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">技能</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-47/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">意图和语料</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-48/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">实体</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-49/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">动态实体</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-50/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">模糊匹配</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-51/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">填槽对话</a>
                    </div>
                </div>
            </div>
            
            
            <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 140px;">
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">3</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #339933; font-weight: 600;">🔥自定义技能开发</h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-53/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">语音技能设计规范</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-54/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">开放技能接入审核规范</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-55/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">开放技能图标图片规范</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-57/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">自定义技能创建</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-62/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">技能后处理使用</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-59/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">技能导入和导出</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-64/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">云函数APIv2.1</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-25/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">自定义参数</a>
                        <a class="tag-link" href="https://example.com/sdk-capability-state" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">webhook接入</a>
                    </div>
                </div>
            </div>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-589/" style="text-decoration: none; color: inherit; display: block; height: 100%;">
                <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 140px;">
                    <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">4</div>
                    </div>
                    <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #FF6666; font-weight: 600;">智能体开发<img src="https://img.icons8.com/material-outlined/100/40C057/new.png" alt="图标" style="width: 20px; height: 20px; margin-left: 5px; vertical-align: middle;"></h3>
                        <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">介绍智能体开发配置流程</p>
                    </div>
                </div>
            </a>
            
            
            <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 110px;">
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">5</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #339933; font-weight: 600;">🔥问答库开发</h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-66/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">语句问答</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-67/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">关键词问答</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-411/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">文档问答</a>
                    </div>
                </div>
            </div>
            
            
		<a href="https://aiui-doc-admin.xf-yun.com/project-1/doc-68/" style="text-decoration: none; color: inherit; display: block; height: 100%;">
            <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 110px;">
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">6</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #666; font-weight: 600;">设备人设开发</h3>
                    <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">介绍智能体开发流程</p>
                </div>
            </div>
            </a>
			
            
            <a href="https://example.com/error-codes" style="text-decoration: none; color: inherit; display: block; height: 100%;">
                <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 110px;">
                    <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">7</div>
                    </div>
                    <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #FF6666; font-weight: 600;">角色开发[上线中]<img src="https://img.icons8.com/material-outlined/100/40C057/new.png" alt="图标" style="width: 20px; height: 20px; margin-left: 5px; vertical-align: middle;"></h3>
                        <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">介绍自定义角色开发配置流程</p>
                    </div>
                </div>
            </a>
            
            
            <a href="https://example.com/tts-voices" style="text-decoration: none; color: inherit; display: block; height: 100%;">
                <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 110px;">
                    <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">8</div>
                    </div>
                    <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #FF6666; font-weight: 600;">信源开发[上线中]<img src="https://img.icons8.com/material-outlined/100/40C057/new.png" alt="图标" style="width: 20px; height: 20px; margin-left: 5px; vertical-align: middle;"></h3>
                        <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">智能体信源开发介绍</p>
                    </div>
                </div>
            </a>
            
            
            <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 110px;">
                <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                    <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">9</div>
                </div>
                <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                    <h3 style="font-size: 1.1rem; margin: 0 0 8px 0; color: #666; font-weight: 600;">技能后处理协议</h3>
                    <div style="display: flex; flex-wrap: wrap; gap: 8px; row-gap: 6px; padding: 0; margin: 0; align-items: center;">
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-71/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">标准请求</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-72/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">请求校验</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-73/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">Request_v2.1协议</a>
                        <a class="tag-link" href="https://aiui-doc-admin.xf-yun.com/project-1/doc-74/" target="_blank" style="background-color: #e6f0ff; color: #666; font-size: 0.85rem; padding: 4px 10px; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; transition: all 0.15s ease;">Response_v2.1协议</a>
                    </div>
                </div>
            </div>
            
            
            <a href="https://aiui-doc-admin.xf-yun.com/project-1/doc-75/" style="text-decoration: none; color: inherit; display: block; height: 100%;">
                <div class="info-card" style="background: #ffffff; border-radius: 6px; box-shadow: 0 2px 6px #eee; border-left: 5px solid #e6f0ff; display: flex; height: 100%; transition: all 0.2s ease; min-height: 110px;">
                    <div style="background-color: #f0f7ff; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6f0ff;">
                        <div style="width: 24px; height: 24px; background-color: #0969DA90; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600;">10</div>
                    </div>
                    <div style="padding: 16px; flex: 1; display: flex; flex-direction: column; justify-content: center;">
                        <h3 style="font-size: 1.1rem; margin: 0 0 6px 0; color: #666; font-weight: 600;">平台资源限制</h3>
                        <p style="font-size: 0.92rem; color: #666; margin: 0; line-height: 1.5;">介绍自定义业务配置下相关能力限制说明</p>
                    </div>
                </div>
            </a>
        </div>
    </details>
</div>

<div style="width: 100%; margin: 0 auto; box-sizing: border-box;">
    
    <details style="width: 100%; margin: 8px 0 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white;">
        
        <summary style="display: flex; list-style: none; cursor: pointer; outline: none; transition: all 0.3s ease;">
            <div style="display: flex; width: 100%;">
                
                <div class="aiui-hardware-icon" style="background-color: #0969DA90 !important; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 28px; color: white;">
                    ✈
                </div>
                
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff !important; padding: 16px; transition: background-color 0.3s ease;">
                    <div style="line-height: 1.6;">
                        <h2 class="aiui-hardware-title" style="font-size: 1.25rem; margin: 0 0 6px 0; color: #0969DA; font-weight: 600;">硬件模组</h2>
                        <p class="aiui-hardware-desc" style="font-size: 1rem; color: #075985; margin: 0; line-height: 1.4;">各类硬件模组的详细资料与使用指南</p>
                    </div>
                    
                    <span style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
        
        
        <div class="aiui-hardware-grid" style="display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; padding: 10px !important; max-width: 100% !important; margin: 0 auto !important; border-top: 1px solid #f0f7ff;">
            
            <div class="aiui-hardware-card">
                
                <div class="aiui-hardware-card-icon">
                    <div class="aiui-hardware-card-number"  style="background-color: #0969DA90 !important;">1</div>
                </div>
                <div class="aiui-hardware-card-content">
                    <h3 class="aiui-hardware-card-title" style="color: #666 !important";>USB声卡套件</h3>
                    <div class="aiui-hardware-small-container">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-164/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>产品白皮书</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-165/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>使用手册</a>
                    </div>
                </div>
            </div>
            
            
            <div class="aiui-hardware-card">
                
                <div class="aiui-hardware-card-icon">
                    <div class="aiui-hardware-card-number"  style="background-color: #0969DA90 !important;">2</div>
                </div>
                <div class="aiui-hardware-card-content">
                    <h3 class="aiui-hardware-card-title" style="color: #666 !important";>RK3328降噪板</h3>
                    <div class="aiui-hardware-small-container">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-104/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>产品白皮书</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-106/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>使用手册</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-107/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>产品规格书</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-108/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>协议开发手册</a>
                    </div>
                </div>
            </div>
            
            
            <div class="aiui-hardware-card">
                
                <div class="aiui-hardware-card-icon">
                    <div class="aiui-hardware-card-number"  style="background-color: #0969DA90 !important;">3</div>
                </div>
                <div class="aiui-hardware-card-content">
                    <h3 class="aiui-hardware-card-title" style="color: #666 !important";>RK3328 AIUI评估板开发套件</h3>
                    <div class="aiui-hardware-small-container">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-184/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>产品白皮书</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-185/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>使用手册</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-186/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>产品规格书</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-187/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>协议开发手册</a>
                    </div>
                </div>
            </div>
            
            
            <div class="aiui-hardware-card">
                
                <div class="aiui-hardware-card-icon">
                    <div class="aiui-hardware-card-number"  style="background-color: #0969DA90 !important;">4</div>
                </div>
                <div class="aiui-hardware-card-content">
                    <h3 class="aiui-hardware-card-title" style="color: #666 !important";>RK3588 AIUI多模态开发套件</h3>
                    <div class="aiui-hardware-small-container">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-361/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>产品规格书</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-362/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>使用手册</a>
                        <a href="https://aiui-doc-admin.xf-yun.com/modify_doc/1/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>视频传输协议</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-367/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>识别语义传输协议</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-392/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>音频传输协议</a>
                    </div>
                </div>
            </div>
            
            
            <div class="aiui-hardware-card">
                
                <div class="aiui-hardware-card-icon">
                    <div class="aiui-hardware-card-number"  style="background-color: #0969DA90 !important;">5</div>
                </div>
                <div class="aiui-hardware-card-content">
                    <h3 class="aiui-hardware-card-title" style="color: #666 !important";>ZG803 离线语音识别套件</h3>
                    <div class="aiui-hardware-small-container">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-172/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link">产品白皮书</a>
                    </div>
                </div>
            </div>
            
            
            <div class="aiui-hardware-card">
                
                <div class="aiui-hardware-card-icon">
                    <div class="aiui-hardware-card-number"  style="background-color: #0969DA90 !important;">6</div>
                </div>
                <div class="aiui-hardware-card-content">
                    <h3 class="aiui-hardware-card-title" style="color: #FF6666 !important";>AC7911 AIUI语音开发套件<img src="https://img.icons8.com/material-outlined/100/40C057/new.png" alt="图标" style="width: 20px; height: 20px; margin-left: 5px; vertical-align: middle;"></h3>
                    <div class="aiui-hardware-small-container">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-109/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>产品白皮书</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-110/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>快速体验指南</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-111/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>开发指南</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-112/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>协议手册</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-113/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>硬件参数</a>
                    </div>
                </div>
            </div>
            
            <div class="aiui-hardware-card">
                
                <div class="aiui-hardware-card-icon">
                    <div class="aiui-hardware-card-number"  style="background-color: #0969DA90 !important;">7</div>
                </div>
                <div class="aiui-hardware-card-content">
                    <h3 class="aiui-hardware-card-title" style="color: #666 !important";>AIUI评估板接入</h3>
                    <div class="aiui-hardware-small-container">
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-32/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>集成方式</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-33/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>软件包说明</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-34/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>AIUIServiceKitSDK</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-35/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>串口SDK</a>
                        <a href="https://aiui-doc.xf-yun.com/project-1/doc-36/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>评估板参数配置</a>
						<a href="https://aiui-doc.xf-yun.com/project-1/doc-37/" target="_blank" class="aiui-hardware-small-btn aiui-hardware-link" style="color: #666 !important";>调试升级</a>
                    </div>
                </div>
            </div>
        </div>
    </details>
</div>

<div style="width: 100%; margin: 0 auto; box-sizing: border-box !important; clear: both !important;">
    
    <details style="width: 100% !important; margin: 8px 0 15px !important; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white; clear: both !important;">
        
        <summary style="display: flex !important; list-style: none !important; cursor: pointer; outline: none; transition: all 0.3s ease; clear: both !important;">
            <div style="display: flex !important; width: 100% !important;">
                
                <div class="aiui-blue-icon" style="background-color: #0969DA90 !important; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 28px; color: white;">
                    ✂
                </div>
                
                <div style="flex: 1 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; background-color: #ffffff !important; padding: 16px; transition: background-color 0.3s ease;">
                    <div style="line-height: 1.6;">
                        <h2 class="aiui-blue-title" style="font-size: 1.25rem !important; margin: 0 0 6px 0; color: #0969DA; font-weight: 600;">常见问题处理</h2>
                        <p class="aiui-blue-desc" style="font-size: 1rem; color: #075985; margin: 0; line-height: 1.4;">解答各类使用过程中可能遇到的问题</p>
                    </div>
                    
                    <span style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
        
        
        <div class="aiui-blue-grid" style="display: block !important; padding: 10px !important; max-width: 100% !important; margin: 0 auto !important; border-top: 1px solid #f0f7ff;">
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-80/" target="_blank" class="aiui-blue-link" style="display: block !important; margin-bottom: 12px !important;">
                <div class="aiui-blue-card" style="width: 100% !important; float: none !important; clear: both !important;">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>AIUI常见问题文档</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>解答AIUI使用过程中的常见问题和解决方法。</p>
                    </div>
                </div>
            </a>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-81/" target="_blank" class="aiui-blue-link" style="display: block !important; margin-bottom: 12px !important;">
                <div class="aiui-blue-card" style="width: 100% !important; float: none !important; clear: both !important;">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>评估板常见问题</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>关于评估板使用、连接和配置的常见问题解答。</p>
                    </div>
                </div>
            </a>
            
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-82/" target="_blank" class="aiui-blue-link" style="display: block !important;">
                <div class="aiui-blue-card" style="width: 100% !important; float: none !important; clear: both !important;">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>动态实体常见问题</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>动态实体相关的配置、更新和管理问题解答。</p>
                    </div>
                </div>
            </a>
        </div>
    </details>
</div>

<div style="width: 100%; margin: 0 auto; box-sizing: border-box;">
    <details style="width: 100%; margin: 8px 0 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white;">
        <summary style="display: flex; list-style: none; cursor: pointer; outline: none; transition: all 0.3s ease;">
            <div style="display: flex; width: 100%;">
                <div class="aiui-blue-icon" style="background-color: #0969DA90 !important; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 28px; color: white;">
                    ☎
                </div>
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff !important; padding: 16px; transition: background-color 0.3s ease;">
                    <div style="line-height: 1.6;">
                        <h2 class="aiui-blue-title" style="font-size: 1.25rem !important; margin: 0 0 6px 0; color: #0969DA; font-weight: 600;">联系我们</h2>
                        <p class="aiui-blue-desc" style="font-size: 1rem; color: #075985; margin: 0; line-height: 1.4;">邮件：aiui_support@iflytek.com /QQ群：575396706</p>
                    </div>
                    <span style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
		</details>
		</div>

<div style="width: 100%; margin: 0 auto; box-sizing: border-box;">
    <details style="width: 100%; margin: 8px 0 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); background-color: white;">
        <summary style="display: flex; list-style: none; cursor: pointer; outline: none; transition: all 0.3s ease;">
            <div style="display: flex; width: 100%;">
                <div class="aiui-blue-icon" style="background-color: #0969DA90 !important; padding: 16px; display: flex; align-items: center; justify-content: center; min-width: 60px; font-size: 28px; color: white;">
                    ♫ 
                </div>
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff !important; padding: 16px; transition: background-color 0.3s ease;">
                    <div style="line-height: 1.6;">
                        <h2 class="aiui-blue-title" style="font-size: 1.25rem !important; margin: 0 0 6px 0; color: #0969DA; font-weight: 600;">服务条款与政策</h2>
                        <p class="aiui-blue-desc" style="font-size: 1rem; color: #075985; margin: 0; line-height: 1.4;">查看所有服务协议、隐私政策和使用许可</p>
                    </div>
                    <span style="display: inline-block; width: 20px; height: 20px; transition: transform 0.3s ease; color: #0969DA;">▼</span>
                </div>
            </div>
        </summary>
        
        <div class="aiui-blue-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 15px; padding: 15px; max-width: 1200px; margin: 0 auto; border-top: 1px solid #f0f7ff;">
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-85/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>AIUI开放平台服务协议</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>AIUI开放平台的使用条款和服务协议</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-86/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>AIUI开放平台隐私政策</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>关于AIUI开放平台的隐私保护政策</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-88/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>小飞在家用户协议</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>小飞在家产品的用户使用协议</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-89/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>小飞在家隐私政策</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>小飞在家产品的隐私保护政策</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-410/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>小飞在家开源软件使用许可</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>小飞在家产品中开源软件的使用许可</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-91/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>讯飞账号隐私政策</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>讯飞账号相关的隐私保护政策</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-92/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>讯飞账号用户协议</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>讯飞账号的用户使用协议</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-94/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>讯飞带屏音箱用户协议</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>讯飞带屏音箱产品的用户使用协议</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-95/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>讯飞带屏音箱隐私政策</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>讯飞带屏音箱产品的隐私保护政策</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-191/" target="_blank" class="aiui-blue-link">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>AIUI SDK隐私政策</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>AIUI SDK相关的隐私保护政策</p>
                    </div>
                </div>
            </a>
            
            <a href="https://aiui-doc.xf-yun.com/project-1/doc-192/" target="_blank" class="aiui-blue-link aiui-blue-card-full">
                <div class="aiui-blue-card">
                    <div class="aiui-blue-card-content">
                        <h3 class="aiui-blue-card-title" style="color: #666 !important";>AIUI SDK合规使用说明</h3>
                        <p class="aiui-blue-card-desc" style="color: #666 !important";>AIUI SDK的合规使用指南和说明</p>
                    </div>
                </div>
            </a>
        </div>
    </details>
</div>