/* 搜索建议列表的初始状态和动画 */
.search-suggestions{
    top:38px;
}
.search-suggestions.slide-down {
    opacity: 0;
    transform: translateY(-10px); /* 初始位置向上偏移 10px */
    animation: slideDownFadeIn 0.3s ease forwards; /* 执行动画 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* 增加阴影提升质感 */
    border-radius: 4px;
    margin-top: 1px; /* 与输入框保持一点距离 */
}

/* 定义向下滑出并淡入的关键帧 */
@keyframes slideDownFadeIn {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 鼠标悬停在建议项上的效果 */
.search-suggestions .list-group-item:hover {
    background-color: #f8f9fa;
    color:#999;
}

/* 关键字高亮样式 */
.search-highlight {
    background-color: #fff3cd; /* 浅黄色背景 */
    color: #856404;            /* 深黄色字体 */
    padding: 0 2px;
    border-radius: 2px;
    font-weight: bold;
}

/* 悬停时的高亮样式微调 */
.list-group-item-action:hover .search-highlight {
    background-color: #ffeeba;
}