/* 自定义悬停效果：图标鼠标经过时变为灰色 */
.hover-gray:hover {
    color: gray !important;
    transition: color 0.3s ease;
}
.hover-primary:hover {
    color: #6610f2; /* 你指定的颜色 */
    transition: color 0.3s ease;
}
/* 可选：为特定图标设置默认颜色 */
.bi-trash {
    /* color: #333; */ /* 可选：设置默认颜色 */
}
/* 自定义类，例如命名为 'custom-active' */
.nav-link.custom-active {
    color: purple !important; /* 将颜色改为紫色 */
    /* 或者你可以只写 color: red; 如果你的 CSS 文件在 Bootstrap 之后引入 */
}