.page-contact {
  --ct-edge: 1px solid var(--lh-line);
  --ct-edge-soft: 1px solid var(--lh-line-soft);
}

/* ---------- 面包屑 ---------- */
.page-contact .lh-breadcrumb { padding-block: 16px 4px; }

/* ---------- 首屏 ---------- */
.page-contact .ct-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: start;
}

.page-contact .ct-hero__eyebrow {
  display: inline-block;
  margin: 0 0 14px;
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--lh-gold);
}

.page-contact .ct-hero__eyebrow .lh-mono {
  color: var(--lh-amber);
  font-weight: 700;
}

.page-contact .ct-hero h1 {
  margin: 0 0 18px;
  font-size: clamp(27px, 5vw, 46px);
  line-height: 1.22;
  letter-spacing: -.015em;
  max-width: 22ch;
}

.page-contact .ct-hero__desc {
  margin: 0 0 26px;
  max-width: 48ch;
  color: var(--lh-muted);
  line-height: 1.85;
}

.page-contact .ct-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.page-contact .ct-hero__panel {
  position: relative;
  padding: 20px 22px 22px 26px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
  overflow: hidden;
}

.page-contact .ct-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--lh-amber), var(--lh-pulse));
}

.page-contact .ct-hero__panel-title {
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

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

.page-contact .ct-hero__stat {
  padding-left: 14px;
  border-left: 2px solid var(--lh-amber);
}

.page-contact .ct-hero__stat--gold { border-left-color: var(--lh-gold); }
.page-contact .ct-hero__stat--neon { border-left-color: var(--lh-neon); }

.page-contact .ct-hero__val {
  margin: 0 0 4px;
  font-family: var(--lh-font-mono);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -.02em;
  color: var(--lh-paper);
}

.page-contact .ct-hero__k {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--lh-muted);
}

@media (min-width: 940px) {
  .page-contact .ct-hero__inner {
    grid-template-columns: minmax(0, 1.42fr) minmax(290px, .88fr);
    gap: 48px;
    align-items: end;
  }
  .page-contact .ct-hero__val { font-size: 24px; }
}

/* ---------- 01 渠道 ---------- */
.page-contact .ct-channels__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.page-contact .ct-channels__list {
  display: grid;
  gap: 14px;
}

.page-contact .ct-channel {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  background: var(--lh-glass);
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
  backdrop-filter: blur(6px);
  transition: border-color .2s ease, transform .2s ease;
}

.page-contact .ct-channel:hover {
  border-color: rgba(232, 114, 28, .58);
  transform: translateY(-2px);
}

.page-contact .ct-channel__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(232, 114, 28, .5);
  border-radius: 50%;
  color: var(--lh-amber);
}

.page-contact .ct-channel__icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-contact .ct-channel__label {
  margin: 0 0 5px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

.page-contact .ct-channel__value {
  margin: 0 0 10px;
  font-family: var(--lh-font-mono);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--lh-paper);
  word-break: break-word;
}

.page-contact .ct-channel__use {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.78;
  color: var(--lh-muted);
}

.page-contact .ct-channel__hint {
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--lh-line-soft);
  font-size: 13px;
  line-height: 1.7;
  color: var(--lh-dim);
}

.page-contact .ct-channels__side {
  display: grid;
  gap: 16px;
  align-content: start;
}

.page-contact .ct-hours {
  padding: 18px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
}

.page-contact .ct-hours__title {
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

.page-contact .ct-hours__rail {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: rgba(244, 239, 228, .08);
  overflow: hidden;
}

.page-contact .ct-hours__fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 37.5%;
  right: 25%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--lh-amber), var(--lh-gold));
}

.page-contact .ct-hours__scale {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-family: var(--lh-font-mono);
  font-size: 11px;
  color: var(--lh-dim);
}

.page-contact .ct-hours__note {
  margin: 14px 0 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--lh-muted);
}

@media (min-width: 980px) {
  .page-contact .ct-channels__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
  }
}

/* ---------- 02 纠错 ---------- */
.page-contact .ct-correction__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.page-contact .ct-req {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-contact .ct-req__item {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  grid-template-areas:
    "no title"
    "no text";
  column-gap: 16px;
  row-gap: 6px;
  padding: 18px 4px 18px 0;
  border-bottom: var(--ct-edge-soft);
}

.page-contact .ct-req__item:first-child { border-top: var(--ct-edge-soft); }

.page-contact .ct-req__no {
  grid-area: no;
  font-family: var(--lh-font-mono);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: var(--lh-amber);
}

.page-contact .ct-req__title {
  grid-area: title;
  margin: 0;
  font-size: 17px;
  letter-spacing: -.01em;
}

.page-contact .ct-req__text {
  grid-area: text;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.78;
  color: var(--lh-muted);
}

.page-contact .ct-receipt {
  position: relative;
  padding: 22px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
  overflow: hidden;
}

.page-contact .ct-receipt::after {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232, 114, 28, .22), transparent 70%);
  pointer-events: none;
}

.page-contact .ct-receipt__label {
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

.page-contact .ct-receipt__num {
  margin: 0 0 8px;
  font-family: var(--lh-font-mono);
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--lh-amber);
}

