/* show-4 详情：左右交替图文块 + 结论条 + 墨黑 CTA */
.s4-art { padding: 24px 0 40px; }
.s4-head h1 { font-size: 2.1rem; line-height: 1.4; margin-bottom: 10px; max-width: 820px; }
.s4-meta { font-size: .85rem; color: var(--bamboo); margin-bottom: 30px; }
.s4-block { display: grid; grid-template-columns: 1.1fr 1fr; gap: 36px; align-items: center; padding: 26px 0; border-bottom: 1px solid var(--line); }
.s4-block img { width: 100%; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.s4-block h2 { font-size: 1.35rem; margin-bottom: 10px; }
.s4-flip { direction: rtl; }
.s4-flip > * { direction: ltr; }
.s4-concl { margin-top: 30px; font-family: var(--font-title); font-size: 1.15rem; color: var(--ink); padding: 20px 26px; background: var(--bamboo-mist); border-radius: var(--radius); }
.s4-rel { background: var(--paper); border-top: 1px solid var(--line); }
.rel-card { padding: 18px; }
.rel-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: var(--radius); margin-bottom: 12px; }
.rel-card h3 { font-size: 1rem; line-height: 1.5; margin-bottom: 6px; color: var(--ink); }
.rel-card:hover h3 { color: var(--bamboo); }
.rel-card time { font-size: .78rem; color: var(--ink-soft); }
.s4-cta { background: var(--ink); padding: 72px 0; text-align: center; }
.s4-cta h2 { color: #fff; margin-bottom: 10px; }
.s4-cta p { color: rgba(246,242,233,.75); margin-bottom: 22px; }
@media (max-width: 800px) { .s4-block { grid-template-columns: 1fr; } .s4-flip { direction: ltr; } }