.page-contact{
  --ct-rule:2px solid var(--line);
  --ct-gap:clamp(18px,2.4vw,32px);
  --ct-pad:clamp(16px,2vw,24px);
  background:var(--indigo);
  color:var(--fog);
}

.page-contact .ct-crumb-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 18px;
  padding-top:clamp(18px,3vw,34px);
}

.page-contact .ct-crumb-row__tag{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--slate);
  border:1px solid var(--line);
  background:var(--midnight);
  padding:5px 10px;
}

/* 首屏：目录式陈述 + 数据格 */
.page-contact .ct-intro{
  display:grid;
  gap:clamp(24px,3.4vw,46px);
  padding-block:clamp(24px,4vw,50px) clamp(34px,5vw,66px);
  border-bottom:var(--ct-rule);
}

.page-contact .ct-intro h1{
  margin:14px 0 0;
  max-width:22ch;
  font-size:clamp(30px,7vw,72px);
  line-height:1.02;
  letter-spacing:-.02em;
  font-weight:900;
  color:var(--fog);
}

.page-contact .ct-intro .lede{
  margin:18px 0 0;
  max-width:56ch;
  color:var(--body-dim);
}

.page-contact .ct-intro__aside{
  margin:22px 0 0;
  padding:4px 0 4px 16px;
  border-left:3px solid var(--cyan);
  max-width:56ch;
  font-size:15px;
  line-height:1.8;
  color:var(--body-dim);
}

.page-contact .ct-intro__facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:var(--ct-rule);
}

.page-contact .ct-fact{
  display:flex;
  flex-direction:column;
  gap:6px;
  background:var(--midnight);
  padding:14px 16px;
}

.page-contact .ct-fact__num{
  font-family:var(--font-mono);
  font-size:clamp(24px,4.6vw,38px);
  font-weight:700;
  line-height:1;
  color:var(--cyan);
}

.page-contact .ct-fact__plus{
  margin-left:2px;
  font-size:.55em;
  color:var(--violet);
}

.page-contact .ct-fact__label{
  font-size:13px;
  line-height:1.55;
  color:var(--slate);
}

/* 左右分置主区 */
.page-contact .ct-main{
  display:grid;
  gap:clamp(38px,5vw,64px);
  padding-block:clamp(40px,5.4vw,80px);
}

.page-contact .ct-col{
  display:flex;
  flex-direction:column;
  gap:clamp(30px,4vw,48px);
  min-width:0;
}

.page-contact .ct-h2{
  margin:0;
  font-size:clamp(22px,3.4vw,34px);
  line-height:1.15;
  letter-spacing:-.01em;
  font-weight:800;
  color:var(--fog);
}

.page-contact .ct-lead{
  margin:12px 0 18px;
  max-width:62ch;
  font-size:15px;
  line-height:1.78;
  color:var(--body-dim);
}

/* 联系渠道卡片 */
.page-contact .ct-channels{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}

.page-contact .ct-channel{
  position:relative;
  border:var(--ct-rule);
  background:var(--midnight);
  padding:var(--ct-pad);
  box-shadow:5px 5px 0 var(--ink);
  transition:border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);
}

.page-contact .ct-channel:hover{
  transform:translate(-2px,-2px);
  border-color:var(--cyan);
  box-shadow:7px 7px 0 rgba(0,229,255,.42);
}

.page-contact .ct-channel--cyan{
  border-left:6px solid var(--cyan);
}

.page-contact .ct-channel__key{
  display:inline-block;
  padding:4px 8px;
  border:1px solid var(--line);
  background:var(--indigo);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--cyan);
}

.page-contact .ct-channel__value{
  margin:12px 0 0;
  font-size:clamp(16px,2.4vw,20px);
  font-weight:700;
  line-height:1.5;
  color:var(--fog);
  overflow-wrap:anywhere;
  word-break:break-word;
}

.page-contact .ct-channel__note{
  margin:8px 0 0;
  font-size:13.5px;
  line-height:1.7;
  color:var(--slate);
}

/* 图表容器统一构图 */
.page-contact .figure__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-contact .ct-map{
  margin:6px 0 0;
}

/* 留言字段结构 */
.page-contact .ct-form{
  display:grid;
  gap:12px;
}

.page-contact .ct-field__label{
  display:block;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--violet);
}

.page-contact .ct-field__box{
  margin:6px 0 0;
  padding:12px 14px;
  border:2px dashed var(--line);
  background:var(--indigo);
  font-size:14.5px;
  line-height:1.7;
  color:var(--body-dim);
}

.page-contact .ct-form__note{
  margin:16px 0 0;
  font-size:13.5px;
  line-height:1.7;
  color:var(--slate);
}

/* 分类筛选 */
.page-contact .ct-filter{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 10px;
  padding:10px;
  border:var(--ct-rule);
  background:var(--midnight);
}

.page-contact .ct-status{
  margin:0 0 16px;
  min-height:1em;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--slate);
}

.page-contact .ct-clist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}

.page-contact .ct-citem{
  display:grid;
  gap:10px;
  padding:var(--ct-pad);
  border:var(--ct-rule);
  border-left-width:6px;
  border-left-color:var(--violet);
  background:var(--midnight);
}

