/* contact 页布局 -- contact.astro 专用（表单内部样式见 ContactForm.vue scoped） */
.contact-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 2rem;
  align-items: start;
}
.contact-aside {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contact-form-wrap {
  background: var(--c-bg);
  border: 1px solid var(--c-line);
  border-radius: 18px;
  padding: 1.75rem;
  box-shadow: 0 10px 30px -18px rgba(15, 23, 42, 0.25);
  position: sticky;
  top: 90px;
}
@media (max-width: 880px) {
  .contact-layout {
    grid-template-columns: 1fr;
  }
  .contact-form-wrap {
    position: static;
  }
}