.nav-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,40,56,.95);border-bottom:1px solid rgba(45,178,234,.2);box-shadow:0 4px 20px rgba(0,0,0,.25);left:0;padding:.8rem 0;position:sticky;top:0;width:100%;z-index:1000}.nav-content .nav-wrap{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 1.5rem;position:relative}.nav-content .logo{cursor:pointer;transition:transform .3s ease;z-index:10}.nav-content .logo:hover{transform:scale(1.05)}.nav-content .logo img{height:50px;width:auto}.nav-content .nav-menu{cursor:pointer;display:none;z-index:100}.nav-content .nav-menu svg{height:2.25rem;width:2.25rem}.nav-content .nav-menu .menu-icon{fill:#2db2ea;transition:fill .3s ease}.nav-content .nav-menu:hover .menu-icon{fill:#73ccf1}.nav-content .nav-list{align-items:center;display:flex;margin:0 auto}.nav-content .nav-list .nav-item{cursor:pointer;margin:0 1.2rem;position:relative}.nav-content .nav-list .nav-item a{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:.5rem .2rem;position:relative;text-transform:uppercase;transition:color .3s ease}.nav-content .nav-list .nav-item a:after{background:#2db2ea;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-content .nav-list .nav-item a:hover{color:#2db2ea}.nav-content .nav-list .nav-item a:hover:after{width:100%}.nav-content .nav-search{align-items:center;display:flex;position:relative;z-index:10}.nav-content .nav-search .search-input{transition:width .3s ease;width:220px}.nav-content .nav-search .search-input ::v-deep .el-input__inner{background:rgba(39,52,73,.8);border:1px solid rgba(45,178,234,.3);border-radius:20px;color:#fff;font-size:.95rem;height:38px;padding:.5rem 1.2rem}.nav-content .nav-search .search-input ::v-deep .el-input__inner:focus{border-color:#2db2ea;box-shadow:0 0 0 2px rgba(45,178,234,.2)}.nav-content .nav-search .search-input ::v-deep .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.7)}.nav-content .nav-search .search-input ::v-deep .el-input__inner::placeholder{color:hsla(0,0%,100%,.7)}.nav-content .nav-search .search-icon{color:#2db2ea;cursor:pointer;font-size:1.8rem;margin-left:1rem;transition:color .3s ease}.nav-content .nav-search .search-icon:hover{color:#73ccf1}.nav-content .mobile-nav-list{background:rgba(12,22,32,.95);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.23,1,.32,1);width:100%;z-index:999}.nav-content .mobile-nav-list.mobile-nav-visible{transform:translateX(0)}.nav-content .mobile-nav-list .mobile-nav-container{margin:0 auto;max-width:500px;padding:6rem 2rem 2rem}.nav-content .mobile-nav-list .nav-close{position:absolute;right:1.5rem;top:1.5rem}.nav-content .mobile-nav-list .nav-close .close-icon{color:#fff;cursor:pointer;font-size:2.2rem;transition:color .3s ease}.nav-content .mobile-nav-list .nav-close .close-icon:hover{color:#2db2ea}.nav-content .mobile-nav-list .mobile-nav-title{color:#2db2ea;font-size:1.8rem;font-weight:800;letter-spacing:1px;margin-bottom:2.5rem;text-align:center;text-transform:uppercase}.nav-content .mobile-nav-list .mobile-nav-item{background:rgba(30,40,56,.6);border-radius:8px;margin-bottom:1.2rem;overflow:hidden;transition:transform .3s ease,background .3s ease}.nav-content .mobile-nav-list .mobile-nav-item:hover{background:rgba(45,178,234,.15);transform:translateX(5px)}.nav-content .mobile-nav-list .mobile-nav-item a{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between;padding:1.2rem 1.5rem;-webkit-text-decoration:none;text-decoration:none}.nav-content .mobile-nav-list .mobile-nav-item a span{flex-grow:1}.nav-content .mobile-nav-list .mobile-nav-item a .arrow-icon{color:#2db2ea;font-size:1.4rem;transition:transform .3s ease}.nav-content .mobile-nav-list .mobile-nav-item a:hover .arrow-icon{transform:translateX(5px)}@media(max-width:575px){.nav-content .nav-wrap{height:45px}.nav-content .nav-list{display:none}.nav-content .nav-menu{display:block}.nav-content .logo{left:50%;position:absolute;transform:translateX(-50%)}.nav-content .logo img{height:45px}.nav-content .nav-search{font-size:32px}.nav-content .nav-search .search-icon{font-size:24px}.nav-content .mobile-nav-list .mobile-nav-container{padding:4.5rem 1rem 1rem}.nav-content .mobile-nav-list .mobile-nav-title{font-size:1.5rem;margin-bottom:1.8rem}.nav-content .mobile-nav-list .mobile-nav-item a{font-size:1rem;padding:.9rem 1rem}}