:host { display: block; }
.hb-descriptions {
  font-size: var(--hb-font-size-sm);
  color: var(--hb-color-text);
  background: var(--hb-color-bg-container);
  border-radius: var(--hb-border-radius-sm);
}
.hb-descriptions__title {
  font-size: var(--hb-font-size-lg);
  font-weight: 600;
  color: var(--hb-color-text-primary);
  margin-bottom: var(--hb-spacing-sm);
}
.hb-descriptions__view { width: 100%; }
.hb-descriptions__row {
  display: grid;
  gap: 0;
  width: 100%;
}
.hb-descriptions__item {
  display: flex;
  padding: var(--hb-spacing-sm) var(--hb-spacing-md);
  border-bottom: 1px solid var(--hb-color-border-secondary);
}
.hb-descriptions__row .hb-descriptions__item:nth-last-child(-n+3):not(:nth-last-child(1)) {
  /* 保留默认下边框，最后一项由下方规则移除 */
}
/* 简化：最后一个 item 无下边框 */
.hb-descriptions__row .hb-descriptions__item:last-child { border-bottom: none; }

.hb-descriptions__label {
  color: var(--hb-color-text-secondary);
  white-space: nowrap;
  margin-right: var(--hb-spacing-sm);
  flex-shrink: 0;
}
.hb-descriptions__colon { margin-left: 0; }
.hb-descriptions__value {
  color: var(--hb-color-text);
  word-break: break-all;
}

/* 带边框样式 */
.hb-descriptions--bordered {
  border: 1px solid var(--hb-color-border-secondary);
  overflow: hidden;
}
.hb-descriptions--bordered .hb-descriptions__title { padding: var(--hb-spacing-sm) var(--hb-spacing-md); margin-bottom: 0; border-bottom: 1px solid var(--hb-color-border-secondary); }
.hb-descriptions--bordered .hb-descriptions__item { border-right: 1px solid var(--hb-color-border-secondary); }
.hb-descriptions--bordered .hb-descriptions__item:nth-child(3n) { border-right: none; }
.hb-descriptions--bordered .hb-descriptions__item { padding: var(--hb-spacing-sm) var(--hb-spacing-md); }
.hb-descriptions--bordered .hb-descriptions__item:last-child { border-bottom: none; }
