.nav-bg[data-v-496158ae]{display:inline-block;position:relative;max-width:100%;z-index:2300}.nav-content[data-v-496158ae]{margin-bottom:-5px;height:100%;min-width:212px;transition:all .3s linear;position:relative}.nav-content .mask[data-v-496158ae]{content:"";position:absolute;left:0;height:104px;width:100%;border:2px solid #d7e0e7;border-top-width:3px;transform:perspective(2.5em) rotateX(5deg);transform-origin:bottom;background:rgba(231,238,244,.5);border-radius:32px 32px 5px 5px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:-1}.nav-content.nav-content-light .mask[data-v-496158ae]{background:hsla(0,0%,100%,.5);border-color:#fff;border-radius:40px 40px 5px 5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-hid[data-v-496158ae]{cursor:pointer;position:absolute;width:68px;height:16px;top:-16px;left:calc(50% - 34px);padding:6px 30px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:2px solid #fff;border-bottom:none;transform-origin:bottom;border-radius:10px 10px 0 0;transform:perspective(2px) rotateX(2deg) scaleY(1.3);display:flex;justify-content:center;align-items:center}.nav-hid i[data-v-496158ae]{transition:.3s}.nav-hid .rotate[data-v-496158ae]{transform:rotate(-180deg)}