.page-contact{
  --contact-muted:#6b625c;
  --contact-line:rgba(36,31,29,.14);
  background:var(--warm-white);
  color:var(--ink);
  font-family:var(--font-sans);
}

.page-contact .crumb{padding-top:clamp(16px,2.5vw,28px);}
.page-contact .crumb__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:var(--fs-index);letter-spacing:.14em;color:var(--contact-muted);}
.page-contact .crumb__list li+li::before{content:"/";margin-right:8px;color:var(--turquoise-pale);}
.page-contact .crumb a{color:var(--turquoise);text-decoration:none;}
.page-contact .crumb a:hover{text-decoration:underline;}

/* ---------- 首屏 ---------- */
.page-contact .contact-hero{padding:clamp(20px,3vw,36px) 0 clamp(36px,5vw,64px);}
.page-contact .contact-hero__inner{display:grid;gap:16px;}
.page-contact .contact-hero__eyebrow{
  margin:0;
  font-family:var(--font-mono);
  font-size:var(--fs-index);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cinnabar);
}
.page-contact .contact-hero__title{
  margin:0;
  font-family:var(--font-serif);
  font-weight:800;
  line-height:var(--lh-tight);
  letter-spacing:-.01em;
}
.page-contact .contact-hero__lead{
  margin:0;
  font-size:var(--fs-lead);
  line-height:1.7;
  max-width:40ch;
}
.page-contact .contact-hero__meta{
  margin:0;
  font-family:var(--font-mono);
  font-size:var(--fs-index);
  letter-spacing:.16em;
  color:var(--turquoise);
}

@media (min-width:1024px){
  .page-contact .contact-hero__inner{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);row-gap:20px;}
  .page-contact .contact-hero__eyebrow{grid-column:1 / -1;}
  .page-contact .contact-hero__title{grid-column:1 / span 7;}
  .page-contact .contact-hero__lead{
    grid-column:9 / span 4;
    align-self:end;
    font-size:var(--fs-body);
    padding-left:20px;
    border-left:2px solid var(--turquoise-pale);
  }
  .page-contact .contact-hero__meta{grid-column:1 / span 7;}
}

/* ---------- 联络卡片 ---------- */
.page-contact .ch-grid{display:grid;gap:14px;margin-top:clamp(24px,3vw,40px);}
@media (min-width:820px){
  .page-contact .ch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
}

.page-contact .ch-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:26px 22px 22px;
  border-radius:2px;
  color:var(--warm-white);
  min-height:240px;
}
.page-contact .ch-card--mail{background:var(--cinnabar);}
.page-contact .ch-card--tel{background:var(--turquoise);}
.page-contact .ch-card--addr{background:var(--indigo);}

.page-contact .ch-card__code{
  margin:0;
  font-family:var(--font-mono);
  font-size:var(--fs-index);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(251,246,237,.72);
}
.page-contact .ch-card__title{
  margin:0;
  font-family:var(--font-serif);
  font-size:1.5rem;
  font-weight:600;
  line-height:1.25;
  color:var(--warm-white);
}
.page-contact .ch-card__desc{
  margin:0;
  font-size:var(--fs-small);
  line-height:1.75;
  color:rgba(251,246,237,.88);
}
.page-contact .ch-card__copy{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(251,246,237,.5);
  border-radius:2px;
  background:rgba(251,246,237,.12);
  color:var(--warm-white);
  font-family:var(--font-mono);
  font-size:.8125rem;
  line-height:1.4;
  letter-spacing:.02em;
  text-align:left;
  cursor:pointer;
  transition:background .24s var(--ease),border-color .24s var(--ease);
}
.page-contact .ch-card__copy:hover,
.page-contact .ch-card__copy:focus-visible{
  background:rgba(251,246,237,.26);
  border-color:var(--warm-white);
  outline:none;
}
.page-contact .ch-card__copy .copybtn__value{overflow-wrap:anywhere;word-break:break-word;}
.page-contact .ch-card__copy .copybtn__hint{
  flex:none;
  font-size:.6875rem;
  letter-spacing:.18em;
  opacity:.85;
}

