.page-contact{
  --pc-cut:16px;
  --pc-cut-lg:28px;
  --pc-soft:rgba(232,226,216,.16);
}

/* ---------- 首屏 ---------- */
.page-contact .pc-hero{
  position:relative;
  overflow:hidden;
  background:var(--gw-night);
  color:var(--gw-score);
  border-bottom:3px solid var(--gw-flame);
}
.page-contact .pc-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.5;
}
.page-contact .pc-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(135deg,rgba(251,248,242,.05) 0 2px,transparent 2px 10px),
    linear-gradient(96deg,rgba(16,29,51,.97) 0%,rgba(16,29,51,.86) 44%,rgba(16,29,51,.4) 100%);
}
.page-contact .pc-hero__inner{
  position:relative;
  z-index:1;
  max-width:var(--gw-shell-max);
  margin:0 auto;
  padding:clamp(24px,4vw,40px) var(--gw-gutter) clamp(48px,7vw,88px);
}
.page-contact .pc-hero .gw-breadcrumb{
  color:var(--gw-mute-dark);
  margin-bottom:clamp(20px,3vw,34px);
}
.page-contact .pc-hero .gw-breadcrumb a{color:var(--gw-wall);}
.page-contact .pc-hero .gw-eyebrow{color:var(--gw-signal);}
.page-contact .pc-hero .gw-h1{
  color:var(--gw-score);
  max-width:16ch;
  margin:12px 0 0;
}
.page-contact .pc-hero .gw-lede{
  color:var(--gw-wall);
  max-width:36em;
  margin-top:clamp(14px,2vw,22px);
}
.page-contact .pc-hero__stamp{
  display:inline-flex;
  align-items:baseline;
  gap:10px;
  margin:clamp(22px,3.4vw,34px) 0 0;
  padding:10px 18px;
  border:1px solid rgba(247,201,72,.5);
  background:rgba(16,42,34,.6);
  color:var(--gw-wall);
  font-size:.85rem;
  letter-spacing:.04em;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.page-contact .pc-hero__stamp .gw-num{
  color:var(--gw-signal);
  font-size:1.55rem;
  line-height:1;
}

/* ---------- 通道切换 ---------- */
.page-contact .pc-router__head{
  max-width:40em;
  margin-bottom:clamp(22px,3.4vw,38px);
}
.page-contact .pc-router__body{
  display:grid;
  gap:clamp(18px,2.6vw,30px);
  align-items:start;
}
.page-contact .pc-router__rail{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}
.page-contact .pc-router__panels{min-width:0;}

.page-contact .pc-tab{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:15px 18px;
  text-align:left;
  font-family:var(--gw-font-display);
  font-size:clamp(1rem,1.8vw,1.12rem);
  font-weight:600;
  letter-spacing:.02em;
  line-height:1.3;
  color:var(--gw-ink);
  background:var(--gw-score);
  border:1px solid var(--gw-brick);
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out,transform .2s ease-out;
}
.page-contact .pc-tab__idx{
  font-family:var(--gw-font-num);
  font-size:.8rem;
  font-weight:700;
  color:var(--gw-flame-deep);
}
.page-contact .pc-tab:hover{
  transform:translateX(3px);
  border-color:var(--gw-flame);
}
.page-contact .pc-tab[data-active="true"]{
  background:var(--gw-flame);
  border-color:var(--gw-flame);
  color:var(--gw-score);
}
.page-contact .pc-tab[data-active="true"] .pc-tab__idx{color:var(--gw-score);}
.page-contact .pc-tab:focus-visible{
  outline:3px solid var(--gw-signal);
  outline-offset:2px;
}

/* ---------- 通道卡片 ---------- */
.page-contact .pc-channel{
  display:none;
  min-width:0;
  padding:clamp(22px,3.2vw,38px);
  color:var(--gw-wall);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--pc-cut-lg)),calc(100% - var(--pc-cut-lg)) 100%,0 100%);
}
.page-contact .pc-channel[data-active]{display:block;}
.page-contact .pc-channel--pitch{background-color:var(--gw-pitch);}
.page-contact .pc-channel--night{background-color:var(--gw-night);}
.page-contact .pc-channel__head{
  display:flex;
  align-items:baseline;
  gap:14px;
}
.page-contact .pc-channel__idx{
  font-family:var(--gw-font-num);
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--gw-signal);
}
.page-contact .pc-channel .gw-h3{
  margin:0;
  color:var(--gw-score);
}
.page-contact .pc-channel__lead{
  margin:16px 0 20px;
  max-width:40em;
  font-size:1rem;
  line-height:1.75;
  color:var(--gw-wall);
}
.page-contact .pc-channel__list{
  list-style:none;
  margin:0 0 20px;
  padding:0;
}
.page-contact .pc-channel__list li{
  position:relative;
  padding:11px 0 11px 22px;
  font-size:.94rem;
  line-height:1.65;
  color:var(--gw-wall);
  border-top:1px solid var(--pc-soft);
}
.page-contact .pc-channel__list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:19px;
  width:8px;
  height:8px;
  background:var(--gw-signal);
  transform:rotate(45deg);
}
.page-contact .pc-channel__meta{
  margin:0 0 22px;
  padding-left:14px;
  border-left:3px solid var(--gw-flame);
  font-size:.82rem;
  letter-spacing:.05em;
  line-height:1.75;
  color:var(--gw-mute-dark);
}
.page-contact .pc-channel__foot{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.page-contact .pc-channel .gw-btn--line{
  color:var(--gw-score);
  border-color:rgba(251,248,242,.45);
  background:transparent;
}
.page-contact .pc-channel .gw-btn--line:hover{
  background:var(--gw-flame);
  border-color:var(--gw-flame);
  color:var(--gw-score);
}

/* ---------- 写信提示 ---------- */
.page-contact .pc-before{
  background:var(--gw-score);
  border-top:1px solid var(--gw-brick);
  border-bottom:1px solid var(--gw-brick);
}
.page-contact .pc-before__grid{
  gap:clamp(26px,4vw,52px);
  align-items:start;
}
.page-contact .pc-steps{
  counter-reset:pc;
  list-style:none;
  margin:22px 0 0;
  padding:0;
  border-top:1px solid var(--gw-brick);
}
.page-contact .pc-steps li{
  counter-increment:pc;
  position:relative;
  padding:15px 0 15px 52px;
  border-bottom:1px solid var(--gw-brick);
  font-size:.95rem;
  line-height:1.7;
  color:var(--gw-ink-soft);
}
.page-contact .pc-steps li::before{
  content:counter(pc,decimal-leading-zero);
  position:absolute;
  left:0;
  top:16px;
  font-family:var(--gw-font-num);
  font-weight:700;
  font-size:.9rem;
  color:var(--gw-flame-deep);
}
.page-contact .pc-template{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin-top:26px;
  padding:16px 18px;
  background:var(--gw-wall);
  border-left:4px solid var(--gw-flame);
}
.page-contact .pc-template__label{
  font-size:12px;
  letter-spacing:.15em;
  color:var(--gw-flame-deep);
}
.page-contact .pc-template__code{
  flex:1 1 220px;
  font-family:var(--gw-font-num);
  font-size:.95rem;
  font-weight:700;
  color:var(--gw-ink);
  overflow-wrap:anywhere;
}

.page-contact .pc-flow{margin:0;}
.page-contact .pc-flow img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--gw-brick);
  background:var(--gw-wall);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);
}
.page-contact .pc-flow figcaption{
  margin-top:12px;
  font-size:.8rem;
  letter-spacing:.05em;
  line-height:1.6;
  color:var(--gw-line);
}

