/* ===== 咨询中心 / page-contact ===== */

.page-contact {
  --ct-pad: clamp(2.75rem, 6vw, 4.5rem);
  --ct-gap: clamp(1rem, 2.2vw, 1.75rem);
  --ct-dim: rgba(243, 234, 223, .78);
  --ct-dim-2: rgba(243, 234, 223, .55);
}

/* 面包屑在深色首屏上的可读性 */
.page-contact .ky-breadcrumb {
  color: var(--ky-green-mist);
  margin-bottom: 1.1rem;
}
.page-contact .ky-breadcrumb a {
  color: var(--ky-green-mist);
  text-decoration: none;
}
.page-contact .ky-breadcrumb a:hover {
  color: var(--ky-orange-mist);
}

/* ---------- 首屏 ---------- */
.page-contact .ct-hero {
  position: relative;
  padding: clamp(6.5rem, 13vw, 9rem) 0 clamp(2.5rem, 5vw, 3.75rem);
  color: var(--ky-paper);
  background:
    radial-gradient(115% 85% at 88% -10%, rgba(15, 107, 92, .62), transparent 62%),
    radial-gradient(80% 60% at 0% 100%, rgba(255, 106, 26, .16), transparent 60%),
    linear-gradient(180deg, var(--ky-sand) 0%, var(--ky-night) 78%);
}

.page-contact .ct-hero__index {
  color: var(--ky-green-mist);
  margin: 0 0 .9rem;
}

.page-contact .ct-hero__title {
  margin: 0 0 1.1rem;
  max-width: 46rem;
  font-size: clamp(1.95rem, 6.4vw, 4rem);
  font-weight: 250;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--ky-paper);
}

.page-contact .ct-hero__lede {
  margin: 0;
  max-width: 44rem;
  font-size: clamp(.98rem, 2.4vw, 1.06rem);
  line-height: 1.78;
  color: var(--ct-dim);
}

.page-contact .ct-hero__facts {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 2rem;
  margin: 1.9rem 0 0;
  padding: 1.1rem 0 0;
  border-top: 1px solid var(--ky-line);
}
.page-contact .ct-hero__facts li {
  display: flex;
  align-items: baseline;
  gap: .55rem;
}
.page-contact .ct-hero__k {
  font-size: .7rem;
  letter-spacing: .16em;
  color: var(--ky-green-mist);
}
.page-contact .ct-hero__v {
  font-size: .92rem;
  color: var(--ky-paper);
}

/* ---------- 三条渠道 ---------- */
.page-contact .ct-channels {
  padding: var(--ct-pad) 0;
  background: var(--ky-night);
  color: var(--ky-paper);
}

.page-contact .ct-channels .ky-title {
  color: var(--ky-paper);
  margin: 0 0 .7rem;
}
.page-contact .ct-channels .ky-index {
  color: var(--ky-green-mist);
}

.page-contact .ct-channels__lede {
  margin: 0;
  max-width: 40rem;
  font-size: .96rem;
  line-height: 1.75;
  color: var(--ct-dim);
}

.page-contact .ct-channels__grid {
  display: grid;
  gap: 1rem;
  margin: 1.9rem 0 0;
}

.page-contact .ct-channel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: 1.15rem 1.15rem 1.3rem;
  background: var(--ky-paper);
  color: var(--ky-night);
  border-top: 4px solid var(--ky-green);
  box-shadow: var(--ky-shadow-paper-sm);
}

.page-contact .ct-channel__num {
  font-size: .72rem;
  letter-spacing: .14em;
  color: var(--ky-mud);
}

.page-contact .ct-channel__name {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: .01em;
}

.page-contact .ct-channel__value {
  margin: 0;
  font-size: clamp(.88rem, 3vw, 1.02rem);
  font-weight: 600;
  color: var(--ky-green);
  overflow-wrap: anywhere;
  word-break: break-word;
}
.page-contact .ct-channel__value--addr {
  font-family: var(--ky-font-sans);
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--ky-night);
}

.page-contact .ct-channel__desc {
  margin: 0;
  flex: 1 1 auto;
  font-size: .9rem;
  line-height: 1.7;
  color: var(--ky-mud);
}

.page-contact .ct-channel__btn {
  align-self: flex-start;
  margin-top: .35rem;
}

