/* ============================================================
   联系方式页 · 框头最终版 v2（2026-09-30）
   
   诊断结论：
     ghost-border-fix.css 里 `html body .cbox` (0,3,1) 用了 border 简写 !important
     我的规则特异性不够 → 被压制
   
   修法：用 `html body.contact-page .contact-grid .cbox` 链 + !important
        特异性 (0,4,1) > (0,3,1) ✅
   ============================================================ */

/* ========== 基础：三卡统一 3px 蓝条 ========== */
html body.contact-page .contact-grid .cbox,
html body.contact-page .contact-grid .contact-box,
html body.contact-page .cbox,
html body.contact-page .contact-box{
  border:1px solid #e9eef7 !important;
  border-top:3px solid #2563eb !important;
  border-radius:16px !important;
  box-shadow:none !important;
  background:#fff !important;
  position:relative !important;
  overflow:hidden !important;
}

/* ========== hover：三卡统一变色 + 阴影 ========== */
html body.contact-page .contact-grid .cbox:hover,
html body.contact-page .contact-grid .contact-box:hover,
html body.contact-page .cbox:hover,
html body.contact-page .contact-box:hover{
  border:1px solid #cfdcf7 !important;
  border-top:3px solid #1d4ed8 !important;
  box-shadow:0 4px 14px rgba(37,99,235,.11) !important;
  transform:none !important;
}

/* ========== 移动端 ========== */
@media (max-width:900px){
  html body.contact-page .contact-grid .cbox,
  html body.contact-page .cbox{
    border-top:3px solid #2563eb !important;
    border-radius:14px !important;
  }
  html body.contact-page .contact-grid .cbox:hover,
  html body.contact-page .cbox:hover{
    border-top:3px solid #1d4ed8 !important;
  }
}