@tencentcloud/sdk-mcp 1.7.3 → 1.7.5

package/resource/knowledge/livekit/core-sdk/live/uni-app/host-interaction.md

@@ -118,7 +118,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制您想要的 UI 逻辑。
+当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 [完善 UI 细节](#6fe270da-d3b3-4785-bdc2-53b59d6d9cc0) 来定制您想要的 UI 逻辑。
 
 ## 完善 UI 细节
 
@@ -133,9 +133,9 @@
 
    这个组件是我们的“UI 贴纸”，它只负责根据数据渲染 UI，不关心视频。
 
-  - 在您的 `components` 目录下，创建一个新文件 `ParticipantOverlay.vue`。
+   - 在您的 `components` 目录下，创建一个新文件 `ParticipantOverlay.vue`。
 
-  - 将以下代码复制到文件中。
+   - 将以下代码复制到文件中。
 
       ``` typescript
       <template>
@@ -187,52 +187,14 @@
       };
       </script>
 
-      <style scoped>
-      .overlay-container {
-        pointer-events: none;
-      }
-
-      .participant-ui-container {
-        overflow: hidden;
-      }
-      .avatar-placeholder {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        background-color: #2E323A;
-      }
-      .avatar-image {
-        width: 160rpx;
-        height: 160rpx;
-        border-radius: 80rpx;
-      }
-      .avatar-name {
-        margin-top: 20rpx;
-        font-size: 28rpx;
-        color: #FFFFFF;
-      }
-      .nickname-bar {
-        position: absolute;
-        left: 10rpx;
-        bottom: 10rpx;
-        background-color: rgba(0, 0, 0, 0.5);
-        padding: 4rpx 16rpx;
-        border-radius: 20rpx;
-      }
-      .nickname-text {
-        color: #FFFFFF;
-        font-size: 24rpx;
-      }
-      </style>
       ```
 - **步骤 2**：在直播间页面中组合所有组件
 
    这是将视频层和 `UI` 层“叠”在一起的关键步骤，同时需要解决 `nvue` 的布局问题。
 
-  - 打开您的直播间页面文件
+   - 打开您的直播间页面文件
 
-  - 按照以下结构和样式进行修改。
+   - 按照以下结构和样式进行修改。
 
       ``` typescript
       <template>
@@ -275,33 +237,6 @@
       });
       </script>
 
-      <style scoped>
-      .page-container {
-        flex: 1;
-        background-color: #000;
-      }
-
-      .live-container {
-        flex: 1;
-        position: relative;
-      }
-      .video-layer,
-      .ui-layer {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-      }
-
-      .video-layer {
-        z-index: 1;
-      }
-
-      .ui-layer {
-        z-index: 2;
-      }
-      </style>
       ```
 
 ## API 文档

package/resource/knowledge/livekit/core-sdk/live/uni-app/integration.md

@@ -13,13 +13,13 @@
 
 2. **配置工程权限:** 请在应用的 manifest.json 文件的 app-plus > distribute 节点下，确保添加了以下必要的权限：
 
-  - Android 平台（`android` 节点）：在 `permissions` 数组中，请确保包含以下权限：
+   - Android 平台（`android` 节点）：在 `permissions` 数组中，请确保包含以下权限：
 
       ``` json
       "<uses-permission android:name=\"android.permission.RECORD_AUDIO\" />",
       "<uses-permission android:name=\"android.permission.CAMERA\"/>"
       ```
-  - iOS 平台（ios 节点）：在 `privacyDescription` 对象中，请确保包含以下描述：
+   - iOS 平台（ios 节点）：在 `privacyDescription` 对象中，请确保包含以下描述：
 
       ``` json
       "NSCameraUsageDescription" : "应用需要访问您的相机以进行直播",
@@ -243,7 +243,7 @@ onMounted(() => {
 
 ### 运行效果
 
-集成 **LiveCoreView** 后，您将得到一个纯净的视频渲染视图，它已具备完整的直播业务能力，但没有任何交互 UI。您可以参考下一章节 丰富直播场景 来完善直播场景。
+集成 **LiveCoreView** 后，您将得到一个纯净的视频渲染视图，它已具备完整的直播业务能力，但没有任何交互 UI。您可以参考下一章节 [丰富直播场景](#82dbc44c-8a8e-40e2-89b9-66070f4beb72) 来完善直播场景。
 
 ## 丰富直播场景
 
@@ -282,26 +282,26 @@ onMounted(() => {
 
 - 解决方案：
 
-  - 使用 `cover-view`：uni-app 提供了 `cover-view` 和 `cover-image`，它们可以覆盖在原生组件之上，但样式支持有限。
+   - 使用 `cover-view`：uni-app 提供了 `cover-view` 和 `cover-image`，它们可以覆盖在原生组件之上，但样式支持有限。
 
-  - 切换到 `nvue`：如果页面交互复杂，需要大量元素覆盖在原生组件上，建议将整个页面用 `nvue` 来编写。`nvue` 的所有组件都是原生渲染，不存在层级问题。
+   - 切换到 `nvue`：如果页面交互复杂，需要大量元素覆盖在原生组件上，建议将整个页面用 `nvue` 来编写。`nvue` 的所有组件都是原生渲染，不存在层级问题。
 
 ### nvue 与 vue 的抉择问题
 - 问题：不知道什么时候该用 `nvue`，什么时候用 `vue`。
 
 - 选型建议：
 
-  - 默认用 `vue`：适合绝大多数业务和 UI 复杂的页面。
+   - 默认用 `vue`：适合绝大多数业务和 UI 复杂的页面。
 
-  - 当遇到长列表滑动卡顿、复杂动画掉帧、需要覆盖原生组件等性能或层级问题时，再考虑将该页面重构为 `nvue`。直播、地图这类页面是 nvue 的绝佳应用场景。
+   - 当遇到长列表滑动卡顿、复杂动画掉帧、需要覆盖原生组件等性能或层级问题时，再考虑将该页面重构为 `nvue`。直播、地图这类页面是 nvue 的绝佳应用场景。
 
 ### 原生能力集成问题
 - 问题：插件调用失败或无响应。
 
 - 解决方案：
 
-  - 必须打包自定义基座：在开发调试原生插件时，不能使用标准基座，必须通过 `HBuilderX` > 运行 > 运行到手机或模拟器 > 制作自定义基座，然后选择这个自定义基座来运行。
+   - 必须打包自定义基座：在开发调试原生插件时，不能使用标准基座，必须通过 `HBuilderX` > 运行 > 运行到手机或模拟器 > 制作自定义基座，然后选择这个自定义基座来运行。
 
-  - 检查权限：如本文档“准备工作”中所述，`manifest.json` 必须声明相机、麦克风等权限。
+   - 检查权限：如本文档“准备工作”中所述，`manifest.json` 必须声明相机、麦克风等权限。
 
-  - 查看原生日志：这是终极调试手段。通过 `Android Studio (Logcat)` 或 `Xcode (Console)` 查看设备的原生日志，通常能发现最直接的错误信息。
+   - 查看原生日志：这是终极调试手段。通过 `Android Studio (Logcat)` 或 `Xcode (Console)` 查看设备的原生日志，通常能发现最直接的错误信息。

package/resource/knowledge/livekit/core-sdk/voice/android/co-guest-interaction.md

@@ -463,7 +463,7 @@ seatStore.unlockSeat(2, object : CompletionHandler {
 主播和普通上麦用户可以调用 `moveUserToSeat` 移动麦位。
 
 #### 实现方式：
-1. **主播移动麦位**：主播可以调用此接口将任意用户移动到指定麦位。此时 `userID` 传入目标用户的 ID，`targetIndex` 是目标麦位索引，`policy` 参数来指定如果目标麦位有人时的移动策略。
+1. **主播移动麦位**：主播可以调用此接口将任意用户移动到指定麦位。此时 `userID` 传入目标用户的 ID，`targetIndex` 是目标麦位索引，`policy` 参数来指定如果目标麦位有人时的移动策略，详见[接口参数](#227e92a5-7552-41ae-b57c-2dab5b7de234)说明。
 
 2. **普通上麦用户移动自己麦位**：普通上麦用户也可以调用此接口来移动自己。此时 `userID` 必须传入用户自己的 ID，`targetIndex` 传入想去的新麦位索引，此时 `policy` 参数无效，如果目标麦位有人时会报错并停止移动。
 

package/resource/knowledge/livekit/core-sdk/voice/android/host-interaction.md

@@ -302,7 +302,7 @@ battleStore.exitBattle(battleID, null)
 
 ### 场景二：主播发起带 PK 模式的连线
 
-1. 主播在个人直播过程中，点击 PK 按钮，打开 UI 面板展示当前正在开播的主播列表（。
+1. 主播在个人直播过程中，点击 PK 按钮，打开 UI 面板展示当前正在开播的主播列表（详见[《主播发起一场连线》的步骤 1](#1ce7ad55-e199-4098-a9bb-554c204fdd97)）。
 
 2. 主播选中其中一个主播，发起 PK 邀请。
 
@@ -410,7 +410,7 @@ override fun onCoHostRequestReceived(inviter: SeatUserInfo, extensionInfo: Strin
 
 #### 步骤 4. 自动进入 PK 状态
 
-此步骤同《主播在连线后再发起 PK》的步骤 3相同，此处不再赘述。
+此步骤同[《主播在连线后再发起 PK》的步骤 3](#b775b648-c9e2-480c-8678-f7e419e32bfa)相同，此处不再赘述。
 
 ## PK 分数更新与胜负判断
 
@@ -435,9 +435,9 @@ override fun onCoHostRequestReceived(inviter: SeatUserInfo, extensionInfo: Strin
 #### 关键流程说明
 1. ​**获取 PK 状态​**：
 
-  - 回调配置​：您可以通过配置 PK 状态回调，由 LiveKit 后台在 PK 开始、结束时，主动通知您的系统 PK 状态。
+   - 回调配置​：您可以通过配置 PK 状态回调，由 LiveKit 后台在 PK 开始、结束时，主动通知您的系统 PK 状态。
 
-  - 主动查询​：您的后台服务可主动调用 PK 状态查询 接口，随时查询当前 PK 状态。
+   - 主动查询​：您的后台服务可主动调用 PK 状态查询 接口，随时查询当前 PK 状态。
 
 2. **PK 分数计算**​：您的后台服务根据业务规则（例如上述示例），计算 PK 分数增量。
 

package/resource/knowledge/livekit/core-sdk/voice/flutter/co-guest-interaction.md

@@ -465,7 +465,7 @@ if (result2.isSuccess) {
 主播和普通上麦用户可以调用 `moveUserToSeat` 移动麦位。
 
 #### 实现方式：
-1. **主播移动麦位**：主播可以调用此接口将任意用户移动到指定麦位。此时 `userID` 传入目标用户的 ID，`targetIndex` 是目标麦位索引，`policy` 参数来指定如果目标麦位有人时的移动策略，详细参见 接口参数 说明。
+1. **主播移动麦位**：主播可以调用此接口将任意用户移动到指定麦位。此时 `userID` 传入目标用户的 ID，`targetIndex` 是目标麦位索引，`policy` 参数来指定如果目标麦位有人时的移动策略，详细参见 [接口参数](#moveusertoseat-.E6.8E.A5.E5.8F.A3.E5.8F.82.E6.95.B0.EF.BC.9A) 说明。
 
 2. **普通上麦用户移动自己麦位**：普通上麦用户也可以调用此接口来移动自己。此时 `userID` 必须传入用户自己的 ID，`targetIndex` 传入想去的新麦位索引，此时 `policy` 参数无效，如果目标麦位有人时会报错并停止移动。
 

package/resource/knowledge/livekit/core-sdk/voice/ios/co-guest-interaction.md

@@ -421,7 +421,7 @@ seatStore.unlockSeat(seatIndex: 2) { result in
 主播和普通上麦用户可以调用 `moveUserToSeat(userID:targetIndex:policy:completion:)`移动麦位。
 
 #### 实现方式：
-1. **主播移动麦位**：主播可以调用此接口将任意用户移动到指定麦位。此时 `userID` 传入目标用户的 ID，`targetIndex` 是目标麦位索引，`policy` 参数来指定如果目标麦位有人时的移动策略，详细参见 接口参数 说明。
+1. **主播移动麦位**：主播可以调用此接口将任意用户移动到指定麦位。此时 `userID` 传入目标用户的 ID，`targetIndex` 是目标麦位索引，`policy` 参数来指定如果目标麦位有人时的移动策略，详细参见 [接口参数](#227e92a5-7552-41ae-b57c-2dab5b7de234) 说明。
 
 2. **普通上麦用户移动自己麦位**：普通上麦用户也可以调用此接口来移动自己。此时 `userID` 必须传入用户自己的 ID，`targetIndex` 传入想去的新麦位索引，此时 `policy` 参数无效，如果目标麦位有人时会报错并停止移动。
 

package/resource/knowledge/livekit/core-sdk/voice/ios/host-interaction.md

@@ -359,7 +359,7 @@ battleStore.exitBattle(battleID: battleID, completion: { [weak self] result in
 
 ### 场景二：主播发起带 PK 模式的连线
 
-1. 主播在个人直播过程中，点击 PK 按钮，打开 UI 面板展示当前正在开播的主播列表（。
+1. 主播在个人直播过程中，点击 PK 按钮，打开 UI 面板展示当前正在开播的主播列表（详见[《主播发起一场连线》的步骤 1](#1ce7ad55-e199-4098-a9bb-554c204fdd97)）。
 
 2. 主播选中其中一个主播，发起 PK 邀请。
 
@@ -506,7 +506,7 @@ coHostStore.coHostEventPublisher
 
 #### 步骤 4. 自动进入 PK 状态
 
-此步骤与 主播在连线后再发起 PK - 步骤 3 相同，此处不再赘述。
+此步骤与 [主播在连线后再发起 PK - 步骤 3](#b775b648-c9e2-480c-8678-f7e419e32bfa) 相同，此处不再赘述。
 
 ## PK 分数更新与胜负判断
 
@@ -531,9 +531,9 @@ coHostStore.coHostEventPublisher
 #### 关键流程说明
 1. ​**获取 PK 状态​**：
 
-  - 回调配置​：您可以通过配置 PK 状态回调，由 LiveKit 后台在 PK 开始、结束时，主动通知您的系统 PK 状态。
+   - 回调配置​：您可以通过配置 PK 状态回调，由 LiveKit 后台在 PK 开始、结束时，主动通知您的系统 PK 状态。
 
-  - 主动查询​：您的后台服务可主动调用 PK 状态查询 接口，随时查询当前 PK 状态。
+   - 主动查询​：您的后台服务可主动调用 PK 状态查询 接口，随时查询当前 PK 状态。
 
 2. **PK 分数计算**​：您的后台服务根据业务规则（如上述示例），计算 PK 分数增量。
 

package/resource/knowledge/livekit/core-sdk/voice/uni-app/integration.md

@@ -9,12 +9,12 @@
 
 2. **配置工程权限:**  请在应用的 manifest.json 文件的 app-plus > distribute 节点下，确保添加了以下必要的权限：
 
-  - Android 平台（`android` 节点）：在 `permissions` 数组中，请确保包含以下权限：
+   - Android 平台（`android` 节点）：在 `permissions` 数组中，请确保包含以下权限：
 
       ``` json
       "<uses-permission android:name=\"android.permission.RECORD_AUDIO\" />"
       ```
-  - iOS 平台（ios 节点）：在 `privacyDescription` 对象中，请确保包含以下描述：
+   - iOS 平台（ios 节点）：在 `privacyDescription` 对象中，请确保包含以下描述：
 
       ``` json
       "NSMicrophoneUsageDescription" : "应用需要访问您的麦克风以进行直播"
@@ -226,7 +226,7 @@ const handleJoinLive = () => {
 
 #### **3. 构建麦位 UI 界面**
 
-观众构建麦位 UI 的流程与主播完全一致。
+观众构建麦位 UI 的流程与主播完全一致，请参考主播 [构建麦位 UI 界面](#**4.-.E6.9E.84.E5.BB.BA.E9.BA.A6.E4.BD.8D-ui-.E7.95.8C.E9.9D.A2**)。
 
 #### **4. 退出语聊房**
 
@@ -255,7 +255,7 @@ const handleLeaveLive = () => {
 
 ### 运行效果
 
-完成上述步骤后，即可完成一个最基础的语聊直播场景。您可以参考 丰富语聊场景 来完善语聊场景。
+完成上述步骤后，即可完成一个最基础的语聊直播场景。您可以参考 [丰富语聊场景](#82dbc44c-8a8e-40e2-89b9-66070f4beb72) 来完善语聊场景。
 
 ## 功能进阶
 
@@ -319,8 +319,8 @@ watch(speakingUsers,(newSpeaker) => {
 
 - 解决方案：
 
-  - 必须打包自定义基座：在开发调试原生插件时，不能使用标准基座，必须通过 `HBuilderX` > 运行 > 运行到手机或模拟器 > 制作自定义基座，然后选择这个自定义基座来运行。
+   - 必须打包自定义基座：在开发调试原生插件时，不能使用标准基座，必须通过 `HBuilderX` > 运行 > 运行到手机或模拟器 > 制作自定义基座，然后选择这个自定义基座来运行。
 
-  - 检查权限：如本文档“准备工作”中所述，`manifest.json` 必须声明相机、麦克风等权限。
+   - 检查权限：如本文档“准备工作”中所述，`manifest.json` 必须声明相机、麦克风等权限。
 
-  - 查看原生日志：这是终极调试手段。通过 `Android Studio (Logcat)` 或 `Xcode (Console)` 查看设备的原生日志，通常能发现最直接的错误信息。
+   - 查看原生日志：这是终极调试手段。通过 `Android Studio (Logcat)` 或 `Xcode (Console)` 查看设备的原生日志，通常能发现最直接的错误信息。

package/resource/knowledge/livekit/preset/live/vue/features/barrage.md

@@ -77,7 +77,6 @@ onMounted(async () => {
 });
 </script>
 
-<style scoped>.app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.chat-container{width:100%;max-width:500px;height:600px;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.chat-content{flex:1;overflow:hidden}.barrage-list{width:100%;height:100%}.chat-input{background-color:var(--bg-color-dialog);padding:16px}.barrage-input{width:100%}</style>
 ```
 
 ## 自定义组件
@@ -100,7 +99,7 @@ onMounted(async () => {
 |  |  |  |  |
 
 > **注意：**
-> 使用 BarrageList 的默认消息组件时，表情消息会自动渲染为图片。但当您通过 `Message Props` 或 `message-item` Slot 接管自定义消息渲染时，message.textContent 中的表情编码（例如 [TUIEmoji_Flower]）不会自动解析，需要您参考 如何处理自定义弹幕消息时的表情渲染 处理。
+> 使用 BarrageList 的默认消息组件时，表情消息会自动渲染为图片。但当您通过 `Message Props` 或 `message-item` Slot 接管自定义消息渲染时，message.textContent 中的表情编码（例如 [TUIEmoji_Flower]）不会自动解析，需要您参考 [如何处理自定义弹幕消息时的表情渲染](#3a3aa2ed-5af5-44f8-8e4f-d182393294b9) 处理。
 >
 
 #### **containerStyle + itemStyle** 调整样式
@@ -176,7 +175,6 @@ const getMessageText = (message: Barrage) => {
 };
 </script>
 
-<style scoped>.custom-message{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:12px;border-radius:12px;margin:4px 0;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s ease}.custom-message:hover{transform:translateY(-2px)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;opacity:0.9}.user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{font-size:11px;opacity:0.7}.message-content{font-size:14px;line-height:1.4;word-break:break-word}</style>
 ```
 
 **步骤 2：在 BarrageList 中使用自定义组件**
@@ -268,7 +266,6 @@ function getGiftCount(message: { data?: string }): number {
 }
 </script>
 
-<style scoped>.slot-text-item{font-size:12px;line-height:1.6;padding:6px 12px;border-radius:10px;background:rgba(255,255,255,0.05);word-break:break-word}.slot-owner-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:10px;font-weight:600;padding:1px 8px;border-radius:10px;margin-right:6px;vertical-align:middle;line-height:1.6}.slot-sender-name{color:rgba(167,139,250,0.85);font-weight:500;margin-right:4px}.slot-message-text{color:rgba(255,255,255,0.85)}.slot-gift-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(255,0,128,0.15),rgba(255,140,0,0.12) 50%,rgba(168,85,247,0.1));border:1px solid rgba(255,0,128,0.25);box-shadow:0 0 12px rgba(255,0,128,0.1),inset 0 0 12px rgba(255,140,0,0.05)}.slot-gift-img{width:40px;height:40px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,140,0,0.5))}.slot-gift-info{display:flex;flex-direction:column;gap:2px;min-width:0}.slot-gift-sender{font-size:12px;color:rgba(255,255,255,0.8);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-gift-detail{font-size:12px;color:rgba(255,255,255,0.5)}.slot-gift-name{color:#ffaa00;font-weight:700;text-shadow:0 0 8px rgba(255,170,0,0.4)}.slot-gift-count{color:#ff4081;font-weight:800;font-size:13px;margin-left:2px;text-shadow:0 0 8px rgba(255,64,129,0.4)}</style>
 ```
 
 #### Props 速查表
@@ -316,7 +313,6 @@ function getGiftCount(message: { data?: string }): number {
   <BarrageInput containerClass="cyberpunk-input" />
 </template>
 
-<style>.cyberpunk-input{background:linear-gradient(135deg,rgba(15,10,40,0.9),rgba(30,15,60,0.85))!important;border:1.5px solid transparent!important;border-radius:16px!important;padding:8px 18px!important;box-shadow:0 0 15px rgba(139,92,246,0.2),0 0 30px rgba(255,0,128,0.08),inset 0 1px 0 rgba(255,255,255,0.05)!important;transition:box-shadow .3s ease!important;border-image:linear-gradient(135deg,#ff0080,#7c3aed,#06b6d4) 1!important;border-image-slice:1!important}.cyberpunk-input:focus-within{box-shadow:0 0 24px rgba(139,92,246,0.35),0 0 48px rgba(255,0,128,0.12),inset 0 1px 0 rgba(255,255,255,0.08)!important}</style>
 ```
 
 #### 调整尺寸
@@ -506,7 +502,6 @@ const drawLottery = async () => {
 subscribeEvent(BarrageEvent.onBarrageReceived, handleLotteryBarrage);
 </script>
 
-<style scoped>.lottery-panel{padding:8px 0;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:center;gap:10px;align-items:center}.lottery-panel button{padding:6px 20px;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff0080,#7c3aed);box-shadow:0 0 12px rgba(255,0,128,0.2);transition:all .2s ease}.lottery-panel button:hover:not(:disabled){box-shadow:0 0 20px rgba(255,0,128,0.35);transform:translateY(-1px)}.lottery-panel button:disabled{opacity:.5;cursor:not-allowed}.lottery-panel span{font-size:12px;color:rgba(255,255,255,0.7)}</style>
 ```
 
 #### 2. 观众端：参与抽奖
@@ -593,7 +588,6 @@ const handleLotteryBarrage = (barrage: any) => {
 subscribeEvent(BarrageEvent.onBarrageReceived, handleLotteryBarrage);
 </script>
 
-<style scoped>.lottery-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid rgba(255,255,255,0.1)}.lottery-bar button{padding:6px 16px;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff0080,#7c3aed);box-shadow:0 0 12px rgba(255,0,128,0.2);transition:all .2s ease}.lottery-bar button:hover:not(:disabled){box-shadow:0 0 20px rgba(255,0,128,0.35);transform:translateY(-1px)}.lottery-bar button:disabled{opacity:.6;cursor:not-allowed;background:rgba(139,92,246,0.3);box-shadow:none}.lottery-bar span{font-size:12px;color:rgba(255,255,255,0.5)}.lottery-winner-banner{padding:10px 14px;text-align:center;font-size:13px;font-weight:500;color:#fff;background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(239,68,68,0.1));border:1px solid rgba(245,158,11,0.25);border-radius:12px;margin:4px 0;animation:banner-pop .4s ease}.lottery-winner-banner .winner-name{color:#fbbf24;font-weight:700}@keyframes banner-pop{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}</style>
 ```
 
 通过 [BarrageList](https://web.sdk.qcloud.com/trtc/live/web/doc/zh/index.html#module-BarrageListComponent) 的 `message-item` 插槽对不同类型的抽奖消息进行差异化渲染。
@@ -636,7 +630,6 @@ function getWinnerName(message: { data?: string }): string {
 }
 </script>
 
-<style scoped>.lottery-sys-msg{font-size:12px;padding:8px 14px;border-radius:12px;background:linear-gradient(135deg,rgba(255,0,128,0.12),rgba(168,85,247,0.1));border:1px solid rgba(255,0,128,0.2);color:rgba(255,200,50,0.95);font-weight:500;text-align:center}.lottery-join-msg{font-size:12px;padding:6px 12px;border-radius:10px;background:rgba(139,92,246,0.08);color:rgba(167,139,250,0.85)}.lottery-result-msg{font-size:13px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(239,68,68,0.1));border:1px solid rgba(245,158,11,0.25);color:#fff;font-weight:500;text-align:center}.winner-name{color:#fbbf24;font-weight:700}.normal-msg{font-size:12px;line-height:1.6;padding:4px 0;word-break:break-word}.msg-sender{color:rgba(167,139,250,0.85);font-weight:500;margin-right:4px}</style>
 ```
 
 ## 常见问题
@@ -844,14 +837,6 @@ import { parseEmoji } from './utils/emojiParser';
 defineProps<{ message: Barrage }>();
 </script>
 
-<style scoped>
-.emoji {
-  width: 20px;
-  height: 20px;
-  vertical-align: middle;
-  margin: 0 1px;
-}
-</style>
 ```
 
 **在 Slot 插槽中使用**
@@ -878,14 +863,6 @@ import { BarrageList } from 'tuikit-atomicx-vue3';
 import { parseEmoji } from './utils/emojiParser';
 </script>
 
-<style scoped>
-.emoji {
-  width: 20px;
-  height: 20px;
-  vertical-align: middle;
-  margin: 0 1px;
-}
-</style>
 ```
 
 **解析原理**

package/resource/knowledge/livekit/preset/live/vue/features/live-audience-list.md

@@ -71,7 +71,6 @@ onMounted(async () => {
 });
 </script>
 
-<style>.live-audience-container{display:flex;height:100%;width:300px;padding:20px}.live-audience-list{width:100%;height:100%}</style>
 ```
 
 ## 自定义组件
@@ -119,7 +118,6 @@ const vipUserIds = ['user_vip_001', 'user_vip_002'];
 const isVip = (userId: string) => vipUserIds.includes(userId);
 </script>
 
-<style scoped>.custom-mark{display:flex;align-items:center;gap:4px}.vip-badge{background:linear-gradient(135deg,#ffd700,#ffb347);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.muted-badge{font-size:14px;opacity:.7}</style>
 ```
 
 ### 完全接管列表项渲染（audience-item 插槽）
@@ -153,7 +151,6 @@ const isVip = (userId: string) => vipUserIds.includes(userId);
 import { LiveAudienceList } from 'tuikit-atomicx-vue3';
 </script>
 
-<style scoped>.custom-audience-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,0.05)}.medal{font-size:20px}.rank-number{font-size:14px;font-weight:600;color:rgba(255,255,255,0.5);min-width:24px;text-align:center}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.name{font-size:14px;color:rgba(255,255,255,0.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}</style>
 ```
 
 ### props 速查表

package/resource/knowledge/livekit/preset/live/vue/features/live-view.md

@@ -46,7 +46,6 @@ LiveView 提供以下插槽，用于自定义视频流上层的 UI 内容。
   </template>
 </LiveView>
 
-<style scoped>.watermark-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none}.watermark-grid{position:absolute;top:-50%;left:-50%;width:200%;height:200%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:60px 80px;transform:rotate(-30deg)}.watermark-item{color:rgba(255,255,255,.15);font-size:18px;font-weight:700;letter-spacing:2px;white-space:nowrap}</style>
 ```
 
 ##### 自定义刷新 Loading 示例
@@ -81,7 +80,6 @@ async function handleRefresh() {
 }
 </script>
 
-<style scoped>.refresh-overlay{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.refresh-logo{width:40px;height:40px;object-fit:contain}.refresh-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.refresh-text{color:rgba(255,255,255,.8);font-size:14px}.watermark{color:rgba(255,255,255,.3);font-size:24px;font-weight:700;letter-spacing:2px;pointer-events:none;user-select:none;text-shadow:0 2px 8px rgba(0,0,0,.3)}</style>
 ```
 
 #### streamViewUI 插槽
@@ -109,7 +107,6 @@ const handleApplyForSeat = (seatIndex: number) => {
 };
 </script>
 
-<style scoped>.custom-stream-ui{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}.custom-stream-ui .user-name{color:#fff;font-size:14px;font-weight:500}</style>
 ```
 
 ##### 自定义连麦 UI 示例
@@ -174,7 +171,6 @@ const isCameraOn = (userInfo: SeatUserInfo) => {
 };
 </script>
 
-<style scoped>.stream-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;box-sizing:border-box;border-radius:6px;overflow:hidden}.top-bar{position:absolute;top:6px;left:6px;z-index:2}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:500;line-height:16px;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:rgba(255,255,255,.85)}.anchor-badge{background:linear-gradient(135deg,#ff6b35,#e8461e);color:#fff}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.anchor-badge .badge-dot{background:#fff;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}.bottom-bar{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;padding:28px 8px 6px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.user-info{flex:1;min-width:0}.user-name-text{display:block;color:#fff;font-size:11px;font-weight:500;line-height:16px;text-shadow:0 1px 3px rgba(0,0,0,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-icons{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:6px}.icon-wrapper{position:relative;width:16px;height:16px;color:rgba(255,255,255,.9);transition:color .2s ease}.icon-wrapper.off{color:rgba(255,255,255,.3)}.icon-wrapper svg{position:absolute;top:0;left:0;width:100%;height:100%}.icon-wrapper .slash-line{z-index:1}</style>
 ```
 
 ### 自定义控制栏操作按钮
@@ -367,7 +363,6 @@ function startAutoHide() {
 }
 </script>
 
-<style scoped>.my-player{position:relative;width:100%;height:100%}.my-controls{position:absolute;bottom:0;left:0;right:0;z-index:20;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 70%,transparent 100%);transition:opacity .3s ease,transform .3s ease}.my-controls.hidden{opacity:0;transform:translateY(8px);pointer-events:none}.controls-left,.controls-right{display:flex;align-items:center;gap:4px}.ctrl-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:rgba(255,255,255,.85);cursor:pointer;transition:background .15s ease,color .15s ease}.ctrl-btn:hover{background:rgba(255,255,255,.12);color:#fff}.ctrl-btn:active{background:rgba(255,255,255,.2)}.ctrl-btn svg{width:18px;height:18px}.volume-group{display:flex;align-items:center;gap:2px}.volume-slider{width:70px;height:3px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.25);border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 4px rgba(0,0,0,.3)}.resolution-select{height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(0,0,0,.4);color:rgba(255,255,255,.85);font-size:11px;cursor:pointer;outline:none}.resolution-select:hover{border-color:rgba(255,255,255,.35)}.resolution-select option{background:#1a1a1a;color:#fff}</style>
 ```
 
 ### 播放控制 API 汇总

package/resource/knowledge/push/api-reference/harmonyos.md

@@ -2,13 +2,13 @@
 
 |API|描述|
 |---------|---------|
-|registerPush|注册推送服务， (必须在 App 用户同意了隐私政策后，再调用该接口使用推送服务)。|
-|unRegisterPush|反注册关闭推送服务。|
-|setRegistrationID|RegistrationID 是推送接收设备的唯一标识 ID。默认情况下，注册推送服务成功时自动生成该 ID，同时也支持您自定义设置。您可根据 RegistrationID 向指定设备推送消息。需要注意的是，卸载并重新安装设备会更改 RegistrationID，因此需要在注册推送服务之前调用 setRegistrationID 接口。|
-|getRegistrationID|在成功注册推送服务后，调用此接口可获取推送接收设备的唯一标识 ID，即 RegistrationID。|
-|addPushListener|添加 Push 监听器。|
-|removePushListener|移除 Push 监听器。|
-|disablePostNotificationInForeground|应用在前台时，开/关通知栏通知（默认开）。|
+|[registerPush](#c624c0f8-1505-4d15-8a44-dcacbaaac784)|注册推送服务， (必须在 App 用户同意了隐私政策后，再调用该接口使用推送服务)。|
+|[unRegisterPush](#a6df0ca4-f85e-4678-8db4-1498fb67606b)|反注册关闭推送服务。|
+|[setRegistrationID](#e54d1228-3bc5-4053-bb2a-c72d3320c7db)|RegistrationID 是推送接收设备的唯一标识 ID。默认情况下，注册推送服务成功时自动生成该 ID，同时也支持您自定义设置。您可根据 RegistrationID 向指定设备推送消息。需要注意的是，卸载并重新安装设备会更改 RegistrationID，因此需要在注册推送服务之前调用 setRegistrationID 接口。|
+|[getRegistrationID](#2557dabd-b043-4f66-bb82-34315459c8b7)|在成功注册推送服务后，调用此接口可获取推送接收设备的唯一标识 ID，即 RegistrationID。|
+|[addPushListener](#8efda8f7-f11e-40d3-a9ee-9c2fbad7f63e)|添加 Push 监听器。|
+|[removePushListener](#4ee794ce-67d1-4b96-b7a5-bffe18f6d521)|移除 Push 监听器。|
+|[disablePostNotificationInForeground](#f8fe8ed3-ce77-4241-9eb1-3fe7e0ba16d2)|应用在前台时，开/关通知栏通知（默认开）。|
 
 ## 接口详情
 
@@ -78,7 +78,7 @@ addPushListener(listener: TIMPushListener): void;
 
 |参数|类型|说明|
 |---------|---------|---------|
-|listener|TIMPushListener|推送事件处理方法。|
+|listener|[TIMPushListener](#cff83260-e519-4071-b968-e427b2517ff1)|推送事件处理方法。|
 
 ### 移除 Push 监听器
 
@@ -91,7 +91,7 @@ removePushListener(listener: TIMPushListener): void;
 
 |参数|类型|说明|
 |---------|---------|---------|
-|listener|TIMPushListener|推送事件处理方法。|
+|listener|[TIMPushListener](#cff83260-e519-4071-b968-e427b2517ff1)|推送事件处理方法。|
 
 ### 应用在前台时，开/关通知栏通知
 

package/resource/knowledge/push/api-reference/unity.md

@@ -8,24 +8,24 @@ public class PushManager：推送插件接口类。
 
 |API|描述|
 |---------|---------|
-|RegisterPush|注册推送服务（必须在 App 用户同意了隐私政策后，再调用该接口使用推送服务）。|
-|UnRegisterPush|关闭推送服务。|
-|SetRegistrationID|RegistrationID 是推送接收设备的唯一标识 ID。默认情况下，注册推送服务成功时自动生成该 ID，同时也支持您自定义设置。您可根据 RegistrationID 向指定设备推送消息。需要注意的是，卸载并重新安装设备会更改 RegistrationID，因此需要在注册推送服务之前调用 setRegistrationID 接口。|
-|GetRegistrationID|在成功注册推送服务后，可通过调用 getRegistrationID 接口获取推送接收设备的唯一标识 ID，即RegistrationID。您可根据 RegistrationID 向指定设备推送消息。|
+|[RegisterPush](#RegisterPush)|注册推送服务（必须在 App 用户同意了隐私政策后，再调用该接口使用推送服务）。|
+|[UnRegisterPush](#UnRegisterPush)|关闭推送服务。|
+|[SetRegistrationID](#SetRegistrationID)|RegistrationID 是推送接收设备的唯一标识 ID。默认情况下，注册推送服务成功时自动生成该 ID，同时也支持您自定义设置。您可根据 RegistrationID 向指定设备推送消息。需要注意的是，卸载并重新安装设备会更改 RegistrationID，因此需要在注册推送服务之前调用 setRegistrationID 接口。|
+|[GetRegistrationID](#GetRegistrationID)|在成功注册推送服务后，可通过调用 getRegistrationID 接口获取推送接收设备的唯一标识 ID，即RegistrationID。您可根据 RegistrationID 向指定设备推送消息。|
 
 #### Push 全局监听接口
 
 |API|描述|
 |---------|---------|
-|AddPushListener|添加 Push 监听器。|
-|RemovePushListener|移除 Push 监听器。|
+|[AddPushListener](#AddPushListener)|添加 Push 监听器。|
+|[RemovePushListener](#RemovePushListener)|移除 Push 监听器。|
 
 #### 自定义配置接口
 
 |API|描述|
 |---------|---------|
-|ForceUseFCMPushChannel|指定设备离线推送使用 FCM 通道，需要在注册推送服务之前调用。|
-|DisablePostNotificationInForeground|关闭 App 在前台时弹出通知栏。|
+|[ForceUseFCMPushChannel](#ForceUseFCMPushChannel)|指定设备离线推送使用 FCM 通道，需要在注册推送服务之前调用。|
+|[DisablePostNotificationInForeground](#DisablePostNotificationInForeground)|关闭 App 在前台时弹出通知栏。|
 
 ### 接口详情
 
@@ -59,11 +59,11 @@ public class PushManager：推送插件接口类。
 
 注册推送服务成功后，获取推送 ID 标识，即 RegistrationID。
 
-##### abstract void AddPushListener(PushListener listener)
+##### abstract void AddPushListener([PushListener](#PushListener) listener)
 
 添加 Push 监听器
 
-##### abstract void RemovePushListener(PushListener listener)
+##### abstract void RemovePushListener([PushListener](#PushListener) listener)
 
 移除 Push 监听器
 

package/resource/knowledge/push/api-reference/unreal-engine.md

@@ -8,24 +8,24 @@ class PushManager：推送插件接口类。
 
 |API|描述|
 |---------|---------|
-|RegisterPush|注册推送服务（必须在 App 用户同意了隐私政策后，再调用该接口使用推送服务）。|
-|UnRegisterPush|关闭推送服务。|
-|SetRegistrationID|RegistrationID 是推送接收设备的唯一标识 ID。默认情况下，注册推送服务成功时自动生成该 ID，同时也支持您自定义设置。您可根据 RegistrationID 向指定设备推送消息。需要注意的是，卸载并重新安装设备会更改 RegistrationID，因此需要在注册推送服务之前调用 setRegistrationID 接口。|
-|GetRegistrationID|在成功注册推送服务后，可通过调用 getRegistrationID 接口获取推送接收设备的唯一标识 ID，即RegistrationID。您可根据 RegistrationID 向指定设备推送消息。|
+|[RegisterPush](#RegisterPush)|注册推送服务（必须在 App 用户同意了隐私政策后，再调用该接口使用推送服务）。|
+|[UnRegisterPush](#UnRegisterPush)|关闭推送服务。|
+|[SetRegistrationID](#SetRegistrationID)|RegistrationID 是推送接收设备的唯一标识 ID。默认情况下，注册推送服务成功时自动生成该 ID，同时也支持您自定义设置。您可根据 RegistrationID 向指定设备推送消息。需要注意的是，卸载并重新安装设备会更改 RegistrationID，因此需要在注册推送服务之前调用 setRegistrationID 接口。|
+|[GetRegistrationID](#GetRegistrationID)|在成功注册推送服务后，可通过调用 getRegistrationID 接口获取推送接收设备的唯一标识 ID，即RegistrationID。您可根据 RegistrationID 向指定设备推送消息。|
 
 #### Push 全局监听接口
 
 |API|描述|
 |---------|---------|
-|AddPushListener|添加 Push 监听器。|
-|RemovePushListener|移除 Push 监听器。|
+|[AddPushListener](#addPushListener)|添加 Push 监听器。|
+|[RemovePushListener](#RemovePushListener)|移除 Push 监听器。|
 
 #### 自定义配置接口
 
 |API|描述|
 |---------|---------|
-|ForceUseFCMPushChannel|指定设备离线推送使用 FCM 通道，需要在注册推送服务之前调用。|
-|DisablePostNotificationInForeground|关闭 App 在前台时弹出通知栏。|
+|[ForceUseFCMPushChannel](#ForceUseFCMPushChannel)|指定设备离线推送使用 FCM 通道，需要在注册推送服务之前调用。|
+|[DisablePostNotificationInForeground](#DisablePostNotificationInForeground)|关闭 App 在前台时弹出通知栏。|
 
 ### 接口详情
 
@@ -97,9 +97,9 @@ class PushListener：Push 监听器类
 
 |API|描述|
 |---------|---------|
-|OnRecvPushMessage|收到 Push 消息。|
-|OnRevokePushMessage|收到 Push 消息撤回的通知。|
-|OnNotificationClicked|点击通知栏消息回调。|
+|[OnRecvPushMessage](#OnRecvPushMessage)|收到 Push 消息。|
+|[OnRevokePushMessage](#OnRevokePushMessage)|收到 Push 消息撤回的通知。|
+|[OnNotificationClicked](#OnNotificationClicked)|点击通知栏消息回调。|
 
 ### 接口详情
 

package/resource/knowledge/push/config/donut.md

@@ -36,11 +36,11 @@
 
 2. 为您的应用创建所需的通知类别：
 
-  1. 点击**选择分类**，详细的消息类型说明请参考[《小米推送消息分类新规》](https://dev.mi.com/xiaomihyperos/documentation/detail)。
+   1. 点击**选择分类**，详细的消息类型说明请参考[《小米推送消息分类新规》](https://dev.mi.com/xiaomihyperos/documentation/detail)。
 
-  2. 按以上新规要求完整填写相应信息。
+   2. 按以上新规要求完整填写相应信息。
 
-  3. 提交审核。
+   3. 提交审核。
 
 该环节您最多可同时创建8个不同分类的通知类别，我们会在3-5个工作日内完成审核。后续您可在**推送运营平台** > **消息分类管理**中维护应用的通知类别。