/* 联系表单真实提交：防机器人字段、提交错误与提交中状态 */

.field--hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.contact-form-error {
  grid-column: 1 / -1;
  margin: 0;
  padding: 11px 14px;
  border: 1px solid rgba(201, 67, 55, 0.22);
  border-radius: 10px;
  background: #fff5f3;
  color: #b23a2f;
  font-size: max(14px, 11px);
  line-height: 1.65;
}

.contact-form-error[hidden] {
  display: none;
}

.contact-submit .btn[disabled] {
  cursor: wait;
  opacity: 0.72;
  transform: none;
}

.contact-submit .btn[aria-busy="true"] .btn-icon {
  animation: contact-submit-pulse 1s ease-in-out infinite;
}

@keyframes contact-submit-pulse {
  0%,
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
  50% {
    opacity: 0.55;
    transform: translate(2px, -2px);
  }
}

@media (max-width: 560px) {
  .contact-form-error {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-submit .btn[aria-busy="true"] .btn-icon {
    animation: none;
  }
}