.page-contact .ct-media {
  margin: 1.75rem 0 0;
}
.page-contact .ct-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  background: var(--ky-sand);
  border: 1px solid var(--ky-line);
}
.page-contact .ct-media figcaption {
  margin-top: .7rem;
  font-size: .78rem;
  letter-spacing: .04em;
  line-height: 1.6;
  color: var(--ct-dim-2);
}

/* ---------- 问题类型切换 ---------- */
.page-contact .ct-switch {
  padding: var(--ct-pad) 0;
  background: var(--ky-paper);
  color: var(--ky-night);
}

.page-contact .ct-switch .ky-index { color: var(--ky-mud); }

.page-contact .ct-switch__lede {
  margin: 0;
  max-width: 40rem;
  font-size: .96rem;
  line-height: 1.75;
  color: var(--ky-mud);
}

.page-contact .ct-switch__body {
  margin-top: 1.6rem;
}

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

.page-contact .ct-switch__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.page-contact .ct-switch__tab {
  cursor: pointer;
  padding: .55rem .95rem;
  border: 1px solid var(--ky-line-dark);
  background: transparent;
  color: var(--ky-night);
  font-size: .89rem;
  font-weight: 500;
  border-radius: var(--ky-radius);
  transition: background .2s var(--ky-ease), color .2s var(--ky-ease), border-color .2s var(--ky-ease);
}
.page-contact .ct-switch__tab:hover {
  border-color: var(--ky-green-bright);
  color: var(--ky-green);
}

.page-contact #ct-t1:checked ~ .ct-switch__tabs [for="ct-t1"],
.page-contact #ct-t2:checked ~ .ct-switch__tabs [for="ct-t2"],
.page-contact #ct-t3:checked ~ .ct-switch__tabs [for="ct-t3"],
.page-contact #ct-t4:checked ~ .ct-switch__tabs [for="ct-t4"] {
  background: var(--ky-green);
  border-color: var(--ky-green);
  color: var(--ky-paper);
}

.page-contact .ct-switch__radio:focus-visible ~ .ct-switch__tabs [for="ct-t1"],
.page-contact .ct-switch__radio:focus-visible ~ .ct-switch__tabs [for="ct-t2"],
.page-contact .ct-switch__radio:focus-visible ~ .ct-switch__tabs [for="ct-t3"],
.page-contact .ct-switch__radio:focus-visible ~ .ct-switch__tabs [for="ct-t4"] {
  outline: 2px solid var(--ky-orange);
  outline-offset: 2px;
}

.page-contact .ct-switch__panels {
  margin-top: 1.15rem;
}

.page-contact .ct-panel {
  display: none;
  padding: 1.25rem;
  background: var(--ky-paper);
  border: 1px solid var(--ky-line-dark);
  box-shadow: var(--ky-shadow-paper-sm);
}

.page-contact #ct-t1:checked ~ .ct-switch__panels .ct-panel--1,
.page-contact #ct-t2:checked ~ .ct-switch__panels .ct-panel--2,
.page-contact #ct-t3:checked ~ .ct-switch__panels .ct-panel--3,
.page-contact #ct-t4:checked ~ .ct-switch__panels .ct-panel--4 {
  display: block;
}

.page-contact .ct-tagline {
  margin: 0 0 .7rem;
}

.page-contact .ct-panel__lede {
  margin: 0 0 1rem;
  font-size: .95rem;
  line-height: 1.75;
  color: var(--ky-night);
}

.page-contact .ct-panel__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .5rem;
}
.page-contact .ct-panel__list li {
  position: relative;
  padding-left: 1.15rem;
  font-size: .9rem;
  line-height: 1.65;
  color: var(--ky-mud);
}
.page-contact .ct-panel__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: .45rem;
  height: .45rem;
  background: var(--ky-green-bright);
}

/* ---------- 提交要素清单 ---------- */
.page-contact .ct-kit {
  padding: var(--ct-pad) 0;
  background: var(--ky-sand);
  color: var(--ky-paper);
}

.page-contact .ct-kit .ky-title { color: var(--ky-paper); margin: 0 0 .7rem; }
.page-contact .ct-kit .ky-index { color: var(--ky-green-mist); }

.page-contact .ct-kit__lede {
  margin: 0;
  max-width: 38rem;
  font-size: .95rem;
  line-height: 1.75;
  color: var(--ct-dim);
}

.page-contact .ct-checklist {
  list-style: none;
  margin: 1.7rem 0 0;
  padding: 0;
  display: grid;
  gap: .7rem;
}

