.pisell-group-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;

  &__group {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
  }

  // ① 头部：分组条件对应的相同信息
  &__header {
    width: 100%;
  }

  // ② 统计栏：来自分组数据的统计信息
  &__stats {
    width: 100%;
  }

  // ③ 主体：分组内所有条目（卡片）
  &__body {
    width: 100%;
  }

  &__body-stack {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  // ④ 操作区：批量操作
  &__actions {
    width: 100%;
  }

  // ===== 多端 variant：仅控制展示差异，不改变结构与业务语义 =====
  &--phone {
    .pisell-group-view__body {
      // 移动端主体优先单列纵向，避免横向卡片过窄
      overflow-x: hidden;
    }
  }
}
