/* ============================================
 * YuFen 主题 - 导航栏样式
 * 作用：导航链接的悬停下划线动画
 * 功能：为导航链接提供 hover 时底部下划线渐显效果
 * ============================================ */

/* 导航链接 hover 下划线 */
.hover-lift:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5px;
  background-color: rgba(107, 114, 128, 0.5);
  border-radius: 999px;
  transition: all 0.3s ease;
}

/* 导航活跃状态下划线层级 */
.relative span {
  z-index: 1;
}