/* 全局重置：统一导航内边距和盒模型 */
.md-sidebar--primary {
  font-size: 14px;
  padding: 0 8px !important; /* 侧边栏左右留白 */
}

/* 一级分类标题（如 ROS2 学习笔记）- 弱化但清晰 */
.md-nav__title {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280; /* 中性灰，不抢视觉焦点 */
  text-transform: uppercase;
  letter-spacing: 0.08em; /* 加大字母间距，更精致 */
  margin: 1.5em 0 0.8em 8px !important; /* 上下间距优化 */
  padding-bottom: 0.4em;
  border-bottom: 1px solid #f3f4f6; /* 加分割线，区分分类 */
}

/* 一级可折叠项（主分类）- 突出层级 */
.md-nav__item--section > .md-nav__link {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937; /* 深灰，比二级深 */
  padding: 6px 8px !important; /* 内边距优化，点击区域更大 */
  margin: 2px 0;
  border-radius: 6px; /* 统一圆角 */
}

/* 二级普通页面链接 - 基础样式 */
.md-nav__link {
  font-size: 14px;
  color: #4b5563; /* 中灰，保证可读性 */
  padding: 6px 8px !important; /* 统一内边距 */
  margin: 1px 0; /* 项间距，避免拥挤 */
  border-radius: 6px; /* 统一圆角 */
  transition: all 0.2s ease; /* hover 过渡，更丝滑 */
}

/* 当前激活页面 - 高亮但不刺眼 */
.md-nav__item--active > .md-nav__link {
  background-color: #eff6ff !important; /* 淡蓝背景，贴近 Material 风格 */
  color: #1d4ed8 !important; /* 蓝色文字，突出激活态 */
  font-weight: 600;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* 轻微阴影，提升层次感 */
}

/* hover 效果 - 柔和过渡 */
.md-nav__link:hover {
  background-color: #f9fafb !important; /* 极淡灰，hover 不突兀 */
  color: #1f2937 !important;
  transform: translateX(1px); /* 轻微偏移，增加交互感 */
}

/* 折叠箭头 - 适配色彩 */
.md-nav__icon {
  color: #9ca3af !important; /* 浅灰，不抢焦点 */
  width: 16px !important;
  height: 16px !important;
  margin-right: 6px !important; /* 箭头与文字间距 */
}

/* 修复折叠项展开/收起的对齐问题 */
.md-nav__list {
  padding-left: 8px !important; /* 列表缩进优化 */
}

/* 移动端适配：小屏幕下导航更紧凑 */
@media (max-width: 768px) {
  .md-sidebar--primary {
    padding: 0 4px !important;
  }
  .md-nav__link {
    font-size: 13px;
    padding: 5px 6px !important;
  }
}