/* =====================================================================
 * 博库人才科技集团 · 专家风采（experts.html）专用样式
 * 说明：叠加在 style.css / home2026.css 之后加载，类名 ex- 前缀，不影响其它页面。
 * 品牌色：博库红 #C8102E / 藏蓝 #0B2C4F / 金 #C9A05C
 * ===================================================================== */

/* ---------- 栏目头图 ---------- */
.ex-hero{position:relative;height:300px;background:linear-gradient(135deg,#0b2c4f 0%,#123d6b 55%,#0b2c4f 100%);overflow:hidden;}
.ex-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 18% 12%, rgba(201,160,92,.20) 0, rgba(201,160,92,0) 42%),
  radial-gradient(circle at 84% 96%, rgba(200,16,46,.22) 0, rgba(200,16,46,0) 46%);}
.ex-hero .h26-container{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.ex-hero .zh{font-size:40px;font-weight:800;letter-spacing:12px;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.35);}
.ex-hero .en{margin-top:12px;font-size:13px;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.5);}
.ex-hero .line{width:64px;height:3px;margin-top:16px;border-radius:2px;background:#c8102e;}

/* ---------- 主体 ---------- */
.ex-body{background:#f5f6f8;padding:36px 0 54px;}
.ex-cardwrap{background:#fff;border-radius:10px;box-shadow:0 8px 26px rgba(11,44,79,.10);padding:34px 40px 40px;}

/* ---------- 分类切换 Tab ---------- */
.ex-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:28px;}
.ex-tabs a{display:block;padding:10px 34px;border-radius:999px;border:1px solid #d8dde3;font-size:16px;letter-spacing:3px;color:#444;background:#fff;transition:all .2s;white-space:nowrap;}
.ex-tabs a small{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#b9c0c8;margin-top:3px;}
.ex-tabs a:hover{color:#c8102e;border-color:#c8102e;}
.ex-tabs a.on{background:#c8102e;border-color:#c8102e;color:#fff;box-shadow:0 6px 16px rgba(200,16,46,.28);}
.ex-tabs a.on small{color:rgba(255,255,255,.7);}
.ex-panel{display:none;}
.ex-panel.on{display:block;animation:exfade .3s ease;}
@keyframes exfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

/* ---------- 栏目说明 ---------- */
.ex-note{background:#fbfcfe;border:1px solid #e7ecf2;border-left:4px solid #c8102e;border-radius:6px;padding:18px 24px;margin-bottom:12px;}
.ex-note p{margin:0;font-size:14.5px;line-height:2;color:#5a6169;text-indent:29px;}
.ex-note a{color:#c8102e;text-decoration:underline;}

/* ---------- 整理中提示 ---------- */
.ex-waitbar{display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:12px 18px;border-radius:6px;background:#fdf0f1;border:1px dashed #f0c7cd;font-size:13.5px;line-height:1.8;color:#a2343f;}
.ex-waitbar b{font-weight:700;}

/* ---------- 专家卡片 ---------- */
.ex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.ex-card{background:#fff;border:1px solid #e9edf2;border-radius:10px;overflow:hidden;text-align:center;border-bottom:4px solid #eef1f5;transition:transform .25s,box-shadow .25s,border-color .25s;}
.ex-card:hover{transform:translateY(-8px);border-bottom-color:#c8102e;box-shadow:0 18px 40px rgba(11,44,79,.18);}
.ex-photo{position:relative;height:260px;overflow:hidden;background:#eef1f5 center/cover no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='120' height='160' fill='%23eef1f5'/%3E%3Ccircle cx='60' cy='60' r='27' fill='%23cbd4de'/%3E%3Cpath d='M14 160c0-27 21-46 46-46s46 19 46 46z' fill='%23cbd4de'/%3E%3C/svg%3E");}
.ex-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.ex-photo .badge{position:absolute;left:0;top:14px;padding:4px 12px;border-radius:0 999px 999px 0;background:#c8102e;color:#fff;font-size:12px;letter-spacing:1px;}
.ex-card.p-tank .badge{background:#0b2c4f;}
.ex-card.p-mentor .badge{background:#c9a05c;}
.ex-card.p-hz .badge{background:#0e6b7c;}
.ex-card .nm{margin-top:16px;padding:0 14px;font-size:19px;font-weight:700;color:#20242b;letter-spacing:2px;}
.ex-card .du{margin-top:8px;padding:0 16px;font-size:13px;line-height:1.75;color:#7a828c;min-height:46px;}
.ex-card .rd{margin-top:6px;padding:0 16px;font-size:12.5px;line-height:1.7;color:#9aa3ad;}
.ex-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:12px 14px 20px;}
.ex-tags span{font-size:12px;line-height:1;color:#46505c;background:#f4f6f9;border:1px solid #e7ecf2;border-radius:14px;padding:6px 11px;transition:background .25s,border-color .25s,color .25s;}
.ex-card:hover .ex-tags span{background:#fdf0f1;border-color:#f2d3d7;color:#c8102e;}

/* ---------- 邀约 / 更正 CTA ---------- */
.ex-cta{margin-top:34px;padding:28px 32px;border-radius:10px;background:linear-gradient(135deg,#0b2c4f 0%,#123d6b 55%,#0b2c4f 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.ex-cta .cl b{display:block;font-size:22px;font-weight:700;letter-spacing:3px;}
.ex-cta .cl p{margin:8px 0 0;font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.66);}
.ex-cta .cr a{display:inline-block;padding:11px 32px;border-radius:999px;background:#c8102e;color:#fff;font-size:14.5px;letter-spacing:2px;transition:all .25s;white-space:nowrap;}
.ex-cta .cr a:hover{background:#fff;color:#c8102e;}
.ex-cta .cr a.ghost{margin-left:12px;background:transparent;border:1px solid rgba(255,255,255,.5);}
.ex-cta .cr a.ghost:hover{background:#fff;color:#0b2c4f;border-color:#fff;}

/* ---------- 窄屏适配 ---------- */
@media (max-width:1440px){
  .ex-hero .h26-container,.ex-cardwrap-wrap{max-width:100%;}
}
@media (max-width:1180px){
  .ex-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:860px){
  .ex-hero{height:210px;}
  .ex-hero .zh{font-size:28px;letter-spacing:6px;}
  .ex-grid{grid-template-columns:repeat(2,1fr);}
  .ex-cardwrap{padding:24px 18px 30px;}
  .ex-tabs a{padding:9px 18px;font-size:14px;letter-spacing:1px;}
  .ex-cta{flex-direction:column;align-items:flex-start;}
  .ex-cta .cr a.ghost{margin-left:0;}
}
@media (max-width:520px){
  .ex-grid{grid-template-columns:1fr;}
}