.page-contact{
  background:var(--ink);
  color:var(--mist);
  padding-bottom:clamp(1rem,3vw,2rem);
  overflow-x:hidden;
}
.page-contact *,
.page-contact *::before,
.page-contact *::after{
  box-sizing:border-box;
}
.page-contact .pc-shell{
  width:100%;
  max-width:var(--shell);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.page-contact .pc-shell--wide{
  max-width:var(--shell-wide);
}

/* 面包屑 */
.page-contact .pc-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  padding-block:1.1rem .3rem;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--dim);
}
.page-contact .pc-crumbs a{
  color:var(--dim);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s ease,border-color .18s ease;
}
.page-contact .pc-crumbs a:hover{
  color:var(--bone);
  border-bottom-color:var(--red);
}

/* 首屏 */
.page-contact .pc-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  padding-block:clamp(1.4rem,3.5vw,2.2rem) clamp(2.4rem,6vw,4rem);
  background:
    radial-gradient(115% 85% at 94% -10%, rgba(226,58,46,.20) 0%, rgba(226,58,46,0) 58%),
    var(--ink);
}
.page-contact .pc-hero::after{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-end:-10%;
  width:62%;
  pointer-events:none;
  background:linear-gradient(158deg, rgba(245,197,66,.16), rgba(226,58,46,.10) 46%, transparent 74%);
  clip-path:polygon(40% 0, 100% 0, 100% 100%, 0 100%);
}
.page-contact .pc-hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(1.5rem,4vw,3rem);
}
.page-contact .pc-eyebrow{
  display:flex;
  align-items:center;
  gap:.65rem;
  margin:0 0 1rem;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--yellow);
}
.page-contact .pc-eyebrow-bar{
  display:block;
  width:34px;
  height:3px;
  background:var(--red);
}
.page-contact .pc-title{
  margin:0 0 1.1rem;
  font-size:clamp(2.05rem,6.2vw,4.3rem);
  font-weight:300;
  line-height:1.06;
  letter-spacing:-.02em;
  color:var(--bone);
}
.page-contact .pc-title span{
  font-weight:800;
  color:var(--red);
}
.page-contact .pc-lede{
  margin:0;
  max-width:46ch;
  font-size:clamp(.94rem,2.4vw,1.04rem);
  line-height:1.75;
  color:var(--mist);
}
.page-contact .pc-quick{
  list-style:none;
  margin:1.6rem 0 0;
  padding:1rem 0 0;
  border-top:1px solid var(--line);
  display:grid;
  gap:.7rem;
}
.page-contact .pc-quick li{
  display:grid;
  gap:.22rem;
  min-width:0;
}
.page-contact .pc-quick-k{
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--dim);
}
.page-contact .pc-quick-v{
  font-size:.86rem;
  line-height:1.5;
  color:var(--bone);
  overflow-wrap:anywhere;
}
.page-contact .pc-hero-figure{
  margin:0;
}
.page-contact .pc-hero-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:1px solid var(--line);
  box-shadow:var(--shadow-hard);
  filter:grayscale(.3) contrast(1.05);
}
.page-contact .pc-figcap{
  margin:.65rem 0 0;
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--dim);
}

/* 分区基础 */
.page-contact .pc-section{
  padding-block:clamp(2.2rem,6vw,4.4rem);
  border-bottom:1px solid var(--line);
}
.page-contact .pc-section--band{
  background:var(--panel);
}
.page-contact .pc-stage{
  display:grid;
  gap:clamp(1.6rem,4vw,3rem);
}
.page-contact .pc-left,
.page-contact .pc-right{
  min-width:0;
}
.page-contact .pc-h2{
  position:relative;
  margin:0 0 .6rem;
  padding-left:.85rem;
  font-size:clamp(1.32rem,3.6vw,1.95rem);
  font-weight:700;
  line-height:1.22;
  color:var(--bone);
}
.page-contact .pc-h2::before{
  content:"";
  position:absolute;
  left:0;
  top:.18em;
  bottom:.18em;
  width:4px;
  background:var(--red);
}
.page-contact .pc-h2--card{
  font-size:clamp(1.1rem,3vw,1.4rem);
  margin-bottom:1rem;
}
.page-contact .pc-sub{
  margin:0 0 1.3rem;
  max-width:56ch;
  font-size:.9rem;
  line-height:1.72;
  color:var(--dim);
}

