/* ============================================================
   博德赋能官网 · 成功案例列表页提质 (cases-showcase.css)
   适用页：cases.html（链接顺序：cases.css 之后）。

   cases.css 自带完整 :root，渲染无缺变量；本文件仅做「精品案例集」展示增强：
   · 卡片按业务分类显示专属色顶条（管理咨询蓝 / 人才发展青 / 党建红 / 数字化紫 / 精品课金）
   · 编号 NO.x.x 更醒目、标题层级更清晰
   · hover 上浮 + 阴影 + 左金边强化
   · 分类标题金色左侧点缀
   ============================================================ */

/* 卡片分类色顶条（:has 现代浏览器支持；不支持时仅缺顶色，不破坏布局） */
.cc-card{
  border-top: 3px solid transparent;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cc-card:has(.tag-consult){ border-top-color: #1554b0; }
.cc-card:has(.tag-talent) { border-top-color: #0a8f6b; }
.cc-card:has(.tag-party)  { border-top-color: #c0392b; }
.cc-card:has(.tag-digital){ border-top-color: #6d28d9; }
.cc-card:has(.tag-engine) { border-top-color: #c8922a; }

/* 编号更醒目 */
.cc-no{
  font-size: 12px;
  letter-spacing: 1px;
  color: var(--gold-dark);
  font-weight: 700;
}
/* 标题层级 */
.cc-name{
  font-size: 15px;
  color: #1a2744;
  line-height: 1.55;
}
/* hover 强化（保留 cases.css 的 ::before 左金边，叠加整体上浮 + 阴影） */
.cc-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 36px -18px rgba(13,31,60,.42);
  border-color: #d8e0ea;
}
.cc-card:hover .cc-no{
  color: #0a1628;
}

/* 网格节奏更舒展 */
.cases-card-grid{
  gap: 20px;
  padding: 0;
}

/* 分类标题金色左侧点缀 */
.case-cat-head{
  border-left: 4px solid var(--gold);
  padding-left: 14px;
}
.cch-title{
  font-size: 20px;
  font-weight: 800;
  color: #0d1f3c;
  letter-spacing: .5px;
}
.cch-count{
  color: var(--gold-dark);
  font-weight: 700;
}

/* 筛选按钮激活态与品牌金呼应（cases.css 当前为深蓝渐变，这里追加金色描边质感） */
.cf-btn.active{
  box-shadow: 0 6px 18px -8px rgba(200,146,42,.6);
}

/* 统计数字下方标签更柔和 */
.csr-label{
  color: rgba(255,255,255,.78);
  font-size: 13px;
  margin-top: 2px;
}

/* 响应式：移动端卡片单列已在 cases.css 处理，这里仅收紧间距 */
@media (max-width: 640px){
  .cases-card-grid{ gap: 14px; }
  .cch-title{ font-size: 18px; }
}