.page-contact .ct-receipt__text {
  margin: 0 0 14px;
  font-size: 14.5px;
  line-height: 1.78;
  color: var(--lh-muted);
}

.page-contact .ct-receipt .lh-divider { margin: 16px 0; }

.page-contact .ct-receipt__muted {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--lh-dim);
}

@media (min-width: 900px) {
  .page-contact .ct-correction__grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
  }
}

/* ---------- 03 兼容反馈 ---------- */
.page-contact .ct-compat__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.page-contact .ct-compat__card {
  padding: 20px 18px;
  background: var(--lh-rock);
  border: var(--ct-edge-soft);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
  transition: border-color .2s ease, background-color .2s ease;
}

.page-contact .ct-compat__card:hover {
  border-color: rgba(53, 224, 161, .5);
  background: var(--lh-rock-deep);
}

.page-contact .ct-compat__no {
  margin: 0 0 10px;
  font-family: var(--lh-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--lh-neon);
}

.page-contact .ct-compat__title {
  margin: 0 0 8px;
  font-size: 16px;
}

.page-contact .ct-compat__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lh-muted);
}

.page-contact .ct-compat__note {
  margin-top: 18px;
  padding: 18px 20px;
  border: var(--ct-edge);
  border-left: 3px solid var(--lh-neon);
  border-radius: var(--lh-radius);
}

.page-contact .ct-compat__note p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.82;
  color: var(--lh-muted);
  max-width: 68ch;
}

.page-contact .ct-compat__note a {
  color: var(--lh-neon);
  text-decoration: none;
  border-bottom: 1px solid rgba(53, 224, 161, .45);
}

.page-contact .ct-compat__note a:hover { border-bottom-color: var(--lh-neon); }

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

@media (min-width: 1040px) {
  .page-contact .ct-compat__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
}

/* ---------- 04 工单类型与优先级 ---------- */
.page-contact .ct-ticket__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.page-contact .ct-ticket__types {
  display: grid;
  gap: 10px;
  align-content: start;
}

.page-contact .ct-tk__no {
  flex: 0 0 auto;
  font-family: var(--lh-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--lh-amber);
}

.page-contact .ct-ticket__sla {
  padding: 22px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
}

.page-contact .ct-ticket__sla-title {
  margin: 0 0 18px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

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

.page-contact .ct-ticket__list li {
  padding-bottom: 16px;
  border-bottom: 1px dashed var(--lh-line-soft);
}

.page-contact .ct-ticket__list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.page-contact .ct-ticket__list p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lh-muted);
}

.page-contact .ct-ticket__sla-note {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: var(--ct-edge);
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--lh-dim);
}

@media (min-width: 980px) {
  .page-contact .ct-ticket__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
  }
}

/* ---------- 05 版本对接 ---------- */
.page-contact .ct-partner__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.page-contact .ct-partner__intro p {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--lh-muted);
  max-width: 52ch;
}

.page-contact .ct-partner__link {
  margin: 22px 0 0;
}

.page-contact .ct-partner__list {
  padding: 22px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
  position: relative;
}

.page-contact .ct-partner__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 74px;
  height: 3px;
  background: var(--lh-gold);
}

.page-contact .ct-partner__list-title {
  margin: 6px 0 12px;
  font-size: 15px;
  font-weight: 700;
  color: var(--lh-paper);
}

.page-contact .ct-partner__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-contact .ct-partner__list li {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  padding: 13px 0;
  border-bottom: 1px dashed var(--lh-line-soft);
}

.page-contact .ct-partner__list li:last-child { border-bottom: 0; }

.page-contact .ct-partner__list strong {
  font-size: 14.5px;
  color: var(--lh-amber);
}

.page-contact .ct-partner__list span {
  font-size: 13.8px;
  line-height: 1.72;
  color: var(--lh-muted);
}

@media (min-width: 600px) {
  .page-contact .ct-partner__list li {
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 14px;
    align-items: baseline;
  }
}

@media (min-width: 980px) {
  .page-contact .ct-partner__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 40px;
    align-items: start;
  }
}

/* ---------- 06 处理流程 ---------- */
.page-contact .ct-flow {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.page-contact .ct-flow__node {
  position: relative;
  padding: 22px 16px 20px;
  border-top: 2px solid var(--lh-line);
  background: linear-gradient(180deg, rgba(244, 239, 228, .055), transparent 78%);
}

.page-contact .ct-flow__dot {
  position: absolute;
  top: -6px;
  left: 16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--lh-amber);
}

.page-contact .ct-flow__node--live { border-top-color: var(--lh-pulse); }

.page-contact .ct-flow__node--live .ct-flow__dot {
  background: var(--lh-pulse);
  animation: ct-pulse 1.2s ease-out infinite;
}

.page-contact .ct-flow__no {
  margin: 0 0 8px;
  font-family: var(--lh-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--lh-dim);
}

.page-contact .ct-flow__title {
  margin: 0 0 8px;
  font-size: 17px;
}

.page-contact .ct-flow__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lh-muted);
}

@keyframes ct-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 46, 136, .5); }
  100% { box-shadow: 0 0 0 14px rgba(255, 46, 136, 0); }
}

.page-contact .ct-flow__figure { margin: 0 0 22px; }

