.page-about {
  --about-bg: var(--ink);
  --about-bg-2: var(--ink-2);
  --about-fg: var(--white);
  --about-fg-mute: rgba(251, 250, 246, 0.66);
  --about-line: rgba(251, 250, 246, 0.16);
  --about-line-strong: rgba(251, 250, 246, 0.32);
  --about-paper: var(--paper);
  --about-paper-2: var(--paper-2);
  --about-black: var(--black);
  --about-mute: var(--mute);
  --about-signal: var(--signal);
  --about-cyan: var(--cyan);
  --about-deep-signal: #B34610;

  background: var(--about-bg);
  color: var(--about-fg);
  overflow-x: hidden;
}

.page-about .about-crumbs {
  padding-top: 1.1rem;
}

.page-about .about-hero {
  position: relative;
  padding: 1.5rem 0 3rem;
  border-bottom: 1px solid var(--about-line);
}

.page-about .about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, transparent 49.4%, rgba(251, 250, 246, 0.05) 49.4%, rgba(251, 250, 246, 0.05) 50.6%, transparent 50.6%),
    linear-gradient(0deg, transparent 49.4%, rgba(251, 250, 246, 0.05) 49.4%, rgba(251, 250, 246, 0.05) 50.6%, transparent 50.6%);
  background-size: 96px 96px;
  pointer-events: none;
}

.page-about .about-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
}

.page-about .about-side-note {
  display: none;
}

.page-about .about-kicker {
  margin: 0 0 0.9rem;
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--about-signal);
}

.page-about .about-h1 {
  margin: 0 0 1.1rem;
  font-size: clamp(2rem, 6.4vw, 4rem);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: -0.015em;
}

.page-about .about-lead {
  margin: 0 0 1.6rem;
  max-width: 34em;
  font-size: 1rem;
  line-height: 1.8;
  color: var(--about-fg-mute);
}

.page-about .about-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.page-about .about-hero-figure {
  position: relative;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--about-line-strong);
  background: var(--about-bg-2);
  box-shadow: 8px 8px 0 0 rgba(255, 106, 26, 0.14);
}

.page-about .about-hero-figure::before,
.page-about .about-hero-figure::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid var(--about-signal);
  z-index: 2;
}

.page-about .about-hero-figure::before {
  top: -2px;
  left: -2px;
  border-right: 0;
  border-bottom: 0;
}

.page-about .about-hero-figure::after {
  right: -2px;
  bottom: -2px;
  border-left: 0;
  border-top: 0;
}

.page-about .about-hero-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  filter: saturate(0.86) contrast(1.04);
}

.page-about .about-section {
  padding: 3rem 0;
}

.page-about .about-sec-head {
  margin: 0 0 1.9rem;
}

.page-about .about-sec-eyebrow {
  margin: 0 0 0.65rem;
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--about-signal);
}

.page-about .about-h2 {
  margin: 0 0 0.8rem;
  font-size: clamp(1.45rem, 3.8vw, 2.25rem);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.page-about .about-sec-head p {
  margin: 0;
  max-width: 46em;
  font-size: 0.96rem;
  line-height: 1.75;
  color: var(--about-fg-mute);
}

/* 时间轴 */
.page-about .about-history-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.25rem;
}

.page-about .about-tl {
  list-style: none;
  margin: 0;
  padding: 0 0 0 2.25rem;
  position: relative;
}

.page-about .about-tl::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: linear-gradient(180deg, var(--about-signal) 0%, rgba(255, 106, 26, 0.35) 55%, rgba(255, 106, 26, 0.06) 100%);
}

.page-about .about-node {
  position: relative;
  padding-bottom: 1.35rem;
}

.page-about .about-node::before {
  content: "";
  position: absolute;
  left: -2.25rem;
  top: 0.62rem;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  box-sizing: content-box;
  border-radius: 50%;
  border: 2px solid var(--about-signal);
  background: var(--about-bg);
}

.page-about .about-node > details > summary {
  list-style: none;
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  padding: 0.1rem 0 0.3rem;
  cursor: pointer;
}

.page-about .about-node > details > summary::-webkit-details-marker {
  display: none;
}

