/* 稿件动态摘要独立样式；尺寸按 375px 设计稿换算为 vw，沿用站点字体和蓝湖时间线图标。 */
.article-timeline,
.article-timeline *,
.article-timeline *::before,
.article-timeline *::after {
  box-sizing: border-box;
}

.article-timeline {
  --timeline-blue: #1d6bd3;
  width: 100%;
  margin: 0 0 7.4667vw;
  /* 完整时间线入口下方的设计留白在区域内部，不能由模块外 margin 替代。 */
  padding-bottom: 3.2vw;
  background: rgba(0, 0, 0, .02);
  color: #000;
  font-family: Charter_xh_news, Charter, Georgia, serif;
}

.article-timeline__heading {
  display: flex;
  align-items: center;
  height: 9.8667vw;
  margin: 0;
  padding: 0 3.7333vw;
  background: linear-gradient(270deg, rgba(31, 148, 255, 0), rgba(31, 148, 255, .1));
  color: rgba(0, 0, 0, .95);
  font-size: 4.2667vw;
  font-weight: 700;
  font-family: Charter_xh_news_black, Charter_xh_news, Charter, Georgia, serif;
  line-height: 5.3333vw;
}

.article-timeline__heading::before {
  /* 与标题文字共用垂直居中布局，避免字体行高与绝对定位圆点错开。 */
  display: block;
  flex: none;
  width: 4.2667vw;
  height: 4.2667vw;
  margin-left: -0.2667vw;
  margin-right: 1.3333vw;
  background: url('../imgs/article-timeline-heading.svg') center / contain no-repeat;
  content: '';
}

.article-timeline__list {
  position: relative;
  margin: 2.6667vw 0 0 4.8vw;
  padding: 0 3.7333vw 0 4.2667vw;
  list-style: none;
}

/* 竖向虚线属于整个列表；每个节点的圆点定位到同一条线的中心。 */
.article-timeline__list::before {
  position: absolute;
  top: 1.3333vw;
  bottom: 4.8vw;
  left: 0.9333vw;
  border-left: 0.2667vw dotted #a8c2e9;
  content: '';
}

.article-timeline__item {
  position: relative;
  margin: 0 0 5.3333vw;
  padding: 0;
}

.article-timeline__item::before {
  position: absolute;
  top: 0.5333vw;
  left: -4.2667vw;
  width: 2.1333vw;
  height: 2.1333vw;
  background: url('../imgs/article-timeline-node.svg') center / contain no-repeat;
  content: '';
}

.article-timeline__item.is-current::before {
  background-image: url('../imgs/article-timeline-node-current.svg');
}

.article-timeline__time {
  display: block;
  color: rgba(0, 0, 0, .5);
  font-size: 3.2vw;
  font-weight: 700;
  font-family: Charter_xh_news_black, Charter_xh_news, Charter, Georgia, serif;
  line-height: 4vw;
}

.article-timeline__item.is-current .article-timeline__time,
.article-timeline__item.is-current .article-timeline__text {
  color: rgba(0, 0, 0, 1);
}

.article-timeline__text {
  display: block;
  margin: 2.1333vw 0 0;
  color: rgba(0, 0, 0, .5);
  font-size: 4.2667vw;
  font-weight: 700;
  font-family: Charter_xh_news_black, Charter_xh_news, Charter, Georgia, serif;
  line-height: 6.6667vw;
  overflow-wrap: anywhere;
}

.article-timeline__more {
  display: inline-flex;
  align-items: center;
  /* 设计稿 68px 换算为最小宽度；字体回退或用户放大字号时允许扩展，不能把 More 拆成两行。 */
  min-width: 18.1333vw;
  min-height: 6.9333vw;
  margin-top: 3.2vw;
  padding: 0.5333vw 2.4vw 0.5333vw 1.6vw;
  border: 0;
  background: rgba(0, 0, 0, .04);
  color: #8f8f8f;
  font-family: Charter_xh_news_black, Charter_xh_news, Charter, Georgia, serif;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 1.833333;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  cursor: pointer;
}

.article-timeline__more::before {
  display: block;
  flex: none;
  width: 5.3333vw;
  height: 5.3333vw;
  /* 图标间距不依赖旧版 WebView 的 flex gap 支持。 */
  margin-right: 1.0667vw;
  background: url('../imgs/article-timeline-more.svg') center / contain no-repeat;
  content: '';
}

.article-timeline__full {
  display: block;
  margin: 1.0667vw auto 0;
  padding: 2.6667vw 4.8vw 3.2vw;
  border: 0;
  background: transparent;
  color: var(--timeline-blue);
  font-family: inherit;
  font-size: 3.7333vw;
  font-weight: 400;
  line-height: 4.5333vw;
  cursor: pointer;
}

.article-timeline__full::after {
  display: inline-block;
  width: 3.2vw;
  height: 3.2vw;
  margin: 0 0 -0.2667vw 1.8667vw;
  background: url('../imgs/article-timeline-arrow.svg') center / contain no-repeat;
  content: '';
}

.is-dark .article-timeline {
  background: #272727;
  color: #e9e9e9;
}

.is-dark .article-timeline__heading {
  background: linear-gradient(270deg, rgba(31, 148, 255, 0), rgba(31, 148, 255, .1));
  color: rgba(255, 255, 255, .95);
}

.is-dark .article-timeline__heading::before {
  background-image: url('../imgs/article-timeline-heading-dark.svg');
}

.is-dark .article-timeline__list::before {
  border-left-color: rgba(67, 82, 104, .57);
}

.is-dark .article-timeline__item::before {
  background-image: url('../imgs/article-timeline-node-dark.svg');
}

.is-dark .article-timeline__item.is-current::before {
  background-image: url('../imgs/article-timeline-node-current-dark.svg');
}

.is-dark .article-timeline__item.is-current .article-timeline__time,
.is-dark .article-timeline__item.is-current .article-timeline__text {
  color: #e9e9e9;
}

.is-dark .article-timeline__time,
.is-dark .article-timeline__text {
  color: #8f8f8f;
}

.is-dark .article-timeline__more {
  background: #363636;
}