:host { display: block; }

.hb-statistic { display: inline-flex; flex-direction: column; line-height: var(--hb-line-height); }

/* 标题 */
.hb-statistic__title {
  color: var(--hb-color-text-secondary);
  font-size: var(--hb-font-size-base);
  margin-bottom: var(--hb-spacing-xs);
}

/* 数值容器 */
.hb-statistic__content { display: flex; align-items: baseline; color: var(--hb-color-text-primary); }

/* 数值本体：大号 */
.hb-statistic__value {
  font-size: var(--hb-font-size-2xl);
  font-weight: 500;
  line-height: 1;
}

/* 前缀（如 ¥） */
.hb-statistic__prefix {
  margin-right: var(--hb-spacing-xxs);
  font-size: var(--hb-font-size-lg);
}

/* 后缀（如 单位） */
.hb-statistic__suffix {
  margin-left: var(--hb-spacing-xxs);
  font-size: var(--hb-font-size-lg);
}
