/* 新闻详情页两栏布局修正
 *
 * 模板 CSS 的规则是：
 *   .e_container-1 { display:flex; flex-wrap:wrap }
 *   .cbox-1-0 { flex:0 0 70% }      正文
 *   .cbox-1-1 { flex:0 0 auto }     右侧「相关新闻」，宽度由内容撑
 *
 * 侧栏标题带 -webkit-line-clamp:1 被强制单行，单行文本的 max-content 宽度很大；
 * 而 flex 项默认 min-width:auto，不允许收缩到内容宽度以下，于是侧栏撑破剩余的
 * 30%，被 flex-wrap:wrap 换行挤到整篇文章的最下方（页脚上方），看起来像"没有侧栏"。
 *
 * 这里给两栏加 min-width:0 解除收缩下限，并把侧栏固定为 27%，标题超出显示省略号。
 */

#c_static_001-1646718068940 .e_container-1 {
  flex-wrap: nowrap;
}

#c_static_001-1646718068940 .e_container-1 .cbox-1-0 {
  flex: 0 0 70%;
  max-width: 70%;
  min-width: 0;     /* 关键：解除 flex 项默认的 min-width:auto */
}

#c_static_001-1646718068940 .e_container-1 .cbox-1-1 {
  flex: 0 0 27%;
  max-width: 27%;
  min-width: 0;
  margin-left: 3%;
}

/* 标题单行截断并显示省略号。
 * 注意不能用 text-overflow:ellipsis —— 它对 display:-webkit-box 无效；
 * 也不能加 white-space:nowrap —— 那会让 -webkit-line-clamp 无法计算截断位置。
 * 正确做法是沿用原站的 line-clamp 组合，并保证允许换行。 */
#c_static_001-1646718068940 .e_text-7 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  white-space: normal;
  overflow: hidden;
  max-width: 100%;
  word-break: break-all;
}

/* 英文长单词、俄文长复合词以及后台富文本内容不能把正文列撑破。 */
#c_static_001-1646718068940 .e_richText-15 {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

#c_static_001-1646718068940 .e_richText-15 p,
#c_static_001-1646718068940 .e_richText-15 h1,
#c_static_001-1646718068940 .e_richText-15 h2,
#c_static_001-1646718068940 .e_richText-15 h3,
#c_static_001-1646718068940 .e_richText-15 h4,
#c_static_001-1646718068940 .e_richText-15 h5,
#c_static_001-1646718068940 .e_richText-15 h6,
#c_static_001-1646718068940 .e_richText-15 li,
#c_static_001-1646718068940 .e_richText-15 a {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

/* 原模板把正文图片写成 width/height:100%，长译文或窄屏下会造成变形；
   用等比缩放覆盖原规则，并限制图片不超出正文列。 */
#c_static_001-1646718068940 .e_richText-15 img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain;
}

#c_static_001-1646718068940 .e_richText-15 table {
  display: block;
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  table-layout: fixed;
}

#c_static_001-1646718068940 .e_richText-15 th,
#c_static_001-1646718068940 .e_richText-15 td {
  max-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

#c_static_001-1646718068940 .e_richText-15 pre,
#c_static_001-1646718068940 .e_richText-15 code {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 窄屏下改为上下排列，侧栏回到正文下方 */
@media screen and (max-width: 900px) {
  #c_static_001-1646718068940 .e_container-1 {
    flex-wrap: wrap;
  }
  #c_static_001-1646718068940 .e_container-1 .cbox-1-0,
  #c_static_001-1646718068940 .e_container-1 .cbox-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }

  #c_static_001-1646718068940 .e_richText-15 {
    font-size: 15px;
    line-height: 1.85;
  }

  #c_static_001-1646718068940 .e_richText-15 h1,
  #c_static_001-1646718068940 .e_richText-15 h2,
  #c_static_001-1646718068940 .e_richText-15 h3 {
    line-height: 1.45;
  }
}