.page-contact {
  --pc-soft: rgba(155, 183, 196, 0.94);
  --pc-edge: rgba(50, 242, 208, 0.18);
  --pc-edge-strong: rgba(50, 242, 208, 0.42);
  --pc-edge-ink: rgba(28, 23, 20, 0.16);
  --pc-card: rgba(14, 59, 92, 0.62);
  --pc-gap: clamp(1.5rem, 3.6vw, 2.75rem);
  --pc-pad: clamp(1.1rem, 2.6vw, 1.75rem);
  background:
    radial-gradient(1100px 560px at 92% -10%, rgba(14, 59, 92, 0.95), rgba(7, 38, 63, 0) 62%),
    var(--ly-deep);
  color: var(--ly-cream);
  font-family: var(--ly-font-body);
  overflow-x: hidden;
}

.page-contact h2 {
  font-family: var(--ly-font-display);
  font-size: clamp(1.5rem, 3.8vw, 2.35rem);
  line-height: 1.18;
  letter-spacing: 0.01em;
  margin: 0 0 0.7rem;
  text-wrap: balance;
}

.page-contact h3 {
  font-family: var(--ly-font-body);
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.4;
  margin: 0 0 0.45rem;
}

.page-contact p {
  margin: 0 0 0.85rem;
  line-height: 1.78;
}

.page-contact p:last-child {
  margin-bottom: 0;
}

/* ---------- 首屏 ---------- */
.page-contact .pc-hero {
  padding-block: clamp(1rem, 2.4vw, 1.75rem) clamp(2.5rem, 6vw, 4.5rem);
}

.page-contact .pc-hero__crumb {
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

.page-contact .pc-hero__crumb .breadcrumb__link {
  color: var(--pc-soft);
}

.page-contact .pc-hero__crumb .breadcrumb__current {
  color: var(--ly-cream);
}

.page-contact .pc-kicker {
  font-family: var(--ly-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ly-mint);
  margin: 0 0 0.7rem;
}

.page-contact .pc-hero__lead h1 {
  font-family: var(--ly-font-display);
  font-size: clamp(1.8rem, 5.4vw, 3.05rem);
  line-height: 1.16;
  letter-spacing: 0.01em;
  margin: 0 0 1rem;
  text-wrap: balance;
}

.page-contact .pc-hero__lead .lede {
  color: rgba(244, 235, 221, 0.88);
  max-width: 44rem;
}

.page-contact .pc-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.4rem;
}

.page-contact .pc-hero__hint {
  margin-top: 1.1rem;
  font-size: 0.86rem;
  color: var(--pc-soft);
  border-left: 2px solid var(--ly-hairline-strong);
  padding-left: 0.8rem;
}

.page-contact .pc-hero__grid {
  display: grid;
  gap: var(--pc-gap);
  grid-template-columns: 1fr;
}

/* ---------- 联络席侧栏 ---------- */
.page-contact .pc-side {
  border: 1px solid var(--pc-edge);
  border-radius: var(--ly-radius);
  background: var(--pc-card);
  box-shadow: 0 22px 48px -38px rgba(0, 0, 0, 0.95);
  overflow: hidden;
}

.page-contact .pc-clock {
  padding: var(--pc-pad);
  border-bottom: 1px solid var(--pc-edge);
  background: linear-gradient(160deg, rgba(50, 242, 208, 0.09), rgba(50, 242, 208, 0) 64%);
}

.page-contact .pc-clock__label {
  font-family: var(--ly-font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pc-soft);
  margin: 0 0 0.4rem;
}

.page-contact .pc-clock__num {
  font-family: var(--ly-font-mono);
  font-weight: 700;
  font-size: clamp(3.4rem, 13vw, 5.2rem);
  line-height: 0.84;
  letter-spacing: -0.03em;
  color: var(--ly-coral);
  margin: 0 0 0.55rem;
}

.page-contact .pc-clock__num span {
  font-size: 0.85rem;
  letter-spacing: 0.14em;
  color: var(--ly-cream);
  margin-left: 0.5rem;
  vertical-align: baseline;
}

.page-contact .pc-clock__meta {
  font-size: 0.82rem;
  color: var(--pc-soft);
  margin: 0;
}

.page-contact .pc-side__list {
  list-style: none;
  margin: 0;
  padding: var(--pc-pad);
  display: grid;
  gap: 0.85rem;
}

.page-contact .pc-side__row {
  display: grid;
  gap: 0.2rem;
}

.page-contact .pc-side__k {
  font-family: var(--ly-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ly-mist);
}

.page-contact .pc-side__v {
  font-family: var(--ly-font-mono);
  font-size: 0.95rem;
  color: var(--ly-cream);
  word-break: break-word;
}

.page-contact .pc-side__v--addr {
  font-family: var(--ly-font-body);
  font-size: 0.88rem;
  line-height: 1.6;
  color: rgba(244, 235, 221, 0.86);
}

/* ---------- 图片 ---------- */
.page-contact .pc-figure {
  margin: 0;
  position: relative;
}

.page-contact .pc-figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.04);
}