.page-contact .ct-check {
  position: relative;
}

.page-contact .ct-check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.page-contact .ct-check__label {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  cursor: pointer;
  font-size: .93rem;
  line-height: 1.65;
  color: var(--ct-dim);
  transition: color .18s var(--ky-ease);
}
.page-contact .ct-check__label:hover { color: var(--ky-paper); }

.page-contact .ct-check__box {
  flex: 0 0 auto;
  margin-top: .22rem;
  width: 1.05rem;
  height: 1.05rem;
  display: grid;
  place-items: center;
  border: 2px solid rgba(243, 234, 223, .45);
  border-radius: var(--ky-radius);
  background: transparent;
  font-size: .68rem;
  line-height: 1;
  color: var(--ky-night);
  transition: background .18s var(--ky-ease), border-color .18s var(--ky-ease);
}
.page-contact .ct-check__box::after {
  content: "✓";
  opacity: 0;
}

.page-contact .ct-check__input:checked + .ct-check__label {
  color: var(--ky-paper);
}
.page-contact .ct-check__input:checked + .ct-check__label .ct-check__box {
  background: var(--ky-orange);
  border-color: var(--ky-orange);
}
.page-contact .ct-check__input:checked + .ct-check__label .ct-check__box::after {
  opacity: 1;
}
.page-contact .ct-check__input:focus-visible + .ct-check__label .ct-check__box {
  outline: 2px solid var(--ky-signal);
  outline-offset: 2px;
}

/* ---------- 处理流程 ---------- */
.page-contact .ct-flow {
  padding: var(--ct-pad) 0;
  background: var(--ky-paper);
  color: var(--ky-night);
}

.page-contact .ct-flow__inner {
  display: grid;
  gap: 2rem;
}

.page-contact .ct-flow .ky-index { color: var(--ky-mud); }

.page-contact .ct-steps {
  list-style: none;
  margin: 1.6rem 0 0;
  padding: 0;
}

.page-contact .ct-step {
  position: relative;
  padding: 0 0 1.6rem 2.7rem;
}
.page-contact .ct-step:last-child { padding-bottom: 0; }

.page-contact .ct-step::before {
  content: "";
  position: absolute;
  left: .78rem;
  top: 1.85rem;
  bottom: 0;
  border-left: 2px dashed var(--ky-sand-gray);
}
.page-contact .ct-step:last-child::before { display: none; }

.page-contact .ct-step__num {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.65rem;
  height: 1.65rem;
  display: grid;
  place-items: center;
  background: var(--ky-green);
  color: var(--ky-paper);
  font-size: .7rem;
  border-radius: var(--ky-radius);
}

.page-contact .ct-step__name {
  margin: .15rem 0 .35rem;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .01em;
}

.page-contact .ct-step__text {
  margin: 0;
  font-size: .92rem;
  line-height: 1.72;
  color: var(--ky-mud);
}

.page-contact .ct-sla {
  margin-top: 2.1rem;
  padding: 1.15rem 1.15rem 1rem;
  background: var(--ky-night);
  color: var(--ky-paper);
}

.page-contact .ct-sla__title {
  margin: 0 0 .7rem;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .16em;
  color: var(--ky-green-mist);
}

.page-contact .ct-sla__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-contact .ct-sla__list li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  padding: .55rem 0;
  border-bottom: 1px dashed var(--ky-line);
  font-size: .88rem;
}
.page-contact .ct-sla__list li:last-child { border-bottom: 0; }

.page-contact .ct-sla__k { color: var(--ct-dim); }
.page-contact .ct-sla__v { color: var(--ky-orange-mist); font-weight: 600; }

.page-contact .ct-flow__media { margin-top: 0; }
.page-contact .ct-flow__media img { border-color: var(--ky-line-dark); }
.page-contact .ct-flow__media figcaption { color: var(--ky-mud); }

/* ---------- 纠错与补齐 ---------- */
.page-contact .ct-fix {
  padding: var(--ct-pad) 0;
  background: var(--ky-green);
  color: var(--ky-paper);
}

.page-contact .ct-fix__inner {
  display: grid;
  gap: 1.75rem;
}

.page-contact .ct-fix .ky-index { color: var(--ky-green-mist); }
.page-contact .ct-fix .ky-title { color: var(--ky-paper); margin: 0 0 1rem; }

