/* ═══ Article pages (创融洞见) ═══ */
main.article-page { padding-top: 56px; background: var(--bg); }
.article-container { max-width: 820px; }
.crumbs { padding-top: var(--space-8); font-size: var(--text-sm); color: var(--meta); }
.crumbs a { color: var(--muted); text-decoration: none; border-bottom: 1px solid var(--border); transition: color var(--motion-fast) var(--ease-standard); }
.crumbs a:hover { color: var(--bg-dark-2); }
.crumbs .sep { margin: 0 var(--space-2); }
.article-head { padding: var(--space-8) 0 var(--space-6); }
.article-head h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(30px, 4.6vw, 44px); line-height: 1.3; letter-spacing: var(--tracking-display); margin: var(--space-4) 0 var(--space-5); }
.article-lead { font-size: var(--text-lg); color: var(--fg-2); line-height: 1.85; margin: 0; }
.article-cover { margin: 0 0 var(--space-8); border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--border-soft); background: var(--surface); aspect-ratio: 21 / 9; }
.article-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.prose { font-size: var(--text-base); }
.prose h2 { font-family: var(--font-display); font-weight: 600; font-size: var(--text-xl); line-height: 1.4; margin: var(--space-12) 0 var(--space-5); }
.prose h3 { font-size: var(--text-lg); font-weight: 600; margin: var(--space-8) 0 var(--space-4); }
.prose p { line-height: 1.9; margin: 0 0 var(--space-5); color: var(--fg); }
.prose ul, .prose ol { margin: 0 0 var(--space-5); padding-left: 1.5em; }
.prose li { margin-bottom: var(--space-2); line-height: 1.85; }
.prose strong { font-weight: 600; }
.prose table { width: 100%; border-collapse: collapse; margin: var(--space-6) 0; font-size: var(--text-sm); }
.prose th { background: var(--surface); font-weight: 600; text-align: left; }
.prose th, .prose td { border: 1px solid var(--border); padding: 12px 14px; vertical-align: top; line-height: 1.7; }
.prose .table-note { font-size: var(--text-xs); color: var(--meta); margin-top: calc(-1 * var(--space-4)); }
.key-box { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-5) var(--space-6); margin: var(--space-6) 0 var(--space-8); }
.key-box-title { font-weight: 600; color: #1B5E20; margin: 0 0 var(--space-3); }
.key-box ol, .key-box ul { margin-bottom: 0; }
.article-cta { margin: var(--space-12) 0 var(--space-8); background: var(--bg-dark); color: var(--text-on-dark); border-radius: var(--radius-lg); padding: var(--space-8); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); flex-wrap: wrap; }
.article-cta h2 { font-family: var(--font-display); font-size: var(--text-lg); margin: 0 0 var(--space-2); }
.article-cta p { margin: 0; color: var(--text-on-dark-2); font-size: var(--text-sm); }
.article-cta .cta-btn { background: var(--cta); color: var(--accent-on); flex-shrink: 0; }
.article-cta .cta-btn:hover { background: var(--cta-hover); }
.disclaimer { font-size: var(--text-xs); color: var(--meta); line-height: 1.8; border-top: 1px solid var(--border-soft); padding-top: var(--space-5); }
.article-nav { display: flex; justify-content: space-between; gap: var(--space-4); margin: var(--space-8) 0 var(--space-12); }
.anav { flex: 1; max-width: 48%; text-decoration: none; color: var(--fg); border: 1px solid var(--border-soft); border-radius: var(--radius-lg); padding: var(--space-4) var(--space-5); transition: border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard); }
.anav:hover { border-color: var(--border); box-shadow: 0 8px 20px rgba(20,70,34,0.08); }
.anav.next { text-align: right; }
.anav-label { display: block; font-size: var(--text-xs); color: var(--meta); margin-bottom: 4px; }
.anav-title { font-weight: 600; font-size: var(--text-sm); }
@media (max-width: 833px) {
  .article-nav { flex-direction: column; }
  .anav { max-width: 100%; }
  .anav.next { text-align: left; }
  .article-cover { aspect-ratio: 16 / 9; }
}