/* ==========================================================================
   后台粘贴内容（旧站表格版式）适配
   目的：1) 消除固定宽度造成的左右不齐/右侧空缺  2) 图片不再撑破单元格
        3) 移动端不横向溢出
   仅作用于文章正文 .yn-article-body，不影响其它页面
   ========================================================================== */

/* ---------- 1. 图片 ---------- */
/* 关键：border-box，padding/border 不再额外增加宽度（原来把单元格撑宽 8px） */
.yn-article-body img {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
}
/* 表格内的图标/装饰图：去掉正文图片默认的白底+描边，还原原站无边框效果 */
.yn-article-body table img,
.yn-article-body td img,
.yn-article-body th img {
    padding: 0;
    border: 0;
    background: transparent;
}

/* ---------- 2. 表格：流式铺满正文宽度 ---------- */
.yn-article-body table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.yn-article-body td,
.yn-article-body th {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ---------- 3. 移动端 ---------- */
@media (max-width: 768px) {
    /* 单元格内边距收窄，给内容腾出宽度（旧站很多 td 用了 10px 以上内边距） */
    .yn-article-body table td,
    .yn-article-body table th {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    /* 旧版表格正文多为 14px，小屏再压一档避免频繁折行 */
    .yn-article-body table td,
    .yn-article-body table th,
    .yn-article-body table span,
    .yn-article-body table font,
    .yn-article-body table div {
        font-size: 13px !important;
        line-height: 1.7 !important;
    }
    /* 表格内图片不再额外留边 */
    .yn-article-body table img { padding: 0; border: 0; }
}

@media (max-width: 420px) {
    .yn-article-body table td,
    .yn-article-body table th,
    .yn-article-body table span,
    .yn-article-body table font,
    .yn-article-body table div {
        font-size: 12px !important;
    }
}