@tencentcloud/sdk-mcp 1.7.3 → 1.7.4

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

@@ -78,68 +78,6 @@ const handleJoinLive = (live: any) => {
 
 </script>
 
-<style scoped>
-.live-list {
-  flex: 1;
-  background: #fff;
-}
-
-.list {
-  width: 100%;
-}
-
-.row {
-  flex-direction: row;
-  padding: 0 32rpx 16rpx;
-  justify-content: space-between;
-}
-
-.card {
-  width: 48%;
-  height: 320rpx;
-  background: #f5f5f5;
-  border-radius: 12rpx;
-  overflow: hidden;
-}
-
-.cover {
-  width: 100%;
-  height: 220rpx;
-}
-
-.info {
-  flex: 1;
-  padding: 12rpx;
-  flex-direction: column;
-}
-
-.title {
-  font-size: 26rpx;
-  font-weight: 600;
-  color: #000;
-  lines: 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.owner {
-  font-size: 22rpx;
-  color: #666;
-  margin-top: 4rpx;
-  lines: 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.count {
-  font-size: 20rpx;
-  color: #999;
-  margin-top: 4rpx;
-  lines: 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-</style>
 ```
 
 **LiveInfo 参数说明**
@@ -286,111 +224,6 @@ const handleJoinLive = (live: any) => {
 };
 </script>
 
-<style scoped>
-.live-list {
-  flex: 1;
-  background: #fff;
-}
-
-/* 分类标签栏 */
-.category-tabs {
-  flex-direction: row;
-  padding: 16rpx 32rpx;
-  background: #f9f9f9;
-  border-bottom: 1rpx solid #e8e8e8;
-  overflow-x: auto;
-}
-
-.tab {
-  padding: 8rpx 20rpx;
-  margin-right: 12rpx;
-  background: #fff;
-  border: 1rpx solid #e0e0e0;
-  border-radius: 20rpx;
-  font-size: 24rpx;
-  color: #666;
-  white-space: nowrap;
-}
-
-.tab.active {
-  background: #0468FC;
-  border-color: #0468FC;
-  color: #fff;
-}
-
-.list {
-  width: 100%;
-}
-
-.row {
-  flex-direction: row;
-  padding: 0 32rpx 16rpx;
-  justify-content: space-between;
-}
-
-.card {
-  width: 48%;
-  height: 320rpx;
-  background: #f5f5f5;
-  border-radius: 12rpx;
-  overflow: hidden;
-  position: relative;
-}
-
-.cover {
-  width: 100%;
-  height: 220rpx;
-}
-
-/* 分类徽章 */
-.category-badge {
-  position: absolute;
-  top: 8rpx;
-  left: 8rpx;
-  background: rgba(4, 104, 252, 0.9);
-  border-radius: 4rpx;
-  padding: 4rpx 8rpx;
-}
-
-.badge-text {
-  font-size: 18rpx;
-  color: #fff;
-  font-weight: 600;
-}
-
-.info {
-  flex: 1;
-  padding: 12rpx;
-  flex-direction: column;
-}
-
-.title {
-  font-size: 26rpx;
-  font-weight: 600;
-  color: #000;
-  lines: 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.owner {
-  font-size: 22rpx;
-  color: #666;
-  margin-top: 4rpx;
-  lines: 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.count {
-  font-size: 20rpx;
-  color: #999;
-  margin-top: 4rpx;
-  lines: 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-</style>
 ```
 
 ### 场景二：实现电商直播的商品信息展示

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

@@ -315,7 +315,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用两个观众与主播进行连麦操作，观众 A 同时打开摄像头和麦克风，观众 B 只打开麦克风，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制您想要的 UI 逻辑。
+当您集成以上功能实现后，请分别使用两个观众与主播进行连麦操作，观众 A 同时打开摄像头和麦克风，观众 B 只打开麦克风，运行效果如下，您可以参考下一章节 [完善 UI 细节](#.E5.AE.8C.E5.96.84-ui-.E7.BB.86.E8.8A.82) 来定制您想要的 UI 逻辑。
 
 ## 完善 UI 细节
 

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

@@ -232,7 +232,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制您想要的 UI 逻辑。
+当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 [完善 UI 细节](#.E5.AE.8C.E5.96.84-ui-.E7.BB.86.E8.8A.82) 来定制您想要的 UI 逻辑。
 
 ## 完善 UI 细节
 

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

@@ -278,7 +278,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用两个观众与主播进行连麦操作，观众 A 同时打开摄像头和麦克风，观众 B 只打开麦克风，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制您想要的 UI 逻辑。
+当您集成以上功能实现后，请分别使用两个观众与主播进行连麦操作，观众 A 同时打开摄像头和麦克风，观众 B 只打开麦克风，运行效果如下，您可以参考下一章节 [完善 UI 细节](#.E5.AE.8C.E5.96.84-ui-.E7.BB.86.E8.8A.82) 来定制您想要的 UI 逻辑。
 
 ## 完善 UI 细节
 

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

@@ -289,7 +289,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制 UI 逻辑。
+当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 [完善 UI 细节](#.E5.AE.8C.E5.96.84-ui-.E7.BB.86.E8.8A.82) 来定制 UI 逻辑。
 
 ## 完善 UI 细节
 

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

@@ -599,7 +599,7 @@ class _YourAudiencePageState extends State<YourAudiencePage> {
 
 ### 运行效果
 
-集成 **LiveCoreWidget** 后，您将得到一个纯净的视频渲染视图，它已具备完整的直播业务能力，但没有任何交互 UI。您可以参考下一章节 丰富直播场景 来完善直播场景。
+集成 **LiveCoreWidget** 后，您将得到一个纯净的视频渲染视图，它已具备完整的直播业务能力，但没有任何交互 UI。您可以参考下一章节 [丰富直播场景](#.E4.B8.B0.E5.AF.8C.E7.9B.B4.E6.92.AD.E5.9C.BA.E6.99.AF) 来完善直播场景。
 
 |**布局类型**|**动态宫格布局**|**浮动小窗布局**|**固定宫格布局**|**固定小窗布局**|
 |---------|---------|---------|---------|---------|

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

@@ -236,7 +236,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用两个观众与主播进行连麦操作，观众 A 同时打开摄像头和麦克风，观众 B 只打开麦克风，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制您想要的 UI 逻辑。
+当您集成以上功能实现后，请分别使用两个观众与主播进行连麦操作，观众 A 同时打开摄像头和麦克风，观众 B 只打开麦克风，运行效果如下，您可以参考下一章节 [完善 UI 细节](#736c00b3-02dc-494b-838d-226439fd3e15) 来定制您想要的 UI 逻辑。
 
 ## 完善 UI 细节
 

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

@@ -191,7 +191,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制您想要的 UI 逻辑。
+当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 [完善 UI 细节](#6fe270da-d3b3-4785-bdc2-53b59d6d9cc0) 来定制您想要的 UI 逻辑。
 
 ## 完善 UI 细节
 

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

@@ -171,7 +171,7 @@ func application(_ application: UIApplication, didFinishLaunchingWithOptions lau
    |`isMessageDisable`|`Bool`|选填|是否禁言（`true`：是，`false`：否）。|
    |`isPublicVisible`|`Bool`|选填|是否公开可见（`true`：是，`false`：否）。|
    |`seatMode`|`TakeSeatMode`|选填|上麦模式（`.free`：自由上麦，`.apply`：申请上麦）。|
-   |`seatTemplate`|SeatLayoutTemplate|必填|麦位布局模板。|
+   |`seatTemplate`|[SeatLayoutTemplate](#id)|必填|麦位布局模板。|
    |`coverURL`|`String`|选填|直播间的封面图片地址。|
    |`backgroundURL`|`String`|选填|直播间的背景图片地址。|
    |`categoryList`|`[NSNumber]`|选填|直播间的分类标签列表。|
@@ -363,7 +363,7 @@ class YourAudienceViewController: UIViewController {
 
 ### 运行效果
 
-集成 **LiveCoreView** 后，您将得到一个纯净的视频渲染视图，它已具备完整的直播业务能力，但没有任何交互 UI。您可以参考下一章节 丰富直播场景 来完善直播场景。
+集成 **LiveCoreView** 后，您将得到一个纯净的视频渲染视图，它已具备完整的直播业务能力，但没有任何交互 UI。您可以参考下一章节 [丰富直播场景](#82dbc44c-8a8e-40e2-89b9-66070f4beb72) 来完善直播场景。
 |  | <strong>动态宫格布局</strong> | <strong>浮动小窗布局</strong> | <strong>固定宫格布局</strong> | <strong>固定小窗布局</strong> |
 | --- | --- | --- | --- | --- |
 | <strong>模板取值</strong> | .videoDynamicGrid9Seats | .videoDynamicFloat7Seats | .videoFixedGrid9Seats | .videoFixedFloat7Seats |

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

@@ -309,7 +309,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用两个观众与主播进行连麦操作，观众 A 同时打开摄像头和麦克风，观众 B 只打开麦克风，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制您想要的 UI 逻辑。
+当您集成以上功能实现后，请分别使用两个观众与主播进行连麦操作，观众 A 同时打开摄像头和麦克风，观众 B 只打开麦克风，运行效果如下，您可以参考下一章节 [完善 UI 细节](#.E5.AE.8C.E5.96.84-ui-.E7.BB.86.E8.8A.82) 来定制您想要的 UI 逻辑。
 
 ## 完善 UI 细节
 
@@ -378,44 +378,6 @@
       };
       </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**：在直播间页面中组合所有组件
 
@@ -466,33 +428,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/host-interaction.md

@@ -118,7 +118,7 @@
 
 ### 运行效果
 
-当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 完善 UI 细节 来定制您想要的 UI 逻辑。
+当您集成以上功能实现后，请分别使用主播 A 和主播 B 进行对应操作，运行效果如下，您可以参考下一章节 [完善 UI 细节](#6fe270da-d3b3-4785-bdc2-53b59d6d9cc0) 来定制您想要的 UI 逻辑。
 
 ## 完善 UI 细节
 
@@ -187,44 +187,6 @@
       };
       </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**：在直播间页面中组合所有组件
 
@@ -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

@@ -243,7 +243,7 @@ onMounted(() => {
 
 ### 运行效果
 
-集成 **LiveCoreView** 后，您将得到一个纯净的视频渲染视图，它已具备完整的直播业务能力，但没有任何交互 UI。您可以参考下一章节 丰富直播场景 来完善直播场景。
+集成 **LiveCoreView** 后，您将得到一个纯净的视频渲染视图，它已具备完整的直播业务能力，但没有任何交互 UI。您可以参考下一章节 [丰富直播场景](#82dbc44c-8a8e-40e2-89b9-66070f4beb72) 来完善直播场景。
 
 ## 丰富直播场景
 

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 分数更新与胜负判断
 

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 分数更新与胜负判断
 

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

@@ -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) 来完善语聊场景。
 
 ## 功能进阶
 

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 速查表