.page-contact .ct-after__note {
  margin: 0;
  padding-left: 16px;
  border-left: 2px solid var(--lh-amber);
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--lh-muted);
  max-width: 66ch;
}

.page-contact .ct-after__note a {
  color: var(--lh-gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(242, 163, 60, .4);
}

.page-contact .ct-after__note a:hover { border-bottom-color: var(--lh-gold); }

@media (min-width: 860px) {
  .page-contact .ct-flow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }
  .page-contact .ct-flow__node {
    padding: 24px 20px 22px;
    border-top-width: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-contact .ct-flow__node--live .ct-flow__dot { animation: none; }
  .page-contact .ct-channel { transition: none; }
}
</main>
<<<END>>>

等等，我不小心把 `</main>` 放进代码块里输出了，这个位置不太对。我把 HTML 和 CSS 部分重新整理一下，确保最终输出的内容是从 `<main>` 开始到 `</main>` 结束，然后才是 CSS。


<main id="main-content" class="page-contact">

  <div class="lh-container">
    <nav class="lh-breadcrumb" aria-label="面包屑导航">
      <a href="/">当季开服总览</a>
      <span aria-hidden="true">/</span>
      <span>联系与工单对接</span>
    </nav>
  </div>

  <section class="lh-section ct-hero">
    <div class="lh-container ct-hero__inner">
      <div class="ct-hero__lead">
        <p class="ct-hero__eyebrow"><span class="lh-mono">S26</span> 反馈与对接通道</p>
        <h1>开服表对不上、设备跑不动、想谈版本对接，把话一次说全</h1>
        <p class="ct-hero__desc">乐虎国游站把玩家的条目纠错、兼容反馈和发行方的节点对接收在同一条通道里。你把赛季期号、条目名称和实际遇到的现象一起写清楚，核实完就能直接改到条目上，不用来回追问好几轮。</p>
        <div class="ct-hero__actions">
          <a class="lh-btn lh-btn--primary" href="#ct-channels">看服务渠道</a>
          <a class="lh-btn lh-btn--ghost" href="#ct-correction">纠错要写什么</a>
        </div>
      </div>

      <aside class="ct-hero__panel lh-glass" aria-label="通道处理节奏">
        <p class="ct-hero__panel-title">通道处理节奏</p>
        <ul class="ct-hero__stats">
          <li class="ct-hero__stat ct-hero__stat--amber">
            <p class="ct-hero__val">4 小时内</p>
            <p class="ct-hero__k">普通纠错工单的平均处理时长，提交当天大多能拿到回执</p>
          </li>
          <li class="ct-hero__stat ct-hero__stat--gold">
            <p class="ct-hero__val">9:00-18:00</p>
            <p class="ct-hero__k">工作日受理时段，其余时间提交的排进下一个工作日</p>
          </li>
          <li class="ct-hero__stat ct-hero__stat--neon">
            <p class="ct-hero__val">60 余家</p>
            <p class="ct-hero__k">与我们保持版本信息对接的发行方与开发工作室</p>
          </li>
        </ul>
      </aside>
    </div>
  </section>

  <section class="lh-section" id="ct-channels">
    <div class="lh-container">
      <header class="lh-chapter">
        <span class="lh-chapter__no">01</span>
        <h2 class="lh-chapter__title">三条通道，各接一类问题</h2>
        <p class="lh-chapter__desc">邮件适合把期号、条目和截图一次发全，电话适合三言两语说不清、需要当场问回来的情况，地址用于合作资料与线下对接的往来。</p>
      </header>

      <div class="ct-channels__grid">
        <div class="ct-channels__list">
          <article class="ct-channel">
            <span class="ct-channel__icon" aria-hidden="true">
              <svg viewBox="0 0 24 24"><rect x="2.6" y="4.8" width="18.8" height="14.4" rx="2"/><path d="m3.6 6.6 8.4 5.8 8.4-5.8"/></svg>
            </span>
            <div class="ct-channel__main">
              <p class="ct-channel__label">客服邮箱</p>
              <p class="ct-channel__value">support@lehu-legend.com.cn</p>
              <p class="ct-channel__use">开服条目写错了、设备门槛标注和你的实测对不上、个人数据相关的请求，都发这里。标题里带上期号，正文写清条目名和出问题的字段。</p>
              <p class="ct-channel__hint">有截图或设备信息就一起附上，省掉一轮来回确认。</p>
            </div>
          </article>

          <article class="ct-channel">
            <span class="ct-channel__icon" aria-hidden="true">
              <svg viewBox="0 0 24 24"><path d="M4.4 4h3.2l2 4.9-2.4 1.5a12.4 12.4 0 0 0 5.4 5.4l1.5-2.4 4.9 2v3.2a1.9 1.9 0 0 1-2.1 1.9A15.7 15.7 0 0 1 2.5 6.1 1.9 1.9 0 0 1 4.4 4z"/></svg>
            </span>
            <div class="ct-channel__main">
              <p class="ct-channel__label">服务电话</p>
              <p class="ct-channel__value">400-2512-4894</p>
              <p class="ct-channel__use">装不上、开服时间看不懂、包体档位拿不准这类问题，电话里几句话就能问明白，我们会一边听一边把对应条目翻出来。</p>
              <p class="ct-channel__hint">通话前把设备型号和报错原文放在手边，沟通会快很多。</p>
            </div>
          </article>

          <article class="ct-channel">
            <span class="ct-channel__icon" aria-hidden="true">
              <svg viewBox="0 0 24 24"><path d="M12 21.2s6.2-5.6 6.2-10.4a6.2 6.2 0 1 0-12.4 0c0 4.8 6.2 10.4 6.2 10.4z"/><circle cx="12" cy="10.6" r="2.5"/></svg>
            </span>
            <div class="ct-channel__main">
              <p class="ct-channel__label">运营中心地址</p>
              <p class="ct-channel__value">河北省石家庄市长安区中山东路289号乐虎国游站运营中心</p>
              <p class="ct-channel__use">合作资料、纸质文件与线下对接的往来按这个地址寄送；内容维护与数据整理也在河北完成。</p>
              <p class="ct-channel__hint">需要当面沟通的，请先用邮件或电话约好时间，免得空跑。</p>
            </div>
          </article>
        </div>

        <aside class="ct-channels__side">
          <figure class="lh-figure lh-figure--banner ct-hours__figure">
            <img src="{zhanqunpic:h:600w:1200}" width="1200" height="600" loading="lazy" decoding="async" alt="服务时段与响应节奏示意图，工作日 9:00 至 18:00 以琥珀橙弧线标出，非工作时段以岩灰呈现">
            <figcaption class="lh-figure__cap">受理时段集中在工作日的白天。</figcaption>
          </figure>

          <div class="ct-hours lh-glass">
            <p class="ct-hours__title">工作日受理时段</p>
            <div class="ct-hours__rail" role="img" aria-label="受理时段为每天 9:00 至 18:00">
              <span class="ct-hours__fill"></span>
            </div>
            <div class="ct-hours__scale">
              <span>0:00</span><span>9:00</span><span>18:00</span><span>24:00</span>
            </div>
            <p class="ct-hours__note">夜里或周末发来的邮件同样会进队列，只是要等到下一个工作日才有处理结果。临近开服节点的问题，建议直接打电话。</p>
          </div>
        </aside>
      </div>
    </div>
  </section>

  <section class="lh-section" id="ct-correction">
    <div class="lh-container">
      <header class="lh-chapter">
        <span class="lh-chapter__no">02</span>
        <h2 class="lh-chapter__title">开服表纠错，四样东西写全就够了</h2>
        <p class="lh-chapter__desc">标题带期号，正文指到具体字段，比写一大段描述更容易直接定位到要改的地方。</p>
      </header>

      <div class="ct-correction__grid">
        <ol class="ct-req">
          <li class="ct-req__item">
            <span class="ct-req__no">01</span>
            <h3 class="ct-req__title">赛季期号</h3>
            <p class="ct-req__text">S26 还是更早的归档期号。同一款游戏在不同赛季的节点并不一样，先确定期号才不会改错地方。</p>
          </li>
          <li class="ct-req__item">
            <span class="ct-req__no">02</span>
            <h3 class="ct-req__title">条目名称</h3>
            <p class="ct-req__text">游戏名加上条目类型，比如手游开服条目还是电脑客户端节点，库里同名的条目不少。</p>
          </li>
          <li class="ct-req__item">
            <span class="ct-req__no">03</span>
            <h3 class="ct-req__title">错在哪一项</h3>
            <p class="ct-req__text">开服时间、包体大小、设备门槛，还是玩法分类，指到具体字段，我们就不用逐项比对。</p>
          </li>
          <li class="ct-req__item">
            <span class="ct-req__no">04</span>
            <h3 class="ct-req__title">正确的信息</h3>
            <p class="ct-req__text">从官方公告看到的，还是在客户端里量出来的，说清来源。能附截图或公告截图最好。</p>
          </li>
        </ol>

        <aside class="ct-receipt lh-glass">
          <p class="ct-receipt__label">提交之后</p>
          <p class="ct-receipt__num">4</p>
          <p class="ct-receipt__text">普通纠错工单平均 4 小时内给出处理结果，工作时段内的常规条目改动当天就能完成。</p>
          <hr class="lh-divider">
          <p class="ct-receipt__text">回执会写清改了哪一项、改成什么；如果这次不改，也会说明原因和后面的安排。</p>
          <p class="ct-receipt__muted">历史期号的问题同样受理，只是会归到对应的赛季归档里处理，速度比当季条目略慢一些。</p>
        </aside>
      </div>
    </div>
  </section>

  <section class="lh-section" id="ct-compat">
    <div class="lh-container">
      <header class="lh-chapter">
        <span class="lh-chapter__no">03</span>
        <h2 class="lh-chapter__title">兼容性反馈带齐四项，定位省一半来回</h2>
        <p class="lh-chapter__desc">同样一句「跑不动」，带上设备型号和实际现象，我们就能判断是门槛标高了，还是这台机器确实落在低配可玩区间之外。</p>
      </header>

      <div class="ct-compat__grid">
        <article class="ct-compat__card">
          <p class="ct-compat__no">01</p>
          <h3 class="ct-compat__title">设备型号</h3>
          <p class="ct-compat__text">台式机写处理器与显卡，笔记本写整机型号，手机写品牌与具体机型。</p>
        </article>
        <article class="ct-compat__card">
          <p class="ct-compat__no">02</p>
          <h3 class="ct-compat__title">系统版本</h3>
          <p class="ct-compat__text">客户端看是不是 Windows 10 64 位及以上，手机看 Android 7.0 或 iOS 12 是否达标。</p>
        </article>
        <article class="ct-compat__card">
          <p class="ct-compat__no">03</p>
          <h3 class="ct-compat__title">包体档位</h3>
          <p class="ct-compat__text">你下的是六档里的哪一档，剩余磁盘空间还剩多少，这决定问题出在体积还是配置。</p>
        </article>
        <article class="ct-compat__card">
          <p class="ct-compat__no">04</p>
          <h3 class="ct-compat__title">遇到的现象</h3>
          <p class="ct-compat__text">卡在加载、闪退、进服后掉帧，还是根本装不上，附上报错原文最好。</p>
        </article>
      </div>

      <div class="ct-compat__note lh-glass">
        <p>拿不准自己的机器落在哪一档，可以先翻<a href="/troubleshooting/">兼容与开服问题排查</a>：四核 2.4GHz 处理器加 4GB 内存、集成显卡是低配可玩的下限，六核处理器配 8GB 内存与 GTX 1050 级别独显是推荐配置。对照完再反馈，我们能直接告诉你差在哪一项。</p>
      </div>
    </div>
  </section>

  <section class="lh-section" id="ct-ticket">
    <div class="lh-container">
      <header class="lh-chapter">
        <span class="lh-chapter__no">04</span>
        <h2 class="lh-chapter__title">按类型排队，急的排在前面</h2>
        <p class="lh-chapter__desc">开服节点马上就要到了却发现时间对不上，比一句措辞不准要紧得多，提交时选对类型，队列顺序自然就对了。</p>
      </header>

      <div class="ct-ticket__grid">
        <div class="ct-ticket__types" data-expand>
          <div class="lh-expand">
            <button type="button" class="lh-expand__trigger" data-expand-trigger aria-expanded="false" aria-controls="ct-tk-1">
              <span class="ct-tk__no">01</span>
              <span class="lh-expand__text">开服表纠错</span>
              <span class="lh-expand__icon" aria-hidden="true"></span>
            </button>
            <div class="lh-panel" id="ct-tk-1" data-expand-panel hidden>
              <p>需要准备：赛季期号、条目名称、出错的具体字段、你看到的正确信息与来源。</p>
            </div>
          </div>

          <div class="lh-expand">
            <button type="button" class="lh-expand__trigger" data-expand-trigger aria-expanded="false" aria-controls="ct-tk-2">
              <span class="ct-tk__no">02</span>
              <span class="lh-expand__text">兼容性反馈</span>
              <span class="lh-expand__icon" aria-hidden="true"></span>
            </button>
            <div class="lh-panel" id="ct-tk-2" data-expand-panel hidden>
              <p>需要准备：设备型号、系统版本、包体档位、实际现象与截图。四项齐全的反馈，兼容测试组当天就能给出结论。</p>
            </div>
          </div>

          <div class="lh-expand">
            <button type="button" class="lh-expand__trigger" data-expand-trigger aria-expanded="false" aria-controls="ct-tk-3">
              <span class="ct-tk__no">03</span>
              <span class="lh-expand__text">安装与更新故障</span>
              <span class="lh-expand__icon" aria-hidden="true"></span>
            </button>
            <div class="lh-panel" id="ct-tk-3" data-expand-panel hidden>
              <p>需要准备：报错原文或截图、系统版本、剩余磁盘空间、已经试过哪些操作。写明试过什么，能避免我们让你重复做一遍。</p>
            </div>
          </div>

          <div class="lh-expand">
            <button type="button" class="lh-expand__trigger" data-expand-trigger aria-expanded="false" aria-controls="ct-tk-4">
              <span class="ct-tk__no">04</span>
              <span class="lh-expand__text">个人数据相关请求</span>
              <span class="lh-expand__icon" aria-hidden="true"></span>
            </button>
            <div class="lh-panel" id="ct-tk-4" data-expand-panel hidden>
              <p>需要准备：你想查询、更正或删除的具体内容说明。处理方式与时限写在<a href="/privacy/">隐私政策</a>里，提交前可以先看一遍。</p>
            </div>
          </div>
        </div>

        <aside class="ct-ticket__sla lh-glass">
          <p class="ct-ticket__sla-title">受理与优先顺序</p>
          <ul class="ct-ticket__list">
            <li>
              <span class="lh-tag lh-tag--pulse">加急</span>
              <p>临近开服节点的时间错误、导致进不去游戏的故障，确认后优先分配处理。</p>
            </li>
            <li>
              <span class="lh-tag lh-tag--amber">常规</span>
              <p>包体大小、设备门槛、玩法分类这类条目纠错，按提交先后依次处理。</p>
            </li>
            <li>
              <span class="lh-tag lh-tag--compat">咨询</span>
              <p>选服、选包体、装不上的问题，需要补充信息时我们会一次性问全，不等你分几次答。</p>
            </li>
            <li>
              <span class="lh-tag lh-tag--moss">对接</span>
              <p>发行方与工作室的版本同步请求，转给版本情报组安排排期。</p>
            </li>
          </ul>
          <p class="ct-ticket__sla-note">工单在工作日 9:00 至 18:00 受理，其余时间提交的按提交时刻排进下一个工作日的队列。</p>
        </aside>
      </div>
    </div>
  </section>

  <section class="lh-section" id="ct-partner">
    <div class="lh-container">
      <header class="lh-chapter">
        <span class="lh-chapter__no">05</span>
        <h2 class="lh-chapter__title">发行方与工作室：节点给得早，玩家就准备得早</h2>
        <p class="lh-chapter__desc">每个赛季首次开服前，我们都会先发节点预告。你在排期确定的第一时间把资料给过来，玩家就能提前知道该留多少空间、手里的机器带不带得动。</p>
      </header>

      <div class="ct-partner__grid">
        <div class="ct-partner__intro">
          <p>版本情报组负责与发行方、开发工作室的日常对接，一次把赛季里的预开、正开、回流三段节点对齐，后面有调整再按变更同步。对接方式没有固定模板，把资料整理成条目能直接读的形式发过来就行。</p>
          <p>已经合作过的团队，续赛季只需发更新部分；首次对接的团队，我们会先回一份节点预告的排期安排，确认两侧时间对得上再往下走。</p>
          <p class="ct-partner__link"><a class="lh-btn lh-btn--neon" href="/profile/">看运营与维护方式</a></p>
        </div>

        <div class="ct-partner__list lh-glass">
          <p class="ct-partner__list-title">对接时请一并提供</p>
          <ul>
            <li><strong>客户端节点表</strong><span>预开、正开、回流三个版本分期的计划时间，每个赛季通常落在 12 到 18 个节点之间。</span></li>
            <li><strong>包体与档位</strong><span>各版本安装包的体积，以及它落在 2GB 到 18GB 六档中的哪一档。</span></li>
            <li><strong>设备门槛</strong><span>最低配置与推荐配置，含支持的系统版本范围。</span></li>
            <li><strong>区服与渠道</strong><span>手游条目按区服列出开放范围，方便玩家对照自己的账号所在地。</span></li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <section class="lh-section" id="ct-after">
    <div class="lh-container">
      <header class="lh-chapter">
        <span class="lh-chapter__no">06</span>
        <h2 class="lh-chapter__title">你提的那一条，最后会变成什么样</h2>
        <p class="lh-chapter__desc">从收到信息到条目改完，中间走提交、核实、修订、回执四步。走完这四步，改动既留在当期条目上，也留在赛季归档里。</p>
      </header>

      <ol class="ct-flow">
        <li class="ct-flow__node">
          <span class="ct-flow__dot" aria-hidden="true"></span>
          <p class="ct-flow__no">01</p>
          <h3 class="ct-flow__title">提交</h3>
          <p class="ct-flow__text">邮件、电话或工单进入队列，按问题类型打上标签，急件单独标记。</p>
        </li>
        <li class="ct-flow__node ct-flow__node--live">
          <span class="ct-flow__dot" aria-hidden="true"></span>
          <p class="ct-flow__no">02</p>
          <h3 class="ct-flow__title">核实</h3>
          <p class="ct-flow__text">兼容测试组或数据校对组比对官方公告与实测结果，确认哪一边更准。</p>
        </li>
        <li class="ct-flow__node">
          <span class="ct-flow__dot" aria-hidden="true"></span>
          <p class="ct-flow__no">03</p>
          <h3 class="ct-flow__title">修订</h3>
          <p class="ct-flow__text">条目字段改到正确值；牵涉整个赛季的节点变动，时间轴同步更新。</p>
        </li>
        <li class="ct-flow__node">
          <span class="ct-flow__dot" aria-hidden="true"></span>
          <p class="ct-flow__no">04</p>
          <h3 class="ct-flow__title">回执</h3>
          <p class="ct-flow__text">处理结果回到你提交的渠道，写清改了哪一项、改成了什么。</p>
        </li>
      </ol>

      <figure class="lh-figure lh-figure--wide ct-flow__figure">
        <img src="{zhanqunpic:h:800w:1200}" width="1200" height="800" loading="lazy" decoding="async" alt="工单流转示意插画，提交、核实、修订、回执四个节点以等距卡片依次连接，核实节点以品红高亮">
        <figcaption class="lh-figure__cap">四个节点走完，一条反馈就算闭环。</figcaption>
      </figure>

      <p class="ct-after__note">条目改动会记进<a href="/information/">赛季动态与版本公告</a>的修订记录，赛季结束后连同当期全部开服节点与兼容修订一起进归档。想追赛季的推进节奏，从当季开服总览进也很快。</p>
    </div>
  </section>

</main>


.page-contact {
  --ct-edge: 1px solid var(--lh-line);
  --ct-edge-soft: 1px solid var(--lh-line-soft);
}

/* ---------- 面包屑 ---------- */
.page-contact .lh-breadcrumb { padding-block: 16px 4px; }

/* ---------- 首屏 ---------- */
.page-contact .ct-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: start;
}

