.page-contact{
  --pc-line:1px solid var(--rock);
  --pc-hard:2px solid var(--rock);
  --pc-pad:clamp(1.1rem,3vw,1.6rem);
  --pc-gap:clamp(1rem,2.4vw,1.5rem);
  background:var(--arena-base);
  color:var(--chalk);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.75;
  padding-bottom:clamp(2rem,6vw,3.5rem);
  overflow-x:clip;
}

.page-contact img{
  display:block;
  max-width:100%;
  height:auto;
}

.page-contact .pc-mono{
  font-family:var(--font-mono);
  letter-spacing:.04em;
  font-size:.95em;
  overflow-wrap:anywhere;
}

.page-contact .eyebrow{
  margin:0;
}

.page-contact a{
  color:var(--cyan);
}

/* ---------- 刊头 ---------- */
.page-contact .pc-hero{
  padding:clamp(1.25rem,3.5vw,2rem) 0 0;
}

.page-contact .pc-hero__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--pc-gap);
  align-items:end;
}

.page-contact .pc-hero__copy h1{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.85rem,6vw,3.25rem);
  line-height:1.18;
  letter-spacing:.01em;
  margin:.45rem 0 .8rem;
  color:var(--chalk);
  text-shadow:4px 4px 0 rgba(0,0,0,.6);
}

.page-contact .pc-hero__lead{
  max-width:34em;
  margin:0;
  color:var(--chalk);
  font-size:clamp(.95rem,2.4vw,1.02rem);
  line-height:1.8;
}

.page-contact .pc-hero__quick{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1.25rem;
}

.page-contact .pc-hero__art{
  border:var(--pc-hard);
  box-shadow:var(--shadow-hard);
  background:var(--panel);
}

/* ---------- 章节骨架 ---------- */
.page-contact .pc-sec{
  margin-top:clamp(1.75rem,5vw,2.75rem);
  padding:clamp(1.75rem,5vw,2.75rem) 0 0;
  border-top:3px solid var(--rock);
}

.page-contact .pc-sec--last{
  padding-bottom:0;
}

.page-contact .pc-sec__title{
  font-family:var(--font-sans);
  font-weight:800;
  font-size:clamp(1.3rem,3.8vw,1.85rem);
  letter-spacing:.06em;
  line-height:1.32;
  margin:.4rem 0 .65rem;
  color:var(--chalk);
}

.page-contact .pc-sec__intro{
  margin:0;
  max-width:44em;
  color:var(--chalk);
  font-size:.97rem;
  line-height:1.85;
}

/* ---------- 三种通道 ---------- */
.page-contact .pc-channels{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--pc-gap);
  margin-top:clamp(1.25rem,3.5vw,1.75rem);
}

.page-contact .pc-channel{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  padding:var(--pc-pad);
  background:var(--panel);
  border:var(--pc-hard);
  box-shadow:var(--shadow-hard);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.page-contact .pc-channel::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:var(--rock);
}

.page-contact .pc-channel--mail::before{background:var(--orange);}
.page-contact .pc-channel--phone::before{background:var(--lime);}
.page-contact .pc-channel--visit::before{background:var(--cyan);}

.page-contact .pc-channel:hover,
.page-contact .pc-channel:focus-within{
  transform:translateY(-2px);
  border-color:var(--alloy);
}

.page-contact .pc-channel__tag{
  margin:0;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.12em;
  color:var(--alloy);
  text-transform:uppercase;
}

.page-contact .pc-channel__name{
  margin:0;
  font-family:var(--font-sans);
  font-size:1.08rem;
  font-weight:800;
  letter-spacing:.05em;
  color:var(--chalk);
}

.page-contact .pc-channel__value{
  margin:0;
  font-size:clamp(.92rem,2.6vw,1.02rem);
  line-height:1.6;
  color:var(--cyan);
  padding:.55rem .6rem;
  border-left:3px solid var(--rock);
  background:rgba(34,211,238,.06);
}

.page-contact .pc-channel--phone .pc-channel__value{
  color:var(--lime);
  background:rgba(198,242,78,.06);
}

.page-contact .pc-channel--visit .pc-channel__value{
  color:var(--chalk);
  background:rgba(138,147,158,.08);
}

.page-contact .pc-channel__use{
  margin:0;
  font-size:.92rem;
  line-height:1.8;
  color:var(--chalk);
}

.page-contact .pc-channel__meta{
  margin:auto 0 0;
  padding:.7rem 0 0;
  list-style:none;
  border-top:var(--pc-line);
  display:grid;
  gap:.3rem;
}

