.img-mask {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;}

    .image-grid .li {
        transition: 0.5s;
        position: relative;
        overflow: hidden;}


    .image-grid .li .zxjzy {
        position: absolute;
        left: 0;
        bottom: 0;
        width: auto;
        padding: 0.1rem;
        border-radius: 0 10px 0 0;}

    .image-grid .li .zxjzy .bts {
        font-size: 0.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #ffffff;

        transition: 0.5s;
        opacity: 1;
        font-weight: bold;}

    .image-grid .li .zxjzy .zys {

        color: #666;
        font-size: 0.16rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: none;}

    /* 核心：6图不规则网格布局 */
    .image-grid {
        margin: 0 auto;
        display: grid;
        /* 3列等宽 */
        grid-template-columns: repeat(3, 1fr);
        /* 自动行高 */
        grid-auto-rows: minmax(200px, auto);
        gap: 15px;
        /* 定义不规则区域（完全匹配参考图） */
        grid-template-areas:
            "item1 item1 item2"
            "item3 item4 item2"
            "item5 item6 item6";}

    /* 绑定每个图片位置 */
    .item1 {
        grid-area: item1;}

    .item2 {
        grid-area: item2;}

    .item3 {
        grid-area: item3;}

    .item4 {
        grid-area: item4;}

    .item5 {
        grid-area: item5;}

    .item6 {
        grid-area: item6;}

    /* 图片样式 */
    .image-grid img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
        display: block;}



    .image-grid .li:hover .zxjzy {
        z-index: 999;
        top: 50%;
        left: 50%;
        opacity: 1;

        height: auto;
        transform: translateX(-50%);}

    .image-grid .li:hover .bts {
        font-size: 0.3rem;}

    .image-grid .li:hover .img-mask {
        display: block;}

    .image-grid .li:hover img {
        transform: scale(1.08);
        transition: 0.5s;}

    /* 移动端响应式：自动变成 2 列 */
    @media (max-width: 768px) {
        .image-grid {
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
                "item1 item2"
                "item3 item4"
                "item5 item6";}
    }

.szdwbt {
    font-size: 0.20rem;
    text-indent: 2em;
    line-height: 0.35rem;
    margin-bottom: 0.3rem;}
    /* 专家卡片样式 */
    .sz {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;}

    .expert-card {
        background-color: #ffffff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;}

    .expert-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);}

    /* 头像容器 */
    .avatar-wrap {
        width: 100%;
        padding-top: 130%;
        overflow: hidden;
        background-color: #f0f0f0;
        position: relative;}

    .avatar-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        position: absolute;
        left: 0;
        top: 0;}

    /* 文字信息区域 */
    .info-wrap {
        padding: 16px 20px;
        text-align: center;}

    .name {
        font-size: 20px;
        font-weight: bold;
        color: #333333;
        margin-bottom: 8px;}

    .title {
        font-size: 13px;
        line-height: 1.5;
        color: #666666;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;}

    .expert-card:hover .name {
        color: #26b3a3;}

    .expert-card:hover .title {
        color: #26b3a3;}
    @media screen and (max-width: 1200px) {
    .sz{
        grid-template-columns: repeat(2, 1fr);}
}
.profile{    margin-bottom: 50px;}
.searchArticleBox .qwss{
   height: 31px;
   font-size: 12px;
   min-width: 190px;
   max-width: 600px;
   width: 60%;  
   outline: none;
   padding-left: 10px;
   border-radius: 4px;
   border: 1px solid #e4e7ed;}
.searchArticleBox .tj{
   padding-left: 6px;
   letter-spacing: 5px;
   color: white;
   min-width: 53px;
   max-width: 150px;
   height: 32px;
   border: 0;
   border-radius: 4px;
   background-color: #1890FF;
   position: relative;
   top: 1px;
   width: 20%;   
   cursor: pointer;}
.isErrorStyle{
   color: #b30216;
   font-size:18px;
   text-align: center;
   padding:20px;
   display: none;}
.isNotErrorStyle{
   display:block;}