.page-contact .pc-figure--hero img {
  aspect-ratio: 3 / 2;
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-figure__cap {
  font-size: 0.78rem;
  line-height: 1.6;
  color: rgba(28, 23, 20, 0.66);
  padding: 0.6rem 0 0;
  font-family: var(--ly-font-mono);
}

/* ---------- 区块外壳 ---------- */
.page-contact .pc-section {
  padding-block: clamp(2.75rem, 6.5vw, 5rem);
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-section--navy {
  background: var(--ly-navy);
}

.page-contact .pc-section--cream {
  background: var(--ly-cream);
  color: var(--ly-ink);
  --pc-edge: var(--pc-edge-ink);
  border-top-color: var(--pc-edge-ink);
}

.page-contact .pc-section--cream .pc-kicker {
  color: var(--ly-ink-link);
}

.page-contact .pc-section--cream .pc-head__text {
  color: rgba(28, 23, 20, 0.76);
}

.page-contact .pc-head {
  max-width: 46rem;
  margin-bottom: clamp(1.5rem, 3.5vw, 2.5rem);
}

.page-contact .pc-head__text {
  font-size: 0.97rem;
  color: var(--pc-soft);
  margin: 0;
}

/* ---------- 反馈类别切换 ---------- */
.page-contact .pc-tabs {
  margin-top: 0.5rem;
}

.page-contact .pc-tabs__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.page-contact .pc-tabs__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.page-contact .pc-tabs__chip {
  display: inline-block;
  padding: 0.52rem 0.9rem;
  border: 1px solid var(--pc-edge);
  border-radius: var(--ly-radius);
  font-size: 0.9rem;
  color: rgba(244, 235, 221, 0.72);
  cursor: pointer;
  transition: color 0.2s var(--ly-ease), border-color 0.2s var(--ly-ease), background-color 0.2s var(--ly-ease);
}

.page-contact .pc-tabs__chip:hover {
  color: var(--ly-mint);
  border-color: var(--pc-edge-strong);
}

.page-contact .pc-tabs__panels {
  margin-top: 1.35rem;
  border-top: 1px solid var(--pc-edge);
  padding-top: 1.35rem;
  min-height: 9.5rem;
}

.page-contact .pc-tabs__panel {
  display: none;
  border-left: 2px solid var(--ly-mint);
  padding-left: 1rem;
}

.page-contact .pc-tabs__panel-k {
  font-family: var(--ly-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ly-mint);
  margin: 0 0 0.5rem;
}

.page-contact .pc-tabs__panel-t {
  font-size: 0.97rem;
  color: rgba(244, 235, 221, 0.9);
  max-width: 42rem;
}

.page-contact .pc-tabs__bring {
  font-family: var(--ly-font-mono);
  font-size: 0.8rem;
  line-height: 1.7;
  color: var(--ly-amber);
  margin: 0.85rem 0 0;
}

.page-contact #pc-type-1:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-1"],
.page-contact #pc-type-2:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-2"],
.page-contact #pc-type-3:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-3"],
.page-contact #pc-type-4:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-4"],
.page-contact #pc-type-5:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-5"],
.page-contact #pc-type-6:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-6"] {
  color: var(--ly-deep);
  background: var(--ly-mint);
  border-color: var(--ly-mint);
}

.page-contact #pc-type-1:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(1),
.page-contact #pc-type-2:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(2),
.page-contact #pc-type-3:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(3),
.page-contact #pc-type-4:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(4),
.page-contact #pc-type-5:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(5),
.page-contact #pc-type-6:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(6) {
  display: block;
}

.page-contact .pc-tabs__radio:focus-visible ~ .pc-tabs__chips {
  outline: 2px solid var(--ly-mint);
  outline-offset: 6px;
}

/* ---------- 处理流程 ---------- */
.page-contact .pc-flow {
  display: grid;
  gap: var(--pc-gap);
  grid-template-columns: 1fr;
}

.page-contact .pc-flow__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--pc-edge-ink);
}

.page-contact .pc-step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem 1.1rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--pc-edge-ink);
}

.page-contact .pc-step__no {
  font-family: var(--ly-font-mono);
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 1;
  color: var(--ly-coral);
  letter-spacing: -0.02em;
}

.page-contact .pc-step__title {
  margin: 0 0 0.3rem;
  font-size: 1.02rem;
}

.page-contact .pc-step__text {
  font-size: 0.94rem;
  color: rgba(28, 23, 20, 0.78);
  margin: 0;
}

.page-contact .pc-flow__fig img {
  aspect-ratio: 10 / 7;
  border: 1px solid var(--pc-edge-ink);
  border-radius: var(--ly-radius);
}

/* ---------- 反馈之后 ---------- */
.page-contact .pc-after {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-after__row {
  display: grid;
  gap: 0.5rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--pc-edge);
  border-left: 2px solid var(--ly-coral);
  padding-left: 1rem;
}

.page-contact .pc-after__tag {
  font-family: var(--ly-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ly-coral);
}

.page-contact .pc-after__text {
  font-size: 0.96rem;
  color: rgba(244, 235, 221, 0.86);
  max-width: 46rem;
}