.page-contact .contact-street{margin:clamp(20px,3vw,32px) 0 0;}
.page-contact .contact-street img{
  display:block;
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:cover;
  border-radius:2px;
}
.page-contact .contact-street .media-frame__cap{
  margin-top:10px;
  font-size:var(--fs-small);
  color:var(--contact-muted);
  line-height:1.7;
}

/* ---------- 来信要点 ---------- */
.page-contact .prep-grid{display:grid;gap:clamp(32px,4vw,56px);}
@media (min-width:1024px){
  .page-contact .prep-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:clamp(40px,6vw,88px);}
}

.page-contact .prep-item{border-bottom:1px solid var(--contact-line);}
.page-contact .prep-item:first-of-type{border-top:1px solid var(--contact-line);}
.page-contact .prep-item summary{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:4px 14px;
  align-items:baseline;
  padding:18px 0;
  cursor:pointer;
  list-style:none;
}
.page-contact .prep-item summary::-webkit-details-marker{display:none;}
.page-contact .prep-item summary::after{
  content:"+";
  font-family:var(--font-mono);
  font-size:1.125rem;
  line-height:1;
  color:var(--cinnabar);
}
.page-contact .prep-item[open] summary::after{content:"−";}
.page-contact .prep-item__num{
  font-family:var(--font-mono);
  font-size:var(--fs-index);
  letter-spacing:.18em;
  color:var(--cinnabar);
}
.page-contact .prep-item__name{
  font-family:var(--font-serif);
  font-size:1.125rem;
  font-weight:600;
  line-height:1.4;
}
.page-contact .prep-item__tip{
  grid-column:2 / 3;
  font-size:var(--fs-small);
  line-height:1.6;
  color:var(--contact-muted);
}

.page-contact .prep-list{
  list-style:none;
  margin:0;
  padding:2px 0 20px 26px;
  display:grid;
  gap:10px;
}
.page-contact .prep-list li{
  position:relative;
  font-size:var(--fs-body);
  line-height:1.7;
}
.page-contact .prep-list li::before{
  content:"";
  position:absolute;
  left:-26px;
  top:.45em;
  width:12px;
  height:12px;
  border:1.5px solid var(--turquoise);
  border-radius:2px;
}

.page-contact .prep-aside{display:grid;gap:14px;}
.page-contact .prep-aside img{
  display:block;
  width:100%;
  height:auto;
  border-radius:2px;
}
.page-contact .prep-aside__note{
  margin:0;
  padding-left:16px;
  border-left:3px solid var(--butter);
  font-size:var(--fs-small);
  line-height:1.8;
  color:var(--contact-muted);
}

/* ---------- 处理时间 ---------- */
.page-contact .timing-panel{
  display:grid;
  gap:clamp(24px,3vw,40px);
  padding:clamp(28px,4vw,56px);
  border-radius:2px;
  background:var(--indigo);
  color:var(--warm-white);
}
@media (min-width:900px){
  .page-contact .timing-panel{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,64px);align-items:start;}
}
.page-contact .timing-panel__eyebrow{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:var(--fs-index);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--butter);
}
.page-contact .timing-panel h2{
  margin:0 0 14px;
  font-family:var(--font-serif);
  font-size:var(--fs-section);
  font-weight:600;
  line-height:1.25;
  color:var(--warm-white);
}
.page-contact .timing-panel__text{
  margin:0;
  font-size:var(--fs-body);
  line-height:1.8;
  color:rgba(251,246,237,.86);
}
.page-contact .timing-list{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  gap:14px;
}
.page-contact .timing-list li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 16px;
  align-items:baseline;
  padding-top:14px;
  border-top:1px solid rgba(251,246,237,.18);
  font-size:var(--fs-small);
  line-height:1.7;
  color:rgba(251,246,237,.86);
}
.page-contact .timing-key{
  font-family:var(--font-mono);
  font-size:var(--fs-index);
  letter-spacing:.14em;
  color:var(--butter);
  white-space:nowrap;
}
.page-contact .timing-panel__aside{
  padding-top:20px;
  border-top:2px solid rgba(143,191,180,.55);
}
.page-contact .timing-panel__aside .note-col__label{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:var(--fs-index);
  letter-spacing:.18em;
  color:var(--turquoise-pale);
}
.page-contact .timing-panel__note{
  margin:0 0 12px;
  font-size:var(--fs-small);
  line-height:1.8;
  color:rgba(251,246,237,.82);
}

