/* 板块间距与背景：和 rd-industries 同节奏 */
.rd-gallery {
  padding: clamp(30px, 4.166667vw, 80px) 0;
}

/* ============ 标题区：与 rd-industries 统一，居中版 ============ */
.rd-sec-head-center {
  max-width: 780px;
  margin: 0 auto 56px;
  text-align: center;
}

.rd-sec-head-center h2 {
    margin: 0 0 18px;
    font-size: clamp(24px, 2.30vw, 44px);
    line-height: 1.15;
    font-weight: 600;
    color: #111;
}

.rd-sec-head-center p {
    font-size: clamp(14px, 0.83vw, 16px);
    line-height: 1.7;
    color: #161616;
}


/* ============ 网格 ============ */
.rd-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* ============ 卡片 ============ */
.rd-gallery-item {
  box-sizing: border-box;
  transition: all .24s ease;
  background: #f6f6f6;
}


.rd-gallery-item .thumb {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  aspect-ratio: 3/2;
  background: #eef1f4;
}
.rd-gallery-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.rd-gallery-item:hover .thumb img { transform: scale(1.05); }


.rd-gallery-item .thumb:hover .popup-gallery { opacity: 1; }


/* 标题：图片下方居中 */
.rd-gallery-item h3 {
  font-size: clamp(14px, 0.83vw, 16px);
  color: #0e1a24;
  line-height: 1.5;
  text-align: center;
  padding: 10px 25px;
  font-weight: 400;
}

/* ============ 响应式 ============ */
@media screen and (max-width: 1024px) {
  .rd-gallery-grid {grid-template-columns: repeat(2, 1fr);gap: 15px;}
  .rd-sec-head-center { margin-bottom: 40px; }
}
@media screen and (max-width: 640px) {
  .rd-gallery-grid {grid-template-columns: 1fr;gap: 10px;}
  .rd-sec-head-center { margin-bottom: 30px; }
}