/* 专家列表专项样式 */
.zj-grid-container { padding-bottom: 50px; }
.zj-row { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.zj-col { width: 33.333%; padding: 12px; box-sizing: border-box; display: flex; }

/* 专家名片卡片 */
.zj-card {
    flex: 1;
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    padding: 25px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.zj-card:hover {
    box-shadow: 0 10px 30px rgba(0, 68, 161, 0.08);
    border-color: #ff6600;
    transform: translateY(-5px);
}

/* 顶部专家基础信息 */
.zj-top-info { display: flex; align-items: center; margin-bottom: 20px; }
.zj-avatar { width: 70px; height: 70px; border-radius: 50%; border: 2px solid #f0f5ff; margin-right: 15px; object-fit: cover; }
.zj-name-box { flex: 1; }
.zj-name { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 5px; }
.zj-title-tag { display: inline-block; padding: 2px 8px; background: #fff2e8; color: #ff6600; font-size: 12px; border-radius: 4px; }

/* 详情列表 */
.zj-info-list { list-style: none; padding: 0; margin: 0; flex-grow: 1; }
.zj-info-list li { display: flex; margin-bottom: 12px; font-size: 14px; color: #666; line-height: 1.5; }
.zj-info-list li i { width: 20px; color: #1a73e8; margin-right: 10px; font-style: normal; text-align: center; }

/* 底部按钮 */
.zj-more-btn {
    margin-top: 20px;
    text-align: center;
    background: #f8fbff;
    color: #1a73e8;
    padding: 8px 0;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s;
}
.zj-card:hover .zj-more-btn { background: #ff6600; color: #fff; }


/* 专家/机构信息列表基础样式 */
.jigou-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jigou-info-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

/* 图标容器通用样式 */
.jigou-info-list li i {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    top: 1px;
}

/* --- 精致政务风图标辅助样式 --- */

.jigou-info-list li {
    display: flex;
    align-items: center; /* 图标与文字垂直居中 */
    margin-bottom: 15px;
    font-size: 15px;
    color: #444;
}

/* 图标背景底座：政务网常用的高级感处理 */
.jigou-info-list li i.zj-ico-color {
    width: 28px;
    height: 28px;
    background-color: #f0f4fa; /* 极浅的蓝灰色背景 */
    color: #003399;           /* 您指定的深蓝色 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;       /* 柔和的小圆角 */
    margin-right: 12px;
    font-size: 16px;          /* 图标本身的大小 */
    transition: all 0.3s ease;
    flex-shrink: 0;
}


/* --- 详情页专用样式 (同步图片名片风格) --- */
.zj-detail-top {
    text-align: center;
    margin-bottom: 40px;
}

.zj-img-center {
    width: 140px;
    height: 200px;
    object-fit: cover;
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff;
    display: block;
    margin: 0 auto 20px;
}

.zj-name-center {
    font-size: 24px;
    color: #003399; /* 图片中的深蓝色 */
    font-weight: bold;
}

/* 表格样式核心 */
.zj-detail-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid #e8e8e8;
    margin-bottom: 50px;
}

.zj-detail-table tr {
    border-bottom: 1px solid #e8e8e8;
}

.zj-detail-table td {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 1.8;
}

/* 左侧标签列 */
.td-label {
    width: 150px;
    background-color: #f9f9f9; /* 浅灰色背景 */
    color: #666;
    text-align: center;
    border-right: 1px solid #e8e8e8;
}

/* 右侧内容列 */
.td-content {
    color: #333;
    text-align: left;
}

/* 适用产业内部网格布局 */
.industry-grid {
    display: flex;
    flex-wrap: wrap;
}

.industry-grid span {
    width: 33.33%; /* 三列排版 */
    display: inline-block;
    color: #003399;
    text-decoration: underline;
    margin-bottom: 5px;
}

/* 简历内容特殊处理 */
.zj-resume {
    text-align: justify;
    padding: 25px 30px !important;
}