/* 确保所有图片和表格在移动端不会溢出 */
#post_detail img,
#post_detail table {
    max-width: 100%;
    height: auto;
}

/* 解决主内容区域在移动端可能出现横向滚动条的问题 */
#main {
    min-width: 0px !important;
}

/* 针对移动设备（屏幕宽度小于768px）的特定样式 */
@media screen and (max-width: 768px) {
    /* 可以在这里调整字体大小、边距等 */
    body {
        font-size: 14px;
    }
    /* 如果遇到日期等元素重叠，可以调整或隐藏 */
    .dayTitle {
        float: none !important;
        text-align: center;
    }
}