/* topic_detail.css — 專題詳細頁 */
.td-hot-badge {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 10px; background: var(--accent); color: #fff;
  font-size: 12px; font-weight: 700; border-radius: 3px; margin-bottom: 8px;
}

.td-hero {
  display: flex; overflow: hidden;
  border-radius: var(--radius); background: #111; min-height: 260px;
}

.td-hero-slides {
  width: 42%; flex-shrink: 0; position: relative; overflow: hidden; background: #1a1a1a;
}
.td-slide {
  position: absolute; inset: 0; opacity: 0; transition: opacity 0.6s ease;
}
.td-slide.is-active { opacity: 1; }
.td-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }

.td-hero-body {
  flex: 1; min-width: 0; padding: 32px 36px;
  background: #111; display: flex; flex-direction: column; justify-content: center; gap: 10px;
}
.td-hero-title { font-size: 22px; font-weight: 700; color: #fff; line-height: 1.4; }
.td-hero-sub { font-size: 13px; color: rgba(255,255,255,.55); }
.td-hero-blurb {
  font-size: 14px; color: rgba(255,255,255,.78); line-height: 1.75;
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.td-hero-count { font-size: 13px; color: rgba(255,255,255,.5); }

@media (max-width: 767px) {
  .td-hero { min-height: 160px; }
  .td-hero-slides { width: 45%; }
  .td-hero-body { padding: 16px 18px; }
  .td-hero-title { font-size: 17px; }
  .td-hero-blurb { -webkit-line-clamp: 3; font-size: 13px; }
}