/* Moban 8-2-36 main.css - Cyberpunk enhanced styles */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes neonGlow{0%,100%{text-shadow:0 0 8px rgba(255,0,110,.4),0 0 16px rgba(255,0,110,.2)}50%{text-shadow:0 0 12px rgba(255,0,110,.6),0 0 24px rgba(255,0,110,.3)}}
@keyframes scanline{0%{transform:translateY(-100%)}100%{transform:translateY(100vh)}}
.hero-section{animation:fadeInUp .6s ease-out;border:1px solid rgba(255,0,110,.2);position:relative;overflow:hidden}
.hero-section::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--c2),transparent);animation:scanline 4s linear infinite;opacity:.3;pointer-events:none}
.hero-section .hero-title{animation:neonGlow 3s infinite}
.hero-section .btn-download{border:1px solid var(--c2);box-shadow:0 0 12px rgba(0,245,212,.2);transition:all .3s}
.hero-section .btn-download:hover{box-shadow:0 0 20px rgba(0,245,212,.4);background:rgba(0,245,212,.15)}
.content-section{animation:fadeInUp .5s ease-out both}
.content-section:nth-child(2){animation-delay:.1s}
.content-section:nth-child(3){animation-delay:.15s}
.content-section:nth-child(4){animation-delay:.2s}
.card-grid .card{border:1px solid rgba(255,0,110,.1);transition:transform .25s,border-color .25s,box-shadow .25s}
.card-grid .card:hover{border-color:var(--c1);box-shadow:0 0 16px rgba(255,0,110,.15)}
.waterfall-item{border:1px solid rgba(255,0,110,.08);transition:transform .3s,border-color .3s}
.waterfall-item:hover{border-color:var(--c2);box-shadow:0 0 12px rgba(0,245,212,.1);transform:translateY(-3px)}
.img-text-list .list-item{border:1px solid rgba(255,0,110,.08)}
.img-text-list .list-item:hover{border-color:var(--c1);box-shadow:0 0 12px rgba(255,0,110,.1)}
.bottom-tab-nav{background:var(--sf);border-top:1px solid rgba(255,0,110,.15)}
.tab-nav-item.active{color:var(--c1);text-shadow:0 0 8px rgba(255,0,110,.3)}
.tab-nav-item:hover{color:var(--c2)}
.left-sidebar{background:linear-gradient(180deg,#FF006E 0%,#C50050 100%)}
.left-sidebar::-webkit-scrollbar{width:4px}
.left-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}
.left-sidebar .nav-menu li a:hover{border-left-color:var(--c2);text-shadow:0 0 8px rgba(0,245,212,.3)}
.search-filter input{border:1px solid rgba(255,0,110,.15);background:var(--sf);color:var(--tx)}
.search-filter input:focus{border-color:var(--c2);box-shadow:0 0 8px rgba(0,245,212,.15)}
.section-title{text-shadow:0 0 12px rgba(255,0,110,.15)}
.section-title::after{content:'';display:block;width:40px;height:2px;background:var(--c2);margin-top:6px;box-shadow:0 0 8px rgba(0,245,212,.3);transition:width .3s}
.section-title:hover::after{width:80px}
.poster-card{border:1px solid rgba(255,0,110,.08)}
.poster-card:hover{border-color:var(--c1);box-shadow:0 0 16px rgba(255,0,110,.15)}
.poster-card img{transition:transform .4s}.poster-card:hover img{transform:scale(1.05)}
.single-post .post-content h2,.single-post .post-content h3{font-family:var(--fh);margin:20px 0 10px;color:var(--c1);text-shadow:0 0 8px rgba(255,0,110,.15)}
.single-post .post-content p{margin-bottom:14px}
.btn-download:hover{box-shadow:0 0 16px rgba(0,245,212,.3)}
::selection{background:rgba(255,0,110,.3);color:#fff}
.lazy-img{opacity:0;transition:opacity .4s}.lazy-img.loaded{opacity:1}
