.hero-index{background:linear-gradient(135deg,#fdf2f4 0%,#fff9fa 40%,#fdf2f4 100%)}
.hero-index .hero-visual{position:relative;display:flex;justify-content:center;align-items:center}
.hero-showcase{text-align:center;position:relative;z-index:1}
.hero-disc{width:200px;height:200px;border-radius:50%;overflow:hidden;margin:0 auto 20px;box-shadow:0 16px 48px rgba(214,105,127,0.25);border:5px solid #fff;animation:spin 20s linear infinite}
.hero-disc img{width:100%;height:100%;object-fit:cover}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.hero-wave{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:40px;margin-bottom:16px}
.hero-wave span{width:5px;background:var(--primary);border-radius:3px;animation:wave 1.2s ease-in-out infinite}
.hero-wave span:nth-child(1){height:20px;animation-delay:0s}
.hero-wave span:nth-child(2){height:35px;animation-delay:0.15s}
.hero-wave span:nth-child(3){height:25px;animation-delay:0.3s}
.hero-wave span:nth-child(4){height:40px;animation-delay:0.45s}
.hero-wave span:nth-child(5){height:20px;animation-delay:0.6s}
@keyframes wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(0.4)}}
.hero-playing strong{display:block;font-size:15px;color:var(--text);margin-bottom:4px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;margin-right:auto}
.hero-playing span{font-size:13px;color:var(--text-muted)}
.features-section .feature-card:first-child .fc-icon{color:#D6697F}
.features-section .feature-card:nth-child(2) .fc-icon{color:#E8839A}
.features-section .feature-card:nth-child(3) .fc-icon{color:#C05A6E}
.features-section .feature-card:nth-child(4) .fc-icon{color:#F09BAE}
.stats-section .stat-item .stat-num{animation:countUp 0.8s ease-out}
.stats-section .stat-item:nth-child(1){animation-delay:0s}
.stats-section .stat-item:nth-child(2){animation-delay:0.2s}
.stats-section .stat-item:nth-child(3){animation-delay:0.4s}
.stats-section .stat-item:nth-child(4){animation-delay:0.6s}
.drama-card .card-cover .play-count{position:absolute;bottom:8px;right:10px;background:rgba(0,0,0,0.6);color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;display:flex;align-items:center;gap:4px}
.drama-section .section-more .btn-outline{padding:10px 28px;font-size:15px}
.news-section .section-more .btn-outline{padding:10px 28px;font-size:15px}
.faq-section .section-more .btn-outline{padding:10px 28px;font-size:15px}
@media(max-width:768px){
.hero-disc{width:150px;height:150px}
}