.pisell-pro-selector_layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
  // 响应式布局容器
  &-responsive {
    display: grid;
    gap: var(--layout-gap, 16px);
    grid-template-columns: repeat(var(--layout-columns, 1), 1fr);
  }

  // 自动宽度布局 - 内容自适应
  &-auto-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}