/* ---------- 提交示例 ---------- */
.page-contact .pc-examples {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

.page-contact .pc-example {
  border: 1px solid var(--pc-edge);
  border-radius: var(--ly-radius);
  background: rgba(7, 38, 63, 0.45);
  padding: var(--pc-pad);
  box-shadow: 0 16px 36px -34px rgba(0, 0, 0, 0.95);
}

.page-contact .pc-example__scene {
  font-family: var(--ly-font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ly-mint);
  margin: 0 0 0.75rem;
}

.page-contact .pc-example__body {
  font-family: var(--ly-font-mono);
  font-size: 0.88rem;
  line-height: 1.85;
  color: rgba(244, 235, 221, 0.92);
  border-left: 2px solid var(--pc-edge-strong);
  padding-left: 0.85rem;
  margin: 0 0 0.8rem;
}

.page-contact .pc-example__why {
  font-size: 0.85rem;
  color: var(--pc-soft);
  margin: 0;
}

/* ---------- 联系方式 ---------- */
.page-contact .pc-reach {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

.page-contact .pc-reach__item {
  border: 1px solid var(--pc-edge-ink);
  border-radius: var(--ly-radius);
  background: rgba(255, 255, 255, 0.42);
  padding: var(--pc-pad);
  box-shadow: 0 14px 30px -30px rgba(28, 23, 20, 0.6);
}

.page-contact .pc-reach__label {
  font-family: var(--ly-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(28, 23, 20, 0.56);
  margin: 0 0 0.4rem;
}

.page-contact .pc-reach__value {
  font-family: var(--ly-font-mono);
  font-size: clamp(1rem, 2.6vw, 1.22rem);
  line-height: 1.4;
  color: var(--ly-ink);
  word-break: break-word;
  margin: 0 0 0.45rem;
}

.page-contact .pc-reach__value--tel {
  font-size: clamp(1.35rem, 4vw, 1.75rem);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.page-contact .pc-reach__value--addr {
  font-family: var(--ly-font-body);
  font-size: 0.95rem;
  line-height: 1.65;
}

.page-contact .pc-reach__meta {
  font-size: 0.82rem;
  line-height: 1.6;
  color: rgba(28, 23, 20, 0.66);
  margin: 0;
}

.page-contact .pc-reach__note {
  margin-top: 1.5rem;
  border-top: 1px solid var(--pc-edge-ink);
  padding-top: 1.1rem;
  font-size: 0.88rem;
  line-height: 1.8;
  color: rgba(28, 23, 20, 0.74);
  max-width: 48rem;
}

/* ---------- 合作方向 ---------- */
.page-contact .pc-partners {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-partner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem 1.15rem;
  padding: 1.35rem 0;
  border-bottom: 1px solid var(--pc-edge);
}

.page-contact .pc-partner__no {
  font-family: var(--ly-font-display);
  font-size: 1.55rem;
  line-height: 1;
  font-weight: 700;
  color: var(--ly-mint);
  letter-spacing: 0.02em;
}

.page-contact .pc-partner__title {
  margin: 0 0 0.4rem;
}

.page-contact .pc-partner__text {
  font-size: 0.95rem;
  color: rgba(244, 235, 221, 0.86);
  max-width: 44rem;
  margin: 0 0 0.55rem;
}

.page-contact .pc-partner__fit {
  font-family: var(--ly-font-mono);
  font-size: 0.78rem;
  line-height: 1.7;
  color: var(--ly-amber);
  margin: 0;
}

/* ---------- 收尾 ---------- */
.page-contact .pc-outro h2 {
  max-width: 32rem;
}

.page-contact .pc-outro__text {
  color: var(--pc-soft);
  font-size: 0.95rem;
  max-width: 40rem;
}

.page-contact .pc-outro__links {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-outro__links li {
  border-bottom: 1px solid var(--pc-edge);
}

.page-contact .pc-outro__links a {
  display: block;
  padding: 0.9rem 0 0.9rem 1.1rem;
  color: var(--ly-cream);
  text-decoration: none;
  font-size: 0.95rem;
  border-left: 2px solid transparent;
  transition: color 0.2s var(--ly-ease), border-color 0.2s var(--ly-ease), background-color 0.2s var(--ly-ease);
}

.page-contact .pc-outro__links a:hover,
.page-contact .pc-outro__links a:focus-visible {
  color: var(--ly-mint);
  border-left-color: var(--ly-mint);
  background: rgba(50, 242, 208, 0.06);
}

/* ---------- 响应式 ---------- */
@media (min-width: 620px) {
  .page-contact .pc-after__row {
    grid-template-columns: 8.5rem 1fr;
    align-items: baseline;
    gap: 1.25rem;
  }

  .page-contact .pc-reach {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-contact .pc-reach__item--wide {
    grid-column: 1 / -1;
  }

  .page-contact .pc-examples {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-contact .pc-examples .pc-example:first-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) {
  .page-contact .pc-hero__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: start;
    gap: clamp(2rem, 4vw, 3.5rem);
  }

  .page-contact .pc-flo w {
    grid-template-columns: 1fr;
  }

  .page-contact .pc-flow {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: start;
    gap: clamp(2rem, 4vw, 3.25rem);
  }

  .page-contact .pc-partner {
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 1.5rem;
    padding: 1.6rem 0;
  }

  .page-contact .pc-partner__no {
    font-size: 2rem;
  }

  .page-contact .pc-after__row {
    grid-template-columns: 10rem 1fr;
    padding: 1.5rem 0 1.5rem 1.25rem;
  }

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

  .page-contact .pc-examples .pc-example:first-child {
    grid-column: auto;
  }

  .page-contact .pc-tabs__panels {
    min-height: 8.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-contact .pc-tabs__chip,
  .page-contact .pc-outro__links a {
    transition: none;
  }
}
<<<END>>>

等等，我在 CSS 里不小心写了一行 `.page-contact .pc-flo w { ... }` —— 这是个拼写错误，会变成一个无效/多余规则。需要删掉。重写那一段。

修正：在 @media (min-width:900px) 中删除 `.page-contact .pc-flo w { grid-template-columns: 1fr; }` 这一行。其余保留。

我重新输出完整 CSS 的最后部分（媒体查询），确保没有这个错误。

由于必须输出完整答案，我重发整个 PAGE_CSS 段落。抱歉，我重新组织最终输出。
<main id="main-content" class="page-contact">
  <section class="pc-hero">
    <div class="container">
      <nav class="breadcrumb pc-hero__crumb" aria-label="面包屑导航">
        <ol class="breadcrumb__list">
          <li class="breadcrumb__item"><a class="breadcrumb__link" href="/">赛场首页</a></li>
          <li class="breadcrumb__item"><span class="breadcrumb__current">咨询通道</span></li>
        </ol>
      </nav>

      <div class="pc-hero__grid">
        <div class="pc-hero__lead">
          <p class="pc-kicker">联络席 · 随时开局</p>
          <h1>比分记岔了、统计看着不对，或者想谈合作，都从这里开口</h1>
          <p class="lede">乐鱼赛场的联络席工作日 9:00–18:00 有人值守，平均 4 小时给你第一次回应。把联赛、场次、问题类型和截图备齐，剩下的查找与复核交给值班编辑，你只管把看到的对不上的地方讲明白。</p>
          <div class="pc-hero__actions">
            <a class="btn btn--primary" href="#pc-types">看看该报哪一类</a>
            <a class="btn btn--ghost" href="#pc-flow">反馈怎么走</a>
          </div>
          <p class="pc-hero__hint">六类常见问题覆盖了绝大多数来信：比分纠错、事件时间轴、射门统计、赛程变更、下载安装、栏目建议。</p>
        </div>

        <aside class="pc-side" aria-label="联络席快速信息">
          <div class="pc-clock">
            <p class="pc-clock__label">平均首次响应</p>
            <p class="pc-clock__num">4<span>小时</span></p>
            <p class="pc-clock__meta">工作日 9:00–18:00 专人值班</p>
          </div>
          <ul class="pc-side__list">
            <li class="pc-side__row">
              <span class="pc-side__k">客服邮箱</span>
              <span class="pc-side__v">email@goal-leyu-app.com.cn</span>
            </li>
            <li class="pc-side__row">
              <span class="pc-side__k">客服电话</span>
              <span class="pc-side__v">15991365995</span>
            </li>
            <li class="pc-side__row">
              <span class="pc-side__k">联系地址</span>
              <span class="pc-side__v pc-side__v--addr">北京市朝阳区望京街9号望京国际商业中心C座12层</span>
            </li>
          </ul>
          <figure class="pc-figure pc-figure--hero">
            <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" alt="联络席耳机与多屏赛事数据画面的局部场景，无清晰人脸">
          </figure>
        </aside>
      </div>
    </div>
  </section>

  <section class="pc-section pc-section--navy" id="pc-types">
    <div class="container">
      <header class="pc-head">
        <p class="pc-kicker">01 / 选对入口</p>
        <h2>把问题说到点上，一条消息就能找到那一场</h2>
        <p class="pc-head__text">赛事数据的问题表面上长得差不多，落到具体类别上，编辑才知道该翻比分卡、时间轴还是安装包。点一下下面的标签，看看这一类要带什么。</p>
      </header>

      <div class="pc-tabs">
        <input class="pc-tabs__radio" type="radio" name="pc-feedback-type" id="pc-type-1" checked>
        <input class="pc-tabs__radio" type="radio" name="pc-feedback-type" id="pc-type-2">
        <input class="pc-tabs__radio" type="radio" name="pc-feedback-type" id="pc-type-3">
        <input class="pc-tabs__radio" type="radio" name="pc-feedback-type" id="pc-type-4">
        <input class="pc-tabs__radio" type="radio" name="pc-feedback-type" id="pc-type-5">
        <input class="pc-tabs__radio" type="radio" name="pc-feedback-type" id="pc-type-6">

        <div class="pc-tabs__chips" role="group" aria-label="反馈类别">
          <label class="pc-tabs__chip" for="pc-type-1">比分纠错</label>
          <label class="pc-tabs__chip" for="pc-type-2">事件时间轴</label>
          <label class="pc-tabs__chip" for="pc-type-3">射门统计</label>
          <label class="pc-tabs__chip" for="pc-type-4">赛程变更</label>
          <label class="pc-tabs__chip" for="pc-type-5">下载安装</label>
          <label class="pc-tabs__chip" for="pc-type-6">栏目建议</label>
        </div>

        <div class="pc-tabs__panels">
          <div class="pc-tabs__panel">
            <p class="pc-tabs__panel-k">比分纠错</p>
            <p class="pc-tabs__panel-t">终场比分记反了、红黄牌记到了别人头上、补时阶段的进球被漏掉。这类问题改起来最快，也最需要你指出是哪一分钟。</p>
            <p class="pc-tabs__bring">带上：联赛名 · 对阵双方与开球时间 · 你看到的画面截图</p>
          </div>
          <div class="pc-tabs__panel">
            <p class="pc-tabs__panel-k">事件时间轴</p>
            <p class="pc-tabs__panel-t">进球、换人、红牌的分钟数与转播计时对不上，或者事件的先后顺序排错了。指出第几分钟，编辑顺着时间轴就能翻到那一条。</p>
            <p class="pc-tabs__bring">带上：联赛名 · 对阵双方 · 出问题的分钟数 · 截图</p>
          </div>
          <div class="pc-tabs__panel">
            <p class="pc-tabs__panel-k">射门统计</p>
            <p class="pc-tabs__panel-t">射正、射偏、被封堵的次数与你在画面里数到的对不上。射门统计在赛后 10 分钟内更新，刚结束的比赛稍等一会儿再看更稳妥。</p>
            <p class="pc-tabs__bring">带上：联赛名 · 对阵双方 · 射门发生的分钟 · 对应截图</p>
          </div>
          <div class="pc-tabs__panel">
            <p class="pc-tabs__panel-k">赛程变更</p>
            <p class="pc-tabs__panel-t">开球时间或场地临时调整后，赛程中心还挂着旧的信息。赛程中心提前 7 天展示滚动赛程，改期消息有时走得比官方公告慢一步。</p>
            <p class="pc-tabs__bring">带上：联赛名 · 原定时间 · 变更后的时间与场地 · 消息来源</p>
          </div>
          <div class="pc-tabs__panel">
            <p class="pc-tabs__panel-k">下载安装</p>
            <p class="pc-tabs__panel-t">中文版在 iOS、Android 或网页版装不上、打不开、进去了但比分不刷新。Android 安装包约 42MB，iOS 约 68MB，先确认下载完整再判断。</p>
            <p class="pc-tabs__bring">带上：机型与系统版本 · 安装包大小 · 出错时的屏幕截图</p>
          </div>
          <div class="pc-tabs__panel">
            <p class="pc-tabs__panel-k">栏目建议</p>
            <p class="pc-tabs__panel-t">想加的联赛分栏、想看的对比维度、想改的阅读顺序。现在的进失球分布按 15 分钟时段、射门区域、进攻方向三个维度展开，也欢迎你继续提。</p>
            <p class="pc-tabs__bring">带上：你常看的联赛 · 想要的呈现方式 · 一句话说明用途</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="pc-section pc-section--cream" id="pc-flow">
    <div class="container">
      <header class="pc-head">
        <p class="pc-kicker">02 / 从提交到落定</p>
        <h2>四步走完，问题不会停在半路</h2>
        <p class="pc-head__text">每条反馈都经过同样的四个动作：提交、查找、复核、回复或更正。工作日 9:00–18:00 有专人值班，平均 4 小时你会收到第一封回信。</p>
      </header>

      <div class="pc-flow">
        <ol class="pc-flow__list">
          <li class="pc-step">
            <span class="pc-step__no">01</span>
            <div class="pc-step__body">
              <h3 class="pc-step__title">提交</h3>
              <p class="pc-step__text">通过客服邮箱、客服电话或中文版应用内的反馈表单发来，写清联赛与对阵，附上截图。</p>
            </div>
          </li>
          <li class="pc-step">
            <span class="pc-step__no">02</span>
            <div class="pc-step__body">
              <h3 class="pc-step__title">找到那一场</h3>
              <p class="pc-step__text">值班编辑按联赛分栏调出比分卡与事件时间轴，先确认你说的是哪一场、哪一分钟，再看具体那一条。</p>
            </div>
          </li>
          <li class="pc-step">
            <span class="pc-step__no">03</span>
            <div class="pc-step__body">
              <h3 class="pc-step__title">复核</h3>
              <p class="pc-step__text">数据采用双人复核，赛前、赛中、赛后三段时间轴分别校验；射门统计对着画面一条条过。</p>
            </div>
          </li>
          <li class="pc-step">
            <span class="pc-step__no">04</span>
            <div class="pc-step__body">
              <h3 class="pc-step__title">回复或更正</h3>
              <p class="pc-step__text">确认有误就改，改动落在对应的比分卡上并留下更正说明；如果是理解不同，回信里会写清我们怎么数。</p>
            </div>
          </li>
        </ol>

        <figure class="pc-figure pc-figure--flow">
          <img src="{zhanqunpic:h:700w:1000}" width="1000" height="700" alt="提交、查找、复核、回复或更正四步流程示意图" loading="lazy" decoding="async">
          <figcaption class="pc-figure__cap">从一封来信到比分卡更新，四个动作串成一条线。</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <section class="pc-section">
    <div class="container">
      <header class="pc-head">
        <p class="pc-kicker">03 / 你会拿到什么</p>
        <h2>反馈之后，手里会多三样东西</h2>
        <p class="pc-head__text">不少人担心发出去就没下文。实情是，一封写清楚的来信通常会带回下面三样里的至少一样。</p>
      </header>

      <ul class="pc-after">
        <li class="pc-after__row">
          <span class="pc-after__tag">回信</span>
          <p class="pc-after__text">说明这条反馈被归到哪一类、查到了什么、是不是已经改好。回信会带着你原始的文字，接着聊就行。</p>
        </li>
        <li class="pc-after__row">
          <span class="pc-after__tag">更正记录</span>
          <p class="pc-after__text">比分、时间轴或射门统计有改动，会同步到那一场的比分卡，并在当轮的更正记录里留下改写说明，别人再看到的是改过的版本。</p>
        </li>
        <li class="pc-after__row">
          <span class="pc-after__tag">专题跟进</span>
          <p class="pc-after__text">同一类疑问在多个联赛反复出现时，会被写成“门线十厘米”“射门地图”这类专题，把判断过程摊开讲，后来的球迷不必再问一遍。</p>
        </li>
      </ul>
    </div>
  </section>

  <section class="pc-section pc-section--navy">
    <div class="container">
      <header class="pc-head">
        <p class="pc-kicker">04 / 照着写就行</p>
        <h2>三个常见场景，这样写最省一轮来回</h2>
        <p class="pc-head__text">同一件事，写得清楚和写得含糊，处理速度能差上一两天。下面三段可以直接参照，换成你自己那场就行。</p>
      </header>

      <div class="pc-examples">
        <article class="pc-example">
          <p class="pc-example__scene">比分纠错 · 联赛 + 对阵 + 分钟</p>
          <p class="pc-example__body">“英超，上轮，阿森纳 vs 布莱顿，23:00 开球。第 67 分钟的黄牌记到了客队 6 号，转播画面里领牌的是主队 4 号。截图见第 2 张。”</p>
          <p class="pc-example__why">联赛、对阵、分钟、人名四项齐了，编辑不用再回头问第二轮。</p>
        </article>

        <article class="pc-example">
          <p class="pc-example__scene">射门统计 · 次数差异 + 几个时间点</p>
          <p class="pc-example__body">“欧冠小组赛，客队全场射正显示 5 次，我数到至少 7 次打在门框范围内。第 23、41、58 分钟各有一次，截图按顺序附在后面。”</p>
          <p class="pc-example__why">给出分钟点，编辑可以对着画面一条条看，比只说“次数不对”快得多。</p>
        </article>

        <article class="pc-example">
          <p class="pc-example__scene">下载安装 · 机型 + 版本 + 卡在哪一步</p>
          <p class="pc-example__body">“Android 13 机型，装的是 42MB 那个安装包，进度走完后停在验证环节，重试两次一样。系统版本和提示截图在附件。”</p>
          <p class="pc-example__why">机型与系统版本决定排查方向，卡住的画面能直接指出是哪一步。</p>
        </article>
      </div>
    </div>
  </section>

  <section class="pc-section pc-section--cream" id="pc-reach">
    <div class="container">
      <header class="pc-head">
        <p class="pc-kicker">05 / 联络席</p>
        <h2>找得到人，也说得上话</h2>
        <p class="pc-head__text">邮箱适合带截图的长说明，电话适合三两句讲不清的急事。中文版应用内的反馈表单能自动带上机型与版本，省去你自己敲。</p>
      </header>

      <div class="pc-reach">
        <div class="pc-reach__item">
          <p class="pc-reach__label">客服邮箱</p>
          <p class="pc-reach__value pc-reach__value--mail">email@goal-leyu-app.com.cn</p>
          <p class="pc-reach__meta">工作日 9:00–18:00 内回复</p>
        </div>
        <div class="pc-reach__item">
          <p class="pc-reach__label">客服电话</p>
          <p class="pc-reach__value pc-reach__value--tel">15991365995</p>
          <p class="pc-reach__meta">赛事数据问题可直接口述，事后补截图</p>
        </div>
        <div class="pc-reach__item pc-reach__item--wide">
          <p class="pc-reach__label">联系地址</p>
          <p class="pc-reach__value pc-reach__value--addr">北京市朝阳区望京街9号望京国际商业中心C座12层</p>
          <p class="pc-reach__meta">寄送纸质材料前，建议先用邮箱确认收件信息</p>
        </div>
      </div>

      <p class="pc-reach__note">赛事数据相关反馈请附截图与联赛名称，编辑能顺着联赛分栏直接翻到那一场；应用内提交会自动带上机型与版本，比口头描述省事。</p>
    </div>
  </section>

  <section class="pc-section" id="pc-partner">
    <div class="container">
      <header class="pc-head">
        <p class="pc-kicker">06 / 一起做内容</p>
        <h2>三条合作路线，各有各的接法</h2>
        <p class="pc-head__text">除了纠错，咨询通道也接合作。三条路线面向的对象不同，先说清你是哪一种，聊起来会快很多。</p>
      </header>

      <ol class="pc-partners">
        <li class="pc-partner">
          <span class="pc-partner__no">01</span>
          <div class="pc-partner__body">
            <h3 class="pc-partner__title">区域体育媒体内容合作</h3>
            <p class="pc-partner__text">已与 12 家区域体育媒体建立内容合作：赛后快讯同步、数据图表授权使用、联合选题。你有自己的发布渠道，缺的是稳定的赛事内容与图表支撑，这条路线最合适。</p>
            <p class="pc-partner__fit">聊之前可以先说：渠道类型、覆盖联赛、每周需要的稿件量</p>
          </div>
        </li>
        <li class="pc-partner">
          <span class="pc-partner__no">02</span>
          <div class="pc-partner__body">
            <h3 class="pc-partner__title">内容创作者比分卡嵌入</h3>
            <p class="pc-partner__text">30 余个内容创作者在使用比分卡组件，把比分、事件时间轴和射门摘要嵌进图文里。这套组件在战报页、数据反馈页和专题列表里长得一样，读者不会因为换页面而重新适应。</p>
            <p class="pc-partner__fit">聊之前可以先说：发布平台、内容类型、想嵌哪几类数据</p>
          </div>
        </li>
        <li class="pc-partner">
          <span class="pc-partner__no">03</span>
          <div class="pc-partner__body">
            <h3 class="pc-partner__title">赛事数据观察约稿</h3>
            <p class="pc-partner__text">“门线十厘米”“射门地图”“换人之后”“赛程密度观察”四个常设专题长期接受约稿。你能看数据、也能把门道写成球迷读得下去的话，就带着选题来。</p>
            <p class="pc-partner__fit">聊之前可以先说：想写的联赛、用的数据维度、大概篇幅</p>
          </div>
        </li>
      </ol>
    </div>
  </section>

  <section class="pc-section pc-section--navy pc-outro">
    <div class="container">
      <h2>还没想好从哪问起？先去这几处看看</h2>
      <p class="pc-outro__text">很多问题在前面几页已经有了答案，翻一遍能省一次来回。</p>
      <ul class="pc-outro__links">
        <li><a href="/answers/">答疑中心：下载安装、射门统计更新时间与比分纠错</a></li>
        <li><a href="/topics/">赛事专栏：战报与进失球分布观察</a></li>
        <li><a href="/services/">赛事服务与下载：赛程中心与比分卡组件</a></li>
        <li><a href="/data-privacy/">数据与隐私：反馈信息怎么用</a></li>
      </ul>
    </div>
  </section>
</main>

.page-contact {
  --pc-soft: rgba(155, 183, 196, 0.94);
  --pc-edge: rgba(50, 242, 208, 0.18);
  --pc-edge-strong: rgba(50, 242, 208, 0.42);
  --pc-edge-ink: rgba(28, 23, 20, 0.16);
  --pc-card: rgba(14, 59, 92, 0.62);
  --pc-gap: clamp(1.5rem, 3.6vw, 2.75rem);
  --pc-pad: clamp(1.1rem, 2.6vw, 1.75rem);
  background:
    radial-gradient(1100px 560px at 92% -10%, rgba(14, 59, 92, 0.95), rgba(7, 38, 63, 0) 62%),
    var(--ly-deep);
  color: var(--ly-cream);
  font-family: var(--ly-font-body);
  overflow-x: hidden;
}

.page-contact h2 {
  font-family: var(--ly-font-display);
  font-size: clamp(1.5rem, 3.8vw, 2.35rem);
  line-height: 1.18;
  letter-spacing: 0.01em;
  margin: 0 0 0.7rem;
  text-wrap: balance;
}

.page-contact h3 {
  font-family: var(--ly-font-body);
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.4;
  margin: 0 0 0.45rem;
}

.page-contact p {
  margin: 0 0 0.85rem;
  line-height: 1.78;
}

.page-contact p:last-child {
  margin-bottom: 0;
}

/* ---------- 首屏 ---------- */
.page-contact .pc-hero {
  padding-block: clamp(1rem, 2.4vw, 1.75rem) clamp(2.5rem, 6vw, 4.5rem);
}

.page-contact .pc-hero__crumb {
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

.page-contact .pc-hero__crumb .breadcrumb__link {
  color: var(--pc-soft);
}

.page-contact .pc-hero__crumb .breadcrumb__current {
  color: var(--ly-cream);
}

.page-contact .pc-kicker {
  font-family: var(--ly-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ly-mint);
  margin: 0 0 0.7rem;
}

.page-contact .pc-hero__lead h1 {
  font-family: var(--ly-font-display);
  font-size: clamp(1.8rem, 5.4vw, 3.05rem);
  line-height: 1.16;
  letter-spacing: 0.01em;
  margin: 0 0 1rem;
  text-wrap: balance;
}

.page-contact .pc-hero__lead .lede {
  color: rgba(244, 235, 221, 0.88);
  max-width: 44rem;
}

.page-contact .pc-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.4rem;
}

.page-contact .pc-hero__hint {
  margin-top: 1.1rem;
  font-size: 0.86rem;
  color: var(--pc-soft);
  border-left: 2px solid var(--ly-hairline-strong);
  padding-left: 0.8rem;
}

.page-contact .pc-hero__grid {
  display: grid;
  gap: var(--pc-gap);
  grid-template-columns: 1fr;
}

/* ---------- 联络席侧栏 ---------- */
.page-contact .pc-side {
  border: 1px solid var(--pc-edge);
  border-radius: var(--ly-radius);
  background: var(--pc-card);
  box-shadow: 0 22px 48px -38px rgba(0, 0, 0, 0.95);
  overflow: hidden;
}

.page-contact .pc-clock {
  padding: var(--pc-pad);
  border-bottom: 1px solid var(--pc-edge);
  background: linear-gradient(160deg, rgba(50, 242, 208, 0.09), rgba(50, 242, 208, 0) 64%);
}

.page-contact .pc-clock__label {
  font-family: var(--ly-font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--pc-soft);
  margin: 0 0 0.4rem;
}

.page-contact .pc-clock__num {
  font-family: var(--ly-font-mono);
  font-weight: 700;
  font-size: clamp(3.4rem, 13vw, 5.2rem);
  line-height: 0.84;
  letter-spacing: -0.03em;
  color: var(--ly-coral);
  margin: 0 0 0.55rem;
}

.page-contact .pc-clock__num span {
  font-size: 0.85rem;
  letter-spacing: 0.14em;
  color: var(--ly-cream);
  margin-left: 0.5rem;
  vertical-align: baseline;
}

.page-contact .pc-clock__meta {
  font-size: 0.82rem;
  color: var(--pc-soft);
  margin: 0;
}

.page-contact .pc-side__list {
  list-style: none;
  margin: 0;
  padding: var(--pc-pad);
  display: grid;
  gap: 0.85rem;
}

.page-contact .pc-side__row {
  display: grid;
  gap: 0.2rem;
}

.page-contact .pc-side__k {
  font-family: var(--ly-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ly-mist);
}

.page-contact .pc-side__v {
  font-family: var(--ly-font-mono);
  font-size: 0.95rem;
  color: var(--ly-cream);
  word-break: break-word;
}

.page-contact .pc-side__v--addr {
  font-family: var(--ly-font-body);
  font-size: 0.88rem;
  line-height: 1.6;
  color: rgba(244, 235, 221, 0.86);
}

/* ---------- 图片 ---------- */
.page-contact .pc-figure {
  margin: 0;
  position: relative;
}

.page-contact .pc-figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.04);
}

.page-contact .pc-figure--hero img {
  aspect-ratio: 3 / 2;
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-figure__cap {
  font-size: 0.78rem;
  line-height: 1.6;
  color: rgba(28, 23, 20, 0.66);
  padding: 0.6rem 0 0;
  font-family: var(--ly-font-mono);
}

/* ---------- 区块外壳 ---------- */
.page-contact .pc-section {
  padding-block: clamp(2.75rem, 6.5vw, 5rem);
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-section--navy {
  background: var(--ly-navy);
}

.page-contact .pc-section--cream {
  background: var(--ly-cream);
  color: var(--ly-ink);
  --pc-edge: var(--pc-edge-ink);
  border-top-color: var(--pc-edge-ink);
}

.page-contact .pc-section--cream .pc-kicker {
  color: var(--ly-ink-link);
}

.page-contact .pc-section--cream .pc-head__text {
  color: rgba(28, 23, 20, 0.76);
}

.page-contact .pc-head {
  max-width: 46rem;
  margin-bottom: clamp(1.5rem, 3.5vw, 2.5rem);
}

.page-contact .pc-head__text {
  font-size: 0.97rem;
  color: var(--pc-soft);
  margin: 0;
}

/* ---------- 反馈类别切换 ---------- */
.page-contact .pc-tabs {
  margin-top: 0.5rem;
}

.page-contact .pc-tabs__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.page-contact .pc-tabs__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.page-contact .pc-tabs__chip {
  display: inline-block;
  padding: 0.52rem 0.9rem;
  border: 1px solid var(--pc-edge);
  border-radius: var(--ly-radius);
  font-size: 0.9rem;
  color: rgba(244, 235, 221, 0.72);
  cursor: pointer;
  transition: color 0.2s var(--ly-ease), border-color 0.2s var(--ly-ease), background-color 0.2s var(--ly-ease);
}

.page-contact .pc-tabs__chip:hover {
  color: var(--ly-mint);
  border-color: var(--pc-edge-strong);
}

.page-contact .pc-tabs__panels {
  margin-top: 1.35rem;
  border-top: 1px solid var(--pc-edge);
  padding-top: 1.35rem;
  min-height: 9.5rem;
}

.page-contact .pc-tabs__panel {
  display: none;
  border-left: 2px solid var(--ly-mint);
  padding-left: 1rem;
}

.page-contact .pc-tabs__panel-k {
  font-family: var(--ly-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ly-mint);
  margin: 0 0 0.5rem;
}

.page-contact .pc-tabs__panel-t {
  font-size: 0.97rem;
  color: rgba(244, 235, 221, 0.9);
  max-width: 42rem;
}

.page-contact .pc-tabs__bring {
  font-family: var(--ly-font-mono);
  font-size: 0.8rem;
  line-height: 1.7;
  color: var(--ly-amber);
  margin: 0.85rem 0 0;
}

.page-contact #pc-type-1:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-1"],
.page-contact #pc-type-2:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-2"],
.page-contact #pc-type-3:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-3"],
.page-contact #pc-type-4:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-4"],
.page-contact #pc-type-5:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-5"],
.page-contact #pc-type-6:checked ~ .pc-tabs__chips .pc-tabs__chip[for="pc-type-6"] {
  color: var(--ly-deep);
  background: var(--ly-mint);
  border-color: var(--ly-mint);
}

.page-contact #pc-type-1:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(1),
.page-contact #pc-type-2:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(2),
.page-contact #pc-type-3:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(3),
.page-contact #pc-type-4:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(4),
.page-contact #pc-type-5:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(5),
.page-contact #pc-type-6:checked ~ .pc-tabs__panels .pc-tabs__panel:nth-child(6) {
  display: block;
}

.page-contact .pc-tabs__radio:focus-visible ~ .pc-tabs__chips {
  outline: 2px solid var(--ly-mint);
  outline-offset: 6px;
}

/* ---------- 处理流程 ---------- */
.page-contact .pc-flow {
  display: grid;
  gap: var(--pc-gap);
  grid-template-columns: 1fr;
}

.page-contact .pc-flow__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  border-top: 1px solid var(--pc-edge-ink);
}

.page-contact .pc-step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem 1.1rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--pc-edge-ink);
}

.page-contact .pc-step__no {
  font-family: var(--ly-font-mono);
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 1;
  color: var(--ly-coral);
  letter-spacing: -0.02em;
}

.page-contact .pc-step__title {
  margin: 0 0 0.3rem;
  font-size: 1.02rem;
}

.page-contact .pc-step__text {
  font-size: 0.94rem;
  color: rgba(28, 23, 20, 0.78);
  margin: 0;
}

.page-contact .pc-flow__fig img {
  aspect-ratio: 10 / 7;
  border: 1px solid var(--pc-edge-ink);
  border-radius: var(--ly-radius);
}

/* ---------- 反馈之后 ---------- */
.page-contact .pc-after {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-after__row {
  display: grid;
  gap: 0.5rem;
  padding: 1.25rem 0 1.25rem 1rem;
  border-bottom: 1px solid var(--pc-edge);
  border-left: 2px solid var(--ly-coral);
}

.page-contact .pc-after__tag {
  font-family: var(--ly-font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ly-coral);
}

.page-contact .pc-after__text {
  font-size: 0.96rem;
  color: rgba(244, 235, 221, 0.86);
  max-width: 46rem;
}

/* ---------- 提交示例 ---------- */
.page-contact .pc-examples {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

.page-contact .pc-example {
  border: 1px solid var(--pc-edge);
  border-radius: var(--ly-radius);
  background: rgba(7, 38, 63, 0.45);
  padding: var(--pc-pad);
  box-shadow: 0 16px 36px -34px rgba(0, 0, 0, 0.95);
}

.page-contact .pc-example__scene {
  font-family: var(--ly-font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ly-mint);
  margin: 0 0 0.75rem;
}

.page-contact .pc-example__body {
  font-family: var(--ly-font-mono);
  font-size: 0.88rem;
  line-height: 1.85;
  color: rgba(244, 235, 221, 0.92);
  border-left: 2px solid var(--pc-edge-strong);
  padding-left: 0.85rem;
  margin: 0 0 0.8rem;
}

.page-contact .pc-example__why {
  font-size: 0.85rem;
  color: var(--pc-soft);
  margin: 0;
}

/* ---------- 联系方式 ---------- */
.page-contact .pc-reach {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

.page-contact .pc-reach__item {
  border: 1px solid var(--pc-edge-ink);
  border-radius: var(--ly-radius);
  background: rgba(255, 255, 255, 0.42);
  padding: var(--pc-pad);
  box-shadow: 0 14px 30px -30px rgba(28, 23, 20, 0.6);
}

.page-contact .pc-reach__label {
  font-family: var(--ly-font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(28, 23, 20, 0.56);
  margin: 0 0 0.4rem;
}

.page-contact .pc-reach__value {
  font-family: var(--ly-font-mono);
  font-size: clamp(1rem, 2.6vw, 1.22rem);
  line-height: 1.4;
  color: var(--ly-ink);
  word-break: break-word;
  margin: 0 0 0.45rem;
}

.page-contact .pc-reach__value--tel {
  font-size: clamp(1.35rem, 4vw, 1.75rem);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.page-contact .pc-reach__value--addr {
  font-family: var(--ly-font-body);
  font-size: 0.95rem;
  line-height: 1.65;
}

.page-contact .pc-reach__meta {
  font-size: 0.82rem;
  line-height: 1.6;
  color: rgba(28, 23, 20, 0.66);
  margin: 0;
}

.page-contact .pc-reach__note {
  margin-top: 1.5rem;
  border-top: 1px solid var(--pc-edge-ink);
  padding-top: 1.1rem;
  font-size: 0.88rem;
  line-height: 1.8;
  color: rgba(28, 23, 20, 0.74);
  max-width: 48rem;
}

/* ---------- 合作方向 ---------- */
.page-contact .pc-partners {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-partner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem 1.15rem;
  padding: 1.35rem 0;
  border-bottom: 1px solid var(--pc-edge);
}

.page-contact .pc-partner__no {
  font-family: var(--ly-font-display);
  font-size: 1.55rem;
  line-height: 1;
  font-weight: 700;
  color: var(--ly-mint);
  letter-spacing: 0.02em;
}

.page-contact .pc-partner__title {
  margin: 0 0 0.4rem;
}

.page-contact .pc-partner__text {
  font-size: 0.95rem;
  color: rgba(244, 235, 221, 0.86);
  max-width: 44rem;
  margin: 0 0 0.55rem;
}

.page-contact .pc-partner__fit {
  font-family: var(--ly-font-mono);
  font-size: 0.78rem;
  line-height: 1.7;
  color: var(--ly-amber);
  margin: 0;
}

/* ---------- 收尾 ---------- */
.page-contact .pc-outro h2 {
  max-width: 32rem;
}

.page-contact .pc-outro__text {
  color: var(--pc-soft);
  font-size: 0.95rem;
  max-width: 40rem;
}

.page-contact .pc-outro__links {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
  display: grid;
  border-top: 1px solid var(--pc-edge);
}

.page-contact .pc-outro__links li {
  border-bottom: 1px solid var(--pc-edge);
}

.page-contact .pc-outro__links a {
  display: block;
  padding: 0.9rem 0 0.9rem 1.1rem;
  color: var(--ly-cream);
  text-decoration: none;
  font-size: 0.95rem;
  line-height: 1.6;
  border-left: 2px solid transparent;
  transition: color 0.2s var(--ly-ease), border-color 0.2s var(--ly-ease), background-color 0.2s var(--ly-ease);
}

.page-contact .pc-outro__links a:hover,
.page-contact .pc-outro__links a:focus-visible {
  color: var(--ly-mint);
  border-left-color: var(--ly-mint);
  background: rgba(50, 242, 208, 0.06);
}

/* ---------- 响应式 ---------- */
@media (min-width: 620px) {
  .page-contact .pc-after__row {
    grid-template-columns: 8.5rem minmax(0, 1fr);
    align-items: baseline;
    gap: 1.25rem;
  }

  .page-contact .pc-reach {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-contact .pc-reach__item--wide {
    grid-column: 1 / -1;
  }

  .page-contact .pc-examples {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-contact .pc-examples .pc-example:first-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) {
  .page-contact .pc-hero__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    align-items: start;
    gap: clamp(2rem, 4vw, 3.5rem);
  }

  .page-contact .pc-flow {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: start;
    gap: clamp(2rem, 4vw, 3.25rem);
  }

  .page-contact .pc-partner {
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 1.5rem;
    padding: 1.6rem 0;
  }

  .page-contact .pc-partner__no {
    font-size: 2rem;
  }

  .page-contact .pc-after__row {
    grid-template-columns: 10rem minmax(0, 1fr);
    padding: 1.5rem 0 1.5rem 1.25rem;
  }

  .page-contact .pc-examples {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .page-contact .pc-examples .pc-example:first-child {
    grid-column: auto;
  }

  .page-contact .pc-tabs__panels {
    min-height: 8.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-contact .pc-tabs__chip,
  .page-contact .pc-outro__links a {
    transition: none;
  }
}
<<<END>>>