.page-contact{
  --contact-line:rgba(201,162,39,.55);
  background:var(--c-cream);
  color:var(--c-ink);
  font-family:var(--font-sans);
  font-size:var(--fs-sm);
  line-height:1.75;
  overflow-x:hidden;
}
.page-contact h1,
.page-contact h2,
.page-contact h3{
  font-family:var(--font-serif);
  font-weight:700;
  line-height:1.25;
  margin:0;
}
.page-contact a{
  transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease);
}
.page-contact img{
  max-width:100%;
  height:auto;
}

/* 面包屑 */
.page-contact .breadcrumb{
  padding-top:var(--space-6);
  font-size:var(--fs-xs);
  letter-spacing:.04em;
}
.page-contact .breadcrumb a{
  color:var(--c-royal);
  text-underline-offset:.25em;
}
.page-contact .breadcrumb a:hover{
  color:var(--c-gold);
}
.page-contact .breadcrumb__sep{
  margin:0 .4em;
  color:var(--c-gold);
}

/* 首屏 */
.page-contact .contact-hero{
  background:linear-gradient(135deg,rgba(163,58,43,.16) 0%,transparent 34%),var(--c-deep);
  color:var(--c-cream);
  padding:var(--space-6) 0 var(--space-7);
}
.page-contact .contact-hero__grid{
  display:grid;
  gap:var(--space-6);
}
.page-contact .contact-hero__main{
  color:var(--c-cream);
}
.page-contact .contact-hero__main h1{
  color:var(--c-cream);
  font-size:var(--fs-2xl);
  margin:var(--space-2) 0 var(--space-4);
  letter-spacing:.01em;
}
.page-contact .contact-hero__sub{
  font-family:var(--font-mono);
  font-size:var(--fs-xs);
  color:var(--c-gold-bright);
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:var(--space-2) 0 var(--space-1);
}
.page-contact .contact-hero__lead{
  margin:0 0 var(--space-3);
  max-width:58ch;
  color:rgba(245,241,232,.88);
}
.page-contact .contact-hero .label-tag{
  background:transparent;
  border:1px solid var(--c-gold);
  color:var(--c-gold-bright);
}

/* 联系方式列表 */
.page-contact .contact-channels{
  margin:var(--space-6) 0 0;
}
.page-contact .contact-channel{
  padding:var(--space-4) 0;
  border-top:1px solid rgba(201,162,39,.35);
}
.page-contact .contact-channel:last-child{
  border-bottom:1px solid rgba(201,162,39,.35);
}
.page-contact .contact-channel__label{
  font-family:var(--font-mono);
  font-size:var(--fs-xs);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--c-gold);
}
.page-contact .contact-channel__value{
  margin:var(--space-1) 0;
  font-family:var(--font-serif);
  font-size:var(--fs-lg);
  color:var(--c-cream);
  line-height:1.4;
}
.page-contact .contact-channel__value a{
  color:var(--c-cream);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-contact .contact-channel__value a:hover{
  border-color:var(--c-gold);
  color:var(--c-gold-bright);
}
.page-contact .contact-channel__note{
  margin:0;
  font-size:var(--fs-xs);
  color:rgba(245,241,232,.72);
}

/* 首屏视觉 */
.page-contact .contact-hero__visual{
  margin-top:var(--space-6);
}
.page-contact .contact-hero__visual figure{
  margin:0;
}
.page-contact .contact-hero__img{
  display:block;
  width:100%;
  height:auto;
}
.page-contact .contact-hero__visual figcaption{
  margin-top:var(--space-2);
  font-size:var(--fs-xs);
  letter-spacing:.06em;
  color:rgba(245,241,232,.6);
}

/* 回复时效 */
.page-contact .contact-response{
  background:var(--c-cream);
  padding:var(--space-7) 0;
}
.page-contact .contact-response h2{
  font-size:var(--fs-xl);
  margin:var(--space-2) 0 var(--space-2);
}
.page-contact .contact-response__lead{
  margin:0 0 var(--space-5);
  color:var(--c-ink);
  opacity:.82;
  max-width:60ch;
}
.page-contact .contact-response__grid{
  display:grid;
  gap:var(--space-5);
}
.page-contact .contact-response__item{
  padding:var(--space-5);
  background:var(--c-stone);
  border-left:3px solid var(--c-gold);
}
.page-contact .contact-response__item h3{
  margin:0 0 var(--space-2);
  font-size:var(--fs-lg);
}
.page-contact .contact-response__item p{
  margin:0;
  font-size:var(--fs-sm);
}

/* 服务范围 */
.page-contact .contact-scope{
  background:var(--c-stone);
  padding:var(--space-7) 0;
}
.page-contact .contact-scope__grid{
  display:grid;
  gap:var(--space-6);
}
.page-contact .contact-scope h2{
  font-size:var(--fs-xl);
  margin:var(--space-2) 0 var(--space-2);
}
.page-contact .contact-scope__lead{
  margin:0 0 var(--space-4);
}
.page-contact .contact-scope__list{
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .contact-scope__list li{
  padding:var(--space-2) 0;
  border-bottom:1px solid rgba(30,42,56,.14);
  font-size:var(--fs-sm);
}
.page-contact .contact-scope__list li::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--c-cinnabar);
  margin-right:.7em;
  transform:translateY(-1px);
}
.page-contact .contact-scope__visual{
  margin-top:var(--space-3);
}
.page-contact .contact-scope__img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid rgba(201,162,39,.4);
}

