@charset "utf-8";
/* ===========================================================
   居峰环保 · 文章正文统一样式 v1.0   (2026-09-30 建立)
   适用：PC 端文章详情页（常见问题 / 技术问答 / 工程案例）
   用法：文章 content 最外层包一层 <div class="jf-art">，
        内部元素一律不写 style，靠下列类名出效果。
   原则：所有规则限定在 .jf-art 内，不污染站点其它页面。
   =========================================================== */

/* ---------- 容器 ---------- */
.jf-art{font-size:16px;line-height:1.85;color:#333;word-break:break-word;}

/* ---------- 段落 ---------- */
.jf-art p{margin:14px 0;font-size:16px;line-height:1.85;color:#333;text-indent:2em;}
.jf-art p:first-child{margin-top:0;}
.jf-art p:last-child{margin-bottom:0;}

/* ---------- 标题 ---------- */
.jf-art h2{
  font-size:22px;color:#1976d2;font-weight:700;
  border-left:4px solid #1976d2;padding:6px 0 6px 14px;
  margin:36px 0 18px 0;
  background:linear-gradient(to right,#f0f7ff,transparent);
}
.jf-art h3{font-size:18px;color:#2c5d8f;font-weight:700;margin:24px 0 12px 0;}

/* ---------- 分隔线 ---------- */
.jf-art hr{border:none;border-top:1px dashed #ddd;margin:28px 0;}

/* ---------- 列表 ---------- */
.jf-art ul,.jf-art ol{margin:14px 0;padding-left:28px;}
.jf-art li{margin:6px 0;font-size:16px;line-height:1.85;color:#333;}

/* ---------- 链接 ---------- */
.jf-art a{color:#1976d2;text-decoration:none;}
.jf-art a:hover{text-decoration:underline;}

/* ---------- 行内强调 ---------- */
.jf-art .k{color:#1976d2;font-weight:700;}
.jf-art .num{
  color:#c00;background:#fff8e1;
  padding:2px 8px;border-radius:3px;font-weight:700;
}

/* ---------- 提示 / 警示块 ---------- */
.jf-art .box-tip{background:#f5f9fa;border-left:4px solid #1976d2;padding:14px 18px;margin:18px 0;border-radius:4px;}
.jf-art .box-warn{background:#fff8f0;border-left:4px solid #ff9800;padding:14px 18px;margin:18px 0;border-radius:4px;}
.jf-art .box-tip p,.jf-art .box-warn p{margin:0;text-indent:0;font-size:16px;line-height:1.85;}
.jf-art .box-tip p+p,.jf-art .box-warn p+p{margin-top:8px;}
.jf-art .box-warn strong{color:#e65100;}

/* ---------- 表格 ---------- */
.jf-art table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;}
.jf-art th,.jf-art td{border:1px solid #e0e0e0;padding:10px;text-align:left;}
.jf-art th{background:#f5f7fa;font-weight:700;}

/* ---------- FAQ 项（保留 microdata 结构） ---------- */
.jf-art .faq-item{margin:14px 0;padding:14px 18px;background:#f5f9fa;border-left:4px solid #1976d2;border-radius:4px;}
.jf-art .faq-item h3{margin:0;font-size:17px;color:#1976d2;font-weight:700;}
.jf-art .faq-item .ans{margin-top:8px;}
.jf-art .faq-item p{margin:0;text-indent:0;font-size:16px;line-height:1.85;}

/* ---------- 行动号召 ---------- */
.jf-art .cta{
  text-align:center;text-indent:0;
  margin:30px 0;padding:20px;
  background:#f5f5f5;border-radius:4px;
  font-size:16px;line-height:1.85;
}
.jf-art .cta strong{color:#c00;}

/* ---------- 页脚免责 ---------- */
.jf-art .note{
  text-align:center;text-indent:0;
  font-size:14px;color:#888;line-height:1.85;margin:14px 0;
}
.jf-art .note strong{color:#1976d2;}

/* ---------- 小屏兜底 ---------- */
@media (max-width:768px){
  .jf-art h2{font-size:20px;}
  .jf-art table{font-size:13px;}
  .jf-art th,.jf-art td{padding:7px;}
}
