/* 底部导航容器样式 */
.stapp-bottom-nav {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-color: #ffffff;
  border-top: 1px solid #e0e0e0;
  z-index: 999;
}

/* 导航项基础样式 */
.nav-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #888888;
}

/* 激活状态导航项样式 */
.nav-item.active {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #007aff;
}

/* 导航图标通用样式 */
.icon-home, .icon-question, .icon-message, .icon-mine {
  font-size: 20px;
  margin-bottom: 2px;
}

/* 导航标签样式 */
.nav-label {
  font-size: 10px;
}