.page-contact .pc-channel__meta li{
  position:relative;
  padding-left:.95rem;
  font-size:.82rem;
  line-height:1.7;
  color:var(--alloy);
}

.page-contact .pc-channel__meta li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:5px;
  height:5px;
  background:var(--alloy);
}

/* ---------- 回复时段 ---------- */
.page-contact .pc-sec--band{
  background:linear-gradient(180deg,rgba(23,25,29,.85),rgba(14,15,17,0));
}

.page-contact .pc-band__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--pc-gap);
}

.page-contact .pc-band__text{
  margin:0 0 .8rem;
  font-size:.96rem;
  line-height:1.85;
}

.page-contact .pc-band__note{
  margin:0;
  padding:.8rem 1rem;
  font-size:.85rem;
  line-height:1.75;
  color:var(--alloy);
  background:var(--panel);
  border-left:3px solid var(--terracotta);
}

.page-contact .pc-order{
  margin:0;
  padding:0;
  list-style:none;
  border-top:var(--pc-hard);
}

.page-contact .pc-order li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.9rem;
  padding:.95rem 0;
  border-bottom:var(--pc-line);
}

.page-contact .pc-order__n{
  font-family:var(--font-mono);
  font-size:1.15rem;
  line-height:1.4;
  color:var(--lime);
  letter-spacing:.06em;
}

.page-contact .pc-order__body h3{
  margin:0 0 .25rem;
  font-size:.98rem;
  font-weight:800;
  letter-spacing:.05em;
  color:var(--chalk);
}

.page-contact .pc-order__body p{
  margin:0;
  font-size:.88rem;
  line-height:1.8;
  color:var(--alloy);
}

/* ---------- 两步路径 ---------- */
.page-contact .pc-steps{
  display:grid;
  grid-template-columns:1fr;
  gap:.9rem;
  margin-top:clamp(1.25rem,3.5vw,1.75rem);
}

.page-contact .pc-step{
  padding:var(--pc-pad);
  background:var(--panel);
  border:var(--pc-hard);
  box-shadow:var(--shadow-hard);
}

.page-contact .pc-step:nth-of-type(2){
  border-color:var(--terracotta);
}

.page-contact .pc-step__n{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.14em;
  color:var(--arena-base);
  background:var(--lime);
  padding:.2rem .5rem;
}

.page-contact .pc-step:nth-of-type(2) .pc-step__n{
  background:var(--orange);
  color:var(--chalk);
}

.page-contact .pc-step h3{
  margin:.7rem 0 .45rem;
  font-size:1rem;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.5;
  color:var(--chalk);
}

.page-contact .pc-step p{
  margin:0;
  font-size:.9rem;
  line-height:1.85;
  color:var(--chalk);
}

.page-contact .pc-step__links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.1rem;
  margin-top:.85rem;
  padding-top:.7rem;
  border-top:var(--pc-line);
  font-size:.86rem;
}

.page-contact .pc-step__links a{
  color:var(--cyan);
  text-decoration:underline;
  text-underline-offset:3px;
}

.page-contact .pc-step__arrow{
  justify-self:center;
  align-self:center;
  width:0;
  height:0;
  border-top:14px solid var(--orange);
  border-left:10px solid transparent;
  border-right:10px solid transparent;
}

.page-contact .pc-steps__figure{
  margin:clamp(1.15rem,3vw,1.6rem) 0 0;
  border:var(--pc-hard);
  background:var(--panel);
}

/* ---------- 地址 ---------- */
.page-contact .pc-address{
  display:grid;
  grid-template-columns:1fr;
  gap:1.1rem;
  padding:var(--pc-pad);
  border:1px solid var(--rock);
  border-left:3px solid var(--orange);
  background:linear-gradient(90deg,rgba(140,90,60,.14),rgba(23,25,29,.4));
}

.page-contact .pc-address__title{
  margin:.35rem 0 .5rem;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.15rem,3.4vw,1.5rem);
  line-height:1.35;
  letter-spacing:.02em;
  color:var(--chalk);
}

.page-contact .pc-address__line{
  margin:0 0 .7rem;
  font-size:clamp(1rem,2.8vw,1.18rem);
  color:var(--lime);
}

.page-contact .pc-address__note{
  margin:0;
  font-size:.9rem;
  line-height:1.85;
  color:var(--chalk);
}

.page-contact .pc-address__side{
  padding-top:1rem;
  border-top:var(--pc-line);
}

