.nav-bar{position:sticky;top:0;left:0;right:0;background:rgba(10,25,47,.8);backdrop-filter:blur(.32rem);border-bottom:.02667rem solid hsla(0,0%,100%,.1);margin-bottom:0;z-index:999;overflow:hidden}.nav-bar .nav-content{display:flex;align-items:center;justify-content:space-around;padding:.32rem .21333rem}.nav-bar .nav-content .nav-item{flex:1;text-align:center;color:hsla(0,0%,100%,.6);font-size:.37333rem;font-weight:500;padding:.21333rem .10667rem;cursor:pointer;transition:all .3s ease;position:relative;white-space:nowrap}.nav-bar .nav-content .nav-item:active{transform:scale(.95)}.nav-bar .nav-content .nav-item.active{color:#fff;font-weight:600;font-size:.4rem}.nav-bar .nav-content .nav-item.active:after{content:"";position:absolute;bottom:.10667rem;left:50%;transform:translateX(-50%);width:.64rem;height:.05333rem;background:#3b82f6;border-radius:.05333rem}.nav-bar .nav-content .nav-item:hover:not(.active){color:hsla(0,0%,100%,.9)}