/* media-gallery.css —— 产品媒体（本地视频 / YouTube 封面 + 产品图）舞台与缩略卡共享样式 */
.media-panel{width:100%;}
.causes-item.roundline,.causes-item .roundline{padding:0 !important;border-radius:16px !important;overflow:hidden;border-color:#e5e7eb !important;}
#panelImage .thumb{width:100%;height:100%;}
#panelImage .thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;border:none;}
.media-thumb{cursor:pointer;}
.media-thumb .roundline{position:relative;overflow:hidden;border-radius:14px;background:#fff;padding:0 !important;border:1px solid #e5e7eb;}
.media-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.media-thumb.active .roundline{outline:2px solid #1f6feb;outline-offset:-2px;}
.play-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;pointer-events:none;}
.play-badge .play-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(15,23,42,.28);}
.play-badge .tri{width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #1f6feb;margin-left:2px;}
#panelVideo .media-video-wrap{position:relative;width:100%;border-radius:0;overflow:hidden;background:#ffffff;border:none;}
#panelVideo video{width:100%;height:100%;display:block;object-fit:cover;background:#ffffff;}
/* YouTube：进入视口自动注入静音 16:9 iframe，注入前显示封面图+播放键 */
#panelVideo .yt-wrap{aspect-ratio:16 / 9;background:#fff;}
#panelVideo .yt-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff;}
#panelImage .thumb img{aspect-ratio:16 / 9;object-fit:cover;}
#ytStage{position:absolute;inset:0;width:100%;height:100%;display:none;background:#000;}
#ytStage iframe{width:100%;height:100%;border:0;display:block;}