/* ---------- 回复节奏 ---------- */
.page-contact .pc-cadence__card{
  padding:clamp(24px,3.6vw,44px);
  color:var(--gw-wall);
  background-color:var(--gw-pitch);
  background-image:repeating-linear-gradient(135deg,rgba(251,248,242,.045) 0 2px,transparent 2px 12px);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%);
}
.page-contact .pc-cadence__card .gw-eyebrow{color:var(--gw-signal);}
.page-contact .pc-cadence__card .gw-h2{color:var(--gw-score);}
.page-contact .pc-cadence__lead p{
  margin:14px 0 0;
  max-width:44em;
  line-height:1.8;
  color:var(--gw-wall);
}
.page-contact .pc-cadence__list{
  list-style:none;
  margin:clamp(24px,3.4vw,38px) 0 0;
  padding:0;
  display:grid;
  gap:clamp(16px,2.4vw,26px);
}
.page-contact .pc-cadence__key{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:0;
  font-family:var(--gw-font-display);
  font-size:1.05rem;
  font-weight:600;
  color:var(--gw-score);
}
.page-contact .pc-cadence__key .gw-num{
  font-size:clamp(2.2rem,5vw,3.2rem);
  line-height:1;
  color:var(--gw-signal);
}
.page-contact .pc-cadence__desc{
  margin:10px 0 0;
  font-size:.92rem;
  line-height:1.75;
  color:var(--gw-wall);
}

