.page-contact{
  --contact-gap:clamp(1.75rem,4vw,3.5rem);
  --contact-pad:clamp(3.25rem,8vw,6.75rem);
  --contact-radius:1rem;
  background:var(--c-bg);
  color:var(--c-dark);
  overflow-x:hidden;
}
.page-contact .container{
  width:min(100% - var(--container-pad)*2,var(--container-w));
  margin-inline:auto;
}

/* 面包屑 */
.page-contact .breadcrumb{
  padding:.7rem 0;
  border-bottom:1px solid rgba(0,0,0,.06);
  background:var(--c-white);
}
.page-contact .breadcrumb .container{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.82rem;
  color:var(--c-muted);
}
.page-contact .breadcrumb a{
  color:var(--c-muted);
  text-decoration:none;
  transition:color .25s var(--ease);
}
.page-contact .breadcrumb a:hover{color:var(--c-primary)}
.page-contact .breadcrumb [aria-current="page"]{
  color:var(--c-dark);
  font-weight:600;
}

/* 首屏英雄区 */
.page-contact .hero-panel{
  position:relative;
  padding:var(--contact-gap) 0;
  background:linear-gradient(180deg,var(--c-white) 0%,var(--c-bg) 100%);
  overflow:hidden;
}
.page-contact .hero-panel::before{
  content:"";
  position:absolute;
  top:-2rem;
  right:-6rem;
  width:48%;
  height:120%;
  background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));
  transform:skewX(-14deg);
  opacity:.07;
}
.page-contact .hero-panel__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  align-items:center;
}
.page-contact .hero-panel__eyebrow{
  margin:0 0 .8rem;
  font-family:var(--font-num);
  font-size:.85rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c-primary);
}
.page-contact .hero-panel h1{
  margin:0 0 1rem;
  font-family:var(--font-title);
  font-weight:900;
  font-style:italic;
  font-size:clamp(2.1rem,5.5vw,4rem);
  line-height:1.06;
  letter-spacing:-.02em;
}
.page-contact .hero-panel__lead{
  margin:0 0 1.8rem;
  max-width:44rem;
  font-size:clamp(.98rem,1.6vw,1.12rem);
  line-height:1.75;
  color:var(--c-deep);
}
.page-contact .hero-panel__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
}

/* 状态卡 */
.page-contact .status-card{
  position:relative;
  padding:1.6rem;
  background:var(--c-deep);
  color:var(--c-white);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.page-contact .status-card::after{
  content:"DATA";
  position:absolute;
  right:-.8rem;
  bottom:-1rem;
  font-family:var(--font-num);
  font-size:4.6rem;
  line-height:1;
  font-weight:600;
  letter-spacing:.04em;
  color:rgba(255,255,255,.07);
}
.page-contact .status-card__label{
  display:block;
  margin-bottom:.7rem;
  font-size:.8rem;
  letter-spacing:.08em;
  color:var(--c-secondary);
}
.page-contact .status-card__pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:1.3rem;
  padding:.35rem .8rem;
  border:1px solid rgba(6,214,160,.35);
  border-radius:99px;
  font-size:.85rem;
  font-weight:600;
  color:var(--c-neon);
}
.page-contact .status-card__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:.9rem 1rem;
}
.page-contact .status-card__list li{
  font-size:.85rem;
  color:rgba(255,255,255,.72);
}
.page-contact .status-card__list strong{
  display:block;
  margin-top:.15rem;
  color:var(--c-white);
  font-weight:600;
}

/* 快捷联系带 */
.page-contact .quick-band{
  background:var(--c-primary);
  padding:.5rem 0;
}
.page-contact .quick-band__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:.4rem;
}
.page-contact .quick-band__item{
  display:block;
  padding:.8rem 1rem;
  border-left:2px solid rgba(255,255,255,.28);
  color:var(--c-white);
  text-decoration:none;
  transition:background .25s var(--ease);
}
.page-contact .quick-band__item:hover{
  background:rgba(255,255,255,.08);
}
.page-contact .quick-band__label{
  display:block;
  margin-bottom:.15rem;
  font-size:.75rem;
  opacity:.82;
}
.page-contact .quick-band__value{
  font-family:var(--font-num);
  font-weight:600;
  font-size:1rem;
  letter-spacing:.01em;
}

