/* ===== 天成机械 老站富文本兼容样式（legacy-content） =====
   作用：让迁移过来的老站产品/文章详情正文（.content 内的老类名）在新模板中正常显示。
   作用域：仅 .pro-content .info / .news .info 内，不影响模板其它页面。
   配色：与新模板一致（品牌红 #e6212a / 深红 #c8161d，强调绿 #2bb673，正文 #484848，标题 #252525）。
*/

/* 老站 steel 系列 CSS 变量在新模板不存在，这里兜底定义，修复正文里 var(--c-steel-500) 等失效 */
.pro-content .info,
.news .info { --c-steel-500: #7a7a7a; --c-steel-400: #999; --c-steel-600: #666; }

/* 章节间距 */
.pro-content .info section,
.news .info section { margin: 38px 0; }
.pro-content .info section:first-child,
.news .info section:first-child { margin-top: 0; }

/* 标题条：蓝色竖条 + 中英双语（原 h2 为"产品概述 / OVERVIEW"） */
.pro-content .info h2,
.news .info h2 {
  font-size: 22px; font-weight: bold; color: #252525;
  margin: 0 0 22px; padding: 6px 0 8px 18px; position: relative;
  border-bottom: 1px solid #f0f0f0; line-height: 1.3;
}
.pro-content .info h2::before,
.news .info h2::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 10px;
  width: 5px; background: #e6212a; border-radius: 2px;
}
.pro-content .info h3,
.news .info h3 {
  font-size: 17px; font-weight: bold; color: #252525;
  margin: 26px 0 12px; padding-left: 12px; border-left: 3px solid #e6212a;
}
.pro-content .info h4,
.news .info h4 { font-size: 15px; color: #252525; margin: 0 0 6px; font-weight: bold; }
.pro-content .info h5,
.news .info h5 { font-size: 14px; color: #252525; margin: 0 0 6px; font-weight: bold; }
.pro-content .info p,
.news .info p { margin: 0 0 14px; color: #484848; line-height: 1.9; font-size: 15px; }

/* 产品特点列表（ul.feature-list：绿色菱形项目符号） */
.pro-content .info ul.feature-list,
.news .info ul.feature-list { list-style: none; padding: 6px 0; margin: 0 0 22px; }
.pro-content .info ul.feature-list li,
.news .info ul.feature-list li {
  position: relative; padding: 9px 14px 9px 30px; margin: 0;
  font-size: 15px; line-height: 1.85; color: #484848; border-bottom: 1px dashed #ececec;
}
.pro-content .info ul.feature-list li::before,
.news .info ul.feature-list li::before {
  content: ""; position: absolute; left: 10px; top: 16px;
  width: 8px; height: 8px; background: #2bb673; border-radius: 1px; transform: rotate(45deg);
}
/* 工作原理分步骤（div.feature-list 内为 <p>） */
.pro-content .info div.feature-list,
.news .info div.feature-list { margin: 0 0 22px; }
.pro-content .info div.feature-list p,
.news .info div.feature-list p {
  position: relative; padding-left: 20px; margin: 0 0 10px;
  font-size: 15px; line-height: 1.85; color: #484848;
}
.pro-content .info div.feature-list p::before,
.news .info div.feature-list p::before { content: "\25B8"; position: absolute; left: 0; color: #2bb673; }

/* 技术参数表（table.params-table） */
.pro-content .info table.params-table,
.news .info table.params-table {
  width: 100%; border-collapse: collapse; margin: 0 0 8px;
  font-size: 14px; table-layout: fixed;
}
.pro-content .info table.params-table th,
.news .info table.params-table th,
.pro-content .info table.params-table td,
.news .info table.params-table td {
  border: 1px solid #e8e8e8; padding: 11px 16px; line-height: 1.7;
  vertical-align: middle; word-wrap: break-word;
}
.pro-content .info table.params-table thead th,
.news .info table.params-table thead th {
  background: #c8161d; color: #fff; font-weight: bold; text-align: left; border-color: #c8161d;
}
.pro-content .info table.params-table tbody tr:nth-child(even),
.news .info table.params-table tbody tr:nth-child(even) { background: #f7f9fc; }
.pro-content .info table.params-table td:first-child,
.news .info table.params-table td:first-child { width: 34%; font-weight: bold; color: #252525; }

/* SVG 原理图（自适应宽度） */
.pro-content .info svg.principle-svg,
.news .info svg.principle-svg {
  display: block; width: 100%; max-width: 820px; height: auto;
  margin: 14px 0; color: #e6212a; background: #fafbfc;
  border: 1px solid #eef0f3; border-radius: 4px;
}

/* 核心优势网格（.adv-grid / .adv-item / .num / .ico） */
.pro-content .info .adv-grid,
.news .info .adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 16px 0 24px; }
.pro-content .info .adv-item,
.news .info .adv-item {
  padding: 20px 16px; background: #fff; border: 1px solid #e8e8e8;
  border-radius: 4px; text-align: center; transition: .25s;
}
.pro-content .info .adv-item:hover,
.news .info .adv-item:hover { box-shadow: 0 2px 10px rgba(0,0,0,.08); transform: translateY(-2px); border-color: #f5d4d4; }
.pro-content .info .adv-item .num,
.news .info .adv-item .num {
  display: inline-block; font-size: 13px; font-weight: bold; color: #e6212a;
  border: 1px solid #f5d4d4; border-radius: 50%; width: 34px; height: 34px;
  line-height: 32px; margin-bottom: 10px; font-family: Arial, sans-serif;
}
.pro-content .info .adv-item .ico,
.news .info .adv-item .ico { width: 40px; height: 40px; margin: 0 auto 10px; color: #e6212a; }
.pro-content .info .adv-item .ico svg,
.news .info .adv-item .ico svg { width: 100%; height: 100%; }
.pro-content .info .adv-item h4,
.news .info .adv-item h4 { margin: 0 0 8px; }
.pro-content .info .adv-item p,
.news .info .adv-item p { font-size: 13px; color: #666; margin: 0; line-height: 1.7; }

/* 应用领域网格（.app-grid / .app-item） */
.pro-content .info .app-grid,
.news .info .app-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 16px 0 24px; }
.pro-content .info .app-item,
.news .info .app-item {
  padding: 18px 12px; background: #fafbfc; border: 1px solid #eef0f3;
  border-radius: 4px; text-align: center; transition: .25s;
}
.pro-content .info .app-item:hover,
.news .info .app-item:hover { background: #f0f6fd; border-color: #f5d4d4; }
.pro-content .info .app-item .ico,
.news .info .app-item .ico { width: 38px; height: 38px; margin: 0 auto 10px; color: #e6212a; }
.pro-content .info .app-item .ico svg,
.news .info .app-item .ico svg { width: 100%; height: 100%; }
.pro-content .info .app-item h4,
.news .info .app-item h4 { font-size: 13px; font-weight: 500; color: #484848; margin: 0; line-height: 1.6; }

/* 工程案例（.case-list / .case-mini / .pic / 嵌套 .info） */
.pro-content .info .case-list,
.news .info .case-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 16px 0 8px; }
.pro-content .info .case-mini,
.news .info .case-mini { display: flex; gap: 14px; padding: 14px; background: #fafbfc; border: 1px solid #eef0f3; border-radius: 4px; }
.pro-content .info .case-mini .pic,
.news .info .case-mini .pic { flex: 0 0 120px; width: 120px; color: #e6212a; }
.pro-content .info .case-mini .pic svg,
.news .info .case-mini .pic svg { width: 100%; height: auto; display: block; }
/* 中和 case-mini 内嵌套的 .info（否则会继承外层正文宽度限制） */
.pro-content .info .case-mini .info,
.news .info .case-mini .info { flex: 1; max-width: none; padding: 0; margin: 0; }
.pro-content .info .case-mini h5,
.news .info .case-mini h5 { font-size: 14px; color: #252525; margin: 0 0 6px; }
.pro-content .info .case-mini p,
.news .info .case-mini p { font-size: 13px; color: #666; line-height: 1.7; margin: 0; }

/* 上一篇 / 下一篇（.prev-next / .dir / .next） */
.pro-content .info .prev-next,
.news .info .prev-next { display: flex; justify-content: space-between; gap: 16px; margin-top: 36px; padding-top: 20px; border-top: 1px solid #eee; }
.pro-content .info .prev-next a,
.news .info .prev-next a { flex: 1; text-decoration: none; color: #484848; }
.pro-content .info .prev-next a.next,
.news .info .prev-next a.next { text-align: right; }
.pro-content .info .prev-next .dir,
.news .info .prev-next .dir { font-size: 12px; color: #999; margin-bottom: 4px; }
.pro-content .info .prev-next h5,
.news .info .prev-next h5 { font-size: 14px; color: #e6212a; margin: 0; transition: .2s; }
.pro-content .info .prev-next a:hover h5,
.news .info .prev-next a:hover h5 { color: #e6212a; }

/* 响应式 */
@media (max-width: 720px) {
  .pro-content .info .adv-grid,
  .news .info .adv-grid { grid-template-columns: repeat(2, 1fr); }
  .pro-content .info .app-grid,
  .news .info .app-grid { grid-template-columns: repeat(2, 1fr); }
  .pro-content .info .case-list,
  .news .info .case-list { grid-template-columns: 1fr; }
  .pro-content .info .case-mini,
  .news .info .case-mini { flex-direction: column; }
  .pro-content .info table.params-table td:first-child,
  .news .info table.params-table td:first-child { width: 40%; }
}