/* 静态预渲染补充样式：保持现有视觉，并确保移动端不裁剪正文。 */
.site-header { min-height: 0; }
.footer-col .footer-heading { color: #fff; font-size: 15px; margin-bottom: 16px; }
.card-link { color: inherit; display: block; height: 100%; text-decoration: none; }
.case-card .card-link { height: 100%; }
.hero-slide h2 { font-size: clamp(34px, 5vw, 58px); line-height: 1.15; margin: 0 0 20px; }
.article-title a { color: inherit; }
.article-placeholder { align-items: center; color: var(--text-muted); display: flex; font-size: 48px; justify-content: center; }
.back-link { color: var(--text-muted); font-size: 14px; }
details.faq-item { background: #fff; padding: 0 20px; }
details.faq-item > summary { cursor: pointer; font-size: 16px; font-weight: 700; list-style-position: outside; padding: 18px 0; }
details.faq-item > div { color: var(--text-muted); line-height: 1.8; padding: 0 0 18px; }
#designFaqList { display: grid; gap: 12px; }
.service-rich { grid-column: 1 / -1; }
.case-card { display: block; }
.case-card .case-cover { margin: 0; }
.case-summary,
.article-summary,
.related-title { -webkit-box-orient: initial; -webkit-line-clamp: unset; display: block; overflow: visible; text-overflow: clip; }
.article-card h2 { margin: 0 0 8px; }
.sidebar-card h3,
.feature-card h3,
.scene-card h3,
.advantage-card h3,
.step-content h3 { font-size: inherit; font-weight: 700; margin-bottom: 8px; }
.article-card .article-body { font-size: inherit; line-height: inherit; }
.scene-card > .scene-img { flex: 0 0 auto; }

@media (max-width: 640px) {
  .hero-slide h2 { font-size: 34px; }
  .rich-content,
  .article-body,
  .case-rich,
  .case-summary,
  .article-summary { max-height: none !important; overflow: visible !important; }
}