.page-contact{
  --ct-line:rgba(16,21,21,.13);
  --ct-line-dark:rgba(214,208,196,.22);
  --ct-muted:#4d5657;
  background:
    radial-gradient(900px 420px at 82% -8%, rgba(143,199,217,.24), transparent 70%),
    radial-gradient(700px 380px at 4% 2%, rgba(111,139,98,.18), transparent 72%),
    var(--mm-fog);
  color:var(--mm-char);
  font-family:var(--mm-font-body);
  line-height:1.75;
  overflow-x:hidden;
}

.page-contact .ct-wrap{
  width:100%;
  max-width:var(--mm-shell);
  margin-inline:auto;
  padding-inline:var(--mm-gutter);
}

.page-contact .ct-top{
  padding-block:clamp(18px,3vw,28px) clamp(10px,2vw,18px);
}

.page-contact .mm-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:.82rem;
  color:var(--ct-muted);
}
.page-contact .mm-crumbs a{
  color:var(--ct-muted);
  text-decoration:none;
  transition:color .16s var(--mm-ease);
}
.page-contact .mm-crumbs a:hover{color:var(--mm-tundra-deep);}
.page-contact .mm-crumbs__sep{opacity:.45;}

.page-contact .mm-eyebrow{
  display:block;
  margin:0 0 8px;
  font-family:var(--mm-font-serif);
  font-size:.78rem;
  letter-spacing:.16em;
  color:var(--mm-tundra-deep);
}
.page-contact .ct-eyebrow--dark{color:var(--mm-aurora);}

/* ---------- 首屏 ---------- */
.page-contact .ct-head{
  display:grid;
  gap:18px;
  margin-top:clamp(16px,3vw,26px);
}
.page-contact .ct-head h1{
  margin:0;
  font-family:var(--mm-font-display);
  font-size:clamp(1.85rem,4.4vw,3.25rem);
  line-height:1.16;
  letter-spacing:.03em;
}
.page-contact .ct-lead{
  margin:0;
  padding-top:14px;
  border-top:1px solid var(--ct-line);
  font-size:clamp(.98rem,1.2vw,1.08rem);
  color:var(--ct-muted);
}

/* ---------- 联系面板 ---------- */
.page-contact .ct-panel-grid{
  display:grid;
  gap:16px;
  margin-top:clamp(22px,4vw,38px);
}

.page-contact .ct-panel{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:360px;
  padding:clamp(22px,3.2vw,38px);
  border-radius:var(--mm-radius);
  overflow:hidden;
  background:var(--mm-rock);
  color:var(--mm-fog);
}
.page-contact .ct-panel__img{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.34;
}
.page-contact .ct-panel__veil{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(155deg,rgba(27,34,35,.95) 0%,rgba(27,34,35,.8) 46%,rgba(66,90,69,.9) 100%);
}
.page-contact .ct-panel__body{position:relative;z-index:1;}
.page-contact .ct-panel__title{
  margin:0 0 16px;
  font-family:var(--mm-font-display);
  font-size:clamp(1.15rem,2.2vw,1.5rem);
  line-height:1.3;
  letter-spacing:.02em;
}

.page-contact .ct-channel{
  display:block;
  padding:13px 0;
  border-top:1px solid var(--ct-line-dark);
  color:inherit;
  text-decoration:none;
}
.page-contact .ct-channel__label{
  display:block;
  margin-bottom:4px;
  font-family:var(--mm-font-serif);
  font-size:.74rem;
  letter-spacing:.16em;
  color:var(--mm-ice);
}
.page-contact .ct-channel__value{
  display:block;
  font-family:var(--mm-font-mono);
  font-variant-numeric:tabular-nums;
  line-height:1.3;
  overflow-wrap:anywhere;
  transition:color .16s var(--mm-ease);
}
.page-contact .ct-channel__value--mail{
  font-size:clamp(.92rem,3.3vw,1.42rem);
  letter-spacing:.01em;
}
.page-contact .ct-channel__value--tel{
  font-size:clamp(1.6rem,6vw,2.35rem);
  letter-spacing:.02em;
}
.page-contact .ct-channel__value--addr{
  font-family:var(--mm-font-body);
  font-size:.98rem;
  letter-spacing:0;
  color:rgba(242,240,234,.88);
}
.page-contact a.ct-channel:hover .ct-channel__value,
.page-contact a.ct-channel:focus-visible .ct-channel__value{color:var(--mm-lava);}
.page-contact a.ct-channel:focus-visible{
  outline:2px solid var(--mm-ice);
  outline-offset:4px;
  border-radius:4px;
}
.page-contact .ct-panel__note{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid var(--ct-line-dark);
  font-size:.88rem;
  color:rgba(242,240,234,.78);
}

