.nav-content[data-v-216eefcc]{backdrop-filter:blur(10px);background:rgba(10,10,30,.85);border-bottom:1px solid rgba(58,134,255,.2);box-shadow:0 5px 20px rgba(0,0,0,.3);box-sizing:border-box;font-family:Montserrat,sans-serif;left:0;padding:15px 20px;position:sticky;top:0;width:100%;z-index:1000}.nav-content .nav-wrap[data-v-216eefcc]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative}.nav-content .nav-menu[data-v-216eefcc]{cursor:pointer;z-index:1001}.nav-content .nav-menu .menu-icon[data-v-216eefcc]{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:30px}.nav-content .nav-menu .menu-icon span[data-v-216eefcc]{background:linear-gradient(90deg,#3a86ff,#8338ec);border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}.nav-content .nav-menu .menu-icon span[data-v-216eefcc]:nth-child(2){width:80%}.nav-content .nav-menu .menu-icon:hover span[data-v-216eefcc]{background:#ff006e}.nav-content .logo .logo-container[data-v-216eefcc]{background:linear-gradient(45deg,#16213e 25%,transparent 0) -10px 0/20px 20px,linear-gradient(-45deg,#16213e 25%,transparent 0) -10px 0/20px 20px,linear-gradient(45deg,transparent 75%,#16213e 0) -10px 0/20px 20px,linear-gradient(-45deg,transparent 75%,#16213e 0) -10px 0/20px 20px;border-radius:8px;display:inline-block;margin:20px 0;padding:20px}.nav-content .logo .game-logo[data-v-216eefcc]{align-items:center;background:transparent;display:flex;height:40px;position:relative;width:160px}.nav-content .logo .logo-graphic[data-v-216eefcc]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:40%}.nav-content .logo .game-controller[data-v-216eefcc]{height:28px;position:relative;width:36px}.nav-content .logo .controller-body[data-v-216eefcc]{background:linear-gradient(135deg,#4361ee,#3a0ca3);border-radius:8px 4px 4px 8px;height:100%;overflow:hidden;position:relative;width:100%}.nav-content .logo .controller-body[data-v-216eefcc]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1));content:"";height:100%;position:absolute;right:0;width:60%}.nav-content .logo .joystick[data-v-216eefcc]{background:#4cc9f0;border-radius:50%;box-shadow:0 0 4px rgba(76,201,240,.8);height:10px;left:6px;position:absolute;top:4px;width:10px}.nav-content .logo .button[data-v-216eefcc]{background:#f72585;border-radius:50%;height:6px;position:absolute;width:6px}.nav-content .logo .button-a[data-v-216eefcc]{right:6px;top:4px}.nav-content .logo .button-b[data-v-216eefcc]{right:6px;top:14px}.nav-content .logo .d-pad[data-v-216eefcc]{background:#7209b7;border-radius:2px;bottom:4px;height:12px;left:6px;position:absolute;width:12px}.nav-content .logo .d-pad[data-v-216eefcc]:before{background:#7209b7;content:"";height:14px;left:4px;position:absolute;top:-1px;width:4px}.nav-content .logo .d-pad[data-v-216eefcc]:after{background:#7209b7;content:"";height:4px;left:-1px;position:absolute;top:4px;width:14px}.nav-content .logo .logo-text[data-v-216eefcc]{align-items:center;display:flex;height:100%;justify-content:flex-start;padding-left:8px;width:60%}.nav-content .logo .game-text[data-v-216eefcc]{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#4361ee,#4cc9f0);-webkit-background-clip:text;background-clip:text;font-family:Arial Black,Arial,sans-serif;font-size:28px;font-weight:900;letter-spacing:1px;position:relative;text-shadow:0 0 15px rgba(67,97,238,.3)}.nav-content .logo .game-text[data-v-216eefcc]:after{background:linear-gradient(90deg,transparent,#4361ee 50%,transparent);bottom:-4px;content:"";height:3px;left:0;position:absolute;width:100%}.nav-content .nav-search[data-v-216eefcc]{align-items:center;display:flex}.nav-content .nav-search .search-icon[data-v-216eefcc]{align-items:center;background:rgba(248,249,250,.1);border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.nav-content .nav-search .search-icon i[data-v-216eefcc]{color:#f8f9fa;font-size:20px}.nav-content .nav-search .search-icon[data-v-216eefcc]:hover{background:rgba(58,134,255,.3);transform:scale(1.1)}.nav-content .nav-search .search-input[data-v-216eefcc]{margin-right:15px;width:250px}.nav-content .nav-search .search-input .el-input__inner[data-v-216eefcc]{background:rgba(248,249,250,.1);border:1px solid rgba(58,134,255,.3);border-radius:20px;color:#f8f9fa;height:40px;padding-left:10px}.nav-content .nav-search .search-input .el-input__inner[data-v-216eefcc]::-moz-placeholder{color:rgba(248,249,250,.6)}.nav-content .nav-search .search-input .el-input__inner[data-v-216eefcc]::placeholder{color:rgba(248,249,250,.6)}.nav-content .nav-search .search-input .el-input__inner[data-v-216eefcc]:focus{border-color:#8338ec;box-shadow:0 0 10px rgba(131,56,236,.5)}.nav-content .nav-search .search-input .el-input__prefix[data-v-216eefcc]{color:rgba(248,249,250,.7);left:12px}.nav-content .nav-list[data-v-216eefcc]{background:rgba(26,26,46,.98);border-right:1px solid rgba(131,56,236,.3);bottom:0;box-shadow:5px 0 25px rgba(0,0,0,.5);height:100vh;left:0;overflow-y:auto;position:fixed;right:0;top:0;width:320px;z-index:1002}.nav-content .nav-list .nav-close[data-v-216eefcc]{align-items:center;background:rgba(255,0,110,.2);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.nav-content .nav-list .nav-close i[data-v-216eefcc]{color:#f8f9fa;font-size:24px}.nav-content .nav-list .nav-close[data-v-216eefcc]:hover{background:rgba(255,0,110,.4);transform:rotate(90deg)}.nav-content .nav-list .menu-header[data-v-216eefcc]{border-bottom:1px solid rgba(58,134,255,.2);margin-bottom:20px;padding:80px 30px 30px}.nav-content .nav-list .menu-header .title[data-v-216eefcc]{background:linear-gradient(90deg,#3a86ff,#8338ec);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:28px;font-weight:700;margin-bottom:10px}.nav-content .nav-list .menu-header .subtitle[data-v-216eefcc]{color:rgba(248,249,250,.7);font-size:14px;letter-spacing:1px}.nav-content .nav-list .nav-item[data-v-216eefcc]{margin-bottom:5px;padding:0 20px;transition:all .3s ease}.nav-content .nav-list .nav-item a[data-v-216eefcc]{align-items:center;border-radius:10px;color:#f8f9fa;display:flex;overflow:hidden;padding:15px;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease}.nav-content .nav-list .nav-item a[data-v-216eefcc]:before{background:linear-gradient(90deg,transparent,rgba(131,56,236,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.nav-content .nav-list .nav-item a[data-v-216eefcc]:hover{background:rgba(58,134,255,.1)}.nav-content .nav-list .nav-item a[data-v-216eefcc]:hover:before{left:100%}.nav-content .nav-list .nav-item a:hover .nav-text[data-v-216eefcc]{color:#3a86ff}.nav-content .nav-list .nav-item a:hover .nav-arrow[data-v-216eefcc]{transform:translateX(5px)}.nav-content .nav-list .nav-item .nav-text[data-v-216eefcc]{flex:1;font-size:18px;font-weight:500;transition:all .3s ease}.nav-content .nav-list .nav-item .nav-arrow[data-v-216eefcc]{color:rgba(248,249,250,.5);transition:all .3s ease}.nav-content .menu-overlay[data-v-216eefcc]{backdrop-filter:blur(5px);background:rgba(0,0,0,.7);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.slide-enter-active[data-v-216eefcc],.slide-leave-active[data-v-216eefcc]{transition:transform .4s cubic-bezier(.23,1,.32,1)}.slide-enter-from[data-v-216eefcc],.slide-leave-to[data-v-216eefcc]{transform:translateX(-100%)}.fade-enter-active[data-v-216eefcc],.fade-leave-active[data-v-216eefcc]{transition:opacity .3s ease}.fade-enter-from[data-v-216eefcc],.fade-leave-to[data-v-216eefcc]{opacity:0}.slide-fade-enter-active[data-v-216eefcc]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-216eefcc]{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-216eefcc],.slide-fade-leave-to[data-v-216eefcc]{opacity:0;transform:translateX(20px)}@media screen and (max-width:979px){.nav-content[data-v-216eefcc]{padding:5px 10px}.nav-content .nav-search .search-input[data-v-216eefcc]{left:0;position:absolute;top:70px;width:100%}.nav-content .nav-list[data-v-216eefcc]{width:280px}.nav-content .nav-list .menu-header[data-v-216eefcc]{padding:60px 20px 20px}.nav-content .nav-list .menu-header .title[data-v-216eefcc]{font-size:22px}.nav-content .nav-list .nav-item[data-v-216eefcc]{padding:0 15px}.nav-content .nav-list .nav-item a[data-v-216eefcc]{padding:12px 10px}.nav-content .nav-list .nav-item .nav-text[data-v-216eefcc]{font-size:16px}}