/* ==========================================================================
   p-contact.css — 联系我们页专属（几何数值取自 01_联系我们.psd，1rem=100px）
   ========================================================================== */


.wrap { width: 14.42rem; margin-inline: auto; }

/* PSD：banner 底(601) 与 二级栏(641-702) 之间有 40px 空带（由 sub.css 统一给）；
   banner 标题中心偏下 */

/* 内容区：上 821-702=119，下 1480-1369=111 */
.contact-sec { padding-block: 1.21rem 1.11rem; }
.c-grid {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 5.48rem;
}

/* 左：联系信息 */
.c-info { width: 6.4rem; }
.c-title {
  margin-top: -0.1rem;
  font-size: 0.46rem;
  line-height: 1.02;
  font-weight: 400;
  color: var(--c-ink);
}
.c-sub {
  margin-top: 0.53rem;
  font-size: var(--fs-body);
  line-height: 1;
  color: var(--c-ink-2);
}
.ci-list { margin-top: 0.86rem; }
.ci-row {display: flex;align-items: baseline;font-size: var(--fs-body);line-height: 1.5;}
.ci-row + .ci-row { margin-top: 0.2rem; }
.ci-label { flex: none; color: var(--c-ink-3); }
.ci-value { color: var(--c-primary); }
.ci-row:nth-child(n+3) .ci-value { color: var(--c-ink); }
/* 电话 / 邮箱可直接拨打、发信 */
a.ci-value {
  position: relative;
  text-decoration: none;
  transition: color 0.2s ease;
}
a.ci-value::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.05rem;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.28s ease;
}
a.ci-value:hover,
a.ci-value:focus-visible { color: var(--c-accent); }
a.ci-value:hover::after,
a.ci-value:focus-visible::after { transform: scaleX(1); }
.c-qr {
  margin-top: 0.45rem;
  width: 1.45rem;
  height: 1.45rem;
}

/* 右：办公图（hover 轻微推近） */
.c-pic {flex: none;overflow: hidden;}
.c-pic img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.3, 1);}
.c-pic:hover img { transform: scale(1.03); }

/* 响应式 */
@media (max-width: 1024px) {
  .wrap { width: calc(100% - 0.4rem); }
  .c-grid { flex-direction: column; gap: 0.5rem; }
  .c-info { width: 100%; }
  .c-pic { width: 100%;  }
}
@media (max-width: 768px) {
  .contact-sec { padding-top: 0.6rem; }
  .c-title { font-size: 0.36rem; }
  .c-sub { margin-top: 0.3rem; line-height: 1.5; }
  .ci-list { margin-top: 0.4rem; }
  .ci-row { flex-direction: column; gap: 0.08rem; }
  .ci-row + .ci-row { margin-top: 0.28rem; }
  .c-pic {  }
}