:root {
  --sung-inquiry-mb: 100px;
  --sung-inquiry-content-padding: 42px 60px 54px 61px;
  --sung-inquiry-h5-size: 20px;
  --sung-inquiry-gap: 100px;
  /* 新增：联系方式项最小宽度，保证号码对齐 */
  --contact-item-min-w: 140px;
}

.sung_inquiry {
  margin-bottom: var(--sung-inquiry-mb);
}

.sung_inquiry .content {
  background-color: var(--bg-color);
  padding: var(--sung-inquiry-content-padding);
  display: flex;
  justify-content: space-between;
  gap: var(--sung-inquiry-gap);
}

.sung_inquiry .content .contact-info .row {
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.sung_inquiry .content .contact-info .row > div:not(:last-child) {
  padding-bottom: 40px;
  border-bottom: 1px solid #e0e0e0;
}

.sung_inquiry .content .contact-info h5 {
  font-size: var(--sung-inquiry-h5-size); /* 修复：改用CSS变量，之前硬编码20px不一致 */
  font-weight: 600;
  color: var(--title-text-color);
  line-height: 1.5;
  margin: 0; /* 新增：重置默认间距，避免对齐偏移 */
}

/* 新增：重置p标签默认间距，保证行高一致 */
.sung_inquiry .content .contact-info p {
  margin: 0;
  line-height: 1.5;
}

.sung_inquiry .content .contact-info a {
  color: inherit; /* 新增：继承文字颜色，避免链接默认蓝色 */
  text-decoration: none; /* 可选：去掉链接下划线，根据设计需求 */
}

.sung_inquiry .content .contact-info .collocate {
  display: flex;
  align-items: flex-start; /* 标题顶部对齐，也可改center垂直居中 */
  gap: 80px;
  flex-wrap: wrap; /* 新增：移动端自动换行，防止溢出 */
}

/* 核心修改：联系方式项样式，保证号码对齐 */
.sung_inquiry .content .contact-info .collocate .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-width: var(--contact-item-min-w); /* 固定最小宽度，项对齐 */
  flex: 0 0 auto; /* 不拉伸、不收缩，保持固定宽 */
}

.sung_inquiry .content .inqury_title_text {
  text-align: left;
}

.sung_inquiry .content .inqury_title_box .inqury_titl_desc {
  text-align: left;
  font-weight: 600;
  color: var(--title-text-color);
  font-size: 20px;
  line-height: 1.5;
}

.sung_inquiry .content .inqury_submit {
  width: 100%;
  font-weight: 700;
  background-color: var(--color-second);
  line-height: 2;
  transition: background-color 0.3s ease;
  border: none; /* 可选：按钮加无边框，根据设计 */
  color: #fff; /* 可选：按钮文字白色，根据设计 */
  cursor: pointer; /* 可选：鼠标手型 */
  padding: 0 20px; /* 可选：按钮内边距 */
}
.sung_inquiry .content .inqury_submit:hover {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0.1) 100%
    ),
    var(--color-second);
}
/* 修复：submit是按钮，用:active而非:checked，checked是复选框/单选框 */
.sung_inquiry .content .inqury_submit:active {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    var(--color-second);
}

/* 响应式样式 */
@media screen and (max-width: 1500px) {
  :root {
    --sung-inquiry-mb: 85px;
    --sung-inquiry-content-padding: 40px 60px 50px 60px;
    --sung-inquiry-h5-size: 20px;
    --sung-inquiry-gap: 80px;
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --sung-inquiry-mb: 70px;
    --sung-inquiry-content-padding: 30px 50px 40px 50px;
    --sung-inquiry-h5-size: 18px;
    --sung-inquiry-gap: 60px;
    --contact-item-min-w: 130px; /* 适配：缩小项宽度 */
  }
  .sung_inquiry .content .contact-info .collocate {
    gap: 60px; /* 适配：缩小间距 */
  }
}

@media screen and (max-width: 1200px) {
  :root {
    --sung-inquiry-mb: 55px;
    --sung-inquiry-content-padding: 20px 40px 30px 40px;
    --sung-inquiry-h5-size: 16px;
    --sung-inquiry-gap: 40px;
    --contact-item-min-w: 120px; /* 适配：缩小项宽度 */
  }
  .sung_inquiry .content .contact-info .collocate {
    gap: 40px; /* 适配：缩小间距 */
  }
}

@media screen and (max-width: 992px) {
  :root {
    --sung-inquiry-mb: 40px;
    --sung-inquiry-content-padding: 30px 30px 40px 30px;
    --sung-inquiry-h5-size: 16px;
    --sung-inquiry-gap: 30px;
    --contact-item-min-w: 110px; /* 适配：缩小项宽度 */
  }
  .sung_inquiry .content {
    flex-direction: column;
  }
  .sung_inquiry .content .contact-info .collocate {
    gap: 30px; /* 适配：缩小间距 */
  }
}

@media screen and (max-width: 768px) {
  :root {
    --sung-inquiry-mb: 25px;
    --sung-inquiry-content-padding: 0;
    --sung-inquiry-h5-size: 14px;
    --sung-inquiry-gap: 20px;
    --contact-item-min-w: 100px; /* 适配：缩小项宽度 */
  }
  .sung_inquiry .content .contact-info .collocate {
    gap: 20px; /* 适配：缩小间距 */
  }
}

@media screen and (max-width: 576px) {
  :root {
    --sung-inquiry-mb: 25px;
    --sung-inquiry-content-padding: 0;
    --sung-inquiry-h5-size: 14px;
    --sung-inquiry-gap: 20px;
    --contact-item-min-w: 90px; /* 移动端：最小宽度 */
  }
  .sung_inquiry .content .contact-info .collocate {
    gap: 15px !important; /* 移动端：最小间距，强制生效 */
  }
}