/* Moban 8-2-35 main.css - Neomorphism Royal Purple enhanced styles */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero-section{animation:fadeInUp .6s ease-out;box-shadow:var(--sh)}
.hero-section .btn-download{box-shadow:4px 4px 8px rgba(106,27,154,.15),-4px -4px 8px rgba(255,255,255,.6);transition:all .3s}
.hero-section .btn-download:hover{box-shadow:2px 2px 4px rgba(106,27,154,.15),-2px -2px 4px rgba(255,255,255,.6)}
.hero-section .btn-download:active{box-shadow:inset 2px 2px 4px rgba(106,27,154,.15),inset -2px -2px 4px rgba(255,255,255,.6)}
.content-section{animation:fadeInUp .5s ease-out both}
.content-section:nth-child(2){animation-delay:.1s}
.content-section:nth-child(3){animation-delay:.2s}
.card-grid .card{box-shadow:var(--sh);transition:transform .25s,box-shadow .25s}
.card-grid .card:hover{box-shadow:var(--shh)}
.h-scroll .scroll-item{box-shadow:var(--sh);transition:transform .2s}
.h-scroll .scroll-item:hover{transform:translateY(-2px);box-shadow:var(--shh)}
.big-card{box-shadow:var(--sh);transition:transform .25s,box-shadow .25s}
.big-card:hover{transform:translateY(-3px);box-shadow:var(--shh)}
.small-card{box-shadow:var(--sh);transition:transform .2s}
.small-card:hover{transform:translateY(-2px);box-shadow:var(--shh)}
.left-sidebar{background:linear-gradient(180deg,#6A1B9A 0%,#4A148C 100%)}
.left-sidebar::-webkit-scrollbar{width:4px}
.left-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:2px}
.drawer-overlay{transition:opacity .3s}
.section-title::after{content:'';display:block;width:40px;height:3px;background:linear-gradient(90deg,var(--c1),var(--c2));margin-top:6px;border-radius:2px;transition:width .3s}
.section-title:hover::after{width:80px}
.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)}
.single-post .post-content p{margin-bottom:14px}
.btn{box-shadow:3px 3px 6px rgba(106,27,154,.1),-3px -3px 6px rgba(255,255,255,.6);transition:all .2s}
.btn:hover{box-shadow:2px 2px 4px rgba(106,27,154,.1),-2px -2px 4px rgba(255,255,255,.6)}
.btn:active{box-shadow:inset 2px 2px 4px rgba(106,27,154,.1),inset -2px -2px 4px rgba(255,255,255,.6)}
.theme-toggle{position:fixed;bottom:80px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--sf);box-shadow:var(--sh);border:none;cursor:pointer;z-index:900;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s}
.theme-toggle:hover{box-shadow:var(--shh);transform:scale(1.05)}
body.dark-mode{--bg:#1a1025;--sf:#2d1f3d;--tx:#e0d4f0;--tl:#b39ddb;--sh:0 2px 8px rgba(0,0,0,.3);--shh:0 4px 16px rgba(106,27,154,.3)}
::selection{background:rgba(106,27,154,.2);color:var(--tx)}
.lazy-img{opacity:0;transition:opacity .4s}.lazy-img.loaded{opacity:1}