:root{--vip-primary:#fbbf24;--vip-primary-dark:#d97706;--vip-accent:#ef4444;--vip-ink:#1c1917;--vip-halo:#facc1559;--vip-halo-strong:#facc158c}body{transition:background-color .6s,color .4s}body.has-vip *{transition-timing-function:cubic-bezier(.22,1,.36,1)}body.has-vip{background-color:#0a0d15;background-image:radial-gradient(1200px 700px at 8% -10%,#fbbf241a,#0000 60%),radial-gradient(1000px 700px at 105% 5%,#ef444414,#0000 55%),radial-gradient(900px 700px at 50% 110%,#fbbf240f,#0000 60%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}body.has-vip .app{background:0 0}body.has-vip .btn-primary{background:linear-gradient(135deg, var(--vip-primary), var(--vip-primary-dark) 55%, var(--vip-accent));color:var(--vip-ink);letter-spacing:.01em;font-weight:800;box-shadow:0 8px 22px #facc1547}body.has-vip .btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)scale(1.01);box-shadow:0 12px 28px #facc155c}body.has-vip .hero-play-btn,body.has-vip .btn.btn-primary,body.has-vip .player-chip-primary,body.has-vip .see-more:hover{background:linear-gradient(135deg, var(--vip-primary), var(--vip-accent))!important;color:var(--vip-ink)!important;border-color:#0000!important;box-shadow:0 6px 16px #facc154d!important}body.has-vip ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--vip-primary), var(--vip-primary-dark))}body.has-vip .app-card,body.has-vip .movie-card,body.has-vip .result-card{border:1px solid #ffffff0a;transition:transform .3s,box-shadow .35s,border-color .3s}body.has-vip .app-card:hover,body.has-vip .movie-card:hover,body.has-vip .result-card:hover{border-color:var(--vip-halo);box-shadow:0 18px 40px #00000073, 0 0 0 1px var(--vip-halo);transform:translateY(-4px)}body.has-vip .premium-badge,body.has-vip .card-badge.badge-vip{background:linear-gradient(135deg, var(--vip-primary), var(--vip-primary-dark));color:var(--vip-ink);letter-spacing:.04em;font-weight:800;box-shadow:0 3px 10px #facc1559}body.has-vip .category-chip.active,body.has-vip .chip.active{color:var(--vip-primary);border-color:var(--vip-halo-strong);background:linear-gradient(135deg,#fbbf2433,#ef444426);box-shadow:0 4px 14px #facc152e}body.has-vip .section-title,body.has-vip .page-header h1{background:linear-gradient(90deg, #fff 0%, #fef3c7 60%, var(--vip-primary) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}body.has-vip .see-more{color:var(--vip-primary)}body.has-vip .bottom-nav{background:#0a080ef5;border-top-color:#facc154d}body.has-vip .nav-item.active{color:var(--vip-primary)}body.has-vip .nav-item.active:before{background:linear-gradient(90deg, var(--vip-primary), var(--vip-accent))}body.has-vip .nav-item.active i{filter:drop-shadow(0 0 10px #facc158c)}body.has-vip .header-action-icon{color:#fff;background:#ffffff1a;border-color:#ffffff29}body.has-vip .header-chat{color:#bfdbfe}body.has-vip .header-gift{color:#fde68a}body.has-vip .hero-badge{background:linear-gradient(135deg, var(--vip-primary), var(--vip-accent));color:var(--vip-ink);box-shadow:0 4px 14px #facc1540}body.has-vip .hero-dot.active{background:var(--vip-primary);box-shadow:0 0 12px var(--vip-halo-strong)}body.has-vip .m-tag .fa-star{color:var(--vip-primary)!important}body.has-vip .spinner{border-top-color:var(--vip-primary)}body.has-vip .app{animation:.6s both vip-fade-in}@keyframes vip-fade-in{0%{opacity:.7}to{opacity:1}}@media (prefers-reduced-motion:reduce){body.has-vip .app,body.has-vip *{transition:none!important;animation:none!important}}
.header{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0a0a0cf0;border-bottom:1px solid #e5393538;align-items:center;height:68px;transition:background .35s,border-color .35s;display:flex;position:fixed;top:0;left:0;right:0}.header.header-vip{background:linear-gradient(90deg,#facc150f,#e539350d 50%,#facc150f),#0a0a0cf2;border-bottom:1px solid #facc1566}.header-content{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1400px;margin:0 auto;padding:0 22px;display:flex}.header-left{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.logo-link{align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo{border-radius:8px;flex-shrink:0;width:34px;height:34px}.header-brand-name{letter-spacing:-.5px;white-space:nowrap;background:linear-gradient(90deg,#e53935 0%,#ff6b6b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:21px;font-weight:800}.header-vip .header-brand-name{background:linear-gradient(90deg,#fbbf24 0%,#f97316 50%,#ef4444 100%);-webkit-background-clip:text;background-clip:text}.vip-pill{color:#1c1917;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:800;animation:2.4s ease-in-out infinite vip-shimmer;display:inline-flex;box-shadow:0 4px 12px #facc1559,inset 0 -1px #00000026}.vip-pill i{font-size:10px}@keyframes vip-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.header-nav-desktop{flex:1;justify-content:center;gap:28px;display:flex}.header-nav-desktop a{color:#ffffffb8;padding:6px 0;font-size:15px;font-weight:600;text-decoration:none;transition:color .25s;position:relative}.header-nav-desktop a:after{content:"";background:currentColor;border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header-nav-desktop a:hover,.header-nav-desktop a.active{color:#e53935}.header-nav-desktop a.active:after{width:100%}.header-vip .header-nav-desktop a:hover,.header-vip .header-nav-desktop a.active{color:#fbbf24}.header-right-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-action-icon{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;text-decoration:none;transition:background .2s,color .2s,transform .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative}.header-action-icon:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.header-action-icon:active{transform:scale(.95)}.header-chat{color:#93c5fd}.header-chat:hover{color:#fff;background:#3b82f6d9;border-color:#3b82f6e6}.header-gift{color:#fcd34d}.header-gift:hover{color:#1c1917;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#0000}.header-gift.has-cta{color:#fde047;background:#facc1529;border-color:#facc1566}.header-gift.has-cta:after{content:"";background:#ef4444;border:2px solid #0a0a0cf2;border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite dot-pulse;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #ef444440}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}.profile-circle{color:#fff;background:linear-gradient(135deg,#e53935e6,#ff6b6be6);border-color:#0000;font-size:20px}.profile-circle:hover{color:#fff;background:linear-gradient(135deg,#e53935,#ff6b6b)}.header-vip .profile-circle{color:#1c1917;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.header-login{background:linear-gradient(135deg,#e53935,#ff6b6b);border:none;border-radius:999px;gap:8px;width:auto;height:40px;padding:0 16px;font-size:14px;font-weight:700;box-shadow:0 4px 14px #e539354d;color:#fff!important}.header-login:hover{background:linear-gradient(135deg,#c62828,#e53935);transform:translateY(-2px);box-shadow:0 8px 20px #e5393566;color:#fff!important}.header-vip .header-login{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 14px #facc1559;color:#1c1917!important}.header-login-label{letter-spacing:.01em;font-size:13.5px;font-weight:700}@media (max-width:900px){.header-nav-desktop{display:none}.header-brand-name{font-size:18px}.header-logo{width:30px;height:30px}.vip-pill-text{display:none}.vip-pill{padding:4px 7px}.vip-pill i{font-size:11px}}@media (max-width:600px){.header{height:58px;padding-top:env(safe-area-inset-top)}.header-content{gap:8px;padding:0 12px}.header-brand-name{font-size:16px}.header-logo{width:28px;height:28px}.header-right-actions{gap:7px}.header-action-icon{width:38px;height:38px;font-size:16px}.profile-circle{font-size:18px}.header-login{height:38px;padding:0 12px}.header-login-label{display:none}}@media (max-width:400px){.header-brand-name{display:none}.header-right-actions{gap:6px}.header-action-icon{width:36px;height:36px;font-size:15px}.header-login{height:36px;padding:0 10px}}
.bottom-nav{display:none}@media (max-width:900px){.bottom-nav{width:100%;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);z-index:1200;background:#0b0d14f5;border-top:1px solid #e5393533;justify-content:space-around;align-items:stretch;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #0000008c}.nav-item{color:#ffffff9e;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 2px;text-decoration:none;transition:color .2s,transform .15s;display:flex;position:relative}.nav-item:before{content:"";background:#e53935;border-radius:0 0 3px 3px;width:34px;height:3px;transition:transform .25s;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.nav-item i{font-size:21px;line-height:1;transition:transform .2s}.nav-item span{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;font-weight:700;line-height:1;overflow:hidden}.nav-item:active{transform:scale(.92)}.nav-item.active{color:#ff5252}.nav-item.active:before{transform:translate(-50%)scaleX(1)}.nav-item.active i{filter:drop-shadow(0 0 8px #e539358c);transform:translateY(-1px)}}@media (max-width:360px){.bottom-nav .nav-item i{font-size:19px}.bottom-nav .nav-item span{font-size:9.5px}}