/* ============================================================
   contact.css — 联系方式（冷档案）
   ============================================================ */

.contact-frame {
  width: min(100%, 560px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2.5vh, 1.6rem);
}
.contact-kicker {
  font-size: clamp(0.58rem, 0.85vw, 0.72rem);
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 400;
}
.contact-title {
  font-weight: 300;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  letter-spacing: 0.18em;
  color: var(--ink);
}
.contact-note {
  font-size: clamp(0.78rem, 1.05vw, 0.92rem);
  line-height: 1.9;
  font-weight: 300;
  color: var(--silver);
  letter-spacing: 0.04em;
  max-width: 36em;
}
.contact-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 0.4rem;
  padding-top: 1.35rem;
  border-top: 1px solid var(--line);
}
.contact-item {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.contact-label {
  font-size: clamp(0.58rem, 0.8vw, 0.7rem);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--mute);
}
.contact-value {
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  letter-spacing: 0.08em;
  color: var(--ink);
  font-weight: 300;
  border-bottom: 1px solid transparent;
  width: fit-content;
  transition: color 0.2s, border-color 0.2s;
}
a.contact-value:hover {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
}

.contact-signature {
  margin-top: 0.85rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.contact-signature-zh {
  font-size: clamp(0.78rem, 1.05vw, 0.9rem);
  letter-spacing: 0.18em;
  color: var(--mute);
  font-weight: 300;
}
.contact-signature-en {
  font-size: clamp(0.62rem, 0.85vw, 0.72rem);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--silver);
  font-weight: 300;
}