.vsbcontent-table-container-outer { position: relative;}
.vsbcontent-table-container
{
    width: 98%;
    overflow-y: auto;
    _overflow: auto;
    margin: 2px;}
.vsbcontent-table-container::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;}
.vsbcontent-table-container::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);}
.vsbcontent-table-container-fade
{
    position: absolute;
    right: 0;
    width: 5px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);}
/* ===== 移动端适配 - 覆盖 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;}
}