/* 页面标题 */
.page-title h2[data-v-7dafb6fc] {
  color: #0066cc;
  font-size: 24px;
  margin: 0;
}

/* 核心：浅蓝色背景的福利计划信息DIV */

/* 员工组区域 */
.group-div[data-v-7dafb6fc] {
  height: 100%;
  width: 60%; /* 控制宽度 */
  margin: 0 auto 25px; /* 左右 auto = 居中 */
  border: 1px solid #d9d9d9 !important;
}
.group-section[data-v-7dafb6fc] {
  padding: 10px 25px; /* 左右 auto = 居中 */
}
.group-section h4[data-v-7dafb6fc] {
  font-size: 15px;
  margin: 0 0 6px 0;
}
.desc[data-v-7dafb6fc] {
  font-size: 13px;
  color: #666;
  margin: 0 0 16px 0;
}

/* 去掉 antd 自带的间距 */
[data-v-7dafb6fc] .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0 !important;
}

/* 卡片布局 3列 */
.card-list[data-v-7dafb6fc] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

/* ========== 卡片默认样式：白色 ========== */
.card-item[data-v-7dafb6fc] {
  display: block;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 6px;
  padding: 20px 12px;
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ========== 卡片选中样式：浅蓝色 ========== */
[data-v-7dafb6fc] .ant-checkbox-wrapper-checked {
  background: #e6f7ff !important;
  border: 1px solid #91caff !important;
}

/* 内容居中 */
.card-content[data-v-7dafb6fc] {
  text-align: center;
}
.icon[data-v-7dafb6fc] {
  font-size: 33px;
  margin-bottom: 6px;
}
.name[data-v-7dafb6fc] {
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 4px;
}
.text[data-v-7dafb6fc] {
  font-size: 14px;
  color: #666;
}

/* 复选框定位到右上角 */
[data-v-7dafb6fc] .ant-checkbox {
  position: absolute !important;
  top: 12px;
  right: 12px;
  z-index: 10;
}

/* 已选提示 */
.selected-tip[data-v-7dafb6fc] {
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  color: #52c41a;
  padding: 8px;
  text-align: center;
  border-radius: 4px;
  font-size: 13px;
  margin-bottom: 20px;
}