.hero-slider{border-radius:0 0 24px 24px;height:70vh;margin-bottom:3rem;max-height:700px;min-height:500px;overflow:hidden;position:relative;width:100%}.slider-container{height:100%;position:relative;width:100%}.slide{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .8s ease;width:100%}.slide.active{opacity:1;pointer-events:auto}.slide-image{background:var(--bg-primary);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.slide-overlay{background:linear-gradient(180deg,transparent,rgba(10,14,39,.4) 50%,rgba(10,14,39,.9));inset:0;position:absolute}.slide-content{bottom:0;color:#fff;left:0;padding:3rem var(--container-padding);position:absolute;right:0;z-index:10}.slide-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.slide-description{color:hsla(0,0%,100%,.9);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;max-width:600px;text-shadow:0 1px 5px rgba(0,0,0,.5)}.slide-link{align-items:center;background:var(--gradient-primary);border-radius:12px;box-shadow:0 4px 12px rgba(99,102,241,.4);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all var(--transition-fast)}.slide-link:hover{box-shadow:0 6px 20px rgba(99,102,241,.6);transform:translateY(-2px)}.slide-icon{height:20px;width:20px}.slider-indicators{bottom:2rem;display:flex;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%);z-index:20}.indicator{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;transition:all var(--transition-fast);width:40px}.indicator.active{background:#fff;box-shadow:0 0 10px hsla(0,0%,100%,.5);width:60px}.slider-arrow{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:50px;z-index:20}.slider-arrow:hover{background:hsla(0,0%,100%,.2);transform:translateY(-50%) scale(1.1)}.slider-arrow-prev{left:2rem}.slider-arrow-next{right:2rem}.arrow-icon{height:24px;width:24px}.category-section{margin-bottom:3rem}.mod-list{align-items:flex-start;display:flex;gap:2rem}.panel-left{flex:1;min-width:0}.panel-header{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.2);border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.panel-title{color:var(--text-primary);flex-shrink:0;font-size:1.5rem;font-weight:700;min-width:100px;position:relative}.panel-title:before{background:var(--gradient-primary);border-radius:2px;content:"";height:24px;left:-.5rem;position:absolute;top:50%;transform:translateY(-50%);width:4px}.panel-category{display:flex;flex:1;flex-wrap:wrap;gap:.5rem;margin:0 1rem;min-width:0;overflow:hidden}.category-link{color:var(--text-secondary);font-size:.875rem;padding:.25rem 1rem;position:relative;transition:all var(--transition-fast);white-space:nowrap}.category-link:before{color:var(--text-muted);content:"/";left:0;position:absolute}.category-link:hover{color:var(--primary-500)}.panel-more{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.panel-more svg{height:16px;width:16px}.panel-more:hover{color:var(--primary-500);gap:.75rem}.panel-body{padding:0}.panel-left .video-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}.panel-right{flex-shrink:0;width:320px}.panel-right .panel-header{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border:1px solid rgba(99,102,241,.25);border-radius:12px;display:flex;justify-content:center;margin-bottom:1rem;padding:1rem}.panel-right .panel-header .panel-title{align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.panel-right .panel-header .panel-title:before{display:none}.panel-right .panel-header .panel-title .title-icon{fill:var(--primary-500);height:20px;width:20px;-webkit-text-fill-color:initial}.panel-right .panel-body{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:12px;padding:.75rem}.panel-right .rank-list{display:flex;flex-direction:column;gap:.75rem}.panel-right .rank-item{background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:8px;display:flex;gap:.75rem;overflow:hidden;padding:.75rem;position:relative;transition:all var(--transition-fast)}.panel-right .rank-item:hover{background:var(--bg-card-hover);border-color:var(--primary-500);box-shadow:-4px 0 12px rgba(99,102,241,.15);transform:translateX(4px)}.panel-right .rank-number{bottom:0;left:0;min-width:36px;position:absolute;text-align:center;z-index:1}.panel-right .rank-number span{color:hsla(0,0%,100%,.15);display:inline-block;font-family:Impact,Arial Black,sans-serif;font-size:2rem;font-weight:900;text-shadow:1px 1px 2px rgba(0,0,0,.1);transform:skewX(-10deg)}.panel-right .rank-item:first-child .rank-number span{color:rgba(255,79,52,.8);text-shadow:0 0 8px rgba(255,79,52,.3)}.panel-right .rank-item:nth-child(2) .rank-number span{color:rgba(250,100,0,.8);text-shadow:0 0 8px rgba(250,100,0,.3)}.panel-right .rank-item:nth-child(3) .rank-number span{color:rgba(255,184,2,.8);text-shadow:0 0 8px rgba(255,184,2,.3)}.panel-right .rank-cover{flex-shrink:0;position:relative;width:75px;z-index:2}.panel-right .rank-cover img{background:var(--bg-tertiary);border-radius:6px;height:75px;-o-object-fit:cover;object-fit:cover;width:100%}.panel-right .rank-info{display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:center;min-width:0;position:relative;z-index:2}.panel-right .rank-title{font-size:.9375rem;font-weight:600;line-height:1.4;margin:0}.panel-right .rank-title a{color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.panel-right .rank-title a:hover{color:var(--primary-500)}.panel-right .rank-desc{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.5rem;margin:0}.panel-right .rank-type{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border-radius:4px;color:var(--primary-500);font-weight:500;padding:.125rem .5rem}.panel-right .rank-status{color:var(--text-muted)}@media(max-width:1200px){.panel-left .video-grid{grid-template-columns:repeat(3,1fr)}.panel-right{width:280px}}@media(max-width:1024px){.mod-list{flex-direction:column}.panel-right{width:100%}.panel-left .video-grid{grid-template-columns:repeat(4,1fr)}.panel-right .rank-list{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.slide-title{font-size:2rem}.slide-description{font-size:1rem}}@media(max-width:768px){.hero-slider{border-radius:0 0 16px 16px;height:50vh;min-height:400px}.slide-content{padding:2rem var(--container-padding)}.slide-title{font-size:1.75rem}.slide-description{font-size:.9rem;margin-bottom:1rem}.slider-arrow{height:40px;width:40px}.slider-arrow-prev{left:1rem}.slider-arrow-next{right:1rem}.panel-header{flex-wrap:wrap;padding:1rem}.panel-category{margin:.5rem 0}.panel-left .video-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.panel-right .rank-list{grid-template-columns:1fr}.panel-title{font-size:1.25rem}}@media(max-width:480px){.hero-slider{height:40vh;min-height:300px}.slide-title{font-size:1.5rem}.slide-description{display:none}.panel-left .video-grid{grid-template-columns:repeat(2,1fr)}.panel-header{align-items:flex-start;flex-direction:column}.panel-category{margin:.5rem 0;width:100%}.panel-more{align-self:flex-end}.panel-right .rank-item{padding:.5rem}.panel-right .rank-cover{width:60px}.panel-right .rank-cover img{height:60px}.panel-right .rank-title{font-size:.875rem}}