/* 开拓者传媒 · 可点击性与状态反馈增强
   ------------------------------------------------------------
   只做覆盖，不动原有设计语言。解决四个问题：
   1. 可点卡片缺"能点"的信号 → 加箭头 + 边界 + 按下反馈
   2. 不可点的胶囊长得像按钮 → 降级为文字
   3. 点按区小于 44px → 补热区，视觉位置不变
   4. 交互态缺失 / 对比度不足 → 补 :active、:focus-visible、调色

   必须放在各页原有 <style> 之后加载。
   ------------------------------------------------------------ */

/* 1. 对比度：最弱一级文字 2.99:1 → 4.6:1；卡片边界 1.14:1 → 更清晰 */
:root{
  --ink-3: #6B7688;
  --line-2: #DBD5C8;
}

/* 2. 键盘焦点统一可见（只在键盘操作时出现，鼠标点击不冒框） */
:focus-visible{
  outline: 2px solid #E2611C;
  outline-offset: 2px;
  border-radius: 6px;
}

/* 3. 触摸设备统一：去掉点击高亮、消除 300ms 延迟 */
a, button, [role="button"], summary{
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* ---------- 4. 首页板块入口：箭头是"能点"的最强信号 ---------- */
.grp-list a{
  position: relative;
  padding-right: 44px;
  border-color: #D8D2C6;
}
.grp-list a::after{
  content: "›";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  line-height: 1;
  color: #A6A093;
  transition: transform .16s ease, color .16s ease;
}
/* 手指按下立刻有回应——移动端唯一的反馈手段 */
.grp-list a:active{
  background: #F0ECE2;
  border-color: #B9B2A2;
  transform: scale(.992);
}
@media (hover: hover) and (pointer: fine){
  .grp-list a:hover{
    border-color: #9E9788;
    box-shadow: 0 2px 12px rgba(22,41,91,.07);
  }
  .grp-list a:hover::after{
    transform: translate(3px, -50%);
    color: #E2611C;
  }
}

/* ---------- 5. 首页三个系统标签：不是按钮，别让它像按钮 ---------- */
.sys{ gap: 0; align-items: center; }
.sys span{
  border: 0;
  background: none;
  padding: 0;
  font-size: 12.5px;
  color: var(--ink-2);
}
.sys span + span::before{
  content: "·";
  margin: 0 9px;
  color: #C4BDAD;
}

/* ---------- 6. 点按区补足 44px（视觉位置不变） ---------- */
.top .act a,
.top .act .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}
.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.foot-link{
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 8px;
  margin: 0 -8px;
}

/* ---------- 7. 案例页行业胶囊：可点，补高度 + 按压反馈 ---------- */
.tabs{ gap: 5px; }
.tabs a{
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 13px;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .12s ease;
}
.tabs a:active{ transform: scale(.97); }
@media (hover: hover) and (pointer: fine){
  .tabs a:hover{ border-color: #A6A09C; color: #16295B; }
}

/* ---------- 8. 案例页"返回首页"与页内次要按钮 ---------- */
.back{
  display: inline-flex;
  align-items: center;
  min-height: 38px;
}

/* ---------- 9. 减少动效偏好：尊重系统设置 ---------- */
@media (prefers-reduced-motion: reduce){
  .grp-list a,
  .grp-list a::after,
  .tabs a{
    transition: none;
  }
  .grp-list a:active,
  .tabs a:active{
    transform: none;
  }
}