.page-contact .pc-address__side-text{
  margin:.7rem 0 0;
  font-size:.87rem;
  line-height:1.85;
  color:var(--alloy);
}

/* ---------- 赛事与商务 ---------- */
.page-contact .pc-biz{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--pc-gap);
  align-items:start;
}

.page-contact .pc-biz__text{
  margin:0 0 .8rem;
  font-size:.94rem;
  line-height:1.85;
}

.page-contact .pc-biz__sub{
  margin:1.1rem 0 .6rem;
  font-size:.98rem;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--cyan);
}

.page-contact .pc-biz__list{
  margin:0 0 1rem;
  padding:0;
  list-style:none;
  display:grid;
  gap:.55rem;
}

.page-contact .pc-biz__list li{
  position:relative;
  padding-left:1.1rem;
  font-size:.89rem;
  line-height:1.8;
  color:var(--alloy);
}

.page-contact .pc-biz__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:7px;
  height:7px;
  background:var(--terracotta);
}

.page-contact .pc-biz__list strong{
  color:var(--chalk);
  font-weight:700;
}

.page-contact .pc-biz__aside{
  padding:var(--pc-pad);
}

.page-contact .pc-biz__aside-title{
  margin:0 0 .8rem;
  font-size:1rem;
  font-weight:800;
  letter-spacing:.05em;
  color:var(--chalk);
}

.page-contact .pc-biz__kit{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.6rem;
}

.page-contact .pc-biz__kit li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.6rem;
  font-size:.87rem;
  line-height:1.7;
  color:var(--chalk);
}

.page-contact .pc-biz__kit .pc-mono{
  color:var(--orange);
  font-size:.78rem;
  line-height:1.9;
}

.page-contact .pc-biz__aside-foot{
  margin:1rem 0;
  padding-top:.9rem;
  border-top:var(--pc-line);
  font-size:.84rem;
  line-height:1.8;
  color:var(--alloy);
}

.page-contact .pc-biz__aside-foot .pc-mono{
  color:var(--cyan);
}

/* ---------- 侧栏刻度 ---------- */
.page-contact .pc-rail{
  display:none;
}

@media (min-width:1400px){
  .page-contact .pc-rail{
    display:block;
    position:fixed;
    right:1.1rem;
    top:50%;
    transform:translateY(-50%);
    z-index:6;
  }

  .page-contact .pc-rail__list{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:.45rem;
    text-align:right;
  }

  .page-contact .pc-rail__link{
    position:relative;
    display:block;
    padding-right:.85rem;
    font-family:var(--font-mono);
    font-size:.68rem;
    letter-spacing:.1em;
    color:var(--alloy);
    text-decoration:none;
    transition:color .18s ease;
  }

  .page-contact .pc-rail__link::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:10px;
    height:2px;
    background:var(--rock);
    transform:translateY(-50%);
    transition:width .18s ease,background .18s ease;
  }

  .page-contact .pc-rail__link:hover,
  .page-contact .pc-rail__link[aria-current="true"]{
    color:var(--cyan);
  }

  .page-contact .pc-rail__link[aria-current="true"]::after{
    width:18px;
    background:var(--cyan);
  }
}

/* ---------- 断点 ---------- */
@media (min-width:760px){
  .page-contact .pc-address{
    grid-template-columns:1.55fr 1fr;
    gap:1.75rem;
    align-items:start;
  }

  .page-contact .pc-address__side{
    padding-top:0;
    padding-left:1.5rem;
    border-top:0;
    border-left:var(--pc-line);
    min-height:100%;
  }

  .page-contact .pc-biz{
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    gap:clamp(1.5rem,3.5vw,2.25rem);
  }
}

@media (min-width:880px){
  .page-contact .pc-steps{
    grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);
    align-items:stretch;
    gap:.75rem;
  }

  .page-contact .pc-step__arrow{
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:16px solid var(--orange);
    border-right:0;
  }

  .page-contact .pc-band__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    gap:clamp(1.5rem,3.5vw,2.5rem);
    align-items:start;
  }
}

@media (min-width:900px){
  .page-contact .pc-channels{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (min-width:960px){
  .page-contact .pc-hero__inner{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);
    gap:clamp(1.5rem,4vw,3rem);
  }

  .page-contact .pc-hero__art{
    align-self:stretch;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .pc-channel,
  .page-contact .pc-rail__link,
  .page-contact .pc-rail__link::after{
    transition:none;
  }

  .page-contact .pc-channel:hover,
  .page-contact .pc-channel:focus-within{
    transform:none;
  }
}
<<<END>>>