.card-file {

    display: block;
    margin: 16px auto;
    padding: 5px 5px;
    width: 100%;
    max-width: 500px;
    text-align: center;
    color: #898798;
    border-radius: 8px;
    box-shadow: 0 3px 12px rgba(95, 92, 120, 0.12);
}

.card-file:hover .file-title{

    text-decoration: underline;
}
.card-file .body {
    padding: 5px;
}

.card-file p {
    font-size: 14px;
    margin-bottom: 0;
}

.card-file .file-title {
    line-height: 32px;
    color: rgb(53, 0, 199);
    margin-bottom:0px;
}

.card-file .file-info {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.726);
    max-height:40px;
    /* overflow: hidden; */
}

.file-info {
    width: 100%; /* 确保宽度占满父元素 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 使用省略号表示超出部分 */
    display: inline-block; /* 使元素为块级元素 */
    max-width: 100%; /* 最大宽度限制 */
}
.file-info::after {
    content: attr(data-truncated-text);
    visibility: hidden;
    white-space: nowrap;
}
.card-file h5,
p {

    text-align: left;
}

.card-file .icon {
    float: left;
    padding: 3px;
}

.icon img {
    width: 28px
}

#tagsCanvasContainer {
    position: relative;
    width: 100%;
    height:170px;
    overflow-y: scroll;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0);
}

#tagsCanvasContainer::-webkit-scrollbar {
    width: 8px; /* 设置滚动条宽度 */
}

#tagsCanvasContainer::-webkit-scrollbar-track {
    background-color: rgba(79, 78, 79, 0.5); /* 设置滚动条背景色 */
}

#tagsCanvasContainer::-webkit-scrollbar-thumb {
    background-color: rgba(66, 66, 66, 0.8); /* 设置滚动条滑块颜色 */
}

/* 其他浏览器的滚动条样式 */
#tagsCanvasContainer {
    scrollbar-width: thin; /* Firefox 特有属性，设置滚动条宽度 */
    scrollbar-color: rgba(66, 66, 66, 0.8) rgba(79, 78, 79, 0.5); /* Firefox 特有属性，设置滚动条滑块颜色和背景色 */
}

/* IE 和 Edge 浏览器的滚动条样式 */
#tagsCanvasContainer::-ms-scrollbar {
    width: 8px; /* 设置滚动条宽度 */
}

#tagsCanvasContainer::-ms-scrollbar-track {
    background-color: rgba(79, 78, 79, 0.5); /* 设置滚动条背景色 */
}

#tagsCanvasContainer::-ms-scrollbar-thumb {
    background-color: rgba(66, 66, 66, 0.8); /* 设置滚动条滑块颜色 */
}
.searchTools{
    margin: 0 auto;
    text-align: left;
    width: 500px;

}
.searchTools button{
    border:none;
    font-size: 14px;
    color:#626169;
    background: none;
}
.searchTools button:hover{
    border:none;
    font-size: 14px;
    color:#3c1eff;
    background: none;
}