/* 案例详情页内容区域样式 - 参考华东某研究所.html */

/* 章节标题（主要问题 / 解决方案 / 收益分析）字体颜色 */
.alzx_section2 .ny_bt_con .bt,
.alzx_section3 .ny_bt_con .bt {
  color: #054388;
}

/* 案例详情内容容器 */
.alzx_section2 .content,
.alzx_section3 .content {
  line-height: 1.8;
  color: #333;
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

/* 一级标题样式 (h2) - 主要章节标题 */
.alzx_section2 .content h2,
.alzx_section3 .content h2 {
  color: #054388;
  font-size: 22px;
  font-weight: 600;
  margin: 30px 0 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #5F9FDB;
  position: relative;
  line-height: 1.4;
}

.alzx_section2 .content h2::before,
.alzx_section3 .content h2::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 60px;
  height: 3px;
  background: #054388;
}

/* 二级标题样式 (h3) - 子章节标题 */
.alzx_section2 .content h3,
.alzx_section3 .content h3 {
  color: #1a6bc4;
  font-size: 18px;
  font-weight: 600;
  margin: 25px 0 15px;
  padding-left: 12px;
  border-left: 4px solid #5F9FDB;
  line-height: 1.5;
}

/* 段落样式 */
.alzx_section2 .content p,
.alzx_section3 .content p {
  margin-bottom: 14px;
  text-align: justify;
  line-height: 1.8;
  color: #333;
  font-size: 15px;
}

/* 加粗文本强调 */
.alzx_section2 .content strong,
.alzx_section3 .content strong {
  color: #054388;
  font-weight: 600;
}

/* 列表样式 */
.alzx_section2 .content ul,
.alzx_section3 .content ul {
  margin: 10px 0 15px 20px;
  padding-left: 0;
}

.alzx_section2 .content li,
.alzx_section3 .content li {
  margin-bottom: 8px;
  text-align: justify;
  line-height: 1.8;
  color: #333;
  font-size: 15px;
  list-style-type: disc;
}

.alzx_section2 .content li strong,
.alzx_section3 .content li strong {
  color: #1a6bc4;
  font-weight: 600;
}

/* 表格样式 */
.alzx_section2 .content table,
.alzx_section3 .content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.alzx_section2 .content table th,
.alzx_section3 .content table th,
.alzx_section2 .content thead th,
.alzx_section3 .content thead th {
  background: #054388 !important;
  color: #fff !important;
  padding: 10px 12px !important;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
}

/* 表头文字若被包裹在 p/span 等标签内，同样显示为白色 */
.alzx_section2 .content table th p,
.alzx_section3 .content table th p,
.alzx_section2 .content table th span,
.alzx_section3 .content table th span,
.alzx_section2 .content table th strong,
.alzx_section3 .content table th strong {
  color: #fff !important;
  margin: 0 !important;
}

.alzx_section2 .content td,
.alzx_section3 .content td {
  padding: 10px 12px;
  border-bottom: 1px solid #e8ecf1;
  color: #333;
  font-size: 14px;
}

.alzx_section2 .content tr:hover td,
.alzx_section3 .content tr:hover td {
  background: #f0f6ff;
}

.alzx_section2 .content tbody tr:last-child td,
.alzx_section3 .content tbody tr:last-child td {
  border-bottom: none;
}

/* 标签样式 - 效果/改善标签 */
.alzx_section2 .content .tag-improve,
.alzx_section3 .content .tag-improve {
  display: inline-block;
  background: #e8f5e9;
  color: #2e7d32;
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 10px;
  font-weight: 600;
  margin-right: 5px;
}

/* 引用块样式 */
.alzx_section2 .content blockquote,
.alzx_section3 .content blockquote {
  margin: 20px 0;
  padding: 20px 25px;
  background: #f0f6ff;
  border-left: 4px solid #5F9FDB;
  border-radius: 0 6px 6px 0;
  color: #444;
  font-size: 15px;
  line-height: 1.9;
}

.alzx_section2 .content blockquote cite,
.alzx_section3 .content blockquote cite {
  display: block;
  margin-top: 10px;
  color: #888;
  font-style: normal;
  font-size: 14px;
  text-align: right;
}

/* 移动端适配 */
@media screen and (max-width: 1024px) {
  .alzx_section2 .content h2,
  .alzx_section3 .content h2 {
    font-size: 20px;
    margin: 25px 0 15px;
  }

  .alzx_section2 .content h3,
  .alzx_section3 .content h3 {
    font-size: 17px;
    margin: 20px 0 12px;
  }

  .alzx_section2 .content p,
  .alzx_section3 .content p,
  .alzx_section2 .content li,
  .alzx_section3 .content li {
    font-size: 14px;
  }

  .alzx_section2 .content table,
  .alzx_section3 .content table {
    font-size: 12px;
    display: block;
    overflow-x: auto;
  }

  .alzx_section2 .content th,
  .alzx_section3 .content th,
  .alzx_section2 .content td,
  .alzx_section3 .content td {
    padding: 6px 8px;
    font-size: 12px;
  }

  .alzx_section2 .content blockquote,
  .alzx_section3 .content blockquote {
    padding: 15px 20px;
    font-size: 14px;
  }
}
