[data-v-c8c1f29e] body,[data-v-c8c1f29e] html{overflow-x:hidden!important;max-width:100%!important}[data-v-c8c1f29e] .el-scrollbar__bar.is-horizontal{display:none!important}.popular-live-page[data-v-c8c1f29e]{min-height:auto;position:relative;overflow-x:hidden!important;width:100%;max-width:100vw}.animated-background[data-v-c8c1f29e]{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 80%,rgba(255,20,147,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.2) 0,transparent 50%),linear-gradient(135deg,#0f0f0f,#1a1a2e 50%,#16213e)}.animated-background .neon-grid[data-v-c8c1f29e]{position:absolute;width:100%;height:100%;opacity:.1}.animated-background .neon-grid .grid-line[data-v-c8c1f29e]{position:absolute;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#0ff),to(transparent));background:linear-gradient(90deg,transparent,#0ff,transparent);height:1px;width:100%;-webkit-animation:grid-pulse-c8c1f29e 4s ease-in-out infinite;animation:grid-pulse-c8c1f29e 4s ease-in-out infinite}.animated-background .neon-grid .grid-line.vertical[data-v-c8c1f29e]{width:1px;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(#ff1493),to(transparent));background:linear-gradient(180deg,transparent,#ff1493,transparent);-webkit-animation-delay:2s;animation-delay:2s}.animated-background .sparkle-container[data-v-c8c1f29e]{position:absolute;width:100%;height:100%}.animated-background .sparkle-container .sparkle[data-v-c8c1f29e]{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;-webkit-animation:sparkle-c8c1f29e 3s infinite;animation:sparkle-c8c1f29e 3s infinite;-webkit-box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff}.animated-background .light-beams[data-v-c8c1f29e]{position:absolute;width:100%;height:100%}.animated-background .light-beams .beam[data-v-c8c1f29e]{position:absolute;width:2px;height:100px;-webkit-animation:beam-flow-c8c1f29e 6s linear infinite;animation:beam-flow-c8c1f29e 6s linear infinite}.animated-background .light-beams .beam.beam-1[data-v-c8c1f29e],.animated-background .light-beams .beam[data-v-c8c1f29e]{background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(#ff6b6b),to(transparent));background:linear-gradient(180deg,transparent,#ff6b6b,transparent)}.animated-background .light-beams .beam.beam-1[data-v-c8c1f29e]{left:20%;-webkit-animation-delay:0s;animation-delay:0s}.animated-background .light-beams .beam.beam-2[data-v-c8c1f29e]{left:50%;-webkit-animation-delay:2s;animation-delay:2s;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(#4ecdc4),to(transparent));background:linear-gradient(180deg,transparent,#4ecdc4,transparent)}.animated-background .light-beams .beam.beam-3[data-v-c8c1f29e]{left:80%;-webkit-animation-delay:4s;animation-delay:4s;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(#ffe66d),to(transparent));background:linear-gradient(180deg,transparent,#ffe66d,transparent)}.page-container[data-v-c8c1f29e]{position:relative;z-index:1;width:100%;max-width:100%;overflow-x:hidden;margin-top:60px;min-height:auto;height:auto}.main-layout[data-v-c8c1f29e]{margin-left:280px;-webkit-transition:margin-left .3s ease;transition:margin-left .3s ease;padding:20px;min-height:auto;height:auto;width:calc(100vw - 280px);max-width:calc(100vw - 280px);overflow-x:hidden}.main-layout.sidebar-collapsed[data-v-c8c1f29e]{margin-left:60px;width:calc(100vw - 60px);max-width:calc(100vw - 60px)}.sidebar[data-v-c8c1f29e]{width:280px;background:rgba(45,45,60,.95);backdrop-filter:blur(20px);border-radius:0;-webkit-box-shadow:2px 0 8px rgba(0,0,0,.2);box-shadow:2px 0 8px rgba(0,0,0,.2);border:none;border-right:1px solid hsla(0,0%,100%,.1);position:fixed;top:80px;left:0;bottom:0;height:calc(100vh - 80px);overflow-y:auto;-webkit-transition:width .3s ease;transition:width .3s ease;z-index:1000;scrollbar-width:none;-ms-overflow-style:none}.sidebar[data-v-c8c1f29e]::-webkit-scrollbar{display:none}.sidebar.collapsed[data-v-c8c1f29e]{width:60px}.sidebar.collapsed .category-section .expand-btn[data-v-c8c1f29e],.sidebar.collapsed .category-section .section-title[data-v-c8c1f29e],.sidebar.collapsed .game-grid[data-v-c8c1f29e],.sidebar.collapsed .sidebar-footer .action-buttons[data-v-c8c1f29e],.sidebar.collapsed .sidebar-footer .footer-links[data-v-c8c1f29e],.sidebar.collapsed .top-menu .menu-item span[data-v-c8c1f29e]{display:none}.sidebar.collapsed .category-section .section-header[data-v-c8c1f29e]{padding:20px 10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.sidebar.collapsed .category-section .section-header[data-v-c8c1f29e]:before{font-size:18px;color:#ff6b35;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}.sidebar.collapsed .category-section .section-header[data-category-type=all][data-v-c8c1f29e]:before{content:"🏠"}.sidebar.collapsed .category-section .section-header[data-category-type=game][data-v-c8c1f29e]:before{content:"🎮"}.sidebar.collapsed .category-section .section-header[data-category-type=entertainment][data-v-c8c1f29e]:before{content:"🎭"}.sidebar.collapsed .category-section .section-header[data-category-type=music][data-v-c8c1f29e]:before{content:"🎵"}.sidebar.collapsed .category-section .section-header[data-category-type=dance][data-v-c8c1f29e]:before{content:"💃"}.sidebar.collapsed .category-section .section-header[data-category-type=outdoor][data-v-c8c1f29e]:before{content:"🌍"}.sidebar.collapsed .category-section .section-header[data-category-type=food][data-v-c8c1f29e]:before{content:"🍕"}.sidebar.collapsed .category-section .section-header[data-category-type=study][data-v-c8c1f29e]:before{content:"📚"}.sidebar.collapsed .category-section .section-header[data-category-type=tech][data-v-c8c1f29e]:before{content:"💻"}.sidebar.collapsed .category-section .section-header[data-category-type=chat][data-v-c8c1f29e]:before{content:"💬"}.sidebar.collapsed .category-section .section-header[data-category-type=sports][data-v-c8c1f29e]:before{content:"⚽"}.sidebar.collapsed .category-section .section-header[data-category-type=esports][data-v-c8c1f29e]:before{content:"🏆"}.sidebar.collapsed .category-section .section-header[data-category-type=mobile][data-v-c8c1f29e]:before{content:"📱"}.sidebar.collapsed .category-section .section-header[data-category-type=pc][data-v-c8c1f29e]:before{content:"🖥️"}.sidebar.collapsed .category-section .section-header[data-category-type=online][data-v-c8c1f29e]:before{content:"🌐"}.sidebar.collapsed .category-section .section-header[data-category-type=single][data-v-c8c1f29e]:before{content:"🎯"}.sidebar.collapsed .category-section .section-header[data-category-type=default][data-v-c8c1f29e]:before{content:"📺"}.sidebar.collapsed .category-section .section-header[data-v-c8c1f29e]:after{content:"";width:30px;height:2px;background:#ff6b35;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:5px}.sidebar.collapsed .category-section .section-header.active[data-v-c8c1f29e]:before{color:#ff8a50;-webkit-animation:pulse-dot-c8c1f29e 2s infinite;animation:pulse-dot-c8c1f29e 2s infinite}.sidebar.collapsed .top-menu .menu-item[data-v-c8c1f29e]{padding:20px 10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sidebar.collapsed .top-menu .menu-item i[data-v-c8c1f29e]{font-size:24px;color:#ccc}.sidebar.collapsed .top-menu .menu-item .game-logos[data-v-c8c1f29e]{display:none}.sidebar.collapsed .sidebar-footer[data-v-c8c1f29e]{padding:10px}.sidebar .top-menu[data-v-c8c1f29e]{padding:0;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar .top-menu .menu-item[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;color:#ccc;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border-bottom:1px solid hsla(0,0%,100%,.05);position:relative}.sidebar .top-menu .menu-item[data-v-c8c1f29e]:hover{background:hsla(0,0%,100%,.05);color:#fff}.sidebar .top-menu .menu-item:hover i[data-v-c8c1f29e]{color:#409eff}.sidebar .top-menu .menu-item i[data-v-c8c1f29e]{font-size:16px;margin-right:12px;color:#999;-webkit-transition:color .3s ease;transition:color .3s ease}.sidebar .top-menu .menu-item span[data-v-c8c1f29e]{font-size:14px;font-weight:400}.sidebar .top-menu .menu-item .game-logos[data-v-c8c1f29e]{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.sidebar .top-menu .menu-item .game-logos .game-logo[data-v-c8c1f29e]{width:20px;height:20px;border-radius:2px;opacity:.7}.sidebar .category-section .section-header[data-v-c8c1f29e]{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;padding:15px 20px;color:#ff6b35;cursor:pointer;border-left:3px solid #ff6b35;background:rgba(255,107,53,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar .category-section .section-header[data-v-c8c1f29e]:hover{background:rgba(255,107,53,.15)}.sidebar .category-section .section-header.active[data-v-c8c1f29e]{background:rgba(255,107,53,.2);border-left-color:#ff8a50;color:#ff8a50}.sidebar .category-section .section-header.active .section-title[data-v-c8c1f29e]{font-weight:700}.sidebar .category-section .section-header.active .expand-btn[data-v-c8c1f29e]{color:#ff8a50;font-weight:600}.sidebar .category-section .section-header .section-title[data-v-c8c1f29e]{font-size:14px;font-weight:600}.sidebar .category-section .section-header .expand-btn[data-v-c8c1f29e]{font-size:12px;color:#999;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar .category-section .game-grid[data-v-c8c1f29e]{padding:15px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:rgba(0,0,0,.2)}.sidebar .category-section .game-grid .game-item[data-v-c8c1f29e]{padding:8px 10px;background:hsla(0,0%,100%,.08);border-radius:4px;text-align:center;font-size:12px;color:#ccc;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid transparent}.sidebar .category-section .game-grid .game-item[data-v-c8c1f29e]:hover{background:hsla(0,0%,100%,.12);color:#fff;border-color:rgba(64,158,255,.5)}.sidebar .category-section .game-grid .game-item.active[data-v-c8c1f29e]{background:rgba(64,158,255,.2);color:#409eff;border-color:#409eff}.sidebar .sidebar-footer[data-v-c8c1f29e]{padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar .sidebar-footer .action-buttons[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:20px}.sidebar .sidebar-footer .action-buttons .download-btn[data-v-c8c1f29e],.sidebar .sidebar-footer .action-buttons .stream-btn[data-v-c8c1f29e]{width:100%;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:500;border:none;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar .sidebar-footer .action-buttons .download-btn i[data-v-c8c1f29e],.sidebar .sidebar-footer .action-buttons .stream-btn i[data-v-c8c1f29e]{margin-right:8px}.sidebar .sidebar-footer .action-buttons .download-btn[data-v-c8c1f29e]{background:hsla(0,0%,100%,.1);color:#ccc;border:1px solid hsla(0,0%,100%,.2)}.sidebar .sidebar-footer .action-buttons .download-btn[data-v-c8c1f29e]:hover{background:hsla(0,0%,100%,.15);color:#fff;border-color:hsla(0,0%,100%,.3)}.sidebar .sidebar-footer .action-buttons .stream-btn[data-v-c8c1f29e]{background:linear-gradient(135deg,#ff6b35,#ff8a50);color:#fff}.sidebar .sidebar-footer .action-buttons .stream-btn[data-v-c8c1f29e]:hover{background:linear-gradient(135deg,#ff5722,#ff7043);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(255,107,53,.4);box-shadow:0 4px 12px rgba(255,107,53,.4)}.sidebar .sidebar-footer .footer-links[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;color:#999}.sidebar .sidebar-footer .footer-links span[data-v-c8c1f29e]{cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.sidebar .sidebar-footer .footer-links span[data-v-c8c1f29e]:hover{color:#ccc}.slide-down-enter-active[data-v-c8c1f29e],.slide-down-leave-active[data-v-c8c1f29e]{-webkit-transition:all .3s ease;transition:all .3s ease;max-height:500px;overflow:hidden}.slide-down-enter[data-v-c8c1f29e],.slide-down-leave-to[data-v-c8c1f29e]{max-height:0;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.main-content[data-v-c8c1f29e]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:20px 40px 0 0;position:relative;z-index:1}.page-header[data-v-c8c1f29e]{margin-bottom:25px;padding:30px;background:linear-gradient(135deg,rgba(26,26,46,.9),rgba(22,33,62,.9));backdrop-filter:blur(20px);border-radius:20px;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);box-shadow:0 10px 40px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);border:1px solid rgba(0,255,255,.3);position:relative;overflow:hidden}.page-header[data-v-c8c1f29e]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#ff1493),color-stop(50%,#0ff),to(#ffe66d));background:linear-gradient(90deg,#ff1493,#0ff 50%,#ffe66d);-webkit-animation:rainbow-flow-c8c1f29e 3s infinite;animation:rainbow-flow-c8c1f29e 3s infinite}.page-header[data-v-c8c1f29e]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,20,147,.1) 0,transparent 70%),radial-gradient(circle,rgba(0,255,255,.1) 0,transparent 70%);-webkit-animation:aurora-c8c1f29e 8s linear infinite;animation:aurora-c8c1f29e 8s linear infinite;pointer-events:none}.page-header .header-content[data-v-c8c1f29e]{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}.page-header .header-content .title-section .page-title[data-v-c8c1f29e]{margin:0 0 10px 0;font-size:36px;font-weight:700;color:#2c3e50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;position:relative}.page-header .header-content .title-section .page-title .title-icon[data-v-c8c1f29e]{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;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;color:#fff}.page-header .header-content .title-section .page-title .title-icon i[data-v-c8c1f29e]{font-size:24px}.page-header .header-content .title-section .page-title .title-text[data-v-c8c1f29e]{background:linear-gradient(135deg,#0ff,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-animation:text-glow-c8c1f29e 3s infinite alternate;animation:text-glow-c8c1f29e 3s infinite alternate}.page-header .header-content .title-section .page-title .title-decoration[data-v-c8c1f29e]{width:3px;height:40px;background:-webkit-gradient(linear,left top,left bottom,from(#ff1493),to(#0ff));background:linear-gradient(180deg,#ff1493,#0ff);border-radius:2px;-webkit-animation:pulse-glow-c8c1f29e 2s infinite;animation:pulse-glow-c8c1f29e 2s infinite}.page-header .header-content .title-section .page-title .fire-effect[data-v-c8c1f29e]{font-size:24px;-webkit-animation:fire-dance-c8c1f29e 2s ease-in-out infinite;animation:fire-dance-c8c1f29e 2s ease-in-out infinite;margin-left:10px}.page-header .header-content .title-section .page-subtitle[data-v-c8c1f29e]{margin:0;color:#0ff;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;text-shadow:0 0 10px rgba(0,255,255,.5)}.page-header .header-content .title-section .page-subtitle i[data-v-c8c1f29e]{color:#ffe66d;-webkit-animation:twinkle-c8c1f29e 1.5s infinite;animation:twinkle-c8c1f29e 1.5s infinite}.page-header .header-content .live-stats-display[data-v-c8c1f29e]{position:relative}.page-header .header-content .live-stats-display .stats-item .stats-circle[data-v-c8c1f29e]{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ff1493,#0ff);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;border:2px solid hsla(0,0%,100%,.2)}.page-header .header-content .live-stats-display .stats-item .stats-circle[data-v-c8c1f29e]:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:linear-gradient(135deg,#ff1493,#0ff);z-index:-1;-webkit-animation:rotate-c8c1f29e 3s linear infinite;animation:rotate-c8c1f29e 3s linear infinite;-webkit-filter:blur(5px);filter:blur(5px)}.page-header .header-content .live-stats-display .stats-item .stats-circle .stats-inner[data-v-c8c1f29e]{text-align:center;color:#fff;z-index:1}.page-header .header-content .live-stats-display .stats-item .stats-circle .stats-inner .stats-number[data-v-c8c1f29e]{display:block;font-size:20px;font-weight:700;text-shadow:0 0 10px hsla(0,0%,100%,.8)}.page-header .header-content .live-stats-display .stats-item .stats-circle .stats-inner .stats-label[data-v-c8c1f29e]{font-size:12px;opacity:.9;font-weight:500}.page-header .header-content .live-stats-display .stats-pulse[data-v-c8c1f29e]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,20,147,.4);-webkit-animation:pulse-ring-c8c1f29e 2s infinite;animation:pulse-ring-c8c1f29e 2s infinite}.loading-container[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:400px}.loading-container .loading-spinner[data-v-c8c1f29e]{text-align:center}.loading-container .loading-spinner .spinner-ring[data-v-c8c1f29e]{display:inline-block;position:relative;width:80px;height:80px;margin-bottom:20px}.loading-container .loading-spinner .spinner-ring div[data-v-c8c1f29e]{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid transparent;border-top-color:#667eea;border-radius:50%;-webkit-animation:spin-c8c1f29e 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:spin-c8c1f29e 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-container .loading-spinner .spinner-ring div[data-v-c8c1f29e]:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.loading-container .loading-spinner .spinner-ring div[data-v-c8c1f29e]:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.loading-container .loading-spinner .spinner-ring div[data-v-c8c1f29e]:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.loading-container .loading-spinner p[data-v-c8c1f29e]{color:#606266;font-size:16px}.grid-view .live-grid[data-v-c8c1f29e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(173px,1fr));gap:15px}.grid-view .live-grid .live-card[data-v-c8c1f29e]{background:linear-gradient(145deg,rgba(26,26,46,.9),rgba(22,33,62,.9));backdrop-filter:blur(20px);border-radius:15px;overflow:hidden;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);border:1px solid rgba(0,255,255,.2);-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.grid-view .live-grid .live-card[data-v-c8c1f29e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);-webkit-transition:left .5s;transition:left .5s;z-index:1}.grid-view .live-grid .live-card[data-v-c8c1f29e]:hover{-webkit-transform:translateY(-15px) scale(1.05);transform:translateY(-15px) scale(1.05);-webkit-box-shadow:0 25px 80px rgba(255,20,147,.3),0 0 50px rgba(0,255,255,.2);box-shadow:0 25px 80px rgba(255,20,147,.3),0 0 50px rgba(0,255,255,.2);border-color:#ff1493}.grid-view .live-grid .live-card[data-v-c8c1f29e]:hover:before{left:100%}.grid-view .live-grid .live-card:hover .hover-toolbar[data-v-c8c1f29e]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.grid-view .live-grid .live-card:hover .cover-gradient[data-v-c8c1f29e]{opacity:1}.grid-view .live-grid .live-card .live-cover[data-v-c8c1f29e]{position:relative;height:97px;overflow:hidden}.grid-view .live-grid .live-card .live-cover .cover-image[data-v-c8c1f29e]{width:100%;height:100%;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.grid-view .live-grid .live-card .live-cover:hover .cover-image[data-v-c8c1f29e]{-webkit-transform:scale(1.1);transform:scale(1.1)}.grid-view .live-grid .live-card .live-cover .live-status-badge[data-v-c8c1f29e]{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:700;color:#fff;backdrop-filter:blur(15px);z-index:3;border:1px solid hsla(0,0%,100%,.3);text-transform:uppercase;letter-spacing:1px}.grid-view .live-grid .live-card .live-cover .live-status-badge.live[data-v-c8c1f29e]{background:linear-gradient(135deg,#ff1493,#ff6b6b);-webkit-box-shadow:0 0 20px rgba(255,20,147,.6),inset 0 1px 0 hsla(0,0%,100%,.2);box-shadow:0 0 20px rgba(255,20,147,.6),inset 0 1px 0 hsla(0,0%,100%,.2);-webkit-animation:live-glow-c8c1f29e 2s infinite alternate;animation:live-glow-c8c1f29e 2s infinite alternate}.grid-view .live-grid .live-card .live-cover .live-status-badge.offline[data-v-c8c1f29e]{background:linear-gradient(135deg,#4a4a4a,#6a6a6a);-webkit-box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.grid-view .live-grid .live-card .live-cover .live-status-badge .status-dot[data-v-c8c1f29e]{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-right:8px;-webkit-animation:pulse-dot-c8c1f29e 1.5s infinite;animation:pulse-dot-c8c1f29e 1.5s infinite;-webkit-box-shadow:0 0 10px hsla(0,0%,100%,.8);box-shadow:0 0 10px hsla(0,0%,100%,.8)}.grid-view .live-grid .live-card .live-cover .viewer-count[data-v-c8c1f29e]{position:absolute;top:10px;right:10px;padding:3px 6px;background:rgba(0,0,0,.7);color:#fff;border-radius:20px;font-size:10px;backdrop-filter:blur(10px);z-index:2}.grid-view .live-grid .live-card .live-cover .viewer-count i[data-v-c8c1f29e]{margin-right:4px}.grid-view .live-grid .live-card .live-cover .cover-gradient[data-v-c8c1f29e]{position:absolute;bottom:0;left:0;right:0;height:100%;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent 50%,rgba(0,0,0,.8));opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:1}.grid-view .live-grid .live-card .live-cover .hover-toolbar[data-v-c8c1f29e]{position:absolute;bottom:10px;left:10px;right:10px;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-view .live-grid .live-card .live-info[data-v-c8c1f29e]{padding:10px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.2)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));position:relative;z-index:2}.grid-view .live-grid .live-card .live-info .live-title[data-v-c8c1f29e]{margin:0 0 8px 0;font-size:12px;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.5);-webkit-transition:color .3s ease;transition:color .3s ease}.grid-view .live-grid .live-card .live-info .live-title[data-v-c8c1f29e]:hover{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.grid-view .live-grid .live-card .live-info .streamer-info[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;margin-bottom:8px}.grid-view .live-grid .live-card .live-info .streamer-info .streamer-details[data-v-c8c1f29e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.grid-view .live-grid .live-card .live-info .streamer-info .streamer-details .streamer-name[data-v-c8c1f29e]{font-size:11px;color:#606266;font-weight:500}.grid-view .live-grid .live-card .live-info .live-tags[data-v-c8c1f29e]{margin-bottom:8px}.grid-view .live-grid .live-card .live-info .live-tags .el-tag[data-v-c8c1f29e]{margin-right:4px;margin-bottom:3px;border-radius:12px;border:none;font-weight:500;font-size:9px;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:left center;transform-origin:left center}.grid-view .live-grid .live-card .live-info .live-stats[data-v-c8c1f29e]{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}.grid-view .live-grid .live-card .live-info .live-stats .stat-group[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.grid-view .live-grid .live-card .live-info .live-stats .stat-group .stat[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;font-size:9px;color:#909399}.grid-view .live-grid .live-card .live-info .live-stats .rating-stars i[data-v-c8c1f29e]{color:#f1c40f;font-size:8px;margin-left:1px}.list-view .live-list[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.list-view .live-list .live-list-item[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.list-view .live-list .live-list-item[data-v-c8c1f29e]:hover{-webkit-transform:translateX(10px);transform:translateX(10px);-webkit-box-shadow:0 15px 50px rgba(0,0,0,.15);box-shadow:0 15px 50px rgba(0,0,0,.15)}.list-view .live-list .live-list-item .item-cover[data-v-c8c1f29e]{position:relative;width:250px;height:140px;-ms-flex-negative:0;flex-shrink:0}.list-view .live-list .live-list-item .item-cover .cover-image[data-v-c8c1f29e]{width:100%;height:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.list-view .live-list .live-list-item .item-cover .live-status-badge[data-v-c8c1f29e]{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:15px;font-size:11px;font-weight:600;color:#fff;backdrop-filter:blur(10px)}.list-view .live-list .live-list-item .item-cover .live-status-badge.live[data-v-c8c1f29e]{background:linear-gradient(135deg,#67c23a,#85ce61)}.list-view .live-list .live-list-item .item-cover .live-status-badge.offline[data-v-c8c1f29e]{background:linear-gradient(135deg,#909399,#b3b7bc)}.list-view .live-list .live-list-item .item-cover .live-status-badge .status-dot[data-v-c8c1f29e]{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;margin-right:4px;-webkit-animation:pulse-dot-c8c1f29e 2s infinite;animation:pulse-dot-c8c1f29e 2s infinite}.list-view .live-list .live-list-item .item-cover .item-overlay[data-v-c8c1f29e]{position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.list-view .live-list .live-list-item .item-cover:hover .item-overlay[data-v-c8c1f29e]{opacity:1}.list-view .live-list .live-list-item .item-content[data-v-c8c1f29e]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.list-view .live-list .live-list-item .item-content .content-main[data-v-c8c1f29e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.list-view .live-list .live-list-item .item-content .content-main .live-title[data-v-c8c1f29e]{margin:0 0 10px 0;font-size:20px;font-weight:600;color:#2c3e50;line-height:1.3}.list-view .live-list .live-list-item .item-content .content-main .live-description[data-v-c8c1f29e]{margin:0 0 15px 0;color:#7f8c8d;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-view .live-list .live-list-item .item-content .content-main .live-meta[data-v-c8c1f29e]{margin-bottom:15px}.list-view .live-list .live-list-item .item-content .content-main .live-meta .streamer-info[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:10px}.list-view .live-list .live-list-item .item-content .content-main .live-meta .streamer-info .streamer-name[data-v-c8c1f29e]{font-size:14px;color:#606266;font-weight:500}.list-view .live-list .live-list-item .item-content .content-main .live-meta .live-stats[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;font-size:13px;color:#909399}.list-view .live-list .live-list-item .item-content .content-main .live-meta .live-stats .stat[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.list-view .live-list .live-list-item .item-content .content-main .live-tags .el-tag[data-v-c8c1f29e]{margin-right:8px;margin-bottom:4px;border-radius:12px;border:none;font-size:11px}.list-view .live-list .live-list-item .item-content .content-actions[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.empty-state[data-v-c8c1f29e]{text-align:center;padding:80px 20px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);border-radius:20px}.empty-state .empty-content .empty-icon[data-v-c8c1f29e]{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;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}.empty-state .empty-content .empty-icon i[data-v-c8c1f29e]{font-size:50px;color:#fff}.empty-state .empty-content h3[data-v-c8c1f29e]{margin:0 0 15px 0;font-size:24px;color:#2c3e50;font-weight:600}.empty-state .empty-content p[data-v-c8c1f29e]{margin:0 0 30px 0;color:#7f8c8d;font-size:16px}.pagination-container[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 0 20px}.pagination-container[data-v-c8c1f29e] .el-pagination .btn-next,.pagination-container[data-v-c8c1f29e] .el-pagination .btn-prev,.pagination-container[data-v-c8c1f29e] .el-pagination .el-pager li{border-radius:10px;margin:0 3px;-webkit-transition:all .3s ease;transition:all .3s ease}.pagination-container[data-v-c8c1f29e] .el-pagination .btn-next.active,.pagination-container[data-v-c8c1f29e] .el-pagination .btn-next:hover,.pagination-container[data-v-c8c1f29e] .el-pagination .btn-prev.active,.pagination-container[data-v-c8c1f29e] .el-pagination .btn-prev:hover,.pagination-container[data-v-c8c1f29e] .el-pagination .el-pager li.active,.pagination-container[data-v-c8c1f29e] .el-pagination .el-pager li:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 15px rgba(102,126,234,.4);box-shadow:0 5px 15px rgba(102,126,234,.4)}.backtop-custom[data-v-c8c1f29e]{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;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;color:#fff;font-size:20px;-webkit-box-shadow:0 5px 20px rgba(102,126,234,.4);box-shadow:0 5px 20px rgba(102,126,234,.4);-webkit-transition:all .3s ease;transition:all .3s ease}.backtop-custom[data-v-c8c1f29e]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 8px 30px rgba(102,126,234,.6);box-shadow:0 8px 30px rgba(102,126,234,.6)}@-webkit-keyframes grid-pulse-c8c1f29e{0%,to{opacity:.1}50%{opacity:.3}}@keyframes grid-pulse-c8c1f29e{0%,to{opacity:.1}50%{opacity:.3}}@-webkit-keyframes sparkle-c8c1f29e{0%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes sparkle-c8c1f29e{0%,to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes beam-flow-c8c1f29e{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}50%{opacity:1}to{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:0}}@keyframes beam-flow-c8c1f29e{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}50%{opacity:1}to{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:0}}@-webkit-keyframes glow-c8c1f29e{0%{text-shadow:0 0 5px currentColor}to{text-shadow:0 0 20px currentColor,0 0 30px currentColor}}@keyframes glow-c8c1f29e{0%{text-shadow:0 0 5px currentColor}to{text-shadow:0 0 20px currentColor,0 0 30px currentColor}}@-webkit-keyframes rainbow-flow-c8c1f29e{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rainbow-flow-c8c1f29e{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes hot-pulse-c8c1f29e{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 10px rgba(255,20,147,.5);box-shadow:0 0 10px rgba(255,20,147,.5)}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 20px rgba(255,20,147,.8);box-shadow:0 0 20px rgba(255,20,147,.8)}}@keyframes hot-pulse-c8c1f29e{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 10px rgba(255,20,147,.5);box-shadow:0 0 10px rgba(255,20,147,.5)}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 20px rgba(255,20,147,.8);box-shadow:0 0 20px rgba(255,20,147,.8)}}@-webkit-keyframes aurora-c8c1f29e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes aurora-c8c1f29e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes text-glow-c8c1f29e{0%{-webkit-filter:brightness(1) drop-shadow(0 0 5px rgba(0,255,255,.5));filter:brightness(1) drop-shadow(0 0 5px rgba(0,255,255,.5))}to{-webkit-filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,20,147,.8));filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,20,147,.8))}}@keyframes text-glow-c8c1f29e{0%{-webkit-filter:brightness(1) drop-shadow(0 0 5px rgba(0,255,255,.5));filter:brightness(1) drop-shadow(0 0 5px rgba(0,255,255,.5))}to{-webkit-filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,20,147,.8));filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,20,147,.8))}}@-webkit-keyframes pulse-glow-c8c1f29e{0%,to{-webkit-box-shadow:0 0 5px currentColor;box-shadow:0 0 5px currentColor}50%{-webkit-box-shadow:0 0 20px currentColor,0 0 30px currentColor;box-shadow:0 0 20px currentColor,0 0 30px currentColor}}@keyframes pulse-glow-c8c1f29e{0%,to{-webkit-box-shadow:0 0 5px currentColor;box-shadow:0 0 5px currentColor}50%{-webkit-box-shadow:0 0 20px currentColor,0 0 30px currentColor;box-shadow:0 0 20px currentColor,0 0 30px currentColor}}@-webkit-keyframes fire-dance-c8c1f29e{0%,to{-webkit-transform:rotate(-5deg) scale(1);transform:rotate(-5deg) scale(1)}25%{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}75%{-webkit-transform:rotate(-3deg) scale(.95);transform:rotate(-3deg) scale(.95)}}@keyframes fire-dance-c8c1f29e{0%,to{-webkit-transform:rotate(-5deg) scale(1);transform:rotate(-5deg) scale(1)}25%{-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}75%{-webkit-transform:rotate(-3deg) scale(.95);transform:rotate(-3deg) scale(.95)}}@-webkit-keyframes twinkle-c8c1f29e{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes twinkle-c8c1f29e{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes live-glow-c8c1f29e{0%{-webkit-box-shadow:0 0 20px rgba(255,20,147,.6),inset 0 1px 0 hsla(0,0%,100%,.2);box-shadow:0 0 20px rgba(255,20,147,.6),inset 0 1px 0 hsla(0,0%,100%,.2)}to{-webkit-box-shadow:0 0 30px #ff1493,0 0 50px rgba(255,20,147,.4),inset 0 1px 0 hsla(0,0%,100%,.3);box-shadow:0 0 30px #ff1493,0 0 50px rgba(255,20,147,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}}@keyframes live-glow-c8c1f29e{0%{-webkit-box-shadow:0 0 20px rgba(255,20,147,.6),inset 0 1px 0 hsla(0,0%,100%,.2);box-shadow:0 0 20px rgba(255,20,147,.6),inset 0 1px 0 hsla(0,0%,100%,.2)}to{-webkit-box-shadow:0 0 30px #ff1493,0 0 50px rgba(255,20,147,.4),inset 0 1px 0 hsla(0,0%,100%,.3);box-shadow:0 0 30px #ff1493,0 0 50px rgba(255,20,147,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}}@-webkit-keyframes pulse-dot-c8c1f29e{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse-dot-c8c1f29e{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes pulse-ring-c8c1f29e{0%{-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes pulse-ring-c8c1f29e{0%{-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}}@-webkit-keyframes rotate-c8c1f29e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-c8c1f29e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin-c8c1f29e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-c8c1f29e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.card-list-enter-active[data-v-c8c1f29e]{-webkit-animation:slideInUp-c8c1f29e .5s ease;animation:slideInUp-c8c1f29e .5s ease}.list-item-enter-active[data-v-c8c1f29e]{-webkit-animation:slideInLeft-c8c1f29e .5s ease;animation:slideInLeft-c8c1f29e .5s ease}@-webkit-keyframes slideInUp-c8c1f29e{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp-c8c1f29e{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInLeft-c8c1f29e{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-c8c1f29e{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media(max-width:1200px){.main-layout[data-v-c8c1f29e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar[data-v-c8c1f29e]{width:100%;position:static}.sidebar.collapsed[data-v-c8c1f29e]{width:100%;height:60px;overflow:hidden}.sidebar.collapsed .top-menu[data-v-c8c1f29e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.sidebar.collapsed .top-menu .menu-item[data-v-c8c1f29e]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.sidebar.collapsed .category-section[data-v-c8c1f29e],.sidebar.collapsed .sidebar-footer[data-v-c8c1f29e]{display:none}.sidebar .sidebar-toggle[data-v-c8c1f29e]{left:100px!important;top:15px;-webkit-transform:none;transform:none}}@media(max-width:768px){.page-container[data-v-c8c1f29e]{padding:10px}.page-header .header-content[data-v-c8c1f29e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;text-align:center}.page-header .header-content[data-v-c8c1f29e],.toolbar[data-v-c8c1f29e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.toolbar[data-v-c8c1f29e]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.toolbar .toolbar-left[data-v-c8c1f29e],.toolbar .toolbar-right[data-v-c8c1f29e]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.toolbar .search-container .search-input[data-v-c8c1f29e]{width:100%}.grid-view .live-grid[data-v-c8c1f29e]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.list-view .live-list-item[data-v-c8c1f29e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.list-view .live-list-item .item-cover[data-v-c8c1f29e]{width:100%;height:200px}}[data-v-c8c1f29e] .el-radio-group .el-radio-button__inner,[data-v-c8c1f29e] .el-select .el-input__inner{border-radius:20px}[data-v-c8c1f29e] .el-tag{border-radius:15px}[data-v-c8c1f29e] .el-button{border-radius:20px}.loading-more[data-v-c8c1f29e]{text-align:center;padding:20px 0}.loading-more .loading-spinner[data-v-c8c1f29e]{display:inline-block}.loading-more .loading-spinner .spinner-ring[data-v-c8c1f29e]{display:inline-block;position:relative;width:40px;height:40px;margin-bottom:10px}.loading-more .loading-spinner .spinner-ring div[data-v-c8c1f29e]{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:32px;height:32px;margin:4px;border:4px solid transparent;border-top-color:#667eea;border-radius:50%;-webkit-animation:spin-c8c1f29e 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:spin-c8c1f29e 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-more .loading-spinner .spinner-ring div[data-v-c8c1f29e]:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.loading-more .loading-spinner .spinner-ring div[data-v-c8c1f29e]:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.loading-more .loading-spinner .spinner-ring div[data-v-c8c1f29e]:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.loading-more .loading-spinner p[data-v-c8c1f29e]{color:#606266;font-size:14px;margin:0}.no-more[data-v-c8c1f29e]{text-align:center;padding:20px 0;color:#909399;font-size:14px}.no-more p[data-v-c8c1f29e]{margin:0;position:relative;display:inline-block;padding:0 20px}.no-more p[data-v-c8c1f29e]:after,.no-more p[data-v-c8c1f29e]:before{content:"";position:absolute;top:50%;width:50px;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),to(currentColor));background:linear-gradient(90deg,transparent,currentColor)}.no-more p[data-v-c8c1f29e]:before{right:100%}.no-more p[data-v-c8c1f29e]:after{left:100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}