/* 联系我们（page-contact.css） */

.contact-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(2rem, 5vw, 3.5rem);
  align-items: start;
}

.contact-info { display: grid; gap: 1.6rem; }
.contact-info__label {
  margin: 0 0 .3rem;
  font-size: .8rem;
  letter-spacing: .16em;
  color: var(--muted);
  font-weight: 600;
}
.contact-info__value { margin: 0; font-size: 1.02rem; color: var(--ink); }
.contact-info__value a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--brand-deep); }
.contact-info__value a:hover { color: var(--accent); border-bottom-color: var(--accent); }
.contact-info__item small { display: block; margin-top: .3rem; color: var(--muted); font-size: .88rem; }

.contact-aside {
  margin-top: 2rem;
  padding: 1.5rem;
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.contact-aside__title { margin: 0 0 .6rem; font-size: 1rem; }
.contact-aside p { margin: 0; color: var(--muted); font-size: .93rem; }

.form-panel { padding: clamp(1.5rem, 3vw, 2.25rem); background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.form-panel h2 { margin: 0 0 .5rem; font-size: 1.3rem; }
.form-panel > p { margin: 0 0 1.5rem; color: var(--muted); font-size: .95rem; }