.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);}

/* ==========================================================================
   博达后台编辑器-图片对齐排版控制权完美恢复补丁
   ========================================================================== */

/* 1. 核心修复：把图片的 block 属性降级为 inline-block */
/* 这样图片既能保持行内元素的灵活对齐（响应 text-align），又能设定宽高 */
.boda-page-content .detail-body  img {
    display: inline-block !important; 
    max-width: 100% !important;        /* 保持自适应，防止大图撑破网页 */
    height: auto !important;
    vertical-align: middle;}

/* 2. 智能适配：针对管理员在后台点击“居中、左对齐、右对齐”时，编辑器生成的各种行内控制进行完美还原 */

/* 当管理员在后台点击【居中】时：编辑器通常会给外层段落加 text-align: center */
.boda-page-content .detail-body  p[style*="text-align: center"],
.boda-page-content .detail-body  p[style*="text-align:center"],
.boda-page-content .detail-body  div[style*="text-align: center"],
.boda-page-content .detail-body  div[style*="text-align:center"] {
    text-align: center !important;}

/* 当管理员在后台点击【右对齐】或【左对齐】时：编辑器有时会给图片加上 float 属性 */
.boda-page-content .detail-body  img[style*="float: right"],
.boda-page-content .detail-body  img[style*="float:right"] {
    float: right !important;
    margin-left: 15px;}

.boda-page-content .detail-body  img[style*="float: left"],
.boda-page-content .detail-body  img[style*="float:left"] {
    float: left !important;
    margin-right: 15px;}

/* 当图片带有 float 浮动时，强制让父级段落清除浮动，防止页面排版塌陷错乱 */
.boda-page-content .detail-body  p::after,
.boda-page-content .detail-body div::after {
    content: "" !important;
    display: table !important;
    clear: both !important;}