.mobile-bottom-nav[data-v-c764b42e]{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:none;background-color:var(--el-bg-color);border-top:1px solid var(--border-unified-color);box-shadow:var(--global-box-shadow);height:56px;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:767px){.mobile-bottom-nav[data-v-c764b42e]{display:flex;justify-content:space-around;align-items:center}}.mobile-bottom-nav .nav-item[data-v-c764b42e]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8px 0;color:var(--el-text-color-regular);text-decoration:none;transition:all .3s ease;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mobile-bottom-nav .nav-item[data-v-c764b42e]:active{opacity:.7}.mobile-bottom-nav .nav-item.active .nav-label[data-v-c764b42e]{color:#dcb700;font-weight:700}.mobile-bottom-nav .nav-item .nav-icon[data-v-c764b42e]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:2px}.mobile-bottom-nav .nav-item .nav-icon img[data-v-c764b42e]{width:100%;height:100%;object-fit:contain}.mobile-bottom-nav .nav-item .nav-label[data-v-c764b42e]{font-size:10px;color:var(--el-text-color-regular);text-align:center;white-space:nowrap}html.dark .mobile-bottom-nav[data-v-c764b42e]{background-color:var(--el-bg-color);border-top-color:var(--el-border-color-lighter);box-shadow:var(--global-box-shadow)}