.page-contact{
  --pc-hair:rgba(245,243,234,.14);
  --pc-hair-volt:rgba(205,255,61,.32);
  --pc-shadow:0 24px 54px -34px rgba(0,0,0,.9);
  background:var(--ink-green);
  color:var(--warm-white);
  font-family:var(--font-body);
  overflow-x:clip;
}

/* ——— 首屏 ——— */
.page-contact .pc-hero{
  position:relative;
  padding:clamp(20px,4vw,40px) 0 0;
  background:
    radial-gradient(130% 70% at 50% -12%, rgba(205,255,61,.10), transparent 62%),
    repeating-linear-gradient(90deg, rgba(205,255,61,.045) 0 2px, transparent 2px 96px),
    var(--ink-green);
  border-bottom:1px solid var(--pc-hair);
}
.page-contact .pc-hero__title{
  margin:14px 0 18px;
  max-width:17em;
  letter-spacing:-.01em;
}
.page-contact .pc-hero__lede{
  max-width:34em;
  color:rgba(245,243,234,.82);
  margin:0 0 22px;
}
.page-contact .pc-hero__tags{
  gap:10px;
  padding-bottom:clamp(26px,4vw,46px);
}
.page-contact .pc-hero__figure{
  margin:0;
  border-top:1px solid var(--pc-hair-volt);
}
.page-contact .pc-hero__figure .media-frame__img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  filter:saturate(.85) brightness(.78);
}

/* ——— 通用小标题 ——— */
.page-contact .pc-head{
  display:grid;
  gap:10px;
  margin:6px 0 26px;
}
.page-contact .pc-head__note{
  max-width:38em;
  margin:0;
  color:rgba(245,243,234,.7);
  font-size:var(--fs-15);
  line-height:1.7;
}

/* ——— 三个入口卡片 ——— */
.page-contact .pc-channels{
  background:var(--ink-green);
}
.page-contact .pc-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.page-contact .pc-card{
  position:relative;
  padding:24px 20px 22px;
  border-top:4px solid var(--volt);
  box-shadow:var(--pc-shadow);
  display:grid;
  gap:10px;
  align-content:start;
}
.page-contact .pc-card__kicker{
  font-size:var(--fs-13);
  letter-spacing:.22em;
  color:var(--turf-deep);
  margin:0;
}
.page-contact .pc-card__title{
  margin:0;
  color:var(--charcoal);
}
.page-contact .pc-card__value{
  margin:0;
  font-size:clamp(1.15rem,3.4vw,1.5rem);
  font-weight:700;
  color:var(--charcoal);
  word-break:break-word;
  line-height:1.35;
  padding-bottom:12px;
  border-bottom:2px solid rgba(20,23,15,.14);
}
.page-contact .pc-card__value--addr{
  font-family:var(--font-body);
  font-size:var(--fs-18);
  font-weight:600;
}
.page-contact .pc-card__meta{
  margin:0;
  font-size:var(--fs-13);
  color:var(--turf-deep);
  line-height:1.6;
}
.page-contact .pc-card__list{
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:grid;
  gap:9px;
}
.page-contact .pc-card__list li{
  position:relative;
  padding-left:18px;
  font-size:var(--fs-15);
  line-height:1.65;
  color:rgba(20,23,15,.86);
}
.page-contact .pc-card__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:8px;
  height:8px;
  background:var(--turf);
}
@media (min-width:820px){
  .page-contact .pc-cards{
    grid-template-columns:repeat(3,1fr);
    gap:22px;
  }
  .page-contact .pc-card{
    padding:28px 24px 26px;
  }
}

/* ——— 反馈清单 ——— */
.page-contact .pc-check{
  background:
    linear-gradient(180deg, rgba(15,43,30,.9), rgba(10,31,22,.98));
  border-top:1px solid var(--pc-hair);
}
.page-contact .pc-check__grid{
  row-gap:30px;
}
.page-contact .pc-check__lede{
  max-width:34em;
  margin:0 0 26px;
  color:rgba(245,243,234,.78);
  font-size:var(--fs-18);
  line-height:1.75;
}
.page-contact .pc-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}
.page-contact .pc-steps__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:start;
  padding:16px 16px 16px 14px;
  border:1px solid var(--pc-hair);
  border-left:3px solid var(--turf);
  border-radius:var(--radius);
  background:rgba(18,52,36,.42);
}
.page-contact .pc-steps__num{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  background:var(--volt);
  color:var(--ink-green);
  font-weight:700;
  font-size:var(--fs-15);
  border-radius:2px;
}
.page-contact .pc-steps__title{
  margin:0 0 4px;
  font-size:var(--fs-18);
  font-weight:700;
  color:var(--warm-white);
}
.page-contact .pc-steps__text p{
  margin:0;
  font-size:var(--fs-15);
  line-height:1.7;
  color:rgba(245,243,234,.72);
}

