/* fe-coguest-layout.css —— 连麦布局统一修复 2026-11-02b
   1) 仅本人在麦（cg-on）时隐藏主 CDN 层、显示 RTC 连麦固定带
   2) 非在麦（纯观众）一律隐藏连麦网格：旁观者的格子本就不渲染视频，
      观众直接看 CDN 混流（服务端已把嘉宾合成进流，布局同为中间带）
   3) 2/3/4 人窗口统一铺满（cover），不留白边；3 人主播格跨两行 */

/* 连麦中：隐藏主 CDN 播放层（其内含 CDN video/封面/直播角标）与点击播放门 */
body.cg-on .video-zoom-viewport,
body.cg-on .live-play-gate{display:none!important}

/* 非本人在麦：隐藏连麦网格（旁观者看 CDN 混流；也防下麦后幽灵网格残留） */
body:not(.cg-on) .video-grid.coguest-grid{display:none!important}

/* 连麦窗口固定带：顶部 24%（欢迎语之下）、底部贴商品弹窗（工具栏上方） */
body.cg-on .video-grid.coguest-grid:not(.mode-pip){
  inset:auto!important;left:0!important;right:0!important;
  top:24%!important;
  bottom:calc(170px + var(--safe-b,0px))!important;
  height:auto!important;transform:none!important;
  display:grid!important;gap:2px;background:#000;
  grid-auto-rows:1fr!important;
  align-content:stretch!important;align-items:stretch!important;
}

/* 2 人（1v1）：左右等大两格，整行铺满 */
body.cg-on .video-grid.coguest-grid.coguest-layout-2{
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:1fr!important;
}

/* 3 人：主播左列跨两行整高，两位嘉宾右上/右下（与云端混流布局一致） */
body.cg-on .video-grid.coguest-grid.coguest-layout-3{
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:1fr 1fr!important;
}
body.cg-on .video-grid.coguest-grid.coguest-layout-3>.grid-cell.coguest-cell-anchor{
  grid-row:1 / 3!important;align-self:stretch!important;
}

/* 4 人：2x2 */
body.cg-on .video-grid.coguest-grid.coguest-layout-4{
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:1fr 1fr!important;
}

/* 5+ 人：两列等分 */
body.cg-on .video-grid.coguest-grid.coguest-layout-5plus{
  grid-template-columns:1fr 1fr!important;
}

/* 格子取消 9:16 约束，跟随带高；视频 cover 铺满不留白 */
body.cg-on .video-grid.coguest-grid>.grid-cell{
  aspect-ratio:auto!important;height:auto!important;min-height:0!important;
  overflow:hidden;background:#000;
}
body.cg-on .coguest-grid .coguest-stream[data-v-2438dc57] video,
body.cg-on .coguest-grid video{
  width:100%!important;height:100%!important;object-fit:cover!important;
}