/* ============================================================
   footerHtml.css — 页脚静态页 (about/contact/privacy/etc.)
   ============================================================ */

.footerHtml,
.footerHtmlWrap {
  max-width: 800px;
  margin: 0 auto;
  padding: 32px 20px 60px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--text-secondary);
}

/* Breadcrumb */
.breadcrumb {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: 4px; font-size: 13px; margin-bottom: 24px; color: var(--text-muted);
}
.breadcrumb-link { color: var(--text-secondary); transition: color var(--transition); }
.breadcrumb-link:hover { color: var(--primary); }
.breadcrumb-sep { color: var(--text-muted); }
.breadcrumb-current { color: var(--text); font-weight: 500; }

/* Rich content from StrToHtml */
.footerHtml h1, .footerHtmlWrap h1 {
  font-family: var(--font-title);
  font-size: 28px; font-weight: 800; color: var(--text);
  margin-bottom: 24px; padding-bottom: 16px;
  border-bottom: 2px solid var(--border);
}
.footerHtml h2, .footerHtmlWrap h2 {
  font-family: var(--font-title);
  font-size: 20px; font-weight: 700; color: var(--text);
  margin: 28px 0 12px;
}
.footerHtml h3, .footerHtmlWrap h3 {
  font-size: 17px; font-weight: 700; color: var(--text);
  margin: 20px 0 8px;
}
.footerHtml p, .footerHtmlWrap p { margin-bottom: 14px; }
.footerHtml a, .footerHtmlWrap a { color: var(--primary); text-decoration: underline; }
.footerHtml ul, .footerHtml ol,
.footerHtmlWrap ul, .footerHtmlWrap ol { padding-left: 24px; margin-bottom: 14px; }
.footerHtml li, .footerHtmlWrap li { margin-bottom: 6px; }

@media (max-width: 767px) {
  .footerHtml, .footerHtmlWrap { padding: 20px 14px 40px; }
  .footerHtml h1, .footerHtmlWrap h1 { font-size: 22px; }
}