/* ===== chengnuo.css - 服务承诺 ===== */
.chengnuo {
  padding: 48px 5%;
  background: #fdfbf7;
  border: none;
}

.chengnuo-title {
  text-align: center;
  color: #333;
  font-size: 45px;
  margin-bottom: 10px;
  font-weight: bolder;
  font-family: Source Han Sans CN;
}
.chengnuo-red {
  color: #b8363a;
}

.chengnuo-desc {
  text-align: center;
  color: #666;
  font-size: 18px;
  margin-bottom: 10px;
}

.chengnuo-grid {
  display: flex;
  justify-content: center;
  gap: 28px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.chengnuo-card {
  flex: 0 0 240px;
  text-align: center;
  padding: 10px 20px 28px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  transition: transform 0.2s;
}

.chengnuo-card:hover {
  transform: translateY(-4px);
}

.chengnuo-icon {
  font-size: 48px;
  margin-bottom: 16px;
}
/* img 类型的图标（第一个卡片） */
img.chengnuo-icon {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
  object-fit: contain;
}

.chengnuo-card h4 {
  color: #b8363a;
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: bolder;
  font-family: Source Han Sans CN;
}

.chengnuo-card p {
  color: #666;
  font-size: 15px;
  line-height: 1.7;
}

/* ===== 折叠屏展开态（600~1023px）===== */
@media (min-width: 600px) and (max-width: 1023px) {
  .chengnuo {
    padding: 36px 5%;
  }
  .chengnuo-grid {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 1vw;
    padding: 0 8px 8px;
  }
  .chengnuo-card {
    flex: 0 0 140px;
    scroll-snap-align: start;
  }
  .chengnuo-title {
    font-size: 38px;
  }
  .chengnuo-card h4 {
    font-size: 20px;
  }
  .chengnuo-card p {
    font-size: 14px;
  }
  img.chengnuo-icon {
    width: 56px;
    height: 56px;
  }
}

/* ===== 手机端 ===== */
@media (max-width: 599px) {
  .chengnuo { padding: 32px 12px; }
  .chengnuo-title { font-size: 28px; }
  .chengnuo-desc { font-size: 16px; margin-bottom: 24px; }
  .chengnuo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    max-width: 500px;
    margin: 0 auto;
  }
  .chengnuo-card {
    flex: none;
    width: auto;
    max-width: none;
    padding: 20px 12px;
    background: transparent;
    box-shadow: none;
  }
  /* 手机端隐藏 emoji 图标，保留 img 图标并缩小 */
  .chengnuo-card div.chengnuo-icon { display: none; }
  img.chengnuo-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
  }
  .chengnuo-card h4 { font-size: 18px; }
  .chengnuo-card p { font-size: 14px; }
}