@charset "utf-8";
/* ==========================================================================
   custom.css — Consus BioGrow 字体 / 排版修正
   2026-08-13 建。必须在所有其它样式表之后加载（各页 </head> 前最后一行）。
   备份：~/backup-20260813/jnd-files.tgz
   ========================================================================== */

/* --- 1. 字体 -------------------------------------------------------------
   原主题 html{font-family:"BrownLLWebPan",...} 无 @font-face、无字体文件，
   一直静默回落到 Arial。改为可落地的系统字体栈，零请求、零闪烁。          */
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", "PingFang SC",
               "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- 2. 正文可读性（原色 #5f504d 偏红，行高 1.5 偏紧） ------------------ */
body          { color: #4a4a4a; }
.menu--main a { color: #4a4a4a; }

/* --- 3. 页面主标题：原被 .about 压成 font-weight:normal，比下级标题还轻 - */
.about .cards-container--title {
  font-weight: 600;
  color: #1f2d2d;
  letter-spacing: -.01em;
  position: relative;
  padding-bottom: .75rem;
  margin-bottom: 2.25rem;
}
.about .cards-container--title::after {   /* 品牌青色短下划线，撑住大标题 */
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 56px; height: 3px;
  background: #009494;
}

/* --- 4. 富文本正文容器（about.php 的 .rich-text） ----------------------- */
.rich-text          { font-size: 1rem; line-height: 1.75; }
.rich-text p        { margin: 0 0 1.15rem; }
.rich-text > :first-child { margin-top: 0; }
.rich-text h1,
.rich-text h2       { font-size: 1.5rem; font-weight: 700; color: #1f2d2d;
                      line-height: 1.35; margin: 2.75rem 0 1rem; }
.rich-text h3       { font-size: 1.0625rem; font-weight: 700; color: #1f2d2d;
                      line-height: 1.4; margin: 1.75rem 0 .5rem;
                      padding-left: .75rem; border-left: 3px solid #009494; }
.rich-text strong,
.rich-text b        { color: #1f2d2d; font-weight: 700; }
.rich-text a        { color: #009494; text-decoration: underline;
                      text-underline-offset: 2px; }
.rich-text a:hover  { color: #004a4a; }
.rich-text ul       { margin: 0 0 1.15rem; padding-left: 1.25rem; list-style: disc; }
.rich-text li       { margin-bottom: .4rem; line-height: 1.75; }
.rich-text img      { max-width: 100%; height: auto; border-radius: 8px; }

/* 结尾联系方式单独成块 */
.rich-text .contact-note {
  margin-top: 2rem;
  padding: 1rem 1.25rem;
  background: #f4f8f8;
  border-left: 3px solid #009494;
  border-radius: 0 6px 6px 0;
  font-size: .9375rem;
}

/* --- 5. 中和 KindEditor / Word 粘贴残留（保险层，防以后再粘） ----------- */
.rich-text [style*="background-color"] { background: none !important; }
.rich-text [class^="Mso"]              { margin: 0 0 1.15rem; }
.rich-text font                        { font-size: inherit !important; }

/* --- 6. about 两栏是 float 且未清浮动，会和下面的装饰条打架 ------------- */
.about .cards-container--content::after { content: ""; display: block; clear: both; }
.about.cards-container .card:nth-child(2) img { border-radius: 12px; }

/* --- 7. 移动端 ---------------------------------------------------------- */
@media (max-width: 767px) {
  .about .cards-container--title { margin-bottom: 1.5rem; padding-bottom: .5rem; }
  .about .cards-container--title::after { left: 50%; transform: translateX(-50%); }
  .rich-text h1, .rich-text h2 { font-size: 1.25rem; margin: 2rem 0 .75rem; }
  .about.cards-container .card:nth-child(1),
  .about.cards-container .card:nth-child(2) { width: 100%; float: none; }
}