.page-contact .ct-hero__eyebrow {
  display: inline-block;
  margin: 0 0 14px;
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--lh-gold);
}

.page-contact .ct-hero__eyebrow .lh-mono {
  color: var(--lh-amber);
  font-weight: 700;
}

.page-contact .ct-hero h1 {
  margin: 0 0 18px;
  font-size: clamp(27px, 5vw, 46px);
  line-height: 1.22;
  letter-spacing: -.015em;
  max-width: 22ch;
}

.page-contact .ct-hero__desc {
  margin: 0 0 26px;
  max-width: 48ch;
  color: var(--lh-muted);
  line-height: 1.85;
}

.page-contact .ct-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.page-contact .ct-hero__panel {
  position: relative;
  padding: 20px 22px 22px 26px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
  overflow: hidden;
}

.page-contact .ct-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--lh-amber), var(--lh-pulse));
}

.page-contact .ct-hero__panel-title {
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

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

.page-contact .ct-hero__stat {
  padding-left: 14px;
  border-left: 2px solid var(--lh-amber);
}

.page-contact .ct-hero__stat--gold { border-left-color: var(--lh-gold); }
.page-contact .ct-hero__stat--neon { border-left-color: var(--lh-neon); }

.page-contact .ct-hero__val {
  margin: 0 0 4px;
  font-family: var(--lh-font-mono);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -.02em;
  color: var(--lh-paper);
}

.page-contact .ct-hero__k {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--lh-muted);
}

