/* 修复菜单栏展开后圆点符号显示在方框外的问题 */
.nav-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: var(--box-shadow);
  min-width: 200px;
  border-radius: var(--border-radius);
  padding: 0.5rem 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: var(--transition);
  z-index: 100;
  list-style-position: inside; /* 确保列表项标记在容器内 */
}

.dropdown-item {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  color: var(--dark-color);
  transition: var(--transition);
}

.dropdown-item:before {
  content: "•";
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-right: 5px;
}

/* 移除原有的列表样式 */
.nav-dropdown li {
  list-style-type: none;
}