.page-about .about-node > details > summary:focus-visible {
  outline: 2px solid var(--about-cyan);
  outline-offset: 4px;
}

.page-about .about-year {
  flex: none;
  font-family: var(--font-num);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--about-signal);
  padding: 0.12rem 0.8rem 0.12rem 0.5rem;
  background: rgba(255, 106, 26, 0.1);
  clip-path: polygon(0 0, 100% 0, calc(100% - 9px) 100%, 0 100%);
}

.page-about .about-node-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.45;
}

.page-about .about-node > details > summary::after {
  content: "+";
  margin-left: auto;
  flex: none;
  font-family: var(--font-num);
  font-size: 1rem;
  line-height: 1;
  color: var(--about-cyan);
}

.page-about .about-node > details[open] > summary::after {
  content: "−";
}

.page-about .about-node-body {
  margin: 0.55rem 0 0;
  max-width: 48ch;
  font-size: 0.92rem;
  line-height: 1.8;
  color: var(--about-fg-mute);
}

.page-about .about-history-figure {
  margin: 0 auto;
  max-width: 420px;
  width: 100%;
  padding: 8px;
  border: 1px solid var(--about-line-strong);
  background: var(--about-bg-2);
}

.page-about .about-history-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.page-about .about-history-figure figcaption {
  margin-top: 0.6rem;
  font-family: var(--font-num);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: rgba(251, 250, 246, 0.5);
}

/* 纸面：栏目体系 */
.page-about .about-cols {
  background: var(--about-paper);
  color: var(--about-black);
  padding: 3rem 0;
}

.page-about .about-cols .about-h2 {
  color: var(--about-black);
}

.page-about .about-cols .about-sec-head p {
  color: var(--about-mute);
}

.page-about .about-cols .about-sec-eyebrow {
  color: var(--about-deep-signal);
}

.page-about .about-col-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

.page-about .about-col-card {
  position: relative;
  padding: 1.5rem 1.3rem 1.6rem;
  background: var(--white);
  border: 1px solid rgba(25, 29, 27, 0.16);
  box-shadow: 4px 4px 0 0 rgba(25, 29, 27, 0.1);
}

.page-about .about-col-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--about-signal);
}

.page-about .about-col-num {
  display: block;
  margin-bottom: 0.6rem;
  font-family: var(--font-num);
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: var(--about-mute);
}

.page-about .about-col-card h3 {
  margin: 0 0 0.55rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--about-black);
}

.page-about .about-col-card p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.75;
  color: var(--about-mute);
}

/* 团队 */
.page-about .about-team-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.85rem;
}

.page-about .about-role {
  position: relative;
  padding: 1.25rem 1.2rem 1.35rem 3.5rem;
  border: 1px solid var(--about-line);
  background: var(--about-bg-2);
  transition: transform 0.25s var(--ease), border-color 0.25s var(--ease);
}

.page-about .about-role:hover,
.page-about .about-role:focus-within {
  transform: translateY(-3px);
  border-color: rgba(255, 106, 26, 0.5);
}

.page-about .about-role-num {
  position: absolute;
  left: 1rem;
  top: 1.15rem;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid var(--about-signal);
  background: var(--white);
  color: var(--ink);
  font-family: var(--font-num);
  font-size: 0.78rem;
  font-weight: 700;
  display: grid;
  place-items: center;
}

.page-about .about-role h3 {
  margin: 0 0 0.4rem;
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.4;
}

.page-about .about-role p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--about-fg-mute);
}

.page-about .about-team-figure {
  margin: 2.25rem 0 0;
  padding: 8px;
  border: 1px solid var(--about-line-strong);
  background: var(--about-bg-2);
}

.page-about .about-team-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  filter: saturate(0.8);
}

/* 纸面：信息来源 */
.page-about .about-source-section {
  background: var(--about-paper);
  color: var(--about-black);
  padding: 3rem 0;
}

.page-about .about-source-section .about-h2 {
  color: var(--about-black);
}

.page-about .about-source-section .about-sec-eyebrow {
  color: var(--about-deep-signal);
}

.page-about .about-source-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4rem;
  padding: 1.6rem 1.3rem 1.7rem;
  background: var(--white);
  border: 1px dashed rgba(25, 29, 27, 0.3);
}