.page-contact .ct-fix__p {
  margin: 0 0 .9rem;
  max-width: 46rem;
  font-size: .95rem;
  line-height: 1.8;
  color: rgba(243, 234, 223, .88);
}
.page-contact .ct-fix__p:last-child { margin-bottom: 0; }

.page-contact .ct-fix__aside {
  padding: 1.15rem;
  border: 1px solid rgba(243, 234, 223, .35);
  background: rgba(22, 17, 14, .22);
}

.page-contact .ct-fix__label {
  margin: 0 0 .55rem;
  font-size: .7rem;
  letter-spacing: .16em;
  color: var(--ky-green-mist);
}

.page-contact .ct-fix__code {
  margin: 0 0 .7rem;
  font-size: clamp(.9rem, 3.4vw, 1.15rem);
  font-weight: 600;
  color: var(--ky-signal);
  overflow-wrap: anywhere;
}

.page-contact .ct-fix__note {
  margin: 0;
  font-size: .85rem;
  line-height: 1.7;
  color: rgba(243, 234, 223, .72);
}

/* ---------- 合作与授权 ---------- */
.page-contact .ct-partner {
  padding: var(--ct-pad) 0;
  background: var(--ky-paper);
  color: var(--ky-night);
}

.page-contact .ct-partner .ky-index { color: var(--ky-mud); }

.page-contact .ct-partner__grid {
  display: grid;
  gap: 1.25rem;
  margin-top: 1.5rem;
}

.page-contact .ct-partner__text {
  margin: 0;
  font-size: .95rem;
  line-height: 1.8;
  color: var(--ky-mud);
}

.page-contact .ct-partner__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
  align-content: start;
}
.page-contact .ct-partner__list li {
  display: flex;
  align-items: baseline;
  gap: .7rem;
  padding: .6rem .8rem;
  border-left: 2px solid var(--ky-green);
  background: rgba(201, 188, 169, .28);
  font-size: .9rem;
  line-height: 1.6;
  color: var(--ky-night);
}
.page-contact .ct-partner__list .ky-mono {
  color: var(--ky-green);
  font-size: .78rem;
  letter-spacing: .08em;
}

.page-contact .ct-partner__note {
  margin: 1.4rem 0 0;
  padding-top: 1rem;
  border-top: 1px dashed var(--ky-line-dark);
  font-size: .9rem;
  line-height: 1.7;
  color: var(--ky-mud);
}

/* ---------- 直接联系 ---------- */
.page-contact .ct-reach {
  padding: var(--ct-pad) 0;
  background: var(--ky-night);
  color: var(--ky-paper);
}

.page-contact .ct-reach .ky-index { color: var(--ky-green-mist); }
.page-contact .ct-reach .ky-title { color: var(--ky-paper); margin: 0 0 1.5rem; }

.page-contact .ct-reach__grid {
  display: grid;
  gap: 1rem;
}

.page-contact .ct-reach__item {
  padding: 1.2rem 1.2rem 1.3rem;
  border: 1px solid var(--ky-line-strong);
  border-top: 3px solid var(--ky-orange);
  background: rgba(46, 36, 29, .55);
  display: flex;
  flex-direction: column;
  gap: .6rem;
  align-items: flex-start;
}

.page-contact .ct-reach__label {
  margin: 0;
  font-size: .7rem;
  letter-spacing: .16em;
  color: var(--ky-green-mist);
}

.page-contact .ct-reach__value {
  margin: 0;
  font-size: clamp(.95rem, 3.6vw, 1.18rem);
  font-weight: 600;
  color: var(--ky-paper);
  overflow-wrap: anywhere;
}
.page-contact .ct-reach__value--addr {
  font-family: var(--ky-font-sans);
  font-size: clamp(.92rem, 3vw, 1.02rem);
  font-weight: 500;
  line-height: 1.7;
}

.page-contact .ct-reach__note {
  margin: 1.5rem 0 0;
  max-width: 46rem;
  font-size: .86rem;
  line-height: 1.75;
  color: var(--ct-dim-2);
}

/* ---------- 断点 ---------- */
@media (min-width: 700px) {
  .page-contact .ct-channels__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
  }

  .page-contact .ct-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem 1.75rem;
  }

  .page-contact .ct-reach__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-contact .ct-reach__item--wide {
    grid-column: 1 / -1;
    border-top-color: var(--ky-green-bright);
  }

  .page-contact .ct-panel {
    padding: 1.5rem 1.6rem;
  }
}

