@charset "utf-8";
/* 中文站专属排版调整 —— 老胡可以直接改这个文件，改完刷新浏览器即生效，不需要重建站点。
   所有规则用 html[lang="zh-CN"] 限定，只影响中文站，英文站和其余 12 个语种不受影响。
   加载方式：scripts/build_zh.py 给每个 zh 页自动插入 <link>。
*/

/* ---------- 全局中文正文字体栈 ---------- */
html[lang="zh-CN"] body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
               "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC",
               "WenQuanYi Micro Hei", sans-serif;
}

/* =====================================================================
   一、blog 详情页正文（容器 .text-box，样式在 vblog.css）
   原站 .text-box 是 line-height:28px + font-size:17px，
   段落里还有行内 style="line-height:1.5" —— 行内样式优先级最高，
   必须用 !important 才能压过去。
   ===================================================================== */
html[lang="zh-CN"] .text-box {
  font-size: 16.5px;
  line-height: 1.95;
  color: #444;
}

html[lang="zh-CN"] .text-box p {
  line-height: 1.95 !important;      /* 压掉行内 style="line-height:1.5;" */
  margin-bottom: 1.35em !important;  /* 原 10px，段与段几乎贴在一起 */
  text-align: justify;               /* 中文两端对齐，右侧不再锯齿 */
  letter-spacing: 0.02em;
}

html[lang="zh-CN"] .text-box h2,
html[lang="zh-CN"] .text-box h3,
html[lang="zh-CN"] .text-box h4,
html[lang="zh-CN"] .text-box h5 {
  line-height: 1.5 !important;
  margin-top: 1.6em;
  margin-bottom: 0.7em;
  padding-top: 0;
  letter-spacing: 0;
  text-align: left;
}

html[lang="zh-CN"] .text-box h2 { font-size: 22px; }
html[lang="zh-CN"] .text-box h3 { font-size: 20px; }
html[lang="zh-CN"] .text-box h5 { font-size: 18px; margin-bottom: 0.8em; }

html[lang="zh-CN"] .text-box li {
  line-height: 1.9;
  margin-bottom: 0.5em;
}

html[lang="zh-CN"] .text-box ul,
html[lang="zh-CN"] .text-box ol {
  margin-bottom: 1.2em;
  padding-left: 1.6em;
}

/* =====================================================================
   二、新闻详情页正文（容器 .guanxiang-news-read .myart，样式在
       sections/guanxiang_news_read_*/index.css）
   原站 .myart { line-height: 26px } + .myart p { margin: 10px 0 0 0 }
   —— 2026-10-08 老胡反馈「改了没效果」的根因：上次只调了 .text-box，
   新闻页容器没覆盖到。
   注意：新闻正文不是 <p>，是富文本 <div data-offset-key>，
   所以 line-height 要打在 .myart 本体 + 通配子元素上。
   ===================================================================== */
html[lang="zh-CN"] .guanxiang-news-read .myart {
  font-size: 16.5px;
  line-height: 1.95;
  color: #444;
  letter-spacing: 0.02em;
}

html[lang="zh-CN"] .guanxiang-news-read .myart * {
  line-height: 1.95;                 /* 富文本 div 直接继承，不靠 p */
}

html[lang="zh-CN"] .guanxiang-news-read .myart p,
html[lang="zh-CN"] .guanxiang-news-read .myart > div {
  margin: 0 0 1.25em !important;     /* 原站 margin:10px 0 0 0，段距贴死 */
  text-align: justify;
}

html[lang="zh-CN"] .guanxiang-news-read .myart h2,
html[lang="zh-CN"] .guanxiang-news-read .myart h3,
html[lang="zh-CN"] .guanxiang-news-read .myart h4 {
  line-height: 1.5 !important;
  margin: 1.6em 0 0.7em;
  text-align: left;
}

/* 新闻大标题：原站 line-height:1 太挤 */
html[lang="zh-CN"] .guanxiang-news-read .newsnr h1 {
  line-height: 1.5;
}

/* =====================================================================
   三、通用正文区块（关于我们 / 产品详情 / 应用领域等）
   ===================================================================== */
html[lang="zh-CN"] .content,
html[lang="zh-CN"] .nr,
html[lang="zh-CN"] .details,
html[lang="zh-CN"] .about-con,
html[lang="zh-CN"] .product-con {
  line-height: 1.9;
  letter-spacing: 0.02em;
}

