/* ???????????? */
.hope-video-player {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 1rem 0;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}
.hope-video-player[data-ratio="16:9"] { aspect-ratio: 16 / 9; }
.hope-video-player[data-ratio="4:3"] { aspect-ratio: 4 / 3; }
.hope-video-player[data-ratio="1:1"] { aspect-ratio: 1 / 1; }
.hope-video-player iframe,
.hope-video-player video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
  background: #000;
}
.hope-video-native { display: block; }

.hope-video-article { margin: 0 0 1.25rem; }
.hope-video-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .85rem;
  margin-bottom: .75rem;
  font-size: .85rem;
  color: #67748e;
}
.hope-video-meta-item em {
  font-style: normal;
  font-weight: 600;
  color: #344767;
  margin-right: .2rem;
}
.hope-video-episode-list {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .75rem;
}
.hope-video-ep-btn {
  border: 1px solid #e9ecef;
  background: #fff;
  color: #344767;
  border-radius: .4rem;
  padding: .28rem .7rem;
  font-size: .78rem;
  cursor: pointer;
  line-height: 1.3;
}
.hope-video-ep-btn.is-active,
.hope-video-ep-btn:hover {
  border-color: #f5365c;
  color: #f5365c;
  background: #fff5f7;
}