.honorPageMain {
  background: #fff;
}

.honorGallery {
  padding: .69rem 0 1.35rem;
}

.honorGrid {
  display: grid;
  grid-template-columns: repeat(4, 3.3rem);
  column-gap: .42rem;
  row-gap: .75rem;
}

.honorItem {
  width: 3.3rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.honorArt {
  width: 3.3rem;
  height: 3.38rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.honorItem .honorArt img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

.honorItem p {
  height: .67rem;
  margin-top: .17rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f8;
  color: #000;
  font-size: clamp(14px, .2rem, 20px);
  font-weight: 700;
}

.honorItem:hover .honorArt img {
  transform: translateY(-.04rem) scale(1.02);
  filter: drop-shadow(0 .06rem .08rem rgba(0, 0, 0, .18));
}

.honorArt img {
  transition: transform .25s ease, filter .25s ease;
}

@media (max-width: 768px) {
  .honorGallery { padding: .5rem 0 .65rem; }
  .honorGrid { grid-template-columns: repeat(2, 1fr); gap: .3rem .16rem; }
  .honorItem, .honorArt { width: 100%; }
  .honorArt { height: 2.25rem; }
  .honorItem p { height: auto; min-height: .55rem; padding: .1rem; font-size: clamp(13px, .16rem, 16px); }
}