.page-contact .ct-citem[data-tags*="data"]{ border-left-color:var(--cyan); }
.page-contact .ct-citem[data-tags*="product"]{ border-left-color:var(--violet); }
.page-contact .ct-citem[data-tags*="coop"]{ border-left-color:var(--orange); }
.page-contact .ct-citem[data-tags*="feedback"]{ border-left-color:var(--mint); }

.page-contact .ct-citem.is-in{
  animation:ct-item-in .16s var(--ease) both;
}

@keyframes ct-item-in{
  from{ opacity:0; transform:translateY(6px); }
  to{ opacity:1; transform:none; }
}

.page-contact .ct-citem__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.page-contact .ct-citem__idx{
  padding:3px 7px;
  border:1px solid var(--line);
  font-size:12px;
  color:var(--slate);
}

.page-contact .ct-citem__title{
  flex:1 1 auto;
  margin:0;
  font-size:clamp(17px,2.2vw,20px);
  font-weight:800;
  color:var(--fog);
}

.page-contact .ct-citem__desc{
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:var(--body-dim);
}

.page-contact .ct-citem__meta{
  margin:0;
  display:grid;
  gap:8px;
  padding-top:10px;
  border-top:1px dashed var(--line);
}

.page-contact .ct-citem__meta dt{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--cyan);
}

.page-contact .ct-citem__meta dd{
  margin:3px 0 0;
  font-size:13.5px;
  line-height:1.7;
  color:var(--slate);
}

.page-contact .ct-flow-img{
  margin:0;
}

/* 服务边界 */
.page-contact .ct-boundary__grid{
  margin-top:clamp(20px,3vw,32px);
}

.page-contact .ct-bcard{
  display:grid;
  gap:10px;
  padding:var(--ct-pad);
  background:var(--indigo);
}

.page-contact .ct-bcard h3{
  margin:0;
  font-size:17px;
  font-weight:800;
  color:var(--cyan);
}

.page-contact .ct-bcard:nth-child(2) h3{ color:var(--orange); }
.page-contact .ct-bcard:nth-child(3) h3{ color:var(--violet); }

.page-contact .ct-bcard p{
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:var(--body-dim);
}

.page-contact .ct-boundary__foot{
  margin:clamp(20px,3vw,30px) 0 0;
  max-width:72ch;
  font-size:13.5px;
  line-height:1.75;
  color:var(--slate);
}

/* 处理顺序 */
.page-contact .ct-steps{
  list-style:none;
  margin:clamp(22px,3vw,34px) 0 0;
  padding:0;
  border-top:var(--ct-rule);
}

.page-contact .ct-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:6px 16px;
  padding:18px 0;
  border-bottom:var(--ct-rule);
}

.page-contact .ct-step__no{
  grid-row:1 / span 2;
  align-self:start;
  padding:5px 9px;
  border:1px solid var(--line);
  background:var(--midnight);
  font-size:13px;
  font-weight:700;
  color:var(--cyan);
}

.page-contact .ct-step h3{
  margin:0;
  font-size:17px;
  font-weight:800;
  color:var(--fog);
}

.page-contact .ct-step p{
  grid-column:2;
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:var(--body-dim);
}

/* 底部服务时间数据条 */
.page-contact .ct-band{
  margin:0;
}

.page-contact .ct-band .data-band__track{
  display:grid;
  gap:1px;
}

.page-contact .ct-band .data-band__item{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px 18px;
}

.page-contact .ct-band .data-band__item .mono{
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--slate);
}

.page-contact .ct-band .data-band__item strong{
  font-size:15.5px;
  font-weight:700;
  line-height:1.5;
  color:var(--fog);
  overflow-wrap:anywhere;
}

/* 相关入口 */
.page-contact .ct-linklist{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:12px;
}

.page-contact .ct-linklist a{
  display:flex;
  flex-direction:column;
  gap:6px;
  height:100%;
  padding:16px 18px;
  border:var(--ct-rule);
  background:var(--midnight);
  text-decoration:none;
  transition:border-color .18s var(--ease), transform .18s var(--ease);
}

.page-contact .ct-linklist a:hover,
.page-contact .ct-linklist a:focus-visible{
  border-color:var(--cyan);
  transform:translate(-2px,-2px);
}

.page-contact .ct-linklist__t{
  font-size:16px;
  font-weight:800;
  color:var(--fog);
}

.page-contact .ct-linklist__d{
  font-size:13.5px;
  line-height:1.68;
  color:var(--slate);
}

/* 断点：平板 */
@media (min-width:620px){
  .page-contact .ct-citem__meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 20px;
  }
}

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

  .page-contact .ct-linklist{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* 断点：桌面左右分置 */
@media (min-width:980px){
  .page-contact .ct-intro{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
    align-items:end;
  }

  .page-contact .ct-main{
    grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
    gap:clamp(34px,4vw,66px);
    align-items:start;
  }
}

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

  .page-contact .ct-intro__facts .ct-fact:nth-child(3){
    background:linear-gradient(180deg,var(--midnight) 0%, rgba(0,229,255,.08) 100%);
  }
}

@media (max-width:420px){
  .page-contact .ct-crumb-row__tag{
    font-size:11px;
    padding:4px 8px;
  }

  .page-contact .ct-fact__label{
    font-size:12px;
  }
}
<<<END>>>