html[lang="zh-CN"] .content p,
html[lang="zh-CN"] .nr p,
html[lang="zh-CN"] .details p,
html[lang="zh-CN"] .about-con p,
html[lang="zh-CN"] .product-con p {
  margin-bottom: 1.2em;
  line-height: 1.9;
}

/* ---------- 中英混排：让中英之间不糊在一起 ---------- */
html[lang="zh-CN"] .text-box,
html[lang="zh-CN"] .guanxiang-news-read .myart,
html[lang="zh-CN"] .content,
html[lang="zh-CN"] .nr {
  word-break: normal;
  overflow-wrap: break-word;
}

/* ---------- 列表页卡片标题：中文标题允许两行，不要被截断 ---------- */
html[lang="zh-CN"] .blog-list h4,
html[lang="zh-CN"] .blog-list h3,
html[lang="zh-CN"] .news-list h4,
html[lang="zh-CN"] .news-list h3 {
  line-height: 1.55;
  margin-bottom: 0.5em;
}

/* ---------- 新闻详情页正文 ---------- */
html[lang="zh-CN"] .guanxiang-news-read .myart {
  font-size: 16.5px;
  line-height: 1.95;
  color: #444;
}
html[lang="zh-CN"] .guanxiang-news-read .myart p,
html[lang="zh-CN"] .guanxiang-news-read .myart > div {
  line-height: 1.95 !important;
  margin: 0 0 1.35em !important;
  text-align: justify;
}
html[lang="zh-CN"] .guanxiang-news-read .newsnr h1 { line-height: 1.5; }

/* =====================================================================
   四、应用领域 · 合作案例详情页（美的 / 东风汽车 / 小天鹅 / TCL 共 4 篇）
   容器链：.main.container > .newsnr > .myart.rich-text
   与新闻页的区分点：新闻页外层是 .guanxiang-news-read，案例页是 .main.container
   正文同样是富文本 <div data-offset-key>，不是 <p> —— 所以 line-height
   要打在 .myart 本体和通配子元素上，只写 p 是没用的。

   老胡 2026-10-08 要求：① 文字间距加大 ② 第一行小标题加粗
   （例：「携手美的，树立家电连接可靠性新标杆」）
   想再松/再紧，改下面的 2.15 和 1.7em 两个数即可。
   ===================================================================== */
html[lang="zh-CN"] .main.container .newsnr .myart.rich-text {
  font-size: 16.5px;
  line-height: 2.15;              /* 原站固定 26px，这里比新闻页(1.95)再松一点 */
  color: #444;
  letter-spacing: 0.02em;
}

/* 富文本 div 不吃继承，逐层打一遍 */
html[lang="zh-CN"] .main.container .newsnr .myart.rich-text * {
  line-height: 2.15;
}

/* 段间距：原站几乎为 0，段与段糊在一起 */
html[lang="zh-CN"] .main.container .newsnr .myart.rich-text > div {
  margin: 0 0 1.7em !important;
  text-align: justify;
}

/* ---------- 第一行小标题加粗 ----------
   富文本结构：.myart > div[data-block] > div[data-offset-key]
   取「第一个 block 的第一行」，即每篇开头那句 slogan */
html[lang="zh-CN"] .main.container .newsnr .myart.rich-text > div:first-child > div:first-child {
  font-weight: 700;
  font-size: 19px;                /* 比正文大一号，想更大改这里 */
  line-height: 1.7 !important;
  color: #1a1a1a;
  letter-spacing: 0.01em;
  margin-bottom: 1em !important;
  text-align: left;
}

/* 案例大标题 + 日期的留白 */
html[lang="zh-CN"] .main.container .newsnr h1 {
  line-height: 1.5;
  margin-bottom: 0.4em;
}
html[lang="zh-CN"] .main.container .newsnr .artInfo {
  margin-bottom: 1.8em;
}

/* ---------- 应用领域列表页：案例卡片摘要 ----------
   暂不启用：p.global-content 是全站通用摘要类（261 个页面都有），
   .box 也是通用类名，直接写会连带改掉首页 / 关于我们等页面的卡片，
   超出本次需求范围。要单独调列表页，得先给页面加唯一标识（如 body class）再限定。 */