/* ============================================================
   首页（main/templates/index.html）页面级样式
   由模板内联 style 属性逐字抽取而来，仅迁移载体，未调整任何取值
   ============================================================ */

/* Hero 区"预约咨询"按钮：原内联覆盖 .btn.pri 的配色。
   内联样式原本会同时压制 .btn.pri:hover 的变色，故此处同步锁定 hover 取值 */
.btn.home-hero-primary{background:#fff;color:#2AA8A1}
.btn.home-hero-primary:hover{background:#fff;color:#2AA8A1}

/* Hero 区"查看服务与能力"按钮：原内联覆盖 .btn.o（边框透明度 .55，区别于默认 .5），
   并压制 .btn.o:hover 的背景提亮，故同步锁定 hover 取值 */
.btn.home-hero-secondary{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.55)}
.btn.home-hero-secondary:hover{background:rgba(255,255,255,.16)}

/* 数字统计通栏：顶部留白收紧（覆盖 .band 的 padding 简写中的上内边距） */
.home-band-top{padding-top:26px}

/* 核心服务卡片为 <a> 元素，显式块级显示；
   边框加深使卡片轮廓清晰（覆盖 .card.flat 的无边框），hover 时主题色描边 + 上浮投影 */
.card.home-service-card{display:block;border:1px solid #D8E1EC;box-shadow:none;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.card.home-service-card:hover{border-color:var(--brand);transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(43,168,161,.16)}
.card.home-service-card:hover h4{color:var(--brand-d)}

/* 案例精选卡片：与核心服务一致的 hover 特效 */
.card.home-case-card{border:1px solid #D8E1EC;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.card.home-case-card:hover{border-color:var(--brand);transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(7,20,55,.10)}
.card.home-case-card:hover h4{color:var(--brand-d)}

/* 服务流程步骤：hover 时白底 + 主题色描边 + 轻微上浮，步骤名转主题色 */
.home-flow div{border:1px solid transparent;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.home-flow div:hover{border-color:var(--brand);background:#fff;transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(43,168,161,.14)}
.home-flow div:hover b{color:var(--brand-d)}

/* 各区块底部"更多入口"行的上间距 */
.home-services-more{margin-top:18px}
.home-cases-more{margin-top:16px}
.home-reports-more{margin-top:16px}

/* 进出口数据 / 行业报告列表内的小号"查看"按钮 */
.btn.home-item-btn{font-size:13.5px;padding:6px 12px}

/* 首页两区块的流式网格中，最后一项也保留底部分隔线（v4.css 的 .item:last-child 会去掉） */
.gauto .item:last-child{border-bottom:1px solid var(--line2)}