/* 联系板块通用 */
.page-contact .contact-block{
  padding:var(--contact-pad) 0;
}
.page-contact .contact-block__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--contact-gap);
  align-items:center;
}
.page-contact .contact-block__media{
  position:relative;
  max-width:560px;
  margin-inline:auto;
  width:100%;
}
.page-contact .contact-block__media::before{
  content:"";
  position:absolute;
  left:-1rem;
  bottom:-1rem;
  width:70%;
  height:60%;
  background:var(--c-primary);
  transform:skewX(-10deg);
  opacity:.1;
  z-index:0;
}
.page-contact .contact-block__media img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  box-shadow:var(--shadow);
}
.page-contact .contact-block__content{
  max-width:40rem;
}
.page-contact .contact-block__content>p{
  margin:1rem 0 1.5rem;
  color:var(--c-muted);
  line-height:1.75;
}
.page-contact .contact-block--deep{
  background:var(--c-deep);
  color:var(--c-white);
}
.page-contact .contact-block--deep .contact-block__content>p{
  color:rgba(255,255,255,.72);
}
.page-contact .contact-block--deep .section-title{
  color:var(--c-white);
}
.page-contact .contact-block--deep .section-title__index{
  color:var(--c-secondary);
}

/* 联系行卡片 */
.page-contact .contact-line{
  display:flex;
  gap:1rem;
  align-items:center;
  margin-bottom:.9rem;
  padding:1.1rem 1.2rem;
  background:var(--c-white);
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.page-contact .contact-line:last-child{
  margin-bottom:0;
}
.page-contact .contact-block--deep .contact-line{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.1);
}
.page-contact .contact-line--highlight{
  background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));
  border:0;
}
.page-contact .contact-block--deep .contact-line--highlight{
  background:linear-gradient(135deg,var(--c-secondary),var(--c-primary));
}
.page-contact .contact-line__icon{
  flex:0 0 2.6rem;
  height:2.6rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:1.05rem;
  background:var(--c-primary);
  color:var(--c-white);
}
.page-contact .contact-line--highlight .contact-line__icon{
  background:var(--c-deep);
  color:var(--c-white);
}
.page-contact .contact-block--deep .contact-line__icon{
  background:var(--c-secondary);
  color:var(--c-deep);
}
.page-contact .contact-line__body{
  display:flex;
  flex-direction:column;
  gap:.15rem;
}
.page-contact .contact-line__label{
  font-size:.78rem;
  color:var(--c-muted);
}
.page-contact .contact-line--highlight .contact-line__label,
.page-contact .contact-line--highlight .contact-line__note{
  color:rgba(255,255,255,.78);
}
.page-contact .contact-block--deep .contact-line__label{
  color:rgba(255,255,255,.6);
}
.page-contact .contact-line__value{
  font-family:var(--font-num);
  font-size:1.12rem;
  font-weight:600;
  color:var(--c-dark);
  text-decoration:none;
  transition:color .25s var(--ease);
}
.page-contact .contact-line__value:hover{
  color:var(--c-primary);
}
.page-contact .contact-line--highlight .contact-line__value{
  color:var(--c-white);
}
.page-contact .contact-block--deep .contact-line__value{
  color:var(--c-secondary);
}
.page-contact .contact-block--deep .contact-line--highlight .contact-line__value{
  color:var(--c-white);
}
.page-contact .contact-line__note{
  font-size:.78rem;
  color:var(--c-muted);
}
.page-contact .contact-block--deep .contact-line__note{
  color:rgba(255,255,255,.5);
}

/* 通讯地址 */
.page-contact .contact-address{
  padding:var(--contact-pad) 0;
  background:var(--c-bg);
}
.page-contact .contact-address__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--contact-gap);
  align-items:center;
}
.page-contact .contact-address__map{
  position:relative;
  min-height:240px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,var(--c-secondary),var(--c-primary));
  clip-path:polygon(0 0,100% 0,100% 84%,6% 100%);
}
.page-contact .contact-address__map::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:34px 34px;
}
.page-contact .contact-address__map::after{
  content:"📍";
  position:relative;
  font-size:3.4rem;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));
}
.page-contact .contact-address__content{
  max-width:38rem;
}
.page-contact .contact-address__content>p{
  margin:1rem 0 .6rem;
  color:var(--c-muted);
  line-height:1.7;
}
.page-contact .contact-address__addr{
  margin:0 0 .6rem;
  font-family:var(--font-title);
  font-weight:900;
  font-style:italic;
  font-size:clamp(1.35rem,2.5vw,1.85rem);
  line-height:1.4;
  color:var(--c-dark);
}
.page-contact .contact-address__note{
  font-size:.85rem;
  line-height:1.6;
  color:var(--c-muted);
}

