/* === 顶部 Logo（图片 + 文本）=== */
.logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;            /* 作为链接使用时去下划线 */
}
.logo img {
  height: 36px;                     /* 按需可改 28~40px */
  width: auto;
  display: block;
}
.brand-name {
  font-weight: 700;
  color: #007bff;
}

/* === 联系表单（可直接发送邮件）=== */
.contact-form {
  margin: 16px auto 0;
  max-width: 800px;                 /* 让表单不太宽 */
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  text-align: left;                 /* 与页面其它内容一致 */
}

/* 表单网格布局（两列/一列自适应） */
.grid { display: grid; gap: 16px; }
.grid-2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 768px) {
  .grid-2 { grid-template-columns: 1fr; }
}

/* 表单字段基础样式 */
.field { display: grid; gap: 6px; }
.field label { font-size: 0.9rem; color: #666; }
.field input,
.field textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  background: #fff;
  font-size: 1rem;
}
.field textarea { min-height: 120px; resize: vertical; }

/* 按钮与提示 */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border: 0;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}
.btn-primary { background: #007bff; color: #fff; }
.btn-primary:hover { background: #0069d9; }
.btn-primary:disabled { opacity: .7; cursor: not-allowed; }
.note { font-size: .85rem; color: #666; }

/* 成功提示（若使用本页提示而非跳转） */
.alert {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  color: #0f5132;
  background: #d1e7dd;
  border: 1px solid #badbcc;
  display: none;
}