.page-about .about-source-intro {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.75;
  color: var(--about-mute);
}

.page-about .about-source-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.9rem;
}

.page-about .about-source-list li {
  position: relative;
  padding-left: 1.5rem;
  font-size: 0.92rem;
  line-height: 1.7;
  color: var(--about-black);
}

.page-about .about-source-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 9px;
  height: 9px;
  background: var(--about-signal);
  clip-path: polygon(0 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
}

/* 合作 */
.page-about .about-partner-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.5rem;
}

.page-about .about-chip {
  position: relative;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  border: 1px solid var(--about-line);
  background: var(--about-bg-2);
  font-family: var(--font-num);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  color: rgba(251, 250, 246, 0.55);
  transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease);
}

.page-about .about-chip--campus {
  border-color: rgba(59, 240, 198, 0.24);
}

.page-about .about-chip:hover,
.page-about .about-chip:focus-visible {
  border-color: var(--about-signal);
  color: var(--about-signal);
  background: rgba(255, 106, 26, 0.1);
  outline: none;
}

.page-about .about-chip--campus:hover,
.page-about .about-chip--campus:focus-visible {
  border-color: var(--about-cyan);
  color: var(--about-cyan);
  background: rgba(59, 240, 198, 0.1);
}

.page-about .about-chip::after {
  content: attr(data-kind);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 7px);
  transform: translateX(-50%) translateY(4px);
  padding: 3px 8px;
  background: var(--white);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 10px;
  letter-spacing: 0.05em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s var(--ease), transform 0.2s var(--ease);
}

.page-about .about-chip:hover::after,
.page-about .about-chip:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.page-about .about-partner-note {
  margin: 1.6rem 0 0;
  padding-left: 1rem;
  border-left: 2px solid var(--about-signal);
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--about-fg-mute);
}

/* 收束 */
.page-about .about-pillars-section {
  background: var(--about-paper);
  color: var(--about-black);
  padding: 3rem 0 3.4rem;
}

.page-about .about-pillars-section .about-h2 {
  color: var(--about-black);
}

.page-about .about-pillars-section .about-sec-eyebrow {
  color: var(--about-deep-signal);
}

.page-about .about-pillars {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4rem;
}

.page-about .about-pillar {
  padding-top: 1.1rem;
  border-top: 3px solid var(--about-signal);
}

.page-about .about-pillar h3 {
  margin: 0 0 0.55rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--about-black);
}

.page-about .about-pillar p {
  margin: 0 0 1.1rem;
  font-size: 0.92rem;
  line-height: 1.75;
  color: var(--about-mute);
}

.page-about .about-tail {
  margin: 2.2rem 0 0;
  font-size: 0.9rem;
  line-height: 1.75;
  color: var(--about-mute);
}

.page-about .about-tail-link {
  color: var(--about-deep-signal);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-about .about-tail-link:hover {
  color: var(--about-black);
}

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

  .page-about .about-partner-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 760px) {
  .page-about .about-col-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
  }

  .page-about .about-pillars {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.75rem;
  }
}

@media (min-width: 900px) {
  .page-about .about-crumbs {
    padding-top: 1.4rem;
  }

  .page-about .about-hero {
    padding: 1.75rem 0 3.75rem;
  }

  .page-about .about-hero-grid {
    grid-template-columns: 78px minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 2.5rem;
    align-items: start;
  }

  .page-about .about-side-note {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    padding-top: 0.4rem;
    font-size: 11px;
    letter-spacing: 0.34em;
    color: rgba(251, 250, 246, 0.44);
  }

  .page-about .about-side-note::before {
    content: "";
    display: block;
    width: 2px;
    height: 56px;
    background: var(--about-signal);
  }

  .page-about .about-lead {
    font-size: 1.0625rem;
  }

  .page-about .about-section {
    padding: 4.25rem 0;
  }

  .page-about .about-cols,
  .page-about .about-source-section {
    padding: 4rem 0;
  }

  .page-about .about-pillars-section {
    padding: 4rem 0 4.5rem;
  }

  .page-about .about-history-grid {
    grid-template-columns: minmax(0, 1.32fr) minmax(0, 0.68fr);
    gap: 3.5rem;
    align-items: start;
  }

  .page-about .about-history-figure {
    margin-top: 3.4rem;
  }

  .page-about .about-source-card {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 2.25rem;
    padding: 2rem 2.1rem 2.1rem;
  }
}