.page-contact .ct-side{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:clamp(20px,3vw,30px);
  border:1px solid var(--ct-line);
  border-radius:var(--mm-radius);
  background:linear-gradient(165deg,rgba(185,227,212,.48) 0%,rgba(242,240,234,.94) 42%,var(--mm-fog) 100%);
}
.page-contact .ct-needlist{
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .ct-needlist li{border-top:1px solid var(--ct-line);}
.page-contact .ct-needlist li:first-child{border-top:none;}
.page-contact .ct-needlist a{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px 0;
  color:var(--mm-char);
  text-decoration:none;
  font-size:.96rem;
  line-height:1.5;
  transition:color .16s var(--mm-ease);
}
.page-contact .ct-needlist a::before{
  content:"";
  flex:0 0 7px;
  width:7px;
  height:7px;
  margin-top:.55em;
  border-radius:50%;
  background:var(--mm-tundra);
  transition:background .16s var(--mm-ease);
}
.page-contact .ct-needlist a:hover{color:var(--mm-tundra-deep);}
.page-contact .ct-needlist a:hover::before{background:var(--mm-lava);}

.page-contact .ct-jump{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--ct-line);
}
.page-contact .ct-jump__label{
  display:block;
  margin-bottom:10px;
  font-family:var(--mm-font-serif);
  font-size:.76rem;
  letter-spacing:.14em;
  color:var(--ct-muted);
}
.page-contact .ct-jump__links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-contact .ct-jump__links a{
  display:inline-block;
  padding:7px 12px;
  border:1px solid var(--ct-line);
  border-radius:999px;
  color:var(--mm-char);
  text-decoration:none;
  font-size:.82rem;
  transition:background .16s var(--mm-ease),color .16s var(--mm-ease),border-color .16s var(--mm-ease);
}
.page-contact .ct-jump__links a:hover{
  background:var(--mm-tundra-deep);
  border-color:var(--mm-tundra-deep);
  color:var(--mm-fog);
}

/* ---------- 通用版块 ---------- */
.page-contact .ct-sec{padding-block:clamp(42px,6vw,80px);}
.page-contact .ct-sec--paper{background:var(--mm-fog);}
.page-contact .ct-sec--rock{background:var(--mm-rock);color:var(--mm-fog);}
.page-contact .ct-sec--band{
  background:linear-gradient(180deg,var(--mm-fog) 0%,rgba(185,227,212,.52) 55%,var(--mm-fog) 100%);
}
.page-contact .ct-sec h2{
  margin:0;
  font-family:var(--mm-font-display);
  font-size:clamp(1.45rem,3vw,2.2rem);
  line-height:1.22;
  letter-spacing:.03em;
}