@media (min-width: 940px) {
  .page-contact .ct-hero__inner {
    grid-template-columns: minmax(0, 1.42fr) minmax(290px, .88fr);
    gap: 48px;
    align-items: end;
  }
  .page-contact .ct-hero__val { font-size: 24px; }
}

/* ---------- 01 渠道 ---------- */
.page-contact .ct-channels__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.page-contact .ct-channels__list {
  display: grid;
  gap: 14px;
}

.page-contact .ct-channel {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  background: var(--lh-glass);
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
  backdrop-filter: blur(6px);
  transition: border-color .2s ease, transform .2s ease;
}

.page-contact .ct-channel:hover {
  border-color: rgba(232, 114, 28, .58);
  transform: translateY(-2px);
}

.page-contact .ct-channel__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(232, 114, 28, .5);
  border-radius: 50%;
  color: var(--lh-amber);
}

.page-contact .ct-channel__icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-contact .ct-channel__label {
  margin: 0 0 5px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

.page-contact .ct-channel__value {
  margin: 0 0 10px;
  font-family: var(--lh-font-mono);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--lh-paper);
  word-break: break-word;
}

.page-contact .ct-channel__use {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.78;
  color: var(--lh-muted);
}

.page-contact .ct-channel__hint {
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--lh-line-soft);
  font-size: 13px;
  line-height: 1.7;
  color: var(--lh-dim);
}

