/* 修复底部菜单图标倒影压到文字的问题 */
.nav-item {
  gap: 8px;
  text-shadow: none;
}

.nav-item.active {
  text-shadow: none;
}

.nav-item > span {
  text-shadow: none !important;
}

.nav-item > .nav-icon {
  line-height: .85;
  text-shadow: none;
  transform: translateY(-1px);
}

.nav-item > span:last-child {
  line-height: 1.2;
}

@media (max-width: 899px) {
  .bottom-nav {
    height: 64px;
    padding-bottom: 3px;
  }

  .app-content {
    padding-bottom: 82px;
  }

  .nav-item:not(.nav-publish) {
    transform: none;
  }

  .nav-publish {
    gap: 5px;
    transform: none;
  }

  .nav-publish .plus-icon {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}