/* fe-coguest-layout.css —— 连麦布局统一修复 2026-11-02
   1) 连麦中隐藏主 CDN 播放层与「点击播放」门（双画面/回声/遮挡的源头）
   2) 连麦窗口固定在页面中间：上方贴欢迎语、下方贴商品弹窗
   3) 2/3/4 人窗口统一铺满（cover），不留白边 */

/* 连麦中：隐藏主 CDN 播放层（其内含 CDN video/封面/直播角标）与点击播放门 */
body.cg-on .video-zoom-viewport,
body.cg-on .live-play-gate{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 人：2x2（主播占左上，不跨行，保持与用户等大） */
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:auto!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;
}