/* ---------- 合作与共建 ---------- */
.page-contact .partner-grid{
  display:grid;
  gap:14px;
  margin-top:clamp(22px,3vw,36px);
}
@media (min-width:768px){
  .page-contact .partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
}
.page-contact .partner-card{
  position:relative;
  padding:30px 22px 24px;
  border-radius:2px;
  background:var(--stone);
  display:grid;
  gap:10px;
  align-content:start;
}
.page-contact .partner-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:var(--band,var(--cinnabar));
  transition:height .24s var(--ease);
}
.page-contact .partner-card:hover::before{height:8px;}
.page-contact .partner-card--red{--band:var(--cinnabar);}
.page-contact .partner-card--green{--band:var(--turquoise);}
.page-contact .partner-card--yellow{--band:var(--butter);}
.page-contact .partner-card__title{
  margin:0;
  font-family:var(--font-serif);
  font-size:1.25rem;
  font-weight:600;
  line-height:1.35;
}
.page-contact .partner-card__text{
  margin:0;
  font-size:var(--fs-small);
  line-height:1.8;
  color:var(--contact-muted);
}
.page-contact .partner-foot{
  margin:clamp(22px,3vw,32px) 0 0;
  padding-top:18px;
  border-top:1px solid var(--contact-line);
  font-size:var(--fs-body);
  line-height:1.8;
  max-width:62ch;
}

/* ---------- 常见场景速查 ---------- */
.page-contact .quick-list{
  list-style:none;
  margin:clamp(22px,3vw,36px) 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
@media (min-width:900px){
  .page-contact .quick-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
}
.page-contact .quick-link{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border:1px solid var(--stone);
  border-left:3px solid var(--cinnabar);
  border-radius:2px;
  background:var(--stone);
  color:var(--ink);
  text-decoration:none;
  transition:background .24s var(--ease),border-color .24s var(--ease),transform .24s var(--ease);
}
.page-contact .quick-link:hover,
.page-contact .quick-link:focus-visible{
  background:var(--warm-white);
  border-color:var(--turquoise-pale);
  border-left-color:var(--cinnabar-deep);
  transform:translateX(3px);
  outline:none;
}
.page-contact .quick-link__num{
  font-family:var(--font-mono);
  font-size:var(--fs-index);
  letter-spacing:.16em;
  color:var(--cinnabar);
}
.page-contact .quick-link__text{
  font-size:var(--fs-small);
  line-height:1.6;
}
.page-contact .quick-link__go{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  color:var(--turquoise);
  white-space:nowrap;
}
.page-contact .quick-link__go::after{content:" →";}
.page-contact .quick-foot{
  margin:clamp(20px,3vw,28px) 0 0;
  font-size:var(--fs-small);
  line-height:1.8;
  color:var(--contact-muted);
}
.page-contact .quick-foot a{
  color:var(--cinnabar);
  text-decoration:none;
  border-bottom:1px solid var(--cinnabar);
  margin-left:4px;
}
.page-contact .quick-foot a:hover{color:var(--cinnabar-deep);}

@media (prefers-reduced-motion:reduce){
  .page-contact .ch-card__copy,
  .page-contact .partner-card::before,
  .page-contact .quick-link{transition:none;}
  .page-contact .quick-link:hover,
  .page-contact .quick-link:focus-visible{transform:none;}
}
<<<END>>>