.page-contact .pc-check__aside{
  display:grid;
  gap:20px;
  align-content:start;
}
.page-contact .pc-aside-card{
  padding:22px 20px;
  display:grid;
  gap:12px;
}
.page-contact .pc-aside-card h3{
  margin:0;
  color:var(--volt);
}
.page-contact .pc-aside-card p{
  margin:0;
  font-size:var(--fs-15);
  line-height:1.75;
  color:rgba(245,243,234,.8);
}
.page-contact .pc-aside-card__foot{
  padding-top:12px;
  border-top:1px dashed var(--pc-hair-volt);
  color:var(--volt-soft) !important;
  font-size:var(--fs-13) !important;
}
.page-contact .pc-timeline{
  margin:0;
  border:1px solid var(--pc-hair);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--night-pitch);
}
.page-contact .pc-timeline img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  aspect-ratio:12/7;
}
.page-contact .pc-timeline .figure-caption{
  padding:12px 16px 14px;
  border-top:1px solid var(--pc-hair);
}

/* ——— 订阅与账号（暖白呼吸段） ——— */
.page-contact .pc-subscribe{
  background:var(--warm-white);
  color:var(--charcoal);
}
.page-contact .pc-subscribe .section-flag__num{
  color:var(--turf-deep);
}
.page-contact .pc-subscribe .section-flag__rule{
  background:var(--turf);
}
.page-contact .pc-subscribe__title{
  color:var(--charcoal);
  margin:4px 0 26px;
  max-width:20em;
}
.page-contact .pc-subscribe__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.page-contact .pc-sub-item{
  padding:20px 0 20px 18px;
  border-left:3px solid var(--turf);
  display:grid;
  gap:8px;
  align-content:start;
}
.page-contact .pc-sub-item h3{
  margin:0;
  color:var(--charcoal);
}
.page-contact .pc-sub-item p{
  margin:0;
  font-size:var(--fs-15);
  line-height:1.75;
  color:rgba(20,23,15,.78);
}
.page-contact .pc-sub-item__links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin-top:4px !important;
}
.page-contact .pc-inline-link{
  color:var(--turf-deep);
  font-weight:700;
  text-decoration:none;
  border-bottom:2px solid var(--turf);
  padding-bottom:2px;
}
.page-contact .pc-inline-link:hover,
.page-contact .pc-inline-link:focus-visible{
  color:var(--charcoal);
  border-bottom-color:var(--amber);
}
@media (min-width:760px){
  .page-contact .pc-subscribe__grid{
    grid-template-columns:repeat(2,1fr);
    gap:26px 38px;
  }
}

/* ——— 合作与观察员 ——— */
.page-contact .pc-coop{
  background:
    radial-gradient(90% 60% at 12% 0%, rgba(30,107,67,.35), transparent 70%),
    var(--night-pitch);
  border-top:1px solid var(--pc-hair);
  border-bottom:1px solid var(--pc-hair);
}
.page-contact .pc-coop__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.page-contact .pc-coop__card{
  padding:24px 20px;
  display:grid;
  gap:14px;
  align-content:start;
}
.page-contact .pc-coop__card h3{
  margin:0;
  color:var(--volt);
}
.page-contact .pc-coop__card > p{
  margin:0;
  font-size:var(--fs-15);
  line-height:1.75;
  color:rgba(245,243,234,.78);
}
.page-contact .pc-coop__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:11px;
}
.page-contact .pc-coop__list li{
  position:relative;
  padding-left:20px;
  font-size:var(--fs-15);
  line-height:1.7;
  color:rgba(245,243,234,.84);
}
.page-contact .pc-coop__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:9px;
  height:3px;
  background:var(--volt);
}
.page-contact .pc-coop__list--num li::before{
  width:3px;
  height:16px;
  top:.28em;
  background:var(--amber);
}
.page-contact .pc-coop__list--num .mono{
  color:var(--volt-soft);
  margin-right:6px;
}
.page-contact .pc-coop__note{
  font-size:var(--fs-13) !important;
  color:var(--slate) !important;
  padding-top:10px;
  border-top:1px dashed var(--pc-hair);
}
.page-contact .pc-coop__links{
  margin:0;
}
@media (min-width:860px){
  .page-contact .pc-coop__grid{
    grid-template-columns:repeat(2,1fr);
    gap:24px;
  }
}

/* ——— 收尾与备案 ——— */
.page-contact .pc-tail{
  background:var(--ink-green);
}
.page-contact .pc-tail__title{
  margin:0 0 18px;
  color:rgba(245,243,234,.9);
}
.page-contact .pc-return{
  gap:14px;
  margin-bottom:32px;
}
.page-contact .pc-record{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 28px;
  padding:18px clamp(16px,4vw,30px);
  border:1px solid var(--pc-hair-volt);
  border-radius:var(--radius);
  background:linear-gradient(90deg, rgba(205,255,61,.09), rgba(205,255,61,0) 70%);
}
.page-contact .pc-record p{
  margin:0;
  font-size:var(--fs-13);
}
.page-contact .pc-record__icp .mono{
  color:var(--volt);
  font-weight:700;
  letter-spacing:.04em;
}
.page-contact .pc-record__region{
  color:rgba(245,243,234,.7);
}

/* ——— 焦点可见性 ——— */
.page-contact a:focus-visible,
.page-contact .btn:focus-visible{
  outline:2px solid var(--volt);
  outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
  .page-contact *{
    animation:none !important;
    transition:none !important;
  }
}
</main>