/* ============================================================
   业务落地页附加样式 · service/*.html 专用
   依赖 main.css 的变量与基础组件（sv-*、article、sidebar 等）
   ============================================================ */

/* ---------- 侧栏业务导航 ---------- */
.biz-nav { display: flex; flex-direction: column; gap: 2px; padding: 2px 0 10px; }
.biz-nav .bn-title {
  font: 600 11.5px var(--sans); letter-spacing: 1.6px;
  color: var(--txt-3); padding: 12px 12px 6px;
}
.biz-nav a {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 12px; border-radius: 9px;
  color: var(--txt-2); font-size: 13.5px; line-height: 1.5;
  text-decoration: none; transition: background 0.16s, color 0.16s;
}
.biz-nav a:hover { background: #eef5ff; color: var(--brand); }
.biz-nav a.is-here { background: #e8f2ff; color: var(--brand); font-weight: 700; }
.biz-nav .bn-no {
  flex: none; font: 600 11px var(--mono, monospace);
  color: var(--brand); opacity: 0.7;
}
.biz-nav a.is-here .bn-no { opacity: 1; }

/* ---------- 速览事实卡 ---------- */
.biz-facts {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px; margin: 20px 0 4px;
}
.biz-fact {
  border: 1px solid var(--line); border-radius: 12px;
  background: #fff; padding: 12px 14px;
}
.biz-fact b {
  display: block; font: 700 14.5px var(--sans);
  color: #123a63; margin-bottom: 4px; line-height: 1.4;
}
.biz-fact span { font-size: 12px; color: var(--txt-3); line-height: 1.6; }

/* ---------- 相关业务互链 ---------- */
.biz-rel {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px; margin-top: 14px;
}
.biz-rel a {
  display: block; border: 1px solid var(--line); border-radius: 12px;
  background: #fff; padding: 12px 14px; text-decoration: none;
  transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s;
}
.biz-rel a:hover {
  border-color: var(--brand); box-shadow: var(--shadow-2);
  transform: translateY(-2px);
}
.biz-rel b { display: block; color: #123a63; font-size: 14px; margin-bottom: 4px; }
.biz-rel span { color: var(--txt-3); font-size: 12.5px; line-height: 1.65; }

@media (max-width: 760px) {
  .biz-rel { grid-template-columns: 1fr; }
  .biz-facts { grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); }
}