.page-contact .ct-channels__side {
  display: grid;
  gap: 16px;
  align-content: start;
}

.page-contact .ct-hours {
  padding: 18px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
}

.page-contact .ct-hours__title {
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

.page-contact .ct-hours__rail {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: rgba(244, 239, 228, .08);
  overflow: hidden;
}

.page-contact .ct-hours__fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 37.5%;
  right: 25%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--lh-amber), var(--lh-gold));
}

.page-contact .ct-hours__scale {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-family: var(--lh-font-mono);
  font-size: 11px;
  color: var(--lh-dim);
}

.page-contact .ct-hours__note {
  margin: 14px 0 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--lh-muted);
}

@media (min-width: 980px) {
  .page-contact .ct-channels__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
  }
}

/* ---------- 02 纠错 ---------- */
.page-contact .ct-correction__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.page-contact .ct-req {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-contact .ct-req__item {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  grid-template-areas:
    "no title"
    "no text";
  column-gap: 16px;
  row-gap: 6px;
  padding: 18px 4px 18px 0;
  border-bottom: var(--ct-edge-soft);
}

.page-contact .ct-req__item:first-child { border-top: var(--ct-edge-soft); }

.page-contact .ct-req__no {
  grid-area: no;
  font-family: var(--lh-font-mono);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: var(--lh-amber);
}

.page-contact .ct-req__title {
  grid-area: title;
  margin: 0;
  font-size: 17px;
  letter-spacing: -.01em;
}

.page-contact .ct-req__text {
  grid-area: text;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.78;
  color: var(--lh-muted);
}

.page-contact .ct-receipt {
  position: relative;
  padding: 22px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
  overflow: hidden;
}

.page-contact .ct-receipt::after {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232, 114, 28, .22), transparent 70%);
  pointer-events: none;
}

