.article-detail-header { padding: 26px 0 18px; text-align: center; border-bottom: 1px dashed #e5ebf1; }
.article-detail-header h2 { margin: 0 0 13px; color: #1a4373; font-size: 23px; font-weight: 500; line-height: 1.6; overflow-wrap: anywhere; }
.article-detail-meta { color: #95a2af; font-size: 12px; line-height: 1.8; }
.article-detail-body { min-height: 0; padding: 25px 0 12px; font-size: 14px; line-height: 2.15; }
.article-detail-body p { margin-bottom: 22px; }
.article-adjacent { display: grid; gap: 12px; border-top: 1px solid #e5ebf1; padding: 20px 0 12px; font-size: 14px; line-height: 1.8; }
.article-adjacent > div { display: flex; align-items: baseline; gap: 14px; min-width: 0; }
.article-adjacent > div > span:first-child { flex: 0 0 auto; color: #95a2af; }
.article-adjacent a, .article-adjacent > div > span:last-child { display: block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #40556c; }
.article-adjacent a:hover { color: #2467a7; }
.article-back { text-align: right; margin-top: 10px; font-size: 13px; }
.article-back a { color: #8291a1; }
.article-back i { margin-left: 3px; font-size: 12px; }
@media(max-width:760px) { .article-detail-header { padding-top: 20px; } .article-detail-header h2 { font-size: 20px; } }