.main{
    width: 1320px;
}


.expert-div {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap; /* 允许换行 */
    gap: 10px; /* 设置元素间的间隙 */
    justify-content: space-between; /* 确保元素均匀分布 */
}

.expert-label {
    /*background: white;*/
    box-sizing: border-box; /* 使 padding 和 border 包含在宽度计算内 */
    padding: 20px;
    border-radius: 10px;
    background: rgba(251, 252, 253, 1);
    /* border: 0.5px solid rgba(204, 204, 204, 1); */
}


/*.expert-div{*/
/*    padding-top: 20px;*/
/*    padding-bottom: 50px;*/
/*    flex-wrap: wrap;  !* 允许换行 *!*/
/*    gap: 10px;  !* 元素之间的间隔 *!*/
/*}*/
/*.expert-label{*/
/*    background: white;*/
/*    flex: 0 0 calc(25% - 10px);  !* 每个 item 占容器宽度的 25%（减去间隔） *!*/
/*    box-sizing: border-box;  !* 使间隔不影响宽度计算 *!*/
/*    padding: 20px;*/
/*    border-radius: 10px;*/
/*}*/
/*.expert-label:nth-child(4n) {*/
/*    margin-right: 0; !* 每一行的最后一个 div 取消右边距 *!*/
/*}*/
.expert-label .name {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
}
.expert-label .name a {
    color: rgba(51, 51, 51, 1);
}
.expert-label .org {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(153, 153, 153, 1);
    padding: 5px 0px;
}
.expert-label .direction{
    border-left: 2px solid rgba(40, 103, 205, 1);
    max-width: 280px;
}
.expert-label .direction-label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(40, 103, 205, 1);
    min-width: 74px;
}
.expert-label span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    /* color: black; */
    display: block; /* 让 span 充满父容器 */
    white-space: nowrap; /*!* 防止换行 *!
    overflow: hidden; /* 隐藏溢出部分 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    word-wrap: break-word;
    margin:2px;
}



.direction-border {
    width: 2px; /* 左边框宽度 */
    height: 14px; /* 控制左边框高度 */
    background: rgba(40, 103, 205, 1);
}






    /* 检索栏外层容器：flex 布局，让子元素水平排列并垂直居中 */
    .search-bar-wrapper {
      display: flex;
      align-items: center;
      gap: 10px; /* 可选：给“检索数量”和搜索区之间留点间隙 */
    }

    /* “检索数量”容器：可以自定义宽度、背景、圆角等 */
    .result-count {
      padding: 6px 0px;
      color: #495057;
      /* background-color: #f0f0f0; */
      border-radius: 4px;
      /* 这里可以写固定宽度，也可以根据内容自适应，看需求 */
      /* width: 120px;  */
      text-align: center;
    }

    /* 搜索区域（输入框 + 按钮）的外层容器 */
    .search-input-group {
      display: flex;
      /* 让搜索区域整体在父容器中靠右 */
      justify-content: flex-end;
      flex-grow: 1; /* 让搜索区在剩余空间中撑开（可选，看布局需求） */
    }

    /* 输入框样式 */
    .search-input {
      padding: 6px 12px;
      border: 1px solid #ccc;
      border-radius: 4px;
      width: 200px; /* 控制输入框宽度，想更短就调小这个值 */
      /* 如果希望输入框随内容自适应，也可以不设固定宽度，由父容器 flex 布局控制 */
    }

    /* 检索按钮样式 */
    .search-btn {
      padding: 6px 12px;
      background-color: #007bff;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    .search-btn:hover {
      background-color: #0056b3;
    }