/* 技能树式问题类型 */
.page-contact .pc-tree{
  position:relative;
  margin-top:.4rem;
  padding-left:26px;
}
.page-contact .pc-tree::before{
  content:"";
  position:absolute;
  left:9px;
  top:12px;
  bottom:12px;
  width:2px;
  background:repeating-linear-gradient(180deg, var(--line-hi) 0 7px, transparent 7px 14px);
}
.page-contact .pc-node{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.15rem .85rem;
  align-items:start;
  margin-bottom:.7rem;
  padding:1rem 1.05rem;
  background:var(--panel);
  border:1px solid var(--line);
  border-left:4px solid var(--line-hi);
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.page-contact .pc-node::before{
  content:"";
  position:absolute;
  left:-22px;
  top:1.3rem;
  width:9px;
  height:9px;
  transform:rotate(45deg);
  border:2px solid var(--yellow);
  background:var(--ink);
}
.page-contact .pc-node:hover{
  transform:translateY(-2px);
  border-color:var(--line-hi);
  border-left-color:var(--red);
  box-shadow:var(--shadow-hard);
}
.page-contact .pc-node:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:3px;
}
.page-contact .pc-node-num{
  padding-top:.12rem;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--yellow);
}
.page-contact .pc-node-body{
  min-width:0;
}
.page-contact .pc-node-body h3{
  margin:0 0 .25rem;
  font-size:.98rem;
  font-weight:700;
  line-height:1.35;
  color:var(--bone);
}
.page-contact .pc-node-body p{
  margin:0 0 .45rem;
  font-size:.84rem;
  line-height:1.62;
  color:var(--dim);
}
.page-contact .pc-node-go{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.08em;
  color:var(--teal);
}

/* 可展开说明 */
.page-contact .pc-details{
  margin-top:1rem;
  border:1px solid var(--line);
  border-left:4px solid var(--yellow);
  background:var(--panel-2);
}
.page-contact .pc-details summary{
  display:flex;
  gap:.55rem;
  align-items:flex-start;
  padding:.9rem 1rem;
  font-size:.87rem;
  line-height:1.5;
  color:var(--bone);
  cursor:pointer;
  list-style:none;
}
.page-contact .pc-details summary::-webkit-details-marker{
  display:none;
}
.page-contact .pc-details summary::before{
  content:"+";
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:.95rem;
  line-height:1.3;
  color:var(--yellow);
}
.page-contact .pc-details[open] summary::before{
  content:"−";
}
.page-contact .pc-details-body{
  padding:0 1rem 1rem 2.05rem;
  font-size:.85rem;
  line-height:1.72;
  color:var(--mist);
}
.page-contact .pc-details-body p{
  margin:0 0 .55rem;
}
.page-contact .pc-details-body p:last-child{
  margin-bottom:0;
}
.page-contact .pc-details-body a{
  color:var(--blue);
  text-decoration:none;
  border-bottom:1px solid rgba(76,141,255,.4);
}

/* 准备清单 */
.page-contact .pc-block-head--prep{
  margin-top:clamp(1.9rem,5vw,2.9rem);
}
.page-contact .pc-prep-grid{
  display:grid;
  gap:.95rem;
}
.page-contact .pc-prep{
  padding:1.05rem 1.1rem;
  background:var(--panel);
  border:1px solid var(--line);
  scroll-margin-top:calc(var(--header-offset) + 1rem);
}
.page-contact .pc-prep:target{
  border-color:var(--red);
  box-shadow:var(--shadow-hard);
}
.page-contact .pc-prep-num{
  margin:0 0 .5rem;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--teal);
}
.page-contact .pc-prep h3{
  margin:0 0 .75rem;
  font-size:.96rem;
  font-weight:700;
  line-height:1.38;
  color:var(--bone);
}
.page-contact .pc-check{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.5rem;
}
.page-contact .pc-check li{
  position:relative;
  padding-left:1.5rem;
  font-size:.84rem;
  line-height:1.55;
  color:var(--mist);
}
.page-contact .pc-check li::before{
  content:"";
  position:absolute;
  left:0;
  top:.24em;
  width:.82rem;
  height:.82rem;
  border:1px solid var(--line-hi);
  background:var(--ink);
}
.page-contact .pc-check li::after{
  content:"";
  position:absolute;
  left:.19rem;
  top:.43em;
  width:.4rem;
  height:.19rem;
  border-left:2px solid var(--teal);
  border-bottom:2px solid var(--teal);
  transform:rotate(-45deg);
}

