/* 汇客宝官网品牌尺寸体系 —— 与 Material 图标占位对齐，不扰动版式 */
:root {
  --hkb-logo-nav: 36px;
  --hkb-logo-footer: 36px;
  --hkb-icon-card: 36px;
  --hkb-icon-trust: 36px;
  --hkb-icon-hero: 48px;
  --hkb-icon-inline: 20px;
  --hkb-icon-radius: 9px;
  --hkb-brand-blue: #1890FF;
}

/* —— LOGO —— */
.hkb-logo {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 10px;
  text-decoration: none !important;
  border: 0 !important;
  padding: 0 !important;
  line-height: 0;
}
.hkb-logo img {
  width: var(--hkb-logo-nav);
  height: var(--hkb-logo-nav);
  object-fit: contain;
  display: block;
  border-radius: var(--hkb-icon-radius);
  image-rendering: auto;
}
.hkb-logo--footer img {
  width: var(--hkb-logo-footer);
  height: var(--hkb-logo-footer);
  border-radius: var(--hkb-icon-radius);
}

/* —— AI 图标（白标 + 蓝底；默认 = 卡片规格） —— */
.hkb-ai-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--hkb-icon-card);
  height: var(--hkb-icon-card);
  padding: 0;
  margin: 0;
  border-radius: var(--hkb-icon-radius);
  background: var(--hkb-brand-blue);
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
  line-height: 0;
}
.hkb-ai-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* 与 material text-headline-lg / text-4xl + mb-md 同槽位 */
.hkb-ai-icon--card {
  width: var(--hkb-icon-card);
  height: var(--hkb-icon-card);
  border-radius: var(--hkb-icon-radius);
}
.hkb-ai-icon--trust {
  width: var(--hkb-icon-trust);
  height: var(--hkb-icon-trust);
  border-radius: 9px;
}
.hkb-ai-icon--hero,
.hkb-ai-icon--lg,
.hkb-ai-icon.--lg {
  width: var(--hkb-icon-hero);
  height: var(--hkb-icon-hero);
  border-radius: 12px;
}
.hkb-ai-icon--inline,
.hkb-ai-icon--sm,
.hkb-ai-icon.--sm {
  width: var(--hkb-icon-inline);
  height: var(--hkb-icon-inline);
  border-radius: 5px;
}

/* 能力卡片内：图标下方留白与 material mb-md 一致 */
.hkb-ai-icon.mb-md,
.hkb-cap-icon {
  margin-bottom: 1rem; /* ≈ Tailwind mb-md */
}
.hkb-cap-icon {
  display: block;
  line-height: 0;
}