/* 恢复：局部中心列表像素级样式（仅在 .center-list-scope 下生效） */
.center-list-scope .data-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; /* 卡片间距，最后一次调整为 12px */
  padding-bottom: 60px; /* 避免与 footer 紧贴 */
}

/* 保证右侧内容与左侧导航隔离（只影响有 .center-row 的布局） */
.center-row > .col-lg-10 .center-list-scope {
  padding-left: 60px; /* 与左侧导航形成视觉间隔，按需调整 */
}

@media (max-width: 992px) {
  .center-row > .col-lg-10 .center-list-scope { padding-left: 0; }
}

/* 具体卡片尺寸（固定宽高，像素级对齐原型） */
.center-list-scope .data-list > a.center-card,
.co-container.center-list-scope .data-list > a.center-card {
  width: 223.26px;
  height: 105.43px;
  flex: 0 0 223.26px; /* 固定列宽，保证四列显示 */
  box-sizing: border-box;
  display: flex;
  align-items: flex-start; /* 使用顶部对齐以配合上/下内边距 */
  padding-left: 15px; /* logo 与左侧偏移 */
  padding-top: 27px; /* 与设计稿一致的上间距 */
  padding-bottom: 26px; /* 与设计稿一致的下间距 */
  border-radius: 6.2px;
  border: 1px solid rgba(23,36,78,0.08);
  background: #ffffff;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 4px 12px rgba(23,36,78,0.03);
  transition: box-shadow .18s ease, border-color .12s ease, transform .12s ease;
  overflow: hidden;
}

/* Logo 区域（图像本体 33x33，外部容器确保垂直居中） */
.center-list-scope .data-list > a.center-card .card-logo,
.co-container.center-list-scope .data-list > a.center-card .card-logo {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.center-list-scope .data-list > a.center-card .card-logo img {
  width: 39px;
  height: 39px;
  object-fit: contain;
  display: block;
}

/* 使 logo 与文字在卡片内容区垂直居中（考虑上/下 padding） */
.center-list-scope .data-list > a.center-card .card-logo,
.center-list-scope .data-list > a.center-card .card-body,
.co-container.center-list-scope .data-list > a.center-card .card-logo,
.co-container.center-list-scope .data-list > a.center-card .card-body {
  height: 100%; /* 占满内容区高度（不包含 card 的 padding） */
  display: flex;
  align-items: center; /* 垂直居中 */
}

/* 卡片文本内容垂直居中 */
.center-list-scope .data-list > a.center-card .card-body {
  flex: 1 1 auto;
  min-width: 0;
}
.center-list-scope .data-list > a.center-card .card-title {
  font-family: "Source Han Sans", "Source Han Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #202D57;
  line-height: 26px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin: 0;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 悬浮 & 焦点：蓝色外框（#4486D4）和阴影，保持最后一次确认的样式 */
.center-list-scope .data-list > a.center-card:hover,
.center-list-scope .data-list > a.center-card:focus,
.co-container.center-list-scope .data-list > a.center-card:hover,
.co-container.center-list-scope .data-list > a.center-card:focus {
  box-shadow: 0 8px 22px rgba(68,134,212,0.12);
  border: 2px solid #4486D4;
  z-index: 2;
  transform: translateY(-2px);
}

/* 防止被全局 a 或其他样式覆盖，必要时可提高优先级但先保持整洁 */
.center-list-scope .data-list > a.center-card {
  display: flex;
}

/* 响应式：在较窄容器中允许自动换行（固定宽度卡片会换行成多行） */
@media (max-width: 992px) {
  .center-list-scope .data-list > a.center-card { flex: 0 0 223.26px; }
}
@media (max-width: 480px) {
  .center-list-scope .data-list { gap: 10px; }
  .center-list-scope .data-list > a.center-card { width: calc(50% - 10px); flex: 0 0 calc(50% - 10px); height: auto; padding: 12px; }
  .center-list-scope .data-list > a.center-card .card-logo { margin-right: 8px; }
}