/* ========== 文章详情页 - 内容排版样式 ========== */

/* 标题区 */
.comm_view .comm_title{ border-bottom: 1px solid #e8e8e8; padding-bottom: 24px; margin-bottom: 28px; }
.comm_view .comm_title h2{ font-size: 30px; font-weight: 700; color: #1a1a1a; text-align: center; line-height: 1.4; padding: 12px 0 18px; margin: 0; letter-spacing: 0.5px; }
.comm_view .comm_title .comm_meta{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 22px; }
.comm_view .comm_title .meta-item{ display: inline-flex; align-items: center; font-size: 14px; color: #888; }
.comm_view .comm_title .meta-item i{ color: #015FC9; margin-right: 5px; font-size: 15px; }
.comm_view .comm_title .meta-source{ color: #015FC9; font-weight: 500; }
.comm_view .comm_title .meta-source i{ color: #015FC9; }
/* 兼容旧版 h4 信息行 */
.comm_view .comm_title h4{ width: 90%; margin: 0 auto; text-align: center; line-height: 2em; opacity: 0.7; font-size: 0.85em; }
.comm_view .comm_title h4 span.info{ margin: 0 12px; }

/* 正文容器 */
.comm_content{ padding: 20px 0 0; min-height: 200px; }
.comm_view .woo-editor-content{ font-size: 16px; line-height: 1.85; color: #333; word-break: break-word; }

/* 段落 */
.comm_view .woo-editor-content p{ margin: 0 0 1.2em; line-height: 1.85; text-align: justify; }

/* 标题层级 */
.comm_view .woo-editor-content h1,
.comm_view .woo-editor-content h2,
.comm_view .woo-editor-content h3,
.comm_view .woo-editor-content h4,
.comm_view .woo-editor-content h5,
.comm_view .woo-editor-content h6{ font-weight: 700; color: #1a1a1a; line-height: 1.4; margin: 1.6em 0 0.8em; }
.comm_view .woo-editor-content h1{ font-size: 24px; border-bottom: 2px solid #015FC9; padding-bottom: 8px; }
.comm_view .woo-editor-content h2{ font-size: 21px; border-left: 4px solid #015FC9; padding-left: 12px; }
.comm_view .woo-editor-content h3{ font-size: 18px; }
.comm_view .woo-editor-content h4{ font-size: 16px; }
.comm_view .woo-editor-content h5{ font-size: 15px; }
.comm_view .woo-editor-content h6{ font-size: 14px; color: #666; }

/* 列表 */
.comm_view .woo-editor-content ul,
.comm_view .woo-editor-content ol{ margin: 0 0 1.2em; padding-left: 2em; }
.comm_view .woo-editor-content ul li,
.comm_view .woo-editor-content ol li{ margin-bottom: 0.5em; line-height: 1.85; }
.comm_view .woo-editor-content ul{ list-style: disc; }
.comm_view .woo-editor-content ol{ list-style: decimal; }

/* 链接 */
.comm_view .woo-editor-content a{ color: #015FC9; text-decoration: none; border-bottom: 1px solid rgba(1,95,201,0.3); }
.comm_view .woo-editor-content a:hover{ color: #014a9e; border-bottom-color: #014a9e; }

/* 图片 */
.comm_view .woo-editor-content img{ max-width: 100%; height: auto; display: block; margin: 1.2em auto; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }

/* 行内代码 */
.comm_view .woo-editor-content code{ font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.875em; background: #f5f7fa; color: #e74c3c; padding: 2px 6px; border-radius: 3px; }

/* 代码块 */
.comm_view .woo-editor-content pre{ background: #2d2d2d; color: #f8f8f2; padding: 16px 20px; border-radius: 6px; overflow-x: auto; margin: 1.2em 0; line-height: 1.6; }
.comm_view .woo-editor-content pre code{ background: transparent; color: inherit; padding: 0; font-size: 14px; border-radius: 0; }

/* 引用块 */
.comm_view .woo-editor-content blockquote{ margin: 1.2em 0; padding: 12px 18px; background: #f6f8fa; border-left: 4px solid #015FC9; color: #555; border-radius: 0 4px 4px 0; }
.comm_view .woo-editor-content blockquote p{ margin-bottom: 0.5em; }
.comm_view .woo-editor-content blockquote p:last-child{ margin-bottom: 0; }

/* 表格 */
.comm_view .woo-editor-content table{ width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 14px; }
.comm_view .woo-editor-content table th,
.comm_view .woo-editor-content table td{ border: 1px solid #e0e0e0; padding: 10px 14px; text-align: left; }
.comm_view .woo-editor-content table th{ background: #f5f7fa; font-weight: 600; color: #1a1a1a; }
.comm_view .woo-editor-content table tr:nth-child(even){ background: #fafbfc; }

/* 水平线 */
.comm_view .woo-editor-content hr{ border: none; border-top: 1px solid #e0e0e0; margin: 2em 0; }

/* 强调 */
.comm_view .woo-editor-content strong{ font-weight: 700; color: #1a1a1a; }
.comm_view .woo-editor-content em{ font-style: italic; }

/* 操作按钮区 */
.comm_actions{ margin-top: 30px; text-align: center; padding-top: 20px; border-top: 1px solid #f0f0f0; }

/* 上下篇 */
.comm_neighbor{ padding: 18px 0; border-top: 1px solid #f0f0f0; margin-top: 30px; font-size: 14px; }
.comm_neighbor div.prev,
.comm_neighbor div.next{ line-height: 1.8; }
.comm_neighbor a{ color: #015FC9; }

/* ========== 响应式 ========== */
@media screen and (max-width: 768px) {
    .comm_view .comm_title h2{ font-size: 22px; }
    .comm_view .comm_title .comm_meta{ gap: 6px 14px; }
    .comm_view .comm_title .meta-item{ font-size: 12px; }
    .comm_view .woo-editor-content{ font-size: 15px; line-height: 1.8; }
    .comm_view .woo-editor-content h1{ font-size: 20px; }
    .comm_view .woo-editor-content h2{ font-size: 18px; }
    .comm_view .woo-editor-content h3{ font-size: 16px; }
    .comm_view .woo-editor-content pre{ padding: 12px 14px; font-size: 13px; }
}