.page-contact .ct-receipt__label {
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

.page-contact .ct-receipt__num {
  margin: 0 0 8px;
  font-family: var(--lh-font-mono);
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--lh-amber);
}

.page-contact .ct-receipt__text {
  margin: 0 0 14px;
  font-size: 14.5px;
  line-height: 1.78;
  color: var(--lh-muted);
}

.page-contact .ct-receipt .lh-divider { margin: 16px 0; }

.page-contact .ct-receipt__muted {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--lh-dim);
}

@media (min-width: 900px) {
  .page-contact .ct-correction__grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
  }
}

/* ---------- 03 兼容反馈 ---------- */
.page-contact .ct-compat__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.page-contact .ct-compat__card {
  padding: 20px 18px;
  background: var(--lh-rock);
  border: var(--ct-edge-soft);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
  transition: border-color .2s ease, background-color .2s ease;
}

.page-contact .ct-compat__card:hover {
  border-color: rgba(53, 224, 161, .5);
  background: var(--lh-rock-deep);
}

.page-contact .ct-compat__no {
  margin: 0 0 10px;
  font-family: var(--lh-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--lh-neon);
}

.page-contact .ct-compat__title {
  margin: 0 0 8px;
  font-size: 16px;
}

.page-contact .ct-compat__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lh-muted);
}

