/* 文章页面专用CSS - 最高优先级 */
/* 使用最具体的选择器来覆盖所有其他样式 */

/* 方法1: 使用属性选择器 */
div[class*="content-wrapper"][class*="post-page"] {
    display: block !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
    position: relative !important;
}

/* 方法2: 使用更具体的选择器 */
html body div.content-wrapper.post-page {
    display: block !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
    position: relative !important;
}

/* 方法3: 使用ID选择器（如果可能） */
#body .container .row .content-wrapper.post-page {
    display: block !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
    position: relative !important;
}

/* 覆盖所有子元素 */
.content-wrapper.post-page * {
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-area: none !important;
    gap: 0 !important;
}

/* 响应式 */
@media (max-width: 768px) {
    div[class*="content-wrapper"][class*="post-page"],
    html body div.content-wrapper.post-page,
    #body .container .row .content-wrapper.post-page {
        padding: 0 0.5rem !important;
    }
}