/* ---------- 咨询前准备 ---------- */
.page-contact .ct-prep{display:grid;gap:26px;}
.page-contact .ct-prep__intro p:last-child{
  margin:10px 0 0;
  font-size:.98rem;
  color:var(--ct-muted);
}
.page-contact .ct-steps{
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .ct-step{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:14px;
  padding:20px 0;
  border-top:1px solid var(--ct-line);
}
.page-contact .ct-step:first-child{border-top:2px solid var(--mm-tundra);}
.page-contact .ct-step__num{
  padding-top:4px;
  font-family:var(--mm-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:.92rem;
  letter-spacing:.04em;
  color:var(--mm-tundra-deep);
}
.page-contact .ct-step h3{
  margin:0 0 6px;
  font-size:1.06rem;
  letter-spacing:.02em;
}
.page-contact .ct-step p{
  margin:0;
  font-size:.94rem;
  color:var(--ct-muted);
}

/* ---------- 合作类型 ---------- */
.page-contact .ct-coop__head{
  display:grid;
  gap:16px;
  margin-bottom:clamp(20px,3vw,34px);
}
.page-contact .ct-coop__head p:last-child{
  margin:0;
  font-size:.96rem;
  color:rgba(242,240,234,.76);
}
.page-contact .ct-coop__grid{
  display:grid;
  gap:14px;
}
.page-contact .ct-tile{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:clamp(18px,2.4vw,26px);
  border:1px solid var(--ct-line-dark);
  border-radius:var(--mm-radius-sm);
  background:rgba(255,255,255,.04);
}
.page-contact .ct-tile h3{
  margin:0;
  font-size:1.1rem;
  letter-spacing:.02em;
  color:var(--mm-fog);
}
.page-contact .ct-tile p{
  margin:0;
  font-size:.92rem;
  color:rgba(242,240,234,.78);
}
.page-contact .ct-tile__tag{
  font-family:var(--mm-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:.8rem;
  letter-spacing:.16em;
  color:var(--mm-ice);
}
.page-contact .ct-tile p.ct-tile__meta{
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid rgba(214,208,196,.16);
  font-size:.8rem;
  color:rgba(185,227,212,.88);
}
.page-contact .ct-tile--content{
  background:linear-gradient(180deg,rgba(111,139,98,.3) 0%,rgba(255,255,255,.03) 100%);
}
.page-contact .ct-tile--data{border-color:rgba(143,199,217,.45);}
.page-contact .ct-tile--pack{background:rgba(66,90,69,.52);}
.page-contact .ct-tile--brand{border-left:3px solid var(--mm-lava);}

.page-contact .ct-coop__media{
  position:relative;
  display:flex;
  min-height:230px;
  margin:0;
  overflow:hidden;
  border-radius:var(--mm-radius-sm);
}
.page-contact .ct-coop__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-contact .ct-coop__media figcaption{
  position:absolute;
  inset:auto 0 0 0;
  padding:14px 16px;
  background:linear-gradient(180deg,rgba(27,34,35,0) 0%,rgba(27,34,35,.9) 100%);
  font-size:.8rem;
  line-height:1.6;
  color:rgba(242,240,234,.92);
}

/* ---------- 回复时间 ---------- */
.page-contact .ct-reply{display:grid;gap:26px;}
.page-contact .ct-reply__time{
  margin:8px 0 0;
  font-family:var(--mm-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(2rem,6.4vw,3.5rem);
  line-height:1.1;
  letter-spacing:.01em;
  color:var(--mm-char);
}
.page-contact .ct-reply__time span{
  padding:0 .06em;
  color:var(--mm-tundra);
}
.page-contact .ct-reply__day{
  margin:8px 0 0;
  font-size:.84rem;
  letter-spacing:.1em;
  color:var(--ct-muted);
}
.page-contact .ct-reply__lead{
  margin:0 0 14px;
  font-size:1.02rem;
  color:var(--mm-char);
}
.page-contact .ct-reply__notes ul{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .ct-reply__notes li{
  position:relative;
  padding-left:16px;
  font-size:.94rem;
  color:var(--ct-muted);
}
.page-contact .ct-reply__notes li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--mm-ice);
}
.page-contact .ct-reply__notes strong{color:var(--mm-char);font-weight:600;}
.page-contact .ct-reply__foot{
  margin:16px 0 0;
  padding-top:12px;
  border-top:1px solid var(--ct-line);
  font-size:.86rem;
  color:var(--ct-muted);
}

/* ---------- 地址与备案 ---------- */
.page-contact .ct-sec--place{
  padding-block:clamp(26px,4vw,44px);
  border-top:1px solid var(--ct-line);
  border-bottom:1px solid var(--ct-line);
  background:var(--mm-fog);
}
.page-contact .ct-place__title{
  margin:0 0 18px;
  font-family:var(--mm-font-serif);
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.18em;
  color:var(--ct-muted);
}
.page-contact .ct-place__grid{
  display:grid;
  gap:14px;
  margin:0;
}
.page-contact .ct-place__item dt{
  margin-bottom:4px;
  font-size:.74rem;
  letter-spacing:.14em;
  color:var(--ct-muted);
}
.page-contact .ct-place__item dd{
  margin:0;
  font-size:.96rem;
  color:var(--mm-char);
  overflow-wrap:anywhere;
}
.page-contact .ct-place__item:nth-child(3) dd{
  font-family:var(--mm-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:.88rem;
}

/* ---------- 提交合作需求 ---------- */
.page-contact .ct-sec--request{background:var(--mm-rock);color:var(--mm-fog);}
.page-contact .ct-request__card{
  display:grid;
  gap:24px;
  padding:clamp(22px,3.4vw,42px);
  border:1px solid var(--ct-line-dark);
  border-radius:var(--mm-radius);
  background:linear-gradient(140deg,rgba(66,90,69,.94) 0%,rgba(27,34,35,.97) 100%);
}
.page-contact .ct-request__list{
  display:grid;
  gap:10px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
.page-contact .ct-request__list li{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  padding-top:10px;
  border-top:1px solid rgba(214,208,196,.16);
  font-size:.94rem;
  color:rgba(242,240,234,.82);
}
.page-contact .ct-request__list li:first-child{
  padding-top:0;
  border-top:none;
}
.page-contact .ct-request__list span{
  font-family:var(--mm-font-mono);
  font-size:.82rem;
  color:var(--mm-ice);
}
.page-contact .ct-request__act{
  display:grid;
  gap:12px;
  justify-items:start;
}
.page-contact .ct-request__btn{
  display:inline-flex;
  align-items:center;
  min-height:48px;
}
.page-contact .ct-request__act p{
  margin:0;
  font-size:.86rem;
  color:rgba(242,240,234,.74);
}
.page-contact .ct-request__tel{
  font-family:var(--mm-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:.92rem;
  letter-spacing:.04em;
  color:var(--mm-aurora);
  text-decoration:none;
  transition:color .16s var(--mm-ease);
}
.page-contact .ct-request__tel:hover{color:var(--mm-lava);}

/* ---------- 响应式 ---------- */
@media (min-width:700px){
  .page-contact .ct-place__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px;}
}

@media (min-width:900px){
  .page-contact .ct-head{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:end;
    gap:clamp(24px,4vw,56px);
  }
  .page-contact .ct-prep{
    grid-template-columns:minmax(0,4fr) minmax(0,8fr);
    gap:clamp(28px,4vw,64px);
  }
  .page-contact .ct-coop__head{
    grid-template-columns:minmax(0,6fr) minmax(0,6fr);
    align-items:end;
    gap:clamp(24px,4vw,56px);
  }
  .page-contact .ct-coop__grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:16px;
  }
  .page-contact .ct-tile--content{grid-column:span 5;}
  .page-contact .ct-coop__media{grid-column:span 7;}
  .page-contact .ct-tile--data{grid-column:span 3;}
  .page-contact .ct-tile--pack{grid-column:span 5;}
  .page-contact .ct-tile--brand{grid-column:span 4;}
  .page-contact .ct-reply{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    align-items:start;
    gap:clamp(28px,5vw,72px);
  }
  .page-contact .ct-request__card{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:center;
    gap:clamp(24px,4vw,56px);
  }
}

@media (min-width:960px){
  .page-contact .ct-panel-grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:20px;
  }
}

@media (min-width:1080px){
  .page-contact .ct-place__grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}

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