.page-contact{
  --pc-gap:clamp(14px,2.2vw,26px);
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font-display);
  padding-bottom:clamp(28px,5vw,60px);
}
.page-contact .section{padding-block:clamp(28px,5vw,60px);}
.page-contact a:focus-visible{
  outline:2px solid var(--lime);
  outline-offset:3px;
  border-radius:2px;
}

/* 面包屑 */
.page-contact .pc-crumbs{padding-top:clamp(14px,2.6vw,26px);}
.page-contact .pc-crumbs__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.08em;
}
.page-contact .pc-crumbs__list li{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
}
.page-contact .pc-crumbs__list li + li::before{
  content:"/";
  color:var(--line-strong);
}
.page-contact .pc-crumbs__list a{
  color:var(--muted);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-contact .pc-crumbs__list a:hover{
  color:var(--lime);
  border-bottom-color:var(--lime);
}
.page-contact .pc-crumbs__list [aria-current="page"]{color:var(--lime);}

/* 首屏 */
.page-contact .pc-hero{padding-block:clamp(18px,3.4vw,40px) clamp(8px,1.6vw,16px);}
.page-contact .pc-hero__inner{display:grid;gap:clamp(18px,3vw,32px);}
.page-contact .pc-hero h1{
  font-size:clamp(1.85rem,5.6vw,3.4rem);
  line-height:1.06;
  letter-spacing:-.025em;
  font-weight:900;
  margin:.35em 0 .55em;
  text-wrap:balance;
}
.page-contact .pc-hero .lede{
  margin:0;
  font-size:clamp(1rem,2.4vw,1.08rem);
  line-height:1.75;
  color:var(--muted);
  max-width:56ch;
}
.page-contact .pc-hero__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .pc-hero__tags li{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:8px 14px;
  background:var(--panel);
  border:1px solid var(--line);
  border-left:3px solid var(--lime);
  border-radius:var(--radius);
  font-size:.85rem;
  line-height:1.4;
  color:var(--paper);
}
.page-contact .pc-hero__tags .mono{
  color:var(--lime);
  font-size:.78rem;
  letter-spacing:.06em;
}

/* 联系主卡 */
.page-contact .pc-main__grid{display:grid;gap:var(--pc-gap);}
.page-contact .pc-primary{
  background:var(--panel);
  border:1px solid var(--line-strong);
  border-top:4px solid var(--lime);
  border-radius:var(--radius);
  padding:clamp(22px,3.4vw,44px);
  box-shadow:10px 10px 0 var(--score);
  min-width:0;
}
.page-contact .pc-mail{
  display:inline-block;
  max-width:100%;
  margin:.3em 0 .7em;
  padding-bottom:6px;
  font-family:var(--font-cond);
  font-weight:700;
  font-size:clamp(1.2rem,4.3vw,2.4rem);
  line-height:1.15;
  letter-spacing:-.01em;
  color:var(--paper);
  text-decoration:none;
  border-bottom:6px solid var(--lime);
  overflow-wrap:anywhere;
  transition:color .16s ease,border-color .16s ease;
}
.page-contact .pc-mail:hover,
.page-contact .pc-mail:focus-visible{
  color:var(--lime);
  border-bottom-color:var(--lime-soft);
}
.page-contact .pc-primary__note{
  margin:0 0 10px;
  font-size:.95rem;
  line-height:1.75;
  color:var(--paper);
  max-width:52ch;
}
.page-contact .pc-primary__hint{
  margin:0;
  font-family:var(--font-mono);
  font-size:.78rem;
  line-height:1.7;
  letter-spacing:.02em;
  color:var(--muted);
}

.page-contact .pc-side{
  display:grid;
  gap:var(--pc-gap);
  min-width:0;
}
.page-contact .pc-label{
  display:grid;
  gap:4px;
  padding:16px 18px;
  background:var(--paper);
  color:var(--ink);
  border:2px solid var(--score);
  border-radius:var(--radius);
  box-shadow:6px 6px 0 var(--wine);
}
.page-contact .pc-label--lime{
  background:var(--lime);
  border-color:var(--lime-soft);
  box-shadow:6px 6px 0 var(--panel);
}
.page-contact .pc-label__key{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(7,28,23,.6);
}
.page-contact .pc-label__val{
  font-family:var(--font-cond);
  font-weight:700;
  font-size:clamp(1.15rem,3.4vw,1.6rem);
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--ink);
  text-decoration:none;
  overflow-wrap:anywhere;
}
.page-contact .pc-label__val--address{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1rem,2.8vw,1.2rem);
}
.page-contact a.pc-label__val:hover,
.page-contact a.pc-label__val:focus-visible{
  text-decoration:underline;
  text-underline-offset:4px;
}
.page-contact .pc-label__note{
  font-size:.8rem;
  line-height:1.6;
  color:rgba(7,28,23,.72);
}
.page-contact .pc-side__media{margin:0;}
.page-contact .pc-side__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
}

/* 章节通用头 */
.page-contact .pc-head{margin-bottom:clamp(18px,2.8vw,30px);}
.page-contact .pc-head h2{
  font-size:clamp(1.4rem,3.6vw,2.1rem);
  line-height:1.16;
  letter-spacing:-.02em;
  font-weight:900;
  margin:.3em 0 .45em;
}
.page-contact .pc-head__sub{
  margin:0;
  max-width:62ch;
  font-size:.95rem;
  line-height:1.75;
  color:var(--muted);
}

