.livetype-page[data-v-4e52419e]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-top:50px}.hero-section[data-v-4e52419e]{position:relative;height:400px;overflow:hidden}.hero-section .hero-bg[data-v-4e52419e]{height:100%;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9)),url(https://images.unsplash.com/photo-1542751371-adc38448a05e?fit=crop&h=1080&w=1920) 50%/cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.hero-section .hero-bg[data-v-4e52419e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.3) 100%)}.hero-section .hero-content[data-v-4e52419e]{text-align:center;color:#fff;z-index:2;position:relative}.hero-section .hero-title[data-v-4e52419e]{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-section .hero-title .gradient-text[data-v-4e52419e]{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:gradientShift-4e52419e 3s ease-in-out infinite;animation:gradientShift-4e52419e 3s ease-in-out infinite}.hero-section .hero-title .normal-text[data-v-4e52419e]{color:#fff}.hero-section .hero-subtitle[data-v-4e52419e]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-section .hero-stats[data-v-4e52419e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3rem}.hero-section .hero-stats .stat-item[data-v-4e52419e]{text-align:center}.hero-section .hero-stats .stat-item .stat-number[data-v-4e52419e]{display:block;font-size:2rem;font-weight:700;color:gold}.hero-section .hero-stats .stat-item .stat-label[data-v-4e52419e]{font-size:.9rem;opacity:.8}.main-content[data-v-4e52419e]{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#f8f9fa));background:linear-gradient(180deg,transparent,#f8f9fa);padding:4rem 0}.container[data-v-4e52419e]{max-width:1400px;margin:0 auto;padding:0 2rem}.categories-section[data-v-4e52419e]{margin-bottom:4rem}.section-header[data-v-4e52419e]{text-align:center;margin-bottom:3rem}.section-header .section-title[data-v-4e52419e]{font-size:2.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}.section-header .section-title i[data-v-4e52419e]{color:#667eea}.section-header .section-subtitle[data-v-4e52419e]{font-size:1.1rem;color:#7f8c8d}.categories-grid[data-v-4e52419e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.category-card[data-v-4e52419e]{position:relative;height:280px;border-radius:20px;overflow:hidden;cursor:pointer;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.1)}.category-card[data-v-4e52419e]:hover{-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02);-webkit-box-shadow:0 20px 60px rgba(0,0,0,.2);box-shadow:0 20px 60px rgba(0,0,0,.2)}.category-card:hover .card-hover-overlay[data-v-4e52419e]{opacity:1}.category-card:hover .card-bg-image[data-v-4e52419e]{-webkit-transform:scale(1.1);transform:scale(1.1)}.category-card.featured[data-v-4e52419e]{grid-column:span 2;height:320px}.category-card.featured .card-title[data-v-4e52419e]{font-size:2rem}.card-background[data-v-4e52419e]{position:absolute;top:0;left:0;right:0;bottom:0}.card-background .card-bg-image[data-v-4e52419e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.card-background .card-gradient[data-v-4e52419e]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.6));z-index:1}.card-content[data-v-4e52419e]{position:relative;z-index:2;padding:2rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff}.card-icon[data-v-4e52419e]{font-size:3rem;margin-bottom:1rem;color:gold}.card-info[data-v-4e52419e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-info .card-title[data-v-4e52419e]{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.card-info .card-description[data-v-4e52419e]{opacity:.9;margin-bottom:1.5rem;line-height:1.4}.card-stats[data-v-4e52419e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}.card-stats .stat .number[data-v-4e52419e]{display:block;font-size:1.2rem;font-weight:700;color:gold}.card-stats .stat .label[data-v-4e52419e]{font-size:.8rem;opacity:.8}.hot-badge[data-v-4e52419e],.new-badge[data-v-4e52419e]{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;z-index:3}.hot-badge[data-v-4e52419e]{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.3rem}.new-badge[data-v-4e52419e]{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff}.card-hover-overlay[data-v-4e52419e]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:4}.card-hover-overlay .hover-content[data-v-4e52419e]{text-align:center;color:#fff}.card-hover-overlay .hover-content .popular-streamers[data-v-4e52419e]{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem}.card-hover-overlay .hover-content .popular-streamers .streamer-text[data-v-4e52419e]{font-size:.9rem;opacity:.8}.quick-nav-section[data-v-4e52419e]{margin-bottom:4rem}.quick-nav-grid[data-v-4e52419e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.quick-nav-item[data-v-4e52419e]{background:#fff;padding:1.5rem;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1)}.quick-nav-item[data-v-4e52419e]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 10px 30px rgba(0,0,0,.15);box-shadow:0 10px 30px rgba(0,0,0,.15)}.quick-nav-item:hover .nav-icon[data-v-4e52419e]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.quick-nav-item .nav-icon[data-v-4e52419e]{width:50px;height:50px;border-radius:50%;background:#f8f9fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem;color:#667eea;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-nav-item .nav-text[data-v-4e52419e]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:500;color:#2c3e50}.quick-nav-item .nav-arrow[data-v-4e52419e]{color:#bdc3c7;-webkit-transition:all .3s ease;transition:all .3s ease}.quick-nav-item:hover .nav-arrow[data-v-4e52419e]{color:#667eea;-webkit-transform:translateX(5px);transform:translateX(5px)}.recommended-section .section-header[data-v-4e52419e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;margin-bottom:2rem}.recommended-section .section-header .section-title[data-v-4e52419e]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.streamers-carousel[data-v-4e52419e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.streamer-card[data-v-4e52419e]{background:#fff;padding:1.5rem;border-radius:15px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1)}.streamer-card[data-v-4e52419e]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 10px 30px rgba(0,0,0,.15);box-shadow:0 10px 30px rgba(0,0,0,.15)}.streamer-card .streamer-avatar[data-v-4e52419e]{position:relative;display:inline-block;margin-bottom:1rem}.streamer-card .streamer-avatar .online-status[data-v-4e52419e]{position:absolute;bottom:0;right:0;width:16px;height:16px;background:#27ae60;border:3px solid #fff;border-radius:50%}.streamer-card .streamer-name[data-v-4e52419e]{font-weight:600;color:#2c3e50;margin-bottom:.5rem}.streamer-card .streamer-category[data-v-4e52419e]{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.streamer-card .streamer-stats .viewers[data-v-4e52419e]{color:#e74c3c;font-weight:500;font-size:.9rem}@-webkit-keyframes gradientShift-4e52419e{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift-4e52419e{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:768px){.hero-title[data-v-4e52419e]{font-size:2.5rem!important}.hero-stats[data-v-4e52419e]{gap:1.5rem!important}.categories-grid[data-v-4e52419e]{grid-template-columns:1fr}.category-card.featured[data-v-4e52419e]{grid-column:span 1}.quick-nav-grid[data-v-4e52419e]{grid-template-columns:1fr}.streamers-carousel[data-v-4e52419e]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.section-header .section-title[data-v-4e52419e]{font-size:2rem!important}.container[data-v-4e52419e]{padding:0 1rem}}