/* ===== 移动端适配 - 覆盖 content.vsb.css 及内联样式溢出问题 ===== */

/* 让设置了 width 属性的视频尊重其 HTML 属性值 */
video[width] {
    width: attr(width px) !important;
    max-width: 100%;
    height: auto;}
/* 兜底：所有视频不超出容器 */
video {
    max-width: 100% !important;
    height: auto;}

/* 文章内容图片 - 强制不溢出屏幕，并增加上下间隔 */
.m3nEdotr img,
.m3nEdotr .img_vsb_content {
    max-width: 100% !important;
    height: auto !important;
    margin: 6px 0;}

/* 含图片的段落之间也加间距 */
.m3nEdotr p[style*="text-align: center"] {
    margin: 16px 0;}

/* 移动端专用调整 */
@media (max-width: 767px) {
    /* 文章内容区域容器防止子元素溢出 */
    .m3nEdotr {
        overflow: hidden;
        word-wrap: break-word;}
    /* 段落中的图片居中显示时不会有内边距问题 */
    .m3nEdotr p {
        text-indent: 0;
        max-width: 100%;}
    .m3nEdotr p[style*="text-indent"] {
        text-indent: 2em !important;}
    /* 表格在移动端避免溢出 */
    .m3nEdotr table {
        width: 100% !important;
        max-width: 100% !important;
        display: block;
        overflow-x: auto;}
}