/**
 * 文章内容页样式（Single）
 * 内容区域：白色背景，最大宽度 1200px
 * 对应模板：single.php
 * 文件修改时间：2026-09-11
 */

.cen-single {
    padding: 60px 0;
}

.cen-single__article {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 40px;
    background: #fff;
}

/* 标题 */
.cen-single__title {
    margin: 0 0 16px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    color: #111827;
}

/* 日期 / 作者（复用新闻列表 meta 样式） */
.cen-single__meta {
    margin-bottom: 24px;
}

/* 特色图 */
.cen-single__thumbnail {
    margin-bottom: 32px;
}

.cen-single__thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}

/* 正文 */
.cen-single__content {
    font-size: 16px;
    line-height: 1.8;
    color: #374151;
    overflow-wrap: break-word;
}

.cen-single__content > *:first-child {
    margin-top: 0;
}

.cen-single__content > *:last-child {
    margin-bottom: 0;
}

.cen-single__content img {
    max-width: 100%;
    height: auto;
}

.cen-single__content a {
    color: #f97316;
}

.cen-single__content h2,
.cen-single__content h3,
.cen-single__content h4 {
    color: #111827;
    line-height: 1.4;
}

.cen-single__content blockquote {
    margin: 24px 0;
    padding: 12px 20px;
    border-left: 4px solid #f97316;
    background: #f9fafb;
    color: #6b7280;
}

.cen-single__content pre {
    overflow-x: auto;
    padding: 16px;
    background: #f3f4f6;
    border-radius: 4px;
}

/* ========== 文章内联系表单（标题/表单左对齐） ========== */
/* mpform 默认给 .mpform-wrap 设置了 max-width:640px + margin:0 auto，
   在文章白卡（最大 1200px）中会显得居中，这里改为靠左对齐。 */
.cen-single__article .mpform-wrap {
    margin-left: 0;
    margin-right: auto;
}

/* ========== 响应式 ========== */
@media (max-width: 991px) {
    .cen-single__article {
        padding: 32px 24px;
    }
}

@media (max-width: 575px) {
    .cen-single {
        padding: 40px 0;
    }

    .cen-single__article {
        padding: 24px 16px;
    }

    .cen-single__title {
        font-size: 22px;
    }
}