@media (min-width: 900px) {
  .page-contact .ct-flow__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    gap: 2.75rem;
    align-items: start;
  }

  .page-contact .ct-flow__media {
    position: sticky;
    top: 6.5rem;
  }

  .page-contact .ct-fix__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    gap: 2.5rem;
    align-items: start;
  }

  .page-contact .ct-partner__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    gap: 2.5rem;
    align-items: start;
  }

  .page-contact .ct-switch__panel-wrap {
    max-width: 62rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-contact * {
    animation: none !important;
    transition: none !important;
  }
}
</style>
<<<END>>>
```
等等，我不小心加了个 `</style>` 标签。那不是我该写的东西——标记只有 MAIN_HTML 和 PAGE_CSS。让我修掉。

另外，我应该重新核对一下所有东西。那个 `</style>` 是个错误——直接删掉。

还有，我加了一个 `.ct-switch__panel-wrap`，但它在 HTML 里并不存在——是无用代码，删掉。

再检查一下图片数量：2 张（最小 1 张，目标 2 张，最大 15 张）。✓

再检查一下链接：`/` 是合法路由。✓ 没有其他链接。

再检查一下标题层级：h1 → h2 → h3。✓

再检查一下没有出现 "口径" 这个词——我写的是 "统计数值复核"、"数值对不上"，这没问题。检查 "核对"——我没用过。检查 "口径"——没用过。

检查一下 "本页"、"只做" 这些词。没用过。

检查一下邮箱和电话：service@k-yun-yong.com.cn ✓，13957601499 ✓，地址 ✓，ICP ✓。

嗯，在结尾的说明里我写了 "备案号 新ICP备28456649号，服务地区为新疆。" 这是允许的（值非空）。没问题。

但等等——关于 "服务地区为新疆"，这个没问题。

再检查一下——我在 ct-sla 里放了 "合作与授权答复 3 个工作日内"，在合作区又说了 "按你的排期回复"。没有冲突。✓

还要检查 `.ct-hero__v` 里的 "运营 2018 年至今 · 7 个赛季"——没问题。

另外我还要确保没有重复出现连续 8 个连续汉字。检查一下："service@k-yun-yong.com.cn" 是拉丁字母。"工作日 10:00–19:00（北京时间）内回复" 出现了几次："工作日 10:00–19:00（北京时间）内回复" 出现在导语里，还有 "工作日 10:00–19:00（北京时间）内回复；急事直接打电话更快" 在结尾处。这还没到 8 个连续汉字的重复……其实 "工作日" 3 个，"内回复" 3 个。也不算多。"北京时间" 出现几次——短词，没问题。

"资料下载与通道切换相关咨询" 出现两次（导语里隐含的？没有）。实际上结尾说明里有 "邮件主要处理资料下载与通道切换相关咨询"——这个和页脚说明是一样的，那没问题，因为页脚说这是规定用途。而且导语里没出现。好。

"平均 2 个工作日" 在 panel 3 和 ct-fix 里都出现了。那是法律条文里的实质事实，可以接受。其实是 "平均两个工作日" 对 "平均 2 个工作日"。没关系。

检查一下 `.ct-channel__value--addr` 在深色？不对，卡片是纸白底。✓

再确认一下 `ct-channels__media` 的形象尺寸——用了 `{zhanqunpic:h:800w:1200}` 加 width=1200 height=800。✓ 先 h 后 w。✓

流程图那张:`{zhanqunpic:h:1200w:900}` 加 width=900 height=1200。✓

好，现在清理输出。还有我正在给 `.page-contact .ky-breadcrumb` 写样式，这个类算共享，但用 `.page-contact` 限定了作用域——没问题。

还有一件事：`.page-contact .ct-hero` 的 padding 顶部 `clamp(6.5rem,13vw,9rem)` 没问题。

另外，我得确保 `.ct-switch__radio` 用的是 `position:absolute`，但它的父级 `.ct-switch__body` 没有 `position:relative`，所以它相对于更外层的祖先来定位。本来该给 `.ct-switch__body` 加 `position:relative` 的，不过实际上无所谓，因为元素只有 1px 而且透明，也不影响布局。即便如此还是加上 `position: relative` 更干净。

还有 `opacity: 0` 的 radio 加上 `position: absolute`，用方向键还是能聚焦和操作。没问题。

好，输出定稿。另外删掉那个多余的 `</style>` 和 `ct-switch__panel-wrap` 规则。