.page-contact .ct-compat__note {
  margin-top: 18px;
  padding: 18px 20px;
  border: var(--ct-edge);
  border-left: 3px solid var(--lh-neon);
  border-radius: var(--lh-radius);
}

.page-contact .ct-compat__note p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.82;
  color: var(--lh-muted);
  max-width: 68ch;
}

.page-contact .ct-compat__note a {
  color: var(--lh-neon);
  text-decoration: none;
  border-bottom: 1px solid rgba(53, 224, 161, .45);
}

.page-contact .ct-compat__note a:hover { border-bottom-color: var(--lh-neon); }

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

@media (min-width: 1040px) {
  .page-contact .ct-compat__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
}

/* ---------- 04 工单类型与优先级 ---------- */
.page-contact .ct-ticket__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.page-contact .ct-ticket__types {
  display: grid;
  gap: 10px;
  align-content: start;
}

.page-contact .ct-tk__no {
  flex: 0 0 auto;
  font-family: var(--lh-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--lh-amber);
}

.page-contact .ct-ticket__sla {
  padding: 22px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
}

.page-contact .ct-ticket__sla-title {
  margin: 0 0 18px;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--lh-dim);
}

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

.page-contact .ct-ticket__list li {
  padding-bottom: 16px;
  border-bottom: 1px dashed var(--lh-line-soft);
}

.page-contact .ct-ticket__list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.page-contact .ct-ticket__list p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lh-muted);
}

.page-contact .ct-ticket__sla-note {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: var(--ct-edge);
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--lh-dim);
}

@media (min-width: 980px) {
  .page-contact .ct-ticket__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
  }
}

/* ---------- 05 版本对接 ---------- */
.page-contact .ct-partner__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.page-contact .ct-partner__intro p {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--lh-muted);
  max-width: 52ch;
}

.page-contact .ct-partner__link {
  margin: 22px 0 0;
}

.page-contact .ct-partner__list {
  position: relative;
  padding: 22px;
  border: var(--ct-edge);
  border-radius: var(--lh-radius);
}

.page-contact .ct-partner__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 74px;
  height: 3px;
  background: var(--lh-gold);
}

.page-contact .ct-partner__list-title {
  margin: 6px 0 12px;
  font-size: 15px;
  font-weight: 700;
  color: var(--lh-paper);
}

.page-contact .ct-partner__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-contact .ct-partner__list li {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  padding: 13px 0;
  border-bottom: 1px dashed var(--lh-line-soft);
}

.page-contact .ct-partner__list li:last-child { border-bottom: 0; }

.page-contact .ct-partner__list strong {
  font-size: 14.5px;
  color: var(--lh-amber);
}

.page-contact .ct-partner__list span {
  font-size: 13.8px;
  line-height: 1.72;
  color: var(--lh-muted);
}

@media (min-width: 600px) {
  .page-contact .ct-partner__list li {
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 14px;
    align-items: baseline;
  }
}

@media (min-width: 980px) {
  .page-contact .ct-partner__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 40px;
    align-items: start;
  }
}

/* ---------- 06 处理流程 ---------- */
.page-contact .ct-flow {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.page-contact .ct-flow__node {
  position: relative;
  padding: 22px 16px 20px;
  border-top: 2px solid var(--lh-line);
  background: linear-gradient(180deg, rgba(244, 239, 228, .055), transparent 78%);
}

.page-contact .ct-flow__dot {
  position: absolute;
  top: -6px;
  left: 16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--lh-amber);
}

.page-contact .ct-flow__node--live { border-top-color: var(--lh-pulse); }

.page-contact .ct-flow__node--live .ct-flow__dot {
  background: var(--lh-pulse);
  animation: ct-pulse 1.2s ease-out infinite;
}

.page-contact .ct-flow__no {
  margin: 0 0 8px;
  font-family: var(--lh-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--lh-dim);
}

.page-contact .ct-flow__title {
  margin: 0 0 8px;
  font-size: 17px;
}

.page-contact .ct-flow__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--lh-muted);
}

@keyframes ct-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 46, 136, .5); }
  100% { box-shadow: 0 0 0 14px rgba(255, 46, 136, 0); }
}

.page-contact .ct-flow__figure { margin: 0 0 22px; }

.page-contact .ct-after__note {
  margin: 0;
  padding-left: 16px;
  border-left: 2px solid var(--lh-amber);
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--lh-muted);
  max-width: 66ch;
}

.page-contact .ct-after__note a {
  color: var(--lh-gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(242, 163, 60, .4);
}

.page-contact .ct-after__note a:hover { border-bottom-color: var(--lh-gold); }

@media (min-width: 860px) {
  .page-contact .ct-flow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }
  .page-contact .ct-flow__node {
    padding: 24px 20px 22px;
    border-top-width: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-contact .ct-flow__node--live .ct-flow__dot { animation: none; }
  .page-contact .ct-channel { transition: none; }
}