.app-top-bar[data-v-3d038089]{background-color:var(--back);border-bottom:1px solid var(--gray-80);height:58px}.app-top-bar__tab[data-v-3d038089]{overflow-x:auto;position:relative}.app-top-bar__tab-slide-bar[data-v-3d038089]{background-color:var(--green-primary);border-radius:10px;bottom:0;height:4px;position:absolute;transition:all .3s;width:56px}[data-v-3d038089] .app-top-bar__router{height:58px;line-height:58px;white-space:nowrap}.app-top-bar__search[data-v-3d038089]{width:auto}.app-top-bar__right[data-v-3d038089]{flex-direction:row-reverse;position:relative}.app-top-bar__right[data-v-3d038089]:before{background:linear-gradient(to right,transparent,var(--back) 80%);content:"";height:100%;left:-19px;pointer-events:none;position:absolute;width:20px}.app-top-bar__right-gift[data-v-3d038089]{background-color:var(--white-input-bg);border-radius:50%;position:relative}.app-top-bar__right-gift-popover[data-v-3d038089]{background-color:var(--green-primary);border-radius:24px;bottom:-35px;color:#000;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.app-top-bar__right-gift-popover[data-v-3d038089]:before{background-color:var(--green-primary);content:"";height:10px;left:50%;position:absolute;top:-3px;transform:translate(-50%) rotate(45deg);width:10px;z-index:-1}.app-top-bar__search-icon-wrap[data-v-3d038089]{background-color:var(--white-input-bg);border-radius:50%;height:40px;width:40px}@media only screen and (max-width:1002px){.app-top-bar__search-icon-wrap[data-v-3d038089]{height:32px;width:32px}.app-top-bar__search-icon-wrap .app-top-bar__right-icon[data-v-3d038089]{height:18px;width:18px}.app-top-bar__avatar[data-v-3d038089]{height:32px;width:32px}.app-top-bar__right[data-v-3d038089]{flex-direction:row}}@media only screen and (min-width:500px){.app-top-bar[data-v-3d038089]{border-bottom:none;height:72px;padding:16px}.app-top-bar__tab-slide-bar[data-v-3d038089]{bottom:15px;width:62px}[data-v-3d038089] .app-top-bar__router{font-size:16px;height:72px;line-height:72px;margin-right:16px}[data-v-3d038089] .app-top-bar__router--active{font-size:20px}.app-top-bar__avatar[data-v-3d038089],.app-top-bar__right-gift[data-v-3d038089],.app-top-bar__search[data-v-3d038089]{margin-left:16px}}[data-v-3d038089] .app-top-bar__more-btn{margin-left:16px}@media only screen and (max-width:499px){[data-v-3d038089] .app-top-bar__more-btn{display:none}}@keyframes wobble-3d038089{0%,to{transform:translate(0);transform-origin:50% 50%}15%{transform:rotate(-18deg)}30%{transform:rotate(18deg)}45%{transform:rotate(-10.8deg)}60%{transform:rotate(7.2deg)}75%{transform:rotate(-3.6deg)}}.wobble[data-v-3d038089]{animation:wobble-3d038089 .8s 1.5s both}@keyframes scale-out-top-3d038089{0%{opacity:1;transform:translate(-50%) scale(1);transform-origin:50% 0}to{opacity:.3;transform:translate(-50%) scale(0);transform-origin:50% 0}}.scale-out-top[data-v-3d038089]{animation:scale-out-top-3d038089 .3s both}