@media (min-width: 1060px) {
  .page-about .about-team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-about .about-partner-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-about .about-role,
  .page-about .about-chip,
  .page-about .about-chip::after {
    transition: none;
  }

  .page-about .about-role:hover,
  .page-about .about-role:focus-within {
    transform: none;
  }
}


<main id="main-content" class="page-about">
  <div class="container about-crumbs">
    <nav class="breadcrumbs" aria-label="面包屑">
      <ol class="breadcrumb-list">
        <li><a class="breadcrumb-link" href="/">首页</a></li>
        <li class="breadcrumb-current" aria-current="page">品牌总览</li>
      </ol>
    </nav>
  </div>

  <section class="about-hero">
    <div class="container about-hero-grid">
      <p class="about-side-note" aria-hidden="true">2016 — 至今 · 场边记录</p>
      <div class="about-hero-copy">
        <p class="about-kicker">品牌总览</p>
        <h1 class="about-h1">从一份战报起步，把比赛记成能查的东西</h1>
        <p class="about-lead">
          2016 年易倍体育上线时，只整理一个联赛的赛后战报。今天，一支 12 人的编辑与数据小组在每个比赛日同步约 260 场赛程条目，常设 14 个战报专栏，覆盖 46 个联赛与杯赛。你想知道今晚上几点开球、首发有没有变、上一轮的记录能不能带走，在这里一次就能办完。
        </p>
        <div class="about-cta">
          <a class="btn btn-signal" href="/apps/">看 V4 主页能做什么</a>
          <a class="btn btn-ghost" href="/information/">翻战报专栏</a>
        </div>
      </div>
      <figure class="about-hero-figure">
        <img src="{zhanqunpic:h:900w:1800}" width="1800" height="900" alt="深色战术板上手绘的跑位线条与半场区域划分的俯拍局部">
      </figure>
    </div>
  </section>

  <section class="about-section about-history">
    <div class="container about-history-grid">
      <div class="about-history-main">
        <header class="about-sec-head">
          <p class="about-sec-eyebrow">走过的路</p>
          <h2 class="about-h2">这门手艺，是一段一段攒出来的</h2>
          <p>从只做一个联赛，到今天覆盖 46 个联赛与杯赛，每一次扩展背后都是一件具体的事被做扎实。</p>
        </header>

        <ol class="about-tl">
          <li class="about-node">
            <details open>
              <summary>
                <span class="about-year">2016</span>
                <h3 class="about-node-title">一份单联赛战报起步</h3>
              </summary>
              <p class="about-node-body">平台上线时只做一件事：把单个联赛的赛后战报整理成能读完的一页。比分、关键节点、阵容三段，写完就发，工作台上只有一张赛程表和一支笔。</p>
            </details>
          </li>
          <li class="about-node">
            <details>
              <summary>
                <span class="about-year">2019</span>
                <h3 class="about-node-title">拆成多联赛战报专栏</h3>
              </summary>
              <p class="about-node-body">按联赛、杯赛与地区赛事拆出常设专栏。跟队球迷不必在一篇长文里翻自己关心的那一场，点进对应专栏就能接着上一轮往下读。</p>
            </details>
          </li>
          <li class="about-node">
            <details>
              <summary>
                <span class="about-year">2021</span>
                <h3 class="about-node-title">V4 主页上线</h3>
              </summary>
              <p class="about-node-body">比分追踪与阵容确认挪到 PC 端同一屏，查一场比赛从三次跳转收敛到一次。当前站内运行的版本是 4.6。</p>
            </details>
          </li>
          <li class="about-node">
            <details>
              <summary>
                <span class="about-year">2023</span>
                <h3 class="about-node-title">赛事数据服务案例入选</h3>
              </summary>
              <p class="about-node-body">平台的赛事数据服务案例入选省级体育产业协会年度案例。这份认可来自长期把业余与校园赛事的排期整理成可用条目。</p>
            </details>
          </li>
          <li class="about-node">
            <details>
              <summary>
                <span class="about-year">4.x</span>
                <h3 class="about-node-title">进入持续的版本迭代</h3>
              </summary>
              <p class="about-node-body">V4 之后进入 4.x 迭代，重心压在使用频次最高的两个动作上：一键收藏常用栏目，以及两步把单场记录带走。</p>
            </details>
          </li>
        </ol>
      </div>

      <figure class="about-history-figure">
        <img src="{zhanqunpic:h:1000w:1000}" width="1000" height="1000" alt="电子计时器数字与刻度盘的局部特写，数字模糊不可读" loading="lazy" decoding="async">
        <figcaption>比赛日的节奏，由一块一直在走的表定下来</figcaption>
      </figure>
    </div>
  </section>

  <section class="about-cols">
    <div class="container">
      <header class="about-sec-head">
        <p class="about-sec-eyebrow">栏目体系</p>
        <h2 class="about-h2">十四个专栏，分成三组看</h2>
        <p>常设 14 个战报专栏按联赛、杯赛与地区赛事分组。三组的赛季节奏不一样，更新密度也不一样，找比赛之前先认准自己关心的那一组。</p>
      </header>

      <div class="about-col-grid">
        <article class="about-col-card">
          <span class="about-col-num">01 / 联赛</span>
          <h3>跟着一条完整赛季线</h3>
          <p>按轮次一路排到赛季结束。比赛日场次密集，比分、关键节点与阵容表随赛程推进同步补齐，适合固定跟一支队的球迷整季连着看。</p>
        </article>
        <article class="about-col-card">
          <span class="about-col-num">02 / 杯赛</span>
          <h3>轮次集中，排期一次给全</h3>
          <p>淘汰制赛事的赛程集中在特定几周。抽签结果出来后整轮排期一次性放出，赛前再补上场地与开赛时间的调整。</p>
        </article>
        <article class="about-col-card">
          <span class="about-col-num">03 / 地区赛事</span>
          <h3>业余与校园的日常赛程</h3>
          <p>覆盖内地 28 个省级行政区的业余与校园赛事，按赛事组织方给的时间表滚动更新，是本地球队和校园组织者用得最多的一组。</p>
        </article>
      </div>
    </div>
  </section>

  <section class="about-section about-team">
    <div class="container">
      <header class="about-sec-head">
        <p class="about-sec-eyebrow">谁在做</p>
        <h2 class="about-h2">十二个人，两班守着比赛日</h2>
        <p>编辑与数据小组 12 人分早班与晚班，覆盖比赛日从上午到深夜的赛程窗口。每个人盯一段，交接时把没结的节点写清楚，下一班接着往下做。</p>
      </header>

      <div class="about-team-grid">
        <article class="about-role">
          <span class="about-role-num">01</span>
          <h3>赛程录入</h3>
          <p>把组委会与运营方给的排期整理成站内条目，逐条核对日期、场地与轮次。</p>
        </article>
        <article class="about-role">
          <span class="about-role-num">02</span>
          <h3>比分跟踪</h3>
          <p>比赛进行中盯比分与关键节点，比赛日的刷新间隔不超过 30 秒。</p>
        </article>
        <article class="about-role">
          <span class="about-role-num">03</span>
          <h3>战报撰写</h3>
          <p>按比分带、关键节点、阵容表三段成稿，赛后尽快发出。</p>
        </article>
        <article class="about-role">
          <span class="about-role-num">04</span>
          <h3>阵容核对</h3>
          <p>开赛前 60 分钟确认首发、替补与伤停变动，逐项落到阵容表。</p>
        </article>
        <article class="about-role">
          <span class="about-role-num">05</span>
          <h3>纠错核查</h3>
          <p>处理来自反馈通道的纠错，收到后 24 小时内完成核查，比赛日加急。</p>
        </article>
        <article class="about-role">
          <span class="about-role-num">06</span>
          <h3>值守交接</h3>
          <p>早班与晚班在赛程高峰前完成交接，未结事项逐条移交，不留半截活。</p>
        </article>
      </div>

      <figure class="about-team-figure">
        <img src="{zhanqunpic:h:750w:1200}" width="1200" height="750" alt="纸面赛程表与铅笔标记的桌面局部俯拍，画面中无可辨姓名" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <section class="about-source-section">
    <div class="container">
      <div class="about-source-card">
        <div>
          <p class="about-sec-eyebrow">信息来源</p>
          <h2 class="about-h2">你看到的赛程，从哪来</h2>
          <p class="about-source-intro">一场比赛从排期到终场要经过几道手。这几道手决定了你点开的条目能不能直接拿去用。</p>
        </div>
        <ul class="about-source-list">
          <li>赛程来自与 9 家业余联赛组委会、6 家校园赛事运营方的对接，排期由赛事方给出，站内整理成可查的条目。</li>
          <li>现场记录补充比分与关键节点，赛后的战报据此成稿。</li>
          <li>阵容确认在开赛前 60 分钟更新，标注首发、替补与伤停变动。</li>
          <li>非比赛日按小时同步赛程变更，改期与场地调整当天落到条目上。</li>
          <li>比赛日比分刷新间隔不超过 30 秒，数字切换时位宽保持稳定。</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="about-section about-partners">
    <div class="container">
      <header class="about-sec-head">
        <p class="about-sec-eyebrow">一起做赛程的人</p>
        <h2 class="about-h2">谁在和我们把赛程做全</h2>
        <p>赛程完整不是一个人撑起来的。9 家业余联赛组委会与 6 家校园赛事运营方与平台保持赛程对接，改期与补赛当天就能反映到条目上。</p>
      </header>

      <ul class="about-partner-grid">
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>01</span></li>
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>02</span></li>
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>03</span></li>
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>04</span></li>
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>05</span></li>
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>06</span></li>
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>07</span></li>
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>08</span></li>
        <li class="about-chip" data-kind="业余联赛组委会" tabindex="0"><span>09</span></li>
        <li class="about-chip about-chip--campus" data-kind="校园赛事运营方" tabindex="0"><span>10</span></li>
        <li class="about-chip about-chip--campus" data-kind="校园赛事运营方" tabindex="0"><span>11</span></li>
        <li class="about-chip about-chip--campus" data-kind="校园赛事运营方" tabindex="0"><span>12</span></li>
        <li class="about-chip about-chip--campus" data-kind="校园赛事运营方" tabindex="0"><span>13</span></li>
        <li class="about-chip about-chip--campus" data-kind="校园赛事运营方" tabindex="0"><span>14</span></li>
        <li class="about-chip about-chip--campus" data-kind="校园赛事运营方" tabindex="0"><span>15</span></li>
      </ul>

      <p class="about-partner-note">2023 年，平台的赛事数据服务案例入选省级体育产业协会年度案例。</p>
    </div>
  </section>

  <section class="about-pillars-section">
    <div class="container">
      <header class="about-sec-head">
        <p class="about-sec-eyebrow">三条守则</p>
        <h2 class="about-h2">查比赛这件事，我们守住三条</h2>
      </header>

      <div class="about-pillars">
        <article class="about-pillar">
          <h3>赛程完整</h3>
          <p>14 个专栏、46 个联赛与杯赛、28 个省级行政区的业余与校园赛事，从一个入口能翻到底。</p>
          <a class="btn btn-ink" href="/information/">翻战报专栏</a>
        </article>
        <article class="about-pillar">
          <h3>刷新及时</h3>
          <p>比赛日比分刷新不超过 30 秒，阵容开赛前 60 分钟确认，赛程变更当天落到条目上。</p>
          <a class="btn btn-ink" href="/help/">看刷新规则</a>
        </article>
        <article class="about-pillar">
          <h3>记录可带走</h3>
          <p>单场记录两步导出，模板提供 11 项可选字段，只留比分、阵容或关键节点都行。</p>
          <a class="btn btn-ink" href="/apps/">试一次导出</a>
        </article>
      </div>

      <p class="about-tail">发现赛程或比分有出入，欢迎直接告诉我们，比赛日会加急处理。<a class="about-tail-link" href="/feedback/">去反馈通道</a></p>
    </div>
  </section>
</main>