/* 糖心vlog 电视剧集页面专用样式 */

/* 剧集卡片特效 */
.tx-series-card {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

.tx-series-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(59, 130, 246, 0.1), transparent);
  transform: rotate(45deg);
  transition: transform 0.6s ease;
  opacity: 0;
}

.tx-series-card:hover::before {
  opacity: 1;
  transform: translate(50%, 50%) rotate(45deg);
}

.tx-series-card:hover {
  transform: translateY(-10px) rotateX(5deg);
}

/* 剧集封面悬停效果 */
.tx-series-cover img {
  transition: all 0.4s ease;
}

.tx-series-card:hover .tx-series-cover img {
  transform: scale(1.15) rotate(2deg);
}

/* 剧集覆盖层动画 */
.tx-series-overlay {
  transition: all 0.4s ease;
}

.tx-series-overlay .fas.fa-play {
  animation: tx-series-play-bounce 2s ease-in-out infinite;
}

@keyframes tx-series-play-bounce {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}

/* 剧集统计数字动画 */
.tx-series-stats .tx-stat-number {
  transition: all 0.5s ease;
}

.tx-series-stats:hover .tx-stat-number {
  transform: rotateY(360deg);
}

/* 剧集卡片进入动画 */
.tx-series-layout .tx-series-card {
  animation: tx-series-slide-up 0.6s ease forwards;
  opacity: 0;
  transform: translateY(50px);
}

.tx-series-card:nth-child(1) { animation-delay: 0.1s; }
.tx-series-card:nth-child(2) { animation-delay: 0.2s; }
.tx-series-card:nth-child(3) { animation-delay: 0.3s; }

@keyframes tx-series-slide-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 剧集类型标签 */
.tx-series-examples {
  transition: all 0.3s ease;
}

.tx-series-card:hover .tx-series-examples {
  color: #8b5cf6;
  transform: translateY(-2px);
.tx-series-card button {
  position: relative;
  overflow: hidden;
}

.tx-series-card button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s ease;
}

.tx-series-card button:hover::before {
  left: 100%;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .tx-series-grid {
    grid-template-columns: 1fr;
  }
  
  .tx-series-stats {
    grid-template-columns: 2fr 2fr;
  }
}

@media (max-width: 480px) {
  .tx-hero-title {
    font-size: 2.5rem;
  }
  
  .tx-series-cover {
    height: 200px;
  }
}