.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12rpx 26rpx;
  border-radius: 999rpx;
  background: var(--surface-2);
  color: var(--text-2);
  font-size: 24rpx;
  border: 1rpx solid var(--line);
  transition: all .15s ease;
  white-space: nowrap;
}
.chip--active {
  background: var(--accent-soft);
  color: var(--accent);
  border-color: var(--accent-ring);
  font-weight: 600;
}