/* ---------- 通信信息 ---------- */
.page-contact .pc-reach__grid{
  display:grid;
  gap:clamp(24px,3.6vw,44px);
  margin-top:clamp(20px,3vw,32px);
}
.page-contact .pc-reach__main{min-width:0;}
.page-contact .pc-reach__rows{border-top:1px solid var(--gw-brick);}
.page-contact .pc-reach__row{
  display:grid;
  gap:8px 20px;
  padding:20px 0;
  border-bottom:1px solid var(--gw-brick);
}
.page-contact .pc-reach__k{
  font-size:12px;
  letter-spacing:.15em;
  color:var(--gw-flame-deep);
}
.page-contact .pc-reach__v{
  font-family:var(--gw-font-num);
  font-weight:700;
  font-size:clamp(1rem,2.6vw,1.55rem);
  line-height:1.35;
  color:var(--gw-ink);
  overflow-wrap:anywhere;
}
.page-contact .pc-copy{
  justify-self:start;
  padding:8px 14px;
  font-family:var(--gw-font-body);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--gw-score);
  background:var(--gw-ink);
  border:1px solid var(--gw-ink);
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
  transition:background .2s ease-out,border-color .2s ease-out;
}
.page-contact .pc-copy:hover{
  background:var(--gw-flame);
  border-color:var(--gw-flame);
}
.page-contact .pc-copy:focus-visible{
  outline:3px solid var(--gw-signal);
  outline-offset:2px;
}
.page-contact .pc-reach__note{
  margin:22px 0 0;
  padding-left:14px;
  border-left:3px solid var(--gw-flame);
  font-size:.88rem;
  line-height:1.8;
  color:var(--gw-ink-soft);
}
.page-contact .pc-reach__map{
  margin:0;
  padding:16px;
  background:var(--gw-score);
  border:1px solid var(--gw-brick);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--pc-cut-lg)),calc(100% - var(--pc-cut-lg)) 100%,0 100%);
}
.page-contact .pc-reach__map svg{
  display:block;
  width:100%;
  height:auto;
}
.page-contact .pc-reach__map figcaption{
  margin-top:12px;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--gw-line);
}

/* ---------- 尾部指引 ---------- */
.page-contact .pc-tail{
  border-top:1px solid var(--gw-brick);
  background:var(--gw-wall);
}
.page-contact .pc-tail__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.page-contact .pc-tail__text{
  margin:0;
  max-width:46em;
  font-size:.95rem;
  line-height:1.8;
  color:var(--gw-ink-soft);
}
.page-contact .pc-tail__links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-contact .pc-reach__row{
    grid-template-columns:110px minmax(0,1fr) auto;
    align-items:center;
  }
}
@media (min-width:820px){
  .page-contact .pc-cadence__list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    padding-top:clamp(20px,3vw,30px);
    border-top:1px solid var(--pc-soft);
  }
}
@media (min-width:900px){
  .page-contact .pc-router__body{
    grid-template-columns:minmax(210px,270px) minmax(0,1fr);
    gap:clamp(28px,3.4vw,52px);
  }
}
@media (min-width:960px){
  .page-contact .pc-reach__grid{
    grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);
    align-items:start;
  }
}
@media (max-width:899px){
  .page-contact .pc-flow{max-width:520px;}
}
@media (prefers-reduced-motion:reduce){
  .page-contact .pc-tab,
  .page-contact .pc-copy{transition:none;}
}