.page-contact{
  --pc-line:rgba(242,247,243,.14);
  --pc-dark-line:rgba(16,20,15,.12);
  background:var(--ink);
  color:var(--text);
  overflow-x:hidden;
}

/* 面包屑与页首留白 */
.page-contact .contact-top{padding:calc(var(--header-h) + 16px) 0 0;}
.page-contact .breadcrumb{font-size:12px;letter-spacing:.04em;color:var(--text-mute);}
.page-contact .breadcrumb a{color:var(--text-dim);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease);}
.page-contact .breadcrumb a:hover,
.page-contact .breadcrumb a:focus-visible{color:var(--lime);border-bottom-color:var(--lime);}

/* 首屏框景 */
.page-contact .contact-hero{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:clamp(320px,54vw,470px);
  margin-top:clamp(16px,3vw,26px);
  border-top:1px solid var(--pc-line);
  border-bottom:1px solid var(--pc-line);
  overflow:hidden;
}
.page-contact .contact-hero__media{position:absolute;inset:0;z-index:0;}
.page-contact .contact-hero__media img{width:100%;height:100%;object-fit:cover;display:block;}
.page-contact .contact-hero__scrim{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(11,31,26,.42) 0%,rgba(11,31,26,.86) 58%,var(--ink) 100%);
}
.page-contact .contact-hero__inner{
  position:relative;z-index:2;
  width:100%;
  padding-top:clamp(40px,8vw,74px);
  padding-bottom:clamp(26px,4.5vw,44px);
}
.page-contact .contact-hero__title{
  margin:14px 0 0;
  max-width:15em;
  font-size:clamp(29px,6.4vw,62px);
  line-height:1.05;
  letter-spacing:-.02em;
}
.page-contact .contact-hero__lead{
  max-width:56ch;
  margin:18px 0 0;
  font-size:clamp(14px,2.6vw,17px);
  line-height:1.8;
  color:var(--text-dim);
}

/* 值班台：联系面板 + 准备清单 */
.page-contact .contact-desk{padding-top:clamp(30px,6vw,64px);}
.page-contact .contact-desk__grid{display:grid;gap:clamp(14px,2.4vw,24px);}
@media (min-width:900px){
  .page-contact .contact-desk__grid{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:start;
  }
}

