/* ============================================================================
   news-details.vue - 新闻详情页 (绿色品牌主题)
   ============================================================================ */

/* ---- 文本截断 ---- */
.ywx_content_line1[data-v-df2c3662] {
  text-overflow: -o-ellipsis-lastline; overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 1; line-clamp: 1;
  -webkit-box-orient: vertical;
}
.bews_line[data-v-df2c3662] {
  text-overflow: -o-ellipsis-lastline; overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 2; line-clamp: 2;
  -webkit-box-orient: vertical;
}
.top_image[data-v-df2c3662] { width: 100%; display: block;
}
.small_line[data-v-df2c3662] { background: var(--border); height: 1px;
}

/* ---- 标题区 ---- */
.fgx[data-v-df2c3662] { width: 1200px; margin: 0 auto; padding: 24px 0 0;
}
.fgx .title[data-v-df2c3662] {
  font-weight: 700; text-align: left; font-size: 20px; margin-bottom: 10px;
  color: var(--text);
  display: flex; align-items: center; gap: 10px;
}
.fgx .title[data-v-df2c3662]::before {
  content: ''; width: 5px; height: 22px;
  background: linear-gradient(180deg, var(--primary-400), var(--primary-600));
  border-radius: 3px; display: inline-block;
}
.fgx .line[data-v-df2c3662] { width: 100%; height: 5px; background: var(--surface-3); border-radius: 3px;
}
.line .linebg[data-v-df2c3662] {
  height: 5px; width: 64px;
  background: linear-gradient(90deg, var(--primary-400), var(--primary-600));
  border-radius: 3px;
}

/* ---- 详情区 ---- */
.detal[data-v-df2c3662] {
  width: 1000px; margin: 0 auto 40px; padding-top: 40px;
  border-bottom: 1px solid var(--border);
}

/* ---- 推荐文章区 ---- */
.middle .middle_title[data-v-df2c3662] {
  margin-top: 50px; font-size: 28px; font-weight: 700;
  color: var(--primary-600); text-align: center;
}
.middle .newscontent[data-v-df2c3662] {
  margin: 0 auto; width: 1200px; padding: 20px 0 30px;
  vertical-align: top; text-align: left; position: relative;
}
.middle .newscontent .news_content[data-v-df2c3662] {
  display: inline-block; width: calc(33.333% - 20px);
  max-width: 380px; margin: 0 10px 20px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);
  overflow: hidden; vertical-align: top; cursor: pointer;
  transition: all 0.25s ease;
}
.middle .newscontent .news_content[data-v-df2c3662]:hover {
  transform: translateY(-3px); box-shadow: var(--shadow-lg);
  border-color: var(--primary-300);
}
.middle .newscontent .news_content .mdimgcontent[data-v-df2c3662] {
  width: 100%; height: 178px; overflow: hidden; position: relative;
}
.middle .newscontent .news_content .mdimgcontent img[data-v-df2c3662] {
  width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;
  transition: transform 0.3s ease;
}
.middle .newscontent .news_content:hover .mdimgcontent img[data-v-df2c3662] {
  transform: scale(1.05);
}
.middle .newscontent .news_content .dw[data-v-df2c3662] {
  width: 100%; height: 36px; line-height: 36px; font-size: 13px;
  position: absolute; left: 0; bottom: 0; z-index: 2;
  text-align: left; color: #fff; font-weight: 600;
  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
  padding: 0 12px;
}
.downbtn[data-v-df2c3662] {
  position: absolute; height: 40px; left: 50%;
  transform: translateX(-50%); bottom: -20px;
}