/* ===== 媒体模块外框 ===== */
#how-mine-ventilation-works #bf-mine-media-v3 {
display: block !important;
box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #dfe4ec;
border-radius: 7px;
background: #fff;
color: #343d4b;
font-family: inherit;
}

#bf-mine-media-v3 * {
box-sizing: border-box;
}

/* ===== 顶部切换栏 ===== */
#how-mine-ventilation-works #bf-mine-media-v3 .bfmm-tabs {
display: flex !important;
align-items: stretch;
gap: 6px;
margin: 0;
padding: 0 12px;
border-bottom: 1px solid #e7eaf0;
background: #fff;
}

#how-mine-ventilation-works #bf-mine-media-v3 [role="tab"] {
appearance: none;
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 7px;
flex: 1 1 0;
width: auto;
min-width: 0;
min-height: 44px;
margin: 0;
padding: 8px 10px;
border: 0;
border-radius: 0;
background: #fff;
box-shadow: none;
color: #626a78;
font-family: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
text-transform: none;
letter-spacing: 0;
cursor: pointer;
pointer-events: auto;
}

#how-mine-ventilation-works #bf-mine-media-v3 [role="tab"]:hover {
background: #f8fafc;
}

#how-mine-ventilation-works #bf-mine-media-v3 [role="tab"][aria-selected="true"] {
color: #02185a;
}

#how-mine-ventilation-works #bf-mine-media-v3 [role="tab"][aria-selected="true"]::after {
content: "";
position: absolute;
inset-inline: 10px;
bottom: -1px;
height: 3px;
background: #ff6119;
}



/* 按钮图标 */
#how-mine-ventilation-works #bf-mine-media-v3 [role="tab"] svg {
display: block;
flex: 0 0 auto;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.4;
}

/* 键盘焦点 */
#how-mine-ventilation-works #bf-mine-media-v3 [role="tab"]:focus-visible,
#how-mine-ventilation-works #bf-mine-media-v3 a:focus-visible {
outline: 2px solid #ff6119;
outline-offset: -3px;
}

/* ===== 图片与视频面板 ===== */
#how-mine-ventilation-works #bf-mine-media-v3 .bfmm-panel {
display: block !important;
position: static !important;
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important;
border: 0;
background: #fff;
visibility: visible !important;
opacity: 1 !important;
}

/* 图片和视频使用相同的画面区域 */
#how-mine-ventilation-works #bf-mine-media-v3 .bfmm-frame {
display: block;
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
min-height: 200px;
margin: 0;
padding: 0;
overflow: hidden;
background: #fff;
}

#how-mine-ventilation-works #bf-mine-media-v3 #bfmm-player {
background: #000;
}

/* 原图与现成 iframe 填满各自画面区域 */
#how-mine-ventilation-works #bf-mine-media-v3 .bfmm-frame > img,
#how-mine-ventilation-works #bf-mine-media-v3 .bfmm-frame > iframe {
display: block !important;
position: absolute !important;
inset: 0;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0;
object-fit: contain;
visibility: visible !important;
opacity: 1 !important;
}

/* ===== 图片说明与视频说明 ===== */
#how-mine-ventilation-works #bf-mine-media-v3 .bfmm-caption {
display: block;
/**min-height: 62px;**/
margin: 0 !important;
padding: 10px 14px !important;
background: #fff;
color: #626a78;
font-family: inherit;
font-size: 12px !important;
font-weight: 400;
line-height: 1.65 !important;
text-align: start;
}

#how-mine-ventilation-works #bf-mine-media-v3 a {
color: #02185a;
text-decoration: underline;
}

/* 隐藏规则必须保留，避免两个面板同时显示 */
#how-mine-ventilation-works #bf-mine-media-v3 [hidden] {
display: none !important;
}

/* 小屏仅调整按钮栏，不修改原文章布局 */
@media (max-width: 480px) {
#how-mine-ventilation-works #bf-mine-media-v3 .bfmm-tabs {
    gap: 0;
    padding-inline: 6px;
}
}

/* 打印时显示示意图，不显示播放器 */
@media print {
#how-mine-ventilation-works #bf-mine-media-v3 .bfmm-tabs,
#how-mine-ventilation-works #bf-mine-media-v3 #bfmm-video {
    display: none !important;
}

#how-mine-ventilation-works #bf-mine-media-v3 #bfmm-diagram {
    display: block !important;
}
}

/* 仅缩小图片下方的 Figure 图注 */
#how-mine-ventilation-works #bf-mine-media-v3 #bfmm-diagram .bfmm-caption,
#how-mine-ventilation-works #bf-mine-media-v3 #bfmm-diagram .bfmm-caption * {
font-size: 10.5px !important;
line-height: 1.5 !important;
}

/* 视频下方整块说明区域整体缩小 */
#how-mine-ventilation-works #bf-mine-media-v3 #bfmm-video .bfmm-caption {
min-height: 0 !important;
margin: 0 !important;
padding: 10px 14px !important;

font-size: 10.5px !important;
line-height: 1.45 !important;

color: #6b7280 !important;
}

/* 链接跟随整体字号 */
#how-mine-ventilation-works #bf-mine-media-v3 #bfmm-video .bfmm-caption a {
font-size: inherit !important;
line-height: inherit !important;
}