@charset "UTF-8";

/* ===== 文章详情排版 ===== */
.article-header { text-align: center; margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid #e0e0e0; }
.article-header h1 { font-size: 26px; color: #1A2B4A; margin-bottom: 15px; line-height: 1.4; }
.article-meta { font-size: 13px; color: #999; }
.article-meta span { margin: 0 10px; }
.article-meta .author { color: #C9A96E; }

.article-body { font-size: 15px; line-height: 1.9; color: #333; }
.article-body h2 { font-size: 21px; color: #1A2B4A; margin: 35px 0 18px; padding-bottom: 10px; border-bottom: 2px solid #C9A96E; }
.article-body h3 { font-size: 17px; color: #1A2B4A; margin: 28px 0 14px; }
.article-body p { margin-bottom: 18px; text-align: justify; }
.article-body ul, .article-body ol { margin: 18px 0; padding-left: 28px; }
.article-body ul li { list-style: disc; margin-bottom: 10px; line-height: 1.8; }
.article-body ol li { list-style: decimal; margin-bottom: 10px; line-height: 1.8; }
.article-body a { color: #C9A96E; text-decoration: underline; }
.article-body a:hover { color: #1A2B4A; }
.article-body strong { color: #1A2B4A; font-weight: 600; }
.article-body blockquote { border-left: 4px solid #C9A96E; padding: 18px 22px; background: #F0F2F5; margin: 25px 0; font-style: italic; color: #555; border-radius: 0 6px 6px 0; }
.article-body table { margin: 25px 0; width: 100%; border: 1px solid #D0D5DD; font-size: 14px; }
.article-body th { background: #1A2B4A; color: #fff; padding: 12px 15px; text-align: left; font-weight: 500; }
.article-body td { padding: 11px 15px; border-bottom: 1px solid #e8e8e8; }
.article-body tr:nth-child(even) { background: #f8f9fa; }
.article-body code { background: #f0f0f0; padding: 2px 8px; border-radius: 3px; font-size: 14px; color: #c7254e; }
.article-body pre { background: #1A2B4A; color: #fff; padding: 20px; border-radius: 6px; overflow-x: auto; margin: 25px 0; font-size: 14px; line-height: 1.6; }

.article-footer { margin-top: 40px; padding-top: 25px; border-top: 1px solid #e0e0e0; }
.article-tags { margin-bottom: 20px; }
.article-tags span { font-size: 13px; color: #666; margin-right: 8px; }
.article-tags a { display: inline-block; padding: 5px 12px; margin: 3px; background: #F0F2F5; border-radius: 15px; font-size: 13px; color: #333; }
.article-tags a:hover { background: #1A2B4A; color: #fff; }

/* ===== 响应式 ===== */
@media (max-width: 768px) {
  .article-header h1 { font-size: 21px; }
  .article-body { font-size: 14px; }
  .article-body h2 { font-size: 18px; }
  .article-body h3 { font-size: 15px; }
}