/* 防骗提醒 */
.page-contact .contact-safety{
  background:repeating-linear-gradient(45deg,rgba(201,162,39,.05) 0,rgba(201,162,39,.05) 1px,transparent 1px,transparent 12px),linear-gradient(120deg,rgba(163,58,43,.14) 0%,transparent 46%),var(--c-royal);
  color:var(--c-cream);
  padding:var(--space-7) 0;
}
.page-contact .contact-safety__inner{
  display:grid;
  gap:var(--space-5);
}
.page-contact .contact-safety__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  background:var(--c-cinnabar);
  color:var(--c-cream);
  font-family:var(--font-serif);
  font-size:var(--fs-xl);
  font-weight:700;
  line-height:1;
}
.page-contact .contact-safety h2{
  color:var(--c-cream);
  font-size:var(--fs-xl);
  margin:var(--space-2) 0 var(--space-2);
}
.page-contact .contact-safety p{
  margin:0 0 var(--space-4);
  color:rgba(245,241,232,.86);
  max-width:70ch;
}
.page-contact .contact-safety .label-tag:not(.label-tag--cinnabar){
  background:transparent;
  border:1px solid var(--c-gold);
  color:var(--c-gold-bright);
}

/* 相关入口 */
.page-contact .contact-related{
  background:var(--c-cream);
  padding:var(--space-6) 0;
  border-top:1px solid rgba(201,162,39,.35);
}
.page-contact .contact-related__inner{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  font-size:var(--fs-sm);
}
.page-contact .contact-related__inner a{
  color:var(--c-ink);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-contact .contact-related__inner a:hover{
  color:var(--c-gold);
  border-color:var(--c-gold);
}
.page-contact .contact-related__inner span{
  color:var(--c-gold);
}

/* 平板以上 */
@media (min-width:720px){
  .page-contact .contact-response__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-6);
  }
  .page-contact .contact-safety__inner{
    grid-template-columns:auto 1fr;
    gap:var(--space-6);
    align-items:start;
  }
}

/* 桌面 */
@media (min-width:880px){
  .page-contact .contact-hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:0;
  }
  .page-contact .contact-hero__main{
    padding-right:var(--space-7);
  }
  .page-contact .contact-hero__visual{
    margin-top:0;
    padding-left:var(--space-7);
    border-left:1px solid var(--contact-line);
    display:flex;
    align-items:center;
  }
  .page-contact .contact-scope__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:center;
    gap:var(--space-7);
  }
  .page-contact .contact-scope__visual{
    margin-top:0;
  }
}