.page-contact .contact-card{
  position:relative;
  padding:clamp(22px,3.6vw,36px);
  padding-bottom:calc(clamp(22px,3.6vw,36px) + 12px);
  background:var(--ink-2);
  border:1px solid var(--line);
  border-left:3px solid var(--lime);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
}
.page-contact .contact-card__title{margin:0;font-size:clamp(18px,3vw,23px);letter-spacing:-.01em;}
.page-contact .contact-card__note{margin:10px 0 6px;max-width:44ch;font-size:13.5px;line-height:1.7;color:var(--text-mute);}
.page-contact .contact-card__list{margin:0;}
.page-contact .contact-row{display:grid;gap:5px;padding:14px 0;border-top:1px solid var(--pc-line);}
.page-contact .contact-row:first-child{border-top:0;}
.page-contact .contact-row__key{margin:0;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);}
.page-contact .contact-row__val{margin:0;font-size:clamp(14px,2.7vw,16.5px);line-height:1.6;color:var(--text);}
.page-contact .contact-row__val--num{
  font-family:var(--font-num);
  font-size:clamp(17px,4.3vw,27px);
  letter-spacing:.015em;
  line-height:1.35;
  word-break:break-all;
}
.page-contact .contact-row__val a{
  color:var(--lime);text-decoration:none;
  border-bottom:1px solid rgba(200,255,61,.36);
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.page-contact .contact-row__val a:hover,
.page-contact .contact-row__val a:focus-visible{color:var(--white);border-bottom-color:var(--white);}

.page-contact .contact-prep{
  position:relative;
  padding:clamp(22px,3.4vw,34px);
  padding-top:calc(clamp(22px,3.4vw,34px) + 4px);
  background:var(--white);
  color:var(--char);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);
}
.page-contact .contact-prep__title{margin:0;font-size:clamp(17px,3vw,21px);letter-spacing:-.01em;color:var(--char);}
.page-contact .contact-prep__lead{margin:9px 0 4px;font-size:13.5px;line-height:1.7;color:#4E5F57;}
.page-contact .contact-prep__list{list-style:none;margin:0;padding:0;}
.page-contact .contact-prep__item{
  display:flex;gap:11px;align-items:flex-start;
  padding:12px 0;
  border-bottom:1px solid var(--pc-dark-line);
}
.page-contact .contact-prep__item:last-child{border-bottom:0;padding-bottom:2px;}
.page-contact .contact-prep__item input{
  appearance:none;-webkit-appearance:none;
  flex:none;width:19px;height:19px;margin:3px 0 0;
  border:2px solid var(--lime-deep);
  background:transparent;
  position:relative;cursor:pointer;
  transition:background .18s var(--ease);
}
.page-contact .contact-prep__item input:checked{background:var(--lime);border-color:var(--lime-deep);}
.page-contact .contact-prep__item input:checked::after{
  content:"";position:absolute;left:4px;top:0;
  width:5px;height:10px;
  border:2px solid var(--ink);border-top:0;border-left:0;
  transform:rotate(42deg);
}
.page-contact .contact-prep__item input:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
.page-contact .contact-prep__item label{font-size:14px;line-height:1.65;color:var(--char);cursor:pointer;}
.page-contact .contact-prep__item strong{
  display:block;margin-bottom:2px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--line);
}
.page-contact .contact-prep__foot{margin:16px 0 0;font-size:12.5px;line-height:1.75;color:#4E5F57;}
.page-contact .contact-prep__foot a{color:var(--line);text-decoration:none;border-bottom:1px solid rgba(30,74,62,.45);}
.page-contact .contact-prep__foot a:hover,
.page-contact .contact-prep__foot a:focus-visible{color:var(--char);border-bottom-color:var(--orange);}

/* 两条横向长卡 */
.page-contact .contact-lanes{padding-top:clamp(34px,6vw,72px);}
.page-contact .contact-lanes__title{margin:0 0 clamp(16px,3vw,26px);font-size:clamp(22px,4.6vw,40px);}
.page-contact .contact-lane{
  display:grid;gap:clamp(10px,2vw,22px);
  margin-bottom:clamp(12px,2vw,18px);
  padding:clamp(20px,3.4vw,32px);
  background:var(--ink-2);
  border:1px solid var(--line);
  border-left:4px solid var(--orange);
}
.page-contact .contact-lane--coop{border-left-color:var(--lime);}
@media (min-width:820px){
  .page-contact .contact-lane{
    grid-template-columns:minmax(0,196px) minmax(0,1fr);
    align-items:start;
  }
}
.page-contact .contact-lane__title{margin:10px 0 0;font-size:clamp(17px,3vw,22px);line-height:1.4;letter-spacing:-.01em;}
.page-contact .contact-lane__body p{margin:0 0 12px;font-size:14.5px;line-height:1.8;color:var(--text-dim);}
.page-contact .contact-lane__body p:last-child{margin-bottom:0;}
.page-contact .contact-lane__body ul{margin:0 0 12px;padding-left:1.15em;font-size:14.5px;line-height:1.8;color:var(--text-dim);}
.page-contact .contact-lane__body li{margin-bottom:5px;}
.page-contact .contact-lane__body li::marker{color:var(--lime);}
.page-contact .contact-lane__body a{
  color:var(--lime);text-decoration:none;
  border-bottom:1px solid rgba(200,255,61,.4);
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.page-contact .contact-lane__body a:hover,
.page-contact .contact-lane__body a:focus-visible{color:var(--white);border-bottom-color:var(--white);}

/* 办公地址 */
.page-contact .contact-visit{
  margin-top:clamp(34px,6vw,72px);
  background:var(--ink-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-contact .contact-visit__grid{
  display:grid;gap:clamp(18px,3.4vw,34px);
  padding-top:clamp(28px,5vw,54px);
  padding-bottom:clamp(28px,5vw,54px);
}
@media (min-width:860px){
  .page-contact .contact-visit__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
    align-items:center;
  }
}
.page-contact .contact-visit__title{margin:10px 0 14px;font-size:clamp(24px,4.8vw,42px);line-height:1.1;letter-spacing:-.02em;}
.page-contact .contact-visit__text p{margin:0 0 12px;font-size:14.5px;line-height:1.8;color:var(--text-dim);}
.page-contact .contact-visit__addr{
  margin:0 0 16px;
  padding-left:12px;
  border-left:3px solid var(--orange);
  font-family:var(--font-num);
  font-size:clamp(14.5px,2.9vw,19px);
  line-height:1.6;
  letter-spacing:.01em;
  color:var(--white);
}
.page-contact .contact-visit__figure{
  position:relative;margin:0;
  border:1px solid var(--line);
  overflow:hidden;
  background:var(--ink);
}
.page-contact .contact-visit__figure img{width:100%;height:auto;display:block;object-fit:cover;}
.page-contact .contact-visit__figure::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(200,255,61,.12) 0 1px,transparent 1px 56px),
    repeating-linear-gradient(0deg,rgba(200,255,61,.12) 0 1px,transparent 1px 56px);
  mix-blend-mode:screen;
}

/* 页脚前的服务信息带 */
.page-contact .contact-band{background:var(--white);color:var(--char);border-top:2px solid var(--lime);}
.page-contact .contact-band__inner{display:grid;padding-top:6px;padding-bottom:6px;}
.page-contact .contact-band__cell{
  display:flex;flex-direction:column;gap:5px;
  padding:15px 0;
  border-bottom:1px solid var(--pc-dark-line);
}
.page-contact .contact-band__cell:last-child{border-bottom:0;}
.page-contact .contact-band__key{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(16,20,15,.62);}
.page-contact .contact-band__val{
  font-family:var(--font-num);
  font-size:clamp(16px,3.2vw,21px);
  letter-spacing:.02em;
  color:var(--char);
}
.page-contact .contact-band__cta{
  align-self:flex-start;
  font-size:15px;font-weight:700;
  color:var(--char);text-decoration:none;
  border-bottom:2px solid var(--orange);
  padding-bottom:2px;
  transition:border-color .2s var(--ease),color .2s var(--ease);
}
.page-contact .contact-band__cta:hover,
.page-contact .contact-band__cta:focus-visible{border-bottom-color:var(--line);}
@media (min-width:760px){
  .page-contact .contact-band__inner{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-contact .contact-band__cell{
    padding:18px 24px;
    border-bottom:0;
    border-left:1px solid var(--pc-dark-line);
  }
  .page-contact .contact-band__cell:first-child{padding-left:0;border-left:0;}
  .page-contact .contact-band__cell:last-child{padding-right:0;}
  .page-contact .contact-band__cell--lime{background:var(--lime);}
}
.page-contact .contact-band__cell--lime .contact-band__key{color:rgba(16,20,15,.7);}

@media (prefers-reduced-motion:reduce){
  .page-contact *{transition:none !important;}
}
<<<END>>>