/* 常见沟通事项 */
.page-contact .contact-topics{
  padding:var(--contact-pad) 0;
  background:var(--c-white);
}
.page-contact .contact-topics__grid{
  max-width:54rem;
  display:grid;
  gap:.8rem;
}
.page-contact .topic-item{
  background:var(--c-bg);
  border-left:4px solid var(--c-secondary);
  transition:border-color .25s var(--ease);
}
.page-contact .topic-item[open]{
  border-left-color:var(--c-neon);
}
.page-contact .topic-item summary{
  list-style:none;
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1rem 1.2rem;
  cursor:pointer;
  font-weight:600;
  font-size:.98rem;
  line-height:1.5;
  color:var(--c-dark);
}
.page-contact .topic-item summary::-webkit-details-marker{
  display:none;
}
.page-contact .topic-item summary::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-num);
  font-size:1.4rem;
  color:var(--c-primary);
  transition:transform .25s var(--ease);
}
.page-contact .topic-item[open] summary::after{
  transform:rotate(45deg);
}
.page-contact .topic-item p{
  margin:0;
  padding:0 1.2rem 1.1rem;
  font-size:.92rem;
  line-height:1.75;
  color:var(--c-muted);
}

/* 沟通准备 */
.page-contact .contact-process{
  padding:var(--contact-pad) 0;
  background:var(--c-bg);
}
.page-contact .contact-process__grid{
  max-width:60rem;
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
.page-contact .contact-process__step{
  position:relative;
  padding:1.4rem;
  overflow:hidden;
  background:var(--c-white);
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.page-contact .contact-process__step::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:3px;
  height:100%;
  background:var(--c-primary);
}
.page-contact .contact-process__step--orange::before{
  background:var(--c-secondary);
}
.page-contact .contact-process__step--green::before{
  background:var(--c-neon);
}
.page-contact .contact-process__step-num{
  display:block;
  margin-bottom:.8rem;
  font-family:var(--font-num);
  font-weight:600;
  font-size:2.6rem;
  line-height:1;
  color:var(--c-primary);
  opacity:.25;
}
.page-contact .contact-process__step--orange .contact-process__step-num{
  color:var(--c-secondary);
}
.page-contact .contact-process__step--green .contact-process__step-num{
  color:var(--c-neon);
}
.page-contact .contact-process__step h3{
  margin:0 0 .5rem;
  font-family:var(--font-title);
  font-size:1.1rem;
  color:var(--c-dark);
}
.page-contact .contact-process__step p{
  margin:0;
  font-size:.88rem;
  line-height:1.65;
  color:var(--c-muted);
}

/* 底部行动引导 */
.page-contact .contact-cta{
  padding:var(--contact-pad) 0;
  background:var(--c-deep);
  color:var(--c-white);
}
.page-contact .contact-cta__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
  align-items:center;
}
.page-contact .contact-cta__title{
  margin:0 0 .75rem;
  font-family:var(--font-title);
  font-weight:900;
  font-style:italic;
  font-size:clamp(1.6rem,3vw,2.3rem);
  line-height:1.2;
}
.page-contact .contact-cta__desc{
  margin:0 0 1.6rem;
  max-width:34rem;
  line-height:1.7;
  color:rgba(255,255,255,.72);
}
.page-contact .contact-cta__links{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem 1.6rem;
  padding-top:.75rem;
}
.page-contact .contact-cta__links a{
  padding-bottom:.15rem;
  border-bottom:1px solid rgba(6,214,160,.5);
  font-size:.95rem;
  font-weight:500;
  color:var(--c-neon);
  text-decoration:none;
  transition:border-color .25s var(--ease);
}
.page-contact .contact-cta__links a:hover{
  border-bottom-color:var(--c-neon);
}

/* 共享标题在页面内的节奏 */
.page-contact .section-title{
  margin:0;
  font-family:var(--font-title);
  font-weight:900;
  font-style:italic;
  font-size:clamp(1.8rem,3.5vw,2.5rem);
  line-height:1.15;
  color:var(--c-dark);
}
.page-contact .section-title__index{
  margin-right:.65rem;
  font-family:var(--font-num);
  font-weight:600;
  font-size:.9rem;
  vertical-align:super;
  color:var(--c-primary);
}

/* 移动端优先扩展 */
@media (min-width:480px){
  .page-contact .status-card__list{
    grid-template-columns:1fr 1fr;
  }
}
@media (min-width:620px){
  .page-contact .quick-band__inner{
    grid-template-columns:repeat(3,1fr);
  }
}
@media (min-width:768px){
  .page-contact .hero-panel__inner{
    grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);
  }
  .page-contact .contact-block__grid{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  }
  .page-contact .contact-address__grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  }
  .page-contact .contact-process__grid{
    grid-template-columns:repeat(3,1fr);
    gap:1.4rem;
  }
  .page-contact .contact-cta__inner{
    grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);
  }
}