/*
 * 来源：从原页面内联 <style> 迁出，并按用途拆分为独立 CSS。
 * 原始哈希：a1eeabf8c624，用于追溯迁出前的样式内容。
 * 原始位置：index.html。
 * 维护说明：该文件依赖 HTML 中的 <link> 加载顺序，调整后请做页面回归检查。
 */
#st-footer-inquiry {
  background-color: #0f172a;
  /* 深蓝背景用于承接页脚区域，并突出表单卡片。 */
  padding: 100px 20px;
  color: #ffffff;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.st-inquiry-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 80px;
  align-items: flex-start;
}

/* 左侧联系信息：展示邮箱、电话和服务入口。 */
.st-inquiry-info {
  flex: 1;
}

.st-inquiry-info h2 {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0 0 20px 0;
  line-height: 1.2;
}

.st-inquiry-info h2 span {
  color: #FF5B00;
}

.st-inquiry-info p.lead-text {
  font-size: 1.1rem;
  color: #94a3b8;
  margin-bottom: 40px;
  line-height: 1.6;
}

.st-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.st-contact-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  gap: 20px;
}

.st-contact-icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 91, 0, 0.1);
  border: 1px solid rgba(255, 91, 0, 0.3);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.st-contact-icon svg {
  width: 22px;
  height: 22px;
  fill: #FF5B00;
}

.st-contact-text h4 {
  margin: 0 0 5px 0;
  font-size: 1.1rem;
  color: #f1f5f9;
  font-weight: 700;
}

.st-contact-text p {
  margin: 0;
  color: #94a3b8;
  font-size: 0.95rem;
}

/* 右侧表单区域：承载询盘表单并与背景区分。 */
.st-inquiry-form-wrap {
  flex: 1;
  background: #ffffff;
  padding: 45px;
  border-radius: 8px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.st-inquiry-form-wrap h3 {
  color: #0f172a;
  margin: 0 0 25px 0;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

/* ============================================================
       核心修复：针对 Fluent Forms 提交后的“成功提示文字”样式覆盖
       ============================================================ */
.st-inquiry-form-wrap .ff-message-success {
  color: #065f46 !important;
  /* 成功提示文字：使用深绿色表达提交成功状态。 */
  background-color: #ecfdf5 !important;
  /* 成功提示背景：使用浅绿色提升状态可见性。 */
  border: 1px solid #10b981 !important;
  /* 成功提示边框：与文字颜色保持一致。 */
  padding: 20px !important;
  border-radius: 6px !important;
  margin-bottom: 25px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

/* 表单错误提示：统一插件默认错误信息的颜色和间距。 */
.st-inquiry-form-wrap .ff-errors,
.st-inquiry-form-wrap .error {
  color: #b91c1c !important;
  font-size: 0.85rem !important;
  margin-top: 5px !important;
}

/* 响应式调整：在窄屏下保持内容层级和可读性。 */
@media (max-width: 992px) {
  .st-inquiry-container {
    flex-direction: column;
    gap: 60px;
  }

  .st-inquiry-info {
    text-align: center;
  }

  .st-contact-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #st-footer-inquiry {
    padding: 60px 20px;
  }

  .st-inquiry-form-wrap {
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
  }
}