/**
 * 后台 Summernote 与前台富文本正文统一排版（关于我们、新闻详情等）
 * 前台通过 front_head 引入；后台「关于我们详情」在 admin/pages/about.php 中引入。
 */
.about-detail-body,
.news-detail-body,
.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  color: #212529;
  word-wrap: break-word;
}

.about-detail-body p,
.news-detail-body p,
.note-editor.note-frame .note-editing-area .note-editable p,
.note-editor.note-airframe .note-editing-area .note-editable p {
  margin-top: 0;
  margin-bottom: 1rem;
  color: inherit;
  line-height: inherit;
  text-indent: 2em;
}

.about-detail-body p:has(> img:only-child),
.news-detail-body p:has(> img:only-child),
.note-editor.note-frame .note-editing-area .note-editable p:has(> img:only-child) {
  text-indent: 0;
}

.about-detail-body p:last-child,
.news-detail-body p:last-child,
.note-editor.note-frame .note-editing-area .note-editable p:last-child,
.note-editor.note-airframe .note-editing-area .note-editable p:last-child {
  margin-bottom: 0;
}

/* 正文里常见「小标题」：段首加粗（如「高活性…：」），并非 h2 — 与后台一致 */
.about-detail-body p > strong:first-child,
.about-detail-body p > b:first-child,
.news-detail-body p > strong:first-child,
.news-detail-body p > b:first-child,
.note-editor.note-frame .note-editing-area .note-editable p > strong:first-child,
.note-editor.note-frame .note-editing-area .note-editable p > b:first-child {
  font-size: 1.12rem;
  font-weight: 600;
  color: #13877f;
  letter-spacing: 0.02em;
}

.about-detail-body p > span:first-child strong,
.about-detail-body p > span:first-child b,
.news-detail-body p > span:first-child strong,
.news-detail-body p > span:first-child b,
.note-editor.note-frame .note-editing-area .note-editable p > span:first-child strong,
.note-editor.note-frame .note-editing-area .note-editable p > span:first-child b {
  font-size: 1.12rem;
  font-weight: 600;
  color: #13877f;
}

.about-detail-body p + p:has(> strong:first-child),
.about-detail-body p + p:has(> b:first-child),
.about-detail-body p + p:has(> span:first-child),
.news-detail-body p + p:has(> strong:first-child),
.news-detail-body p + p:has(> b:first-child),
.news-detail-body p + p:has(> span:first-child),
.note-editor.note-frame .note-editing-area .note-editable p + p:has(> strong:first-child),
.note-editor.note-frame .note-editing-area .note-editable p + p:has(> b:first-child),
.note-editor.note-frame .note-editing-area .note-editable p + p:has(> span:first-child) {
  margin-top: 1.35rem;
}

.about-detail-body h1,
.about-detail-body h2,
.about-detail-body h3,
.about-detail-body h4,
.about-detail-body h5,
.about-detail-body h6,
.news-detail-body h1,
.news-detail-body h2,
.news-detail-body h3,
.news-detail-body h4,
.news-detail-body h5,
.news-detail-body h6,
.note-editor.note-frame .note-editing-area .note-editable h1,
.note-editor.note-frame .note-editing-area .note-editable h2,
.note-editor.note-frame .note-editing-area .note-editable h3,
.note-editor.note-frame .note-editing-area .note-editable h4,
.note-editor.note-frame .note-editing-area .note-editable h5,
.note-editor.note-frame .note-editing-area .note-editable h6 {
  margin-top: 1.25rem;
  margin-bottom: 0.6rem;
  font-weight: 600;
  line-height: 1.35;
  color: #1a1a1a;
}

.about-detail-body h1,
.news-detail-body h1,
.note-editor.note-frame .note-editing-area .note-editable h1 {
  font-size: 1.85rem;
}
.about-detail-body h2,
.news-detail-body h2,
.note-editor.note-frame .note-editing-area .note-editable h2 {
  font-size: 1.6rem;
  color: #13877f;
  text-indent: 0 !important;
  line-height: 1.4 !important;
  margin-bottom: 1rem !important;
}
.about-detail-body h2:first-of-type,
.news-detail-body h2:first-of-type,
.note-editor.note-frame .note-editing-area .note-editable h2:first-of-type {
  margin-top: 0 !important;
}

.about-detail-body h2 *,
.news-detail-body h2 *,
.note-editor.note-frame .note-editing-area .note-editable h2 * {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}

