.navbar[data-v-31a414a6]{background-color:#18022f33;display:flex;height:.88rem;min-width:14rem;position:absolute;width:100%;z-index:100}.navbar .logo[data-v-31a414a6]{width:1.58rem}.navbar .navbar-container[data-v-31a414a6]{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;min-width:13.8rem}.navbar .navbar-container .navbar-menu[data-v-31a414a6]{align-items:center;display:flex;width:5.5rem}.navbar .navbar-container .navbar-menu li[data-v-31a414a6]{color:#d1b8ec;cursor:pointer;font-size:.2rem;font-weight:500;margin-right:.76rem;position:relative}.navbar .navbar-container .navbar-menu li[data-v-31a414a6]:before{background-color:#fff;border-radius:.02rem;bottom:-.14rem;content:"";display:block;height:.04rem;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%) scaleX(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:.47rem}.navbar .navbar-container .navbar-menu li.active[data-v-31a414a6]{color:#fff}.navbar .navbar-container .navbar-menu li.active[data-v-31a414a6]:before{opacity:1;pointer-events:auto;transform:translate(-50%) scaleX(1)}.navbar .navbar-container .navbar-menu li[data-v-31a414a6]:hover{color:#fff}.navbar .navbar-container .navbar-menu li[data-v-31a414a6]:hover:before{opacity:1;pointer-events:auto;transform:translate(-50%) scaleX(1)}