.article-head { padding: 56px 0 32px; border-bottom: 1px solid var(--line); }
.article-title { font-size: clamp(26px, 3.6vw, 40px); font-weight: 800; line-height: 1.35; letter-spacing: 0.5px; max-width: 820px; }
.article-meta { margin-top: 20px; display: flex; gap: 16px; align-items: center; font-size: 13px; color: var(--ink-3); flex-wrap: wrap; }
.article-body { padding: 44px 0; }
.article-body p { font-size: 16.5px; line-height: 2; margin-bottom: 26px; color: #222; }
.article-body .lead { font-size: 18px; font-weight: 600; color: var(--ink); }
.article-tags { display: flex; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
.article-actions { display: flex; gap: 12px; margin: 40px 0; flex-wrap: wrap; }
.share-note { font-size: 12px; color: var(--ink-3); }
.divider-title { border-top: 1px solid var(--line); padding-top: 36px; }
@media (max-width: 860px) { .article-body p { font-size: 15.5px; } }
.article-actions .btn.solid{
    color: #fff;
}
.article-actions .btn.solid:hover{
    color: var(--ink);
}
.news-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 48px;
    align-items: start;
}
.news-layout aside{
    position: sticky;
    top: 85px;
}
/* 侧栏 */
.side-box { border: 1px solid var(--line); border-radius: var(--radius); padding: 24px;}
.side-box h3 { font-size: 15px; font-weight: 700; letter-spacing: 1px; margin-bottom: 14px; }
.side-rank a { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line-2); font-size: 13.5px; align-items: baseline; }
.side-rank a:last-child { border-bottom: none; }
.side-rank .no { font-family: var(--num); font-size: 12px; color: var(--ink-3); width: 20px; flex-shrink: 0; }
.side-rank a:hover span:last-child { text-decoration: underline; text-underline-offset: 3px; }
.side-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }

@media (max-width: 1024px) {
    .news-layout { grid-template-columns: 1fr; }
    .side-box { position: static; }
}
.news-layout #artBody{padding: 15px 10px 0px 10px;}