.about-detail-body h3,
.news-detail-body h3,
.note-editor.note-frame .note-editing-area .note-editable h3 {
  font-size: 1.35rem;
  color: #17a69f;
}
.about-detail-body h4,
.news-detail-body h4,
.note-editor.note-frame .note-editing-area .note-editable h4 {
  font-size: 1.2rem;
  color: #333;
}
.about-detail-body h5,
.about-detail-body h6,
.news-detail-body h5,
.news-detail-body h6,
.note-editor.note-frame .note-editing-area .note-editable h5,
.note-editor.note-frame .note-editing-area .note-editable h6 {
  font-size: 1.05rem;
  color: #444;
}

/* Word/编辑器整段着色：<font> 转成 span[style*="color:…"] 后，内层 b/span 残留 color 会盖住外层；强制随父级文本色（避免误匹配 background-color，只用 color:# / rgb / rgba） */
.about-detail-body h5 span[style*="color:#"] *,
.about-detail-body h5 span[style*="color: #"] *,
.about-detail-body h5 span[style*="color:rgb"] *,
.about-detail-body h5 span[style*="color: rgb"] *,
.about-detail-body h5 span[style*="color:rgba"] *,
.about-detail-body h5 span[style*="color: rgba"] *,
.note-editor.note-frame .note-editing-area .note-editable h5 span[style*="color:#"] *,
.note-editor.note-frame .note-editing-area .note-editable h5 span[style*="color: #"] *,
.note-editor.note-frame .note-editing-area .note-editable h5 span[style*="color:rgb"] *,
.note-editor.note-frame .note-editing-area .note-editable h5 span[style*="color: rgb"] *,
.note-editor.note-frame .note-editing-area .note-editable h5 span[style*="color:rgba"] *,
.note-editor.note-frame .note-editing-area .note-editable h5 span[style*="color: rgba"] * {
  color: inherit !important;
}

.about-detail-body h1:first-child,
.about-detail-body h2:first-child,
.about-detail-body h3:first-child,
.news-detail-body h1:first-child,
.news-detail-body h2:first-child,
.news-detail-body h3:first-child,
.note-editor.note-frame .note-editing-area .note-editable h1:first-child,
.note-editor.note-frame .note-editing-area .note-editable h2:first-child,
.note-editor.note-frame .note-editing-area .note-editable h3:first-child {
  margin-top: 0;
}

.about-detail-body ul,
.about-detail-body ol,
.news-detail-body ul,
.news-detail-body ol,
.note-editor.note-frame .note-editing-area .note-editable ul,
.note-editor.note-frame .note-editing-area .note-editable ol {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 2em;
}

.about-detail-body blockquote,
.news-detail-body blockquote,
.note-editor.note-frame .note-editing-area .note-editable blockquote {
  margin: 0 0 1rem;
  padding: 0.5rem 1rem;
  border-left: 4px solid rgba(23, 166, 159, 0.45);
  color: #555;
  background: rgba(23, 166, 159, 0.06);
}

/* 编辑器「高亮」常用 mark；span 背景色保留内联 style，勿覆盖 */
.about-detail-body mark,
.news-detail-body mark,
.note-editor.note-frame .note-editing-area .note-editable mark {
  background-color: #fcf8e3;
  padding: 0.1em 0.2em;
}

.about-detail-body a,
.news-detail-body a,
.note-editor.note-frame .note-editing-area .note-editable a {
  color: #17a69f;
  text-decoration: underline;
}

.about-detail-body table,
.news-detail-body table,
.note-editor.note-frame .note-editing-area .note-editable table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
}

.about-detail-body table td,
.about-detail-body table th,
.news-detail-body table td,
.news-detail-body table th,
.note-editor.note-frame .note-editing-area .note-editable table td,
.note-editor.note-frame .note-editing-area .note-editable table th {
  border: 1px solid #dee2e6;
  padding: 0.5rem 0.75rem;
}

.news-detail-body img,
.product-detail-rich img {
  max-width: 100%;
  height: auto;
}

.second-page .second-about.about-detail-body {
  padding-top: 8px;
  padding-bottom: 40px;
}

/* 关于我们：详情图与正文同宽（page-container 内 100%） */
.about-detail-body img,
.second-page .second-about.about-detail-body img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 1.25rem 0;
  box-sizing: border-box;
}

.about-detail-body p:has(> img),
.second-page .second-about.about-detail-body p:has(> img) {
  text-indent: 0;
  padding-left: 0;
  padding-right: 0;
}