.tx-live-room {
  transition: all 0.4s ease;
  position: relative;
}

.tx-live-room:hover {
  transform: translateY(-8px);
}

/* 直播封面效果 */
.tx-room-cover {
  position: relative;
  overflow: hidden;
}

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

.tx-live-room:hover .tx-room-cover img {
  transform: scale(1.1);
}

/* 直播中徽章动画 */
.tx-live-badge {
  animation: tx-live-blink 1.5s ease-in-out infinite;
}

@keyframes tx-live-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* 观看人数徽章 */
.tx-viewer-count {
  animation: tx-viewer-pulse 3s ease-in-out infinite;
}

@keyframes tx-viewer-pulse {
  0%, 100% { 
    transform: scale(1);
    background: rgba(0, 0, 0, 0.7);
  }
  50% { 
    transform: scale(1.05);
    background: rgba(239, 68, 68, 0.8);
  }
}

/* 主播头像动画 */
.tx-host-avatar {
  transition: all 0.3s ease;
  position: relative;
}

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

.tx-live-room:hover .tx-host-avatar::after {
  opacity: 0.5;
}

.tx-live-room:hover .tx-host-avatar {
  transform: scale(1.1) rotate(5deg);
}

/* 进入直播间按钮特效 */
.tx-live-room button {
  position: relative;
  overflow: hidden;
}

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

/* 开播按钮特效 */
.tx-live-btn {
  animation: tx-live-btn-glow 2s ease-in-out infinite;
}

@keyframes tx-live-btn-glow {
  0%, 100% { 
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
  }
  50% { 
    box-shadow: 0 8px 30px rgba(239, 68, 68, 0.6);
  }
}

/* 直播统计动画 */
.tx-live-stats .tx-stat-number {
  transition: all 0.5s ease;
}

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

/* 直播房间网格动画 */
.tx-rooms-grid .tx-live-room {
  animation: tx-room-slide-up 0.6s ease forwards;
  opacity: 0;
  transform: translateY(50px);
}

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

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

/* 房间信息动画 */
.tx-room-info {
  transition: all 0.3s ease;
}

.tx-live-room:hover .tx-room-info {
  background: rgba(239, 68, 68, 0.05);
}

.tx-room-title {
  transition: all 0.3s ease;
}

.tx-live-room:hover .tx-room-title {
  color: #ef4444;
  transform: translateX(5px);
}

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

@media (max-width: 480px) {
  .tx-rooms-grid {
    grid-template-columns: 1fr;
  }
  
  .tx-hero-title {
    font-size: 2.5rem;
  }
}