/* ==========================================================================
   热播动漫 (Hot Anime) — Owl Carousel
   ========================================================================== */

.hot-anime {
  /* 宽版轮播，避免溢出产生横向滚动条 */
  overflow: hidden;
}

/* 宽版轮播容器：内容宽 1750px = 7 个 250px 槽位（1780 - 左右 15px padding） */
.hot-anime-band {
  width: 100%;
  max-width: 1780px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* 每个滑块的固定槽位：250px = 200px 封面 + 50px 间距（与设计稿一致） */
.hot-anime-slider .hot-anime-item {
  width: 250px;
  text-align: center;
}

/* 固定高度并垂直居中：激活/非激活封面共用同一条中轴线 */
.hot-anime-slider .hot-anime-poster {
  height: 508px;
  padding: 32px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 默认封面：200 × 356，圆角 8px */
.hot-anime-slider .hot-anime-card {
  width: 200px;
  height: 356px;
  border-radius: 8px;
  overflow: hidden;
  background: #e9e7ef;
  box-shadow: 0 10px 24px rgba(23, 20, 31, 0.12);
  transition: width 0.3s ease, height 0.3s ease, box-shadow 0.3s ease;
  will-change: width, height;
}

/* 居中激活态：250 × 444，圆角 8px */
.hot-anime-slider .owl-item.center .hot-anime-card {
  width: 250px;
  height: 444px;
  box-shadow: 0 18px 40px rgba(23, 20, 31, 0.22);
}

.hot-anime-slider .hot-anime-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
}

/* 标题 + 简介：始终占位，仅激活项淡入，切换时版面不跳动 */
.hot-anime-slider .hot-anime-info {
  height: 88px;
  padding: 0 10px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}

.hot-anime-slider .owl-item.center .hot-anime-info {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* 标题单行展示，超出显示省略号；完整标题由 Bootstrap Tooltip 展示 */
.hot-anime-slider .hot-anime-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  color: #17141f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hot-anime-slider .hot-anime-desc {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #8b8794;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 长标题的 tooltip 适当加宽，尽量单行展示完整标题 */
.hot-anime-tooltip .tooltip-inner {
  max-width: 360px;
}