/* 联系卡片 */
.page-contact .pc-contact{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line-hi);
  background:var(--panel-2);
  box-shadow:var(--shadow-hard-lg);
  scroll-margin-top:calc(var(--header-offset) + 1rem);
}
.page-contact .pc-contact-tex{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.16;
  filter:grayscale(.45);
  pointer-events:none;
}
.page-contact .pc-contact-body{
  position:relative;
  z-index:1;
  padding:clamp(1.1rem,3vw,1.6rem);
}
.page-contact .pc-contact-label{
  margin:0 0 .35rem;
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--dim);
}
.page-contact .pc-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  width:100%;
  padding:.7rem .75rem;
  background:var(--ink);
  border:1px solid var(--line-hi);
  color:var(--bone);
  font-family:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease;
}
.page-contact .pc-copy:hover,
.page-contact .pc-copy:focus-visible{
  border-color:var(--red);
  background:#0F1216;
  outline:none;
}
.page-contact .pc-copy .copy-email-text{
  font-family:var(--font-mono);
  font-size:.8rem;
  overflow-wrap:anywhere;
}
.page-contact .pc-copy .copy-email-action{
  flex:0 0 auto;
  padding:.24rem .48rem;
  background:var(--yellow);
  color:var(--ink);
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.page-contact .copy-hint{
  margin:.5rem 0 0;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.06em;
  color:var(--yellow);
  opacity:0;
  transition:opacity .2s ease;
}
.page-contact .copy-hint.is-copied,
.page-contact .pc-copy.is-copied + .copy-hint{
  opacity:1;
}
.page-contact .pc-contact-line{
  height:1px;
  margin:1rem 0;
  background:var(--line);
}
.page-contact .pc-phone{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(1.4rem,5.4vw,1.95rem);
  letter-spacing:.03em;
  line-height:1.2;
  color:var(--bone);
  overflow-wrap:anywhere;
}
.page-contact .pc-address{
  margin:0;
  padding:.7rem .8rem;
  font-size:.92rem;
  line-height:1.6;
  color:var(--bone);
  border:1px dashed var(--line-hi);
  background-color:var(--ink);
  background-image:
    linear-gradient(rgba(201,208,214,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,208,214,.09) 1px, transparent 1px);
  background-size:14px 14px;
}
.page-contact .pc-contact-note{
  margin:1rem 0 0;
  font-size:.82rem;
  line-height:1.7;
  color:var(--dim);
}
.page-contact .pc-contact-links{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
  margin:.9rem 0 0;
  font-size:.78rem;
}
.page-contact .pc-contact-links a{
  color:var(--blue);
  text-decoration:none;
  border-bottom:1px solid rgba(76,141,255,.35);
}

/* 响应时段 */
.page-contact .pc-stat-grid{
  display:grid;
  gap:.95rem;
}
.page-contact .pc-stat{
  padding:1.05rem 1.1rem;
  background:var(--ink);
  border:1px solid var(--line);
  border-top:3px solid var(--teal);
}
.page-contact .pc-stat:nth-child(2){
  border-top-color:var(--yellow);
}
.page-contact .pc-stat:nth-child(3){
  border-top-color:var(--red);
}
.page-contact .pc-stat-num{
  margin:0 0 .4rem;
  font-family:var(--font-mono);
  font-size:clamp(1.3rem,4.4vw,1.85rem);
  letter-spacing:-.01em;
  line-height:1.2;
  color:var(--bone);
}
.page-contact .pc-stat-label{
  margin:0;
  font-size:.82rem;
  line-height:1.62;
  color:var(--dim);
}
.page-contact .pc-stat-foot{
  margin:1.3rem 0 0;
  max-width:66ch;
  font-size:.85rem;
  line-height:1.75;
  color:var(--mist);
}

/* 合作共建 */
.page-contact .pc-coop{
  display:grid;
  gap:clamp(1.4rem,4vw,2.6rem);
}
.page-contact .pc-cta{
  display:inline-block;
  margin-top:.4rem;
}
.page-contact .pc-coop-list{
  display:grid;
  gap:.9rem;
}
.page-contact .pc-coop-item{
  padding:1rem 1.1rem;
  background:var(--panel);
  border:1px solid var(--line);
  border-left:3px solid var(--moss);
}
.page-contact .pc-coop-item:nth-child(2){
  border-left-color:var(--clay);
}
.page-contact .pc-coop-item:nth-child(3){
  border-left-color:var(--teal);
}
.page-contact .pc-coop-item h3{
  margin:0 0 .4rem;
  font-size:.96rem;
  font-weight:700;
  line-height:1.38;
  color:var(--bone);
}
.page-contact .pc-coop-item p{
  margin:0;
  font-size:.84rem;
  line-height:1.68;
  color:var(--dim);
}

/* 断点 */
@media (min-width:620px){
  .page-contact .pc-quick{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.9rem;
  }
  .page-contact .pc-quick li + li{
    border-left:1px solid var(--line);
    padding-left:.9rem;
  }
}
@media (min-width:700px){
  .page-contact .pc-prep-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-contact .pc-stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (min-width:900px){
  .page-contact .pc-hero-inner{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:end;
  }
  .page-contact .pc-coop{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    align-items:start;
  }
}
@media (min-width:960px){
  .page-contact .pc-stage{
    grid-template-columns:minmax(0,1.38fr) minmax(0,.62fr);
    align-items:start;
  }
  .page-contact .pc-right{
    position:sticky;
    top:calc(var(--header-offset) + .5rem);
  }
}
@media (min-width:1100px){
  .page-contact .pc-tree{
    padding-left:30px;
  }
  .page-contact .pc-node{
    padding:1.1rem 1.25rem;
  }
  .page-contact .pc-node::before{
    left:-26px;
  }
}
@media (prefers-reduced-motion:reduce){
  .page-contact .pc-node,
  .page-contact .pc-copy,
  .page-contact .copy-hint{
    transition:none;
  }
  .page-contact .pc-node:hover{
    transform:none;
  }
}
<<<END>>>