/* ===== 专家栏目 - 三甲医院风格 ===== */

/* ===== 列表页 ===== */
.expert-wrap{padding:10px 15px;background:#fff;box-sizing:border-box;}

/* 栏目标题：绿竖条 + 左对齐，与其他栏目列表页一致 */
.expert-wrap > .exp-section-tit{
    font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.5;
    text-align:left;padding:6px 0 14px 14px;margin:0 0 16px 0;
    border-left:4px solid #009933;
}
.expert-wrap > .exp-section-tit span{font-size:24px;font-weight:700;color:#1a1a1a;}

/* 专家卡片网格 */
.expert-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
    margin:0;padding:0;list-style:none;
}

/* 单张卡片 */
.expert-card{
    display:flex;background:#fff;border:1px solid #e2e8e0;border-radius:8px;
    overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s;
}
.expert-card:hover{
    border-color:#009933;box-shadow:0 4px 18px rgba(0,153,51,.12);transform:translateY(-2px);
}

/* 卡片照片 */
.expert-card__photo{
    flex-shrink:0;width:130px;height:170px;overflow:hidden;background:#f5f5f5;
}
.expert-card__photo img{
    width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;
}
.expert-card:hover .expert-card__photo img{transform:scale(1.05);}

/* 卡片信息 */
.expert-card__body{
    flex:1;padding:14px 16px;display:flex;flex-direction:column;min-width:0;
}
.expert-card__name{
    font-size:17px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.4;
}
.expert-card__name a{color:inherit;text-decoration:none;}
.expert-card__name a:hover{color:#009933;}

/* 职称徽章 + 科室 */
.expert-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.expert-card__badge{
    display:inline-block;padding:2px 10px;font-size:12px;color:#fff;
    background:#009933;border-radius:3px;white-space:nowrap;
}
.expert-card__dept{
    display:inline-block;padding:2px 10px;font-size:12px;color:#007a28;
    background:#e8f5ee;border:1px solid #c3e3d0;border-radius:3px;white-space:nowrap;
}

/* 擅长摘要 */
.expert-card__skill{
    font-size:13px;line-height:1.7;color:#777;margin:0;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

/* ===== 详情页 ===== */

/* 专家档案头：左侧照片 + 右侧信息 */
.expert-profile{
    display:flex;gap:28px;padding:28px;
    background:linear-gradient(135deg,#f7fdf9 0%,#eef8f1 100%);
    border:1px solid #d8ebe0;border-radius:10px;margin-bottom:28px;
}
.expert-profile__photo{
    flex-shrink:0;width:190px;height:250px;overflow:hidden;
    border-radius:8px;border:4px solid #fff;
    box-shadow:0 4px 16px rgba(0,0,0,.12);background:#f5f5f5;
}
.expert-profile__photo img{width:100%;height:100%;object-fit:cover;display:block;}

.expert-profile__info{
    flex:1;display:flex;flex-direction:column;justify-content:center;
}
.expert-profile__name{
    font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.4;
}
.expert-profile__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.expert-profile__badge{
    display:inline-block;padding:4px 14px;font-size:14px;color:#fff;
    background:#009933;border-radius:4px;font-weight:500;
}
.expert-profile__dept{
    display:inline-block;padding:4px 14px;font-size:14px;color:#007a28;
    background:#e0f3e6;border:1px solid #c3e3d0;border-radius:4px;
}
.expert-profile__skill{
    font-size:14px;line-height:1.8;color:#555;margin:0;
    padding:12px 16px;background:rgba(255,255,255,.7);border-radius:6px;
}

/* 正文区域 */
.expert-detail{padding:0;}
.expert-detail .article-body{line-height:2;color:#333;font-size:16px;}
.expert-detail .article-body p{margin-bottom:14px;text-indent:2em;text-align:justify;}
.expert-detail .article-body p:first-child{text-indent:0;}

/* 将正文中的 <p><strong>一、xxx</strong></p> 渲染为章节标题 */
.expert-detail .article-body p:has(strong:only-child){
    font-size:18px;font-weight:700;color:#1a1a1a;
    margin:28px 0 14px;padding:0 0 0 12px;
    border-left:4px solid #009933;line-height:1.5;text-indent:0;
}
.expert-detail .article-body p:has(strong:only-child) strong{
    font-weight:inherit;color:inherit;
}

/* 正文图片 */
.expert-detail .article-body img{
    display:block;max-width:80%;height:auto;margin:20px auto;
    border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);
}

/* 联系方式卡片 */
.expert-contact{
    margin-top:28px;padding:24px;text-align:center;
    background:linear-gradient(135deg,#f7fdf9 0%,#eef8f1 100%);
    border:1px solid #d8ebe0;border-radius:10px;
}
.expert-contact__phone{
    font-size:26px;font-weight:700;color:#009933;letter-spacing:2px;margin:0 0 4px;
}
.expert-contact__label{font-size:14px;color:#999;margin:0 0 10px;}
.expert-contact__addr{font-size:14px;color:#666;margin:0;}

/* 上一专家/下一专家 */
.expert-wrap .nav-links{
    display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;
}
.expert-wrap .nav-links span{
    flex:1 1 45%;min-width:0;box-sizing:border-box;
    background:#f8f9fa;border:1px solid #ededed;border-radius:8px;
    padding:12px 16px;font-size:14px;color:#999;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:border-color .2s;
}
.expert-wrap .nav-links span:hover{border-color:#009933;}
.expert-wrap .nav-links a{color:#009933;}
.expert-wrap .nav-links .nav-next{text-align:right;}
@media(max-width:768px){.expert-wrap .nav-links{flex-direction:column;gap:10px;}.expert-wrap .nav-links .nav-next{text-align:left;}}

/* 返回列表按钮 */
.expert-wrap .back-link{
    display:block;width:fit-content;margin:24px auto 0;
    padding:10px 32px;border:1px solid #009933;border-radius:999px;
    color:#009933;font-size:14px;text-align:center;text-decoration:none;transition:all .2s;
}
.expert-wrap .back-link:hover{background:#009933;color:#fff;}

/* ===== 响应式 ===== */
@media(max-width:768px){
    .expert-grid{grid-template-columns:1fr;}
    .expert-card__photo{width:105px;height:140px;}
    .expert-card__body{padding:10px 12px;}
    .expert-card__name{font-size:15px;}
    .expert-profile{flex-direction:column;align-items:center;text-align:center;padding:20px;gap:18px;}
    .expert-profile__photo{width:150px;height:200px;}
    .expert-profile__badges{justify-content:center;}
    .expert-profile__skill{text-align:left;}
    .expert-profile__name{font-size:22px;}
    .expert-contact__phone{font-size:22px;}
}