/* #/kitchen 组件陈列页（开发用） */

.kitchen-intro {
  flex-wrap: wrap;
}

.kitchen-item {
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
  min-width: 0;
}
.kitchen-item__label {
  color: var(--ink-3);
  font-size: var(--fs-cap);
  font-weight: var(--fw-medium);
}

.kitchen-cluster {
  gap: var(--s-3);
}

.kitchen-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-5) 0;
  border-radius: var(--r-lg);
  background: var(--hero-glow);
  text-align: center;
}
.kitchen-hero .kpi-row {
  width: 100%;
  justify-items: center;
}
.kitchen-hero .stat-tile {
  align-items: center;
}

.kitchen-center {
  text-align: center;
}

.kitchen-slot {
  display: grid;
  place-items: center;
  height: 48px;
  border-radius: var(--r-sm);
  background: var(--on);
  color: var(--ink-3);
  font-size: var(--fs-cap);
}

.kitchen-icons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
  gap: var(--s-2);
}
.kitchen-icons__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-3) var(--s-1);
  border-radius: var(--r-sm);
  color: var(--ink);
  text-align: center;
}
.kitchen-icons__cell:hover {
  background: var(--fill);
}
.kitchen-icons__cell span {
  color: var(--ink-3);
  font-size: var(--fs-micro);
  line-height: var(--lh-snug);
}