/* ============================================================
   统一区块标题组件（全站同类标题一致）— 在各页 CSS 之后加载（functions.php 优先级 99）
   规范：
     · 绿三角的「右侧边」= 中文标题的「左侧边」对齐  →  margin-left = −三角宽度
       （三角框 aspect-ratio 54/33 与 half-green-logo.svg 同比例 → contain 满填 → 可见三角右边=框右边=x0=标题左边）
     · 三角尺寸、中文/英文字号在所有同类标题中完全一致
   覆盖各页历史遗留的 13 套 .X__head 定义，统一为一套。
   ============================================================ */

/* ---- 绿三角：尺寸统一 + 右边对齐标题左边 ---- */
.about-culture__head .triangle, .about__head .triangle, .contact-card__head .triangle,
.contact-form__head .triangle, .history__head .triangle, .newslist__head .triangle,
.page-section__head .triangle, .prod-title .triangle, .products__head .triangle,
.related__head .triangle, .search__title .triangle, .susty__head .triangle, .team__head .triangle {
  display: block;
  width: 42px;
  aspect-ratio: 54 / 33;
  background: url('../../images/half-green-logo.svg') no-repeat center / contain;
  margin-left: -42px;          /* = −width：三角右边对齐标题左边 */
  margin-bottom: 14px;
}

/* ---- 中文标题：字号统一（品牌红、优设标题黑）---- */
.about-culture__head .cn, .about__head .cn, .contact-card__head .cn,
.contact-form__head .cn, .history__head .cn, .newslist__head .cn,
.page-section__head .cn, .prod-title .cn, .products__head .cn,
.related__head .cn, .search__title .cn, .susty__head .cn, .team__head .cn {
  font-family: var(--font-display);
  font-size: clamp(26px, 2.4vw, 42px);   /* 统一中文字号 */
  color: var(--red);
  font-weight: 900;
  letter-spacing: .15em;
  line-height: 1.1;
  margin-bottom: 5px;
}

/* ---- 英文副标：字号统一（品牌绿、Barlow）---- */
.about-culture__head .en, .about__head .en, .contact-card__head .en,
.contact-form__head .en, .history__head .en, .newslist__head .en,
.page-section__head .en, .prod-title .en, .products__head .en,
.related__head .en, .search__title .en, .susty__head .en, .team__head .en {
  margin-top: 8px;
  font-family: var(--font-en);
  font-size: clamp(13px, 2vw, 23px);     /* 统一英文字号 */
  letter-spacing: .25em;
  color: var(--green);
  font-weight: 600;
  text-transform: uppercase;
}

/* ============================================================
   共享布局/组件（各页原生改造复用，全站一致）
   ============================================================ */
.page-section__head { position: relative; }

/* 可调左右列：CSS 给「弹性容器 + 间距」，列宽由各列的 Bricks `_width` 控制（构建器可拖拽调比例） */
.zz-flexrow { display: flex; gap: clamp(24px, 3vw, 48px); align-items: flex-start; }
@media (max-width: 980px) {
  .zz-flexrow { flex-direction: column; }
  .zz-flexrow > * { width: 100% !important; }

  /* 移动端：左对齐区块标题整体右移 —— 绿三角用 margin-left:-42px 挑在标题左侧之外，
     窄屏容器左内边距不够 42px 会把三角裁掉。右移 46px（=三角宽 42 + 4 余量）确保三角完整显示。
     居中标题 .search__title 三角本身居中不被裁，故不在此列。 */
  .about-culture__head, .about__head, .contact-card__head, .contact-form__head,
  .history__head, .newslist__head, .page-section__head, .prod-title,
  .products__head, .related__head, .susty__head, .team__head {
    padding-left: 46px;
  }
}

/* 绿色胶囊按钮（Bricks button 元素，class=zz-btn） */
.zz-btn, .zz-btn.brxe-button {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 28px; padding: 12px 30px;
  background: var(--green); color: #fff; border-radius: 999px;
  font-family: var(--font-cn); font-size: 15px; letter-spacing: .04em;
  text-decoration: none; border: 0; cursor: pointer;
  transition: background .3s var(--ease-out);
}
.zz-btn:hover { background: var(--green-deep); color: #fff; }

/* 正文文案（富文本元素，class=zz-copy） */
.zz-copy { font-family: var(--font-cn); color: #4A554E; font-size: 14px; line-height: 2.1; letter-spacing: .02em; text-align: justify; }
.zz-copy p + p { margin-top: .9em; }
.zz-copy mark { background: transparent; color: var(--green); font-weight: 600; }

/* 首页「关于」内容层（垫在 3D 悬浮 logo 背景层之上） */
.about__content { position: relative; z-index: 2; max-width: 1080px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 60px); }

/* ============================================================
   WPML 英文版（html[lang^="en"]）：中英双语标题
     · 隐藏绿色英文副标 .en（含 susty 分隔点 / 页脚品牌英文，避免与翻译后的中文位重复）
     · 红色主标 .cn 统一用 Barlow（拉丁展示字体），保留红色/字号/粗细
   中文站（html[lang="zh-hans"]）完全不受影响。
   ============================================================ */
html[lang^="en"] .about-culture__head .en,
html[lang^="en"] .about__head .en,
html[lang^="en"] .contact-card__head .en,
html[lang^="en"] .contact-form__head .en,
html[lang^="en"] .history__head .en,
html[lang^="en"] .newslist__head .en,
html[lang^="en"] .news__head .en,
html[lang^="en"] .page-section__head .en,
html[lang^="en"] .prod-title .en,
html[lang^="en"] .products__head .en,
html[lang^="en"] .related__head .en,
html[lang^="en"] .search__title .en,
html[lang^="en"] .susty__head .en,
html[lang^="en"] .susty-split__title .en,
html[lang^="en"] .susty-split__title .dot,
html[lang^="en"] .apps__title .en,
html[lang^="en"] .team__head .en,
html[lang^="en"] .culture-hex .culture-hex__cell .en,
html[lang^="en"] .footer__brand .en {
  display: none !important;
}

html[lang^="en"] .about-culture__head .cn,
html[lang^="en"] .about__head .cn,
html[lang^="en"] .contact-card__head .cn,
html[lang^="en"] .contact-form__head .cn,
html[lang^="en"] .history__head .cn,
html[lang^="en"] .newslist__head .cn,
html[lang^="en"] .news__head .cn,
html[lang^="en"] .page-section__head .cn,
html[lang^="en"] .prod-title .cn,
html[lang^="en"] .products__head .cn,
html[lang^="en"] .related__head .cn,
html[lang^="en"] .search__title .cn,
html[lang^="en"] .susty__head .cn,
html[lang^="en"] .susty-split__title .cn,
html[lang^="en"] .apps__title .cn,
html[lang^="en"] .team__head .cn,
html[lang^="en"] .culture-hex .culture-hex__cell .cn {
  font-family: var(--font-en) !important;
  letter-spacing: .03em;
}

/* 英文版：产品检索标题一行显示（去掉中文版的窄宽限制 + 不换行） */
html[lang^="en"] .search__title { max-width: none !important; }
html[lang^="en"] .search__title .cn { white-space: nowrap; }

/* 英文版：首页应用领域六边形标签 —— 去掉重复英文副标 echo；
   标签字体 Barlow / 18px / 字距 0 / 行高 1.2（作用域 .appbg = 仅首页，不影响产品页长描述六边形）。 */
html[lang^="en"] .appbg .hex--text .en { display: none !important; }
html[lang^="en"] .appbg .hex--text .cn {
  font-family: var(--font-en) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}