/* bug261020（4）我方样式补充（配合 index.html / process.html 的改动）
 *
 * 只放本次改动需要的规则，全部以既有类名为前缀，避免影响其它区块。
 * 加载顺序在 portal.css / portal-extra.css / portal-r29x / portal-r30a 之后，
 * 所以同权重即可覆盖；不需要 !important。
 */

/* ---------------- 问题1①②：首页核心服务区左侧分类卡 ----------------
 *
 * 左侧卡片的灰色小字（分类副标题）已从模板删除，卡片内容只剩「序号 + 分类名称」，
 * 原来的 .biz__tab 是 align-items:flex-start + 18px 内边距，删掉小字后会显得上半空、
 * 下半瘪（客户原话「视觉干瘪」）。这里改为垂直居中、加大内边距与字号。
 */
.biz__tabs .biz__tab {
  align-items: center;
  min-height: 78px;
  padding: 20px 22px;
  gap: 16px;
}
.biz__tabs .biz__tab > span:last-child {
  /* 只剩名称一行时不要被 flex 拉伸出多余高度 */
  display: flex;
  align-items: center;
  min-height: 0;
}
.biz__tabs .biz__tab b {
  font-size: 16.5px;
  line-height: 1.45;
}
.biz__tabs .biz__idx {
  /* 序号与名称一起放大，视觉重量更平衡；不再需要 padding-top 去对齐小字基线 */
  font-size: 13.5px;
  padding-top: 0;
  flex: 0 0 auto;
}

/* ---------------- 问题9：/process 步骤条 hover 反馈 ----------------
 *
 * 首页的 .step 卡片之前（bug261020（3）问题10）已加过 hover；/process 页用的是
 * .steps-n li（无卡片、纯文字列表），客户要求「鼠标移入卡片时轻微上浮、阴影加深」。
 * 这里给 .steps-n li 补上同样的反馈，位移控制在 -4px，避免列表项之间视觉错位。
 */
.steps-n li {
  transition:
    transform 0.22s var(--ease, ease),
    box-shadow 0.22s var(--ease, ease),
    border-color 0.22s var(--ease, ease);
  will-change: transform;
}
.steps-n li:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(70, 45, 15, 0.1);
  border-color: #e8dcc4;
}
@media (prefers-reduced-motion: reduce) {
  .steps-n li,
  .steps-n li:hover {
    transition: none;
    transform: none;
  }
}

/* 服务流程页「交付物」卡片下线（问题10）：模板已不再输出 .deliver，
 * 这里不需要兜底样式；保留说明避免后来者以为漏了样式。 */