/* ==========================================================================
   show-1.css —— 详情页 1（改版五问）私有样式
   左正文右联系侧栏 + 文中配图 + 三卡相关阅读 + 米白深底 CTA
   ========================================================================== */

.d1-article { padding: 24px 0 40px; }
.d1-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
  align-items: start;
}
.d1-head { margin-bottom: 26px; }
.d1-head h1 { font-size: 2.1rem; line-height: 1.4; margin-bottom: 10px; }
.d1-meta { font-size: .85rem; color: var(--bamboo); }

.d1-body {
  font-size: 1.02rem;
  line-height: 2;
  color: var(--ink-soft);
}
.d1-body h2 {
  font-size: 1.3rem;
  color: var(--ink);
  margin: 30px 0 12px;
  padding-left: 14px;
  border-left: 4px solid var(--bamboo);
}
.d1-figure { margin: 26px 0; }
.d1-figure img {
  width: 100%;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}
.d1-figure figcaption { padding-top: 10px; text-align: center; }

.d1-side { position: sticky; top: 96px; }
.d1-side-card h3 { margin-bottom: 8px; }
.d1-contact { margin: 14px 0 18px; display: grid; gap: 8px; font-size: .92rem; }
.d1-side-card .btn { width: 100%; }

.d1-rel { background: var(--paper); border-top: 1px solid var(--line); }
.d1-rel-card { padding: 18px; }
.d1-rel-card img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: var(--radius);
  margin-bottom: 12px;
}
.d1-rel-card h3 { font-size: 1rem; line-height: 1.5; margin-bottom: 6px; }
.d1-rel-card h3 { color: var(--ink); }
.d1-rel-card:hover h3 { color: var(--bamboo); }
.d1-rel-card time { font-size: .78rem; color: var(--ink-soft); }

.d1-cta { background: var(--rice-deep); padding: 64px 0; text-align: center; }
.d1-cta-inner h2 { margin-bottom: 10px; }
.d1-cta-inner p { margin-bottom: 22px; }

@media (max-width: 992px) {
  .d1-layout { grid-template-columns: 1fr; }
  .d1-side { position: static; }
}