.tx-countdown-panel {
  position: relative;
  overflow: hidden;
}

.tx-countdown-panel::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(34, 197, 94, 0.1), transparent);
  transform: rotate(45deg);
  animation: tx-countdown-sweep 3s linear infinite;
}

@keyframes tx-countdown-sweep {
  0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
  100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

/* 倒计时数字动画 */
.tx-time-number {
  transition: all 0.3s ease;
  position: relative;
}

.tx-time-number::after {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, #8b5cf6, #ec4899);
  border-radius: inherit;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease;
}

.tx-countdown-panel:hover .tx-time-number::after {
  opacity: 0.3;
}

.tx-countdown-panel:hover .tx-time-number {
  transform: scale(1.1);
}

/* 新上线徽章动画 */
.tx-new-badge {
  animation: tx-new-pulse 2s ease-in-out infinite;
  position: relative;
}

@keyframes tx-new-pulse {
  0%, 100% { 
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
  }
  50% { 
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
  }
}

/* 发布时间徽章特效 */
.tx-time-badge {
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.tx-release-card:hover .tx-time-badge {
  transform: scale(1.1);
  background: rgba(34, 197, 94, 0.9);
  color: white;
}

/* 视频封面悬停效果 */
.tx-release-cover {
  position: relative;
  overflow: hidden;
}

.tx-release-cover img {
  transition: all 0.4s ease;
}

.tx-release-card:hover .tx-release-cover img {
  transform: scale(1.1);
}

/* 播放按钮特效 */
.tx-video-overlay .fas.fa-play {
  animation: tx-play-bounce 1s ease-in-out infinite;
}

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

/* 进度指示器动画 */
.tx-update-stats {
  transition: all 0.3s ease;
}

.tx-update-stats:hover {
  transform: translateY(-5px);
}

/* 统计数字滚动效果 */
.tx-stat-number {
  display: inline-block;
  transition: all 0.5s ease;
}

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

/* 发布卡片网格动画 */
.tx-releases-grid .tx-release-card {
  animation: tx-release-fade-up 0.6s ease forwards;
  opacity: 0;
  transform: translateY(50px);
}

.tx-release-card:nth-child(1) { animation-delay: 0.1s; }
.tx-release-card:nth-child(2) { animation-delay: 0.2s; }
.tx-release-card:nth-child(3) { animation-delay: 0.3s; }
.tx-release-card:nth-child(4) { animation-delay: 0.4s; }
.tx-release-card:nth-child(5) { animation-delay: 0.5s; }
.tx-release-card:nth-child(6) { animation-delay: 0.6s; }

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

/* 抢先观看按钮特效 */
.tx-release-card button {
  position: relative;
  overflow: hidden;
}

.tx-release-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-release-card button:hover::before {
  left: 100%;
}

/* 标签动画效果 */
.tx-release-tags span {
  transition: all 0.3s ease;
  position: relative;
}

.tx-release-card:hover .tx-release-tags span {
  transform: translateY(-3px) rotate(2deg);
}

.tx-release-tags span:nth-child(even) {
  transition-delay: 0.1s;
}

.tx-release-tags span:nth-child(odd) {
  transition-delay: 0.2s;
}

/* 评价卡片特效 */
.tx-review-card {
  transition: all 0.4s ease;
  position: relative;
}

.tx-review-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.05), rgba(236, 72, 153, 0.05));
  opacity: 0;
  transition: opacity 0.4s ease;
  border-radius: inherit;
}

.tx-review-card:hover::before {
  opacity: 1;
}

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

/* 响应式设计优化 */
@media (max-width: 768px) {
  .tx-countdown-timer {
    flex-direction: row;
    space-x: 1rem;
  }
  
  .tx-time-unit {
    margin-bottom: 1rem;
  }
  
  .tx-releases-grid {
    grid-template-columns: 1fr;
  }
  
  .tx-release-card {
    margin-bottom: 2rem;
  }
}

@media (max-width: 480px) {
  .tx-countdown-timer {
    space-x: 0.5rem;
  }
  
  .tx-time-number {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  
  .tx-hero-title {
    font-size: 2.5rem;
  }
}

/* 页面加载动画 */
.tx-latest-layout .tx-countdown-panel {
  animation: tx-countdown-bounce-in 1s ease forwards;
}

@keyframes tx-countdown-bounce-in {
  0% {
    opacity: 0;
    transform: translateY(-50px) scale(0.8);
  }
  50% {
    transform: translateY(10px) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}