.container {
  height: calc(100vh - var(--td-tab-bar-height, 80rpx) - env(safe-area-inset-bottom));
}

.menu-item {
  display: inline-flex;
  flex-direction: column;
  width: clamp(80px, 25%, 120px);
  box-sizing: border-box;
  padding: 8px;
  --width: calc((100vw - 16px - 24px) / 4 * 0.4);
  justify-content: center;
  align-items: center;
}

.menu-item:active {
  background-color: #f5f5f5;
}

.nav-item-icon {
  width: var(--width);
  height: var(--width);
  display: inline-flex;
  box-sizing: border-box;
}