/* 流程时间线 */
.page-contact .pc-flow{
  background:var(--score);
  border-block:1px solid var(--line);
}
.page-contact .pc-flow__wrap{display:grid;gap:clamp(20px,3vw,32px);}
.page-contact .pc-timeline{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:clamp(12px,2vw,18px);
}
.page-contact .pc-step{
  position:relative;
  background:var(--panel);
  border:1px solid var(--line);
  border-left:3px solid var(--lime);
  border-radius:var(--radius);
  padding:18px 18px 20px;
  min-width:0;
  transition:transform .18s ease,border-color .18s ease;
}
.page-contact .pc-step:hover{
  transform:translateY(-3px);
  border-color:var(--line-strong);
  border-left-color:var(--lime-soft);
}
.page-contact .pc-step__num{
  display:block;
  color:var(--lime);
  font-size:.76rem;
  letter-spacing:.16em;
  margin-bottom:8px;
}
.page-contact .pc-step h3{
  margin:0 0 6px;
  font-size:1.04rem;
  letter-spacing:-.005em;
}
.page-contact .pc-step p{
  margin:0;
  font-size:.9rem;
  line-height:1.72;
  color:var(--muted);
}
.page-contact .pc-flow__aside{display:grid;gap:14px;align-content:start;}
.page-contact .pc-flow__media{margin:0;}
.page-contact .pc-flow__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
}
.page-contact .pc-flow__aside .note{
  margin:0;
  padding-left:12px;
  border-left:3px solid var(--red);
  font-size:.86rem;
  line-height:1.72;
  color:var(--muted);
}

/* 服务时段 */
.page-contact .pc-hours__grid{display:grid;gap:var(--pc-gap);}
.page-contact .pc-info{
  display:grid;
  gap:8px;
  align-content:start;
  padding:clamp(18px,2.6vw,26px);
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  min-width:0;
}
.page-contact .pc-info--big{
  background:var(--lime);
  border-color:var(--lime-soft);
  color:var(--ink);
  box-shadow:8px 8px 0 var(--score);
}
.page-contact .pc-info__num{
  font-size:clamp(1.25rem,3.6vw,1.85rem);
  font-weight:600;
  letter-spacing:-.02em;
  color:var(--lime);
  overflow-wrap:anywhere;
}
.page-contact .pc-info--big .pc-info__num{color:var(--ink);}
.page-contact .pc-info h3{
  margin:0;
  font-size:1rem;
  letter-spacing:.01em;
}
.page-contact .pc-info p{
  margin:0;
  font-size:.9rem;
  line-height:1.72;
  color:var(--muted);
}
.page-contact .pc-info--big p{color:rgba(7,28,23,.78);}

/* 常见场景 */
.page-contact .pc-scenes{
  background:var(--panel);
  border-block:1px solid var(--line);
}
.page-contact .pc-scenes__grid{display:grid;gap:var(--pc-gap);}
.page-contact .pc-scene{
  display:grid;
  gap:8px;
  align-content:start;
  padding:clamp(16px,2.4vw,22px);
  background:var(--ink);
  border:1px solid var(--line);
  border-top:3px solid var(--red);
  border-radius:var(--radius);
  min-width:0;
  transition:transform .18s ease,border-color .18s ease;
}
.page-contact .pc-scene:hover{
  transform:translateY(-3px);
  border-color:var(--line-strong);
  border-top-color:var(--lime);
}
.page-contact .pc-scene h3{
  margin:0;
  font-size:1.02rem;
  letter-spacing:-.005em;
}
.page-contact .pc-scene p{
  margin:0;
  font-size:.9rem;
  line-height:1.72;
  color:var(--muted);
}
.page-contact .pc-scene .tag{
  justify-self:start;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.06em;
}

/* 站内路径 */
.page-contact .pc-paths__inner{display:grid;gap:clamp(18px,3vw,36px);}
.page-contact .pc-paths__copy p{
  margin:0;
  max-width:46ch;
  font-size:.95rem;
  line-height:1.75;
  color:var(--muted);
}
.page-contact .pc-paths__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-contact .pc-paths__list li{background:var(--ink);}
.page-contact .pc-paths__list a{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  color:var(--paper);
  text-decoration:none;
  font-size:.95rem;
  transition:background .16s ease,color .16s ease;
}
.page-contact .pc-paths__list a:hover,
.page-contact .pc-paths__list a:focus-visible{
  background:var(--lime);
  color:var(--ink);
}
.page-contact .pc-paths__list .mono{
  font-size:.74rem;
  letter-spacing:.08em;
  color:var(--muted);
}
.page-contact .pc-paths__list a:hover .mono,
.page-contact .pc-paths__list a:focus-visible .mono{
  color:rgba(7,28,23,.7);
}
.page-contact .pc-paths__arrow{margin-left:auto;font-family:var(--font-mono);}

/* 平板及以上 */
@media (min-width:640px){
  .page-contact .pc-timeline{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-contact .pc-hours__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-contact .pc-scenes__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:900px){
  .page-contact .pc-main__grid{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
    align-items:start;
  }
  .page-contact .pc-primary{
    position:sticky;
    top:96px;
  }
  .page-contact .pc-flow__wrap{
    grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);
    align-items:start;
  }
  .page-contact .pc-paths__inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    align-items:start;
  }
  .page-contact .pc-hero__inner{
    grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);
    align-items:end;
  }
}

@media (min-width:1080px){
  .page-contact .pc-hours__grid{grid-template-columns:1.25fr 1fr 1fr;}
  .page-contact .pc-scenes__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-contact .pc-scene--wide{grid-column:span 2;}
  .page-contact .pc-label--paper{transform:rotate(-1deg);}
}
<<<END>>>