@import "../../common/base/index.css";
@import "../../common/layout/index.css";
@import "../../common/header/index.css";
@import "../../common/footer/index.css";
/* 导入表单样式 */
@import "../../common/dynamicForm/defaultForm.css";
/* 联系我们页面专属样式（严格贴合设计图，尽量简洁） */

/* 顶部横幅与主视觉留白 */
.hero {
  position: relative;
}
.hero .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
/* 联系人卡片 */
.contact-card {
  transition: box-shadow 0.2s ease;
}
.contact-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* 左侧要点的圆形图标，与设计风格一致 */
.feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 9999px;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex: 0 0 auto;
}

/* 右侧表单卡片 */
.help-card {
  background-color: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.form-input {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #E5E7EB; /* tailwind gray-200/300 匹配 */
  border-radius: 8px;
  outline: none;
}
.form-input:focus {
  border-color: #000;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}

.submit-btn {
  width: 100%;
  background: #000;
  color: #fff;
  border-radius: 9999px;
  padding: 12px 18px;
  transition: background-color .2s ease;
}
.submit-btn:hover { background: #111; }