/* show-3 详情：引言头图 + 编号步骤流 + 提示框 + 纸白线框 CTA */
.s3-art { padding: 24px 0 40px; }
.s3-head h1 { font-size: 2.1rem; line-height: 1.4; margin-bottom: 10px; max-width: 820px; }
.s3-meta { font-size: .85rem; color: var(--bamboo); margin-bottom: 26px; }
.s3-intro { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: center; margin-bottom: 36px; }
.s3-intro img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); width: 100%; }
.s3-intro p { font-size: 1.05rem; line-height: 2; }
.s3-steps { max-width: 860px; }
.s3-tip { margin-top: 30px; background: var(--bamboo-mist); border-left: 4px solid var(--bamboo); border-radius: 0 var(--radius) var(--radius) 0; padding: 22px 28px; }
.s3-tip p { margin: 0; }
.s3-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); }
.s3-cta { padding: 64px 0; }
.s3-cta-inner { border: 1px solid var(--line); background: var(--paper); border-radius: var(--radius-lg); padding: 48px 32px; text-align: center; }
.s3-cta-inner h2 { margin-bottom: 10px; }
.s3-cta-inner p { margin-bottom: 22px; }
@media (max-width: 800px) { .s3-intro { grid-template-columns: 1fr; } }