/* css/content.css —— 后台生成的文章/案例页排版（主站 style.css 的补充） */

/* ===== 文章 / 案例 详情正文 ===== */
.article-content { max-width: 920px; margin: 0 auto; }
.article-content p { font-size: 16px; line-height: 1.9; color: #444; margin-bottom: 18px; text-align: justify; }
.article-content h2 {
    font-size: 22px; color: #1a5fb4; margin: 32px 0 16px;
    padding-left: 14px; border-left: 4px solid #1a5fb4;
}
.article-content h3 { font-size: 18px; color: #333; margin: 24px 0 12px; }
.article-content ul, .article-content ol { padding-left: 22px; margin-bottom: 18px; list-style: disc; }
.article-content li { font-size: 15px; color: #555; line-height: 1.9; margin-bottom: 6px; }
.article-content strong { color: #1a3a6b; }
.post-meta {
    color: #8aa; font-size: 14px; margin-bottom: 26px;
    padding-bottom: 14px; border-bottom: 1px solid #eef3f8;
}

/* ===== 文章 / 案例 列表页 ===== */
.list-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 22px; }
.post-card {
    background: #fff; border: 1px solid #e8f4fd; border-radius: 14px; padding: 24px;
    transition: transform .3s, box-shadow .3s; display: flex; flex-direction: column;
}
.post-card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(26,95,180,0.1); }
.post-card .pc-cat {
    font-size: 12px; color: #1a5fb4; background: #e8f4fd; padding: 3px 10px;
    border-radius: 20px; align-self: flex-start; margin-bottom: 12px;
}
.post-card h3 { font-size: 18px; color: #222; margin-bottom: 10px; line-height: 1.5; }
.post-card h3 a:hover { color: #1a5fb4; }
.post-card .pc-sum { font-size: 14px; color: #666; line-height: 1.7; flex: 1; }
.post-card .pc-date { font-size: 13px; color: #aaa; margin-top: 14px; }

/* ===== 响应式 ===== */
@media (max-width: 768px) {
    .list-grid { grid-template-columns: 1fr; }
    .article-content { padding: 0 4px; }
}