.nav-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.95);border-bottom:2px solid rgba(255,107,53,.2);box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;padding:15px 0;position:sticky;top:0;width:100%;z-index:1000}.nav-wrap{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{cursor:pointer;transition:transform .3s ease}.logo img{height:50px;transition:all .3s ease}.logo:hover{transform:scale(1.05)}.logo:hover img{filter:drop-shadow(0 2px 4px rgba(255,107,53,.3))}.nav-menu{align-items:center;background:rgba(255,107,53,.1);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.nav-menu svg{fill:#ff6b35;height:30px;transition:fill .3s ease;width:30px}.nav-menu:hover{background:#ff6b35}.nav-menu:hover svg{fill:#fff}.nav-list{background:#fff;box-shadow:5px 0 25px rgba(0,0,0,.15);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:70px 0 30px;position:fixed;top:0;width:300px;z-index:1001}.nav-close{color:#ff6b35;cursor:pointer;font-size:28px;position:absolute;right:20px;top:20px;transition:transform .3s ease}.nav-close:hover{color:#ef476f;transform:scale(1.2)}.nav-title{border-bottom:2px solid rgba(255,107,53,.2);color:#ff6b35;font-size:1.8rem;font-weight:800;margin-bottom:10px;padding:20px 25px 15px}.nav-item,.nav-item a{transition:all .3s ease}.nav-item a{align-items:center;color:#073b4c;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:16px 30px}.nav-item a i{color:#ff6b35;font-size:1.2rem;transition:transform .3s ease}.nav-item a:hover{background:rgba(255,209,102,.3);color:#ff6b35;padding-left:35px}.nav-item a:hover i{color:#ef476f;transform:translateX(5px)}.nav-search{align-items:center;display:flex;position:relative}.search-input{border-radius:30px;box-shadow:0 4px 10px rgba(255,107,53,.15);overflow:hidden;width:250px}.search-input .el-input__inner{background:rgba(255,209,102,.2);border:none;color:#073b4c;font-size:1rem;height:42px;padding-left:10px}.search-input .el-input__inner:focus{background:rgba(255,209,102,.3)}.search-icon{align-items:center;background:#ff6b35;border-radius:50%;box-shadow:0 4px 10px rgba(255,107,53,.3);color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:42px;justify-content:center;transition:all .3s ease;width:42px}.search-icon:hover{background:#ef476f;transform:scale(1.1)}.slide-enter-active,.slide-leave-active{transition:transform .4s ease}.slide-enter,.slide-leave-to{transform:translateX(-100%)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,width .3s ease}.fade-enter,.fade-leave-to{opacity:0;width:0}@media screen and (min-width:980px){.nav-wrap{justify-content:flex-start}.nav-menu{margin-right:30px}.logo{margin-right:auto}.nav-search{margin-left:30px}}@media screen and (max-width:979px){.nav-container{padding:12px 0}.nav-wrap{padding:0 15px}.logo img{height:40px}.nav-list{padding:60px 0 20px;width:260px}.nav-title{font-size:1.6rem;padding:15px 20px 10px}.nav-item a{font-size:1rem;padding:14px 25px}.search-icon{font-size:1.3rem;height:38px;width:38px}}@media screen and (max-width:480px){.nav-container{padding:10px 0}.logo img{height:35px}.nav-menu{height:36px;width:36px}.nav-menu svg{height:26px;width:26px}.nav-list{width:80%}.search-icon{font-size:1.2rem;height:36px;width:36px}}