.page-contact {
  --pc-panel-edge: rgba(168, 127, 46, 0.42);
  --pc-gold-soft: rgba(217, 180, 90, 0.16);
  display: block;
  padding-bottom: clamp(40px, 7vw, 88px);
}

/* ---------- 页首 ---------- */
.page-contact .contact-head {
  padding-top: clamp(18px, 4vw, 40px);
}

.page-contact .contact-head-grid {
  gap: 24px 28px;
}

.page-contact h1 {
  font-size: clamp(28px, 6.2vw, 52px);
  line-height: 1.16;
  letter-spacing: -0.01em;
  font-weight: 900;
  margin: 0 0 20px;
  max-width: 18em;
}

.page-contact .section-kicker {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--brass-lit);
  margin: 0 0 14px;
}

.page-contact .contact-lede {
  font-size: clamp(16px, 1.7vw, 18px);
  line-height: 1.78;
  color: var(--text);
  max-width: 40em;
  margin: 0;
  padding-left: 16px;
  border-left: 2px solid var(--brass);
}

.page-contact .head-jump {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 18px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-top-color: var(--pc-panel-edge);
}

.page-contact .head-jump__title {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 4px;
}

.page-contact .head-jump__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-family: var(--mono);
  font-size: 14px;
  color: var(--text);
  text-decoration: none;
  padding-bottom: 9px;
  border-bottom: 1px dashed var(--line);
  transition: color 160ms var(--ease);
}

.page-contact .head-jump__link:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.page-contact .head-jump__link::after {
  content: "↓";
  color: var(--neon);
  font-size: 13px;
}

.page-contact .head-jump__link:hover,
.page-contact .head-jump__link:focus-visible {
  color: var(--neon);
}

/* ---------- 首图 ---------- */
.page-contact .contact-hero {
  margin: 0 0 clamp(26px, 5vw, 46px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--pc-panel-edge);
  padding-top: 12px;
}

.page-contact .contact-hero img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: saturate(0.82) contrast(1.06);
}

.page-contact .media-frame__caption {
  font-size: 13px;
  line-height: 1.7;
  color: var(--muted);
  padding-top: 10px;
}

/* ---------- 联络表 ---------- */
.page-contact .contact-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--brass);
}

.page-contact .contact-table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: 15px;
}

.page-contact .contact-table__caption {
  caption-side: top;
  text-align: left;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 0 0 10px;
}

.page-contact .contact-table th,
.page-contact .contact-table td {
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  line-height: 1.65;
}

.page-contact .contact-table thead th {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  background: var(--panel-2);
  border-bottom: 1px solid var(--brass);
  white-space: nowrap;
}

.page-contact .contact-table tbody th {
  font-weight: 700;
  color: var(--text);
  background: var(--panel);
  border-right: 1px solid var(--line);
  white-space: nowrap;
  width: 30%;
}

.page-contact .contact-table tbody td {
  background: var(--ink);
  color: var(--muted);
}

.page-contact .contact-table tbody tr + tr th,
.page-contact .contact-table tbody tr + tr td {
  border-top: 1px solid var(--line);
}

.page-contact .mono-value {
  font-family: var(--mono);
  font-size: 15px;
  letter-spacing: 0.02em;
  word-break: break-all;
  color: var(--text);
}

.page-contact .mono-value--neon {
  color: var(--neon);
}

/* ---------- 时间条 ---------- */
.page-contact .time-rail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
  padding: 12px 16px;
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-left: 3px solid var(--brass-lit);
}

.page-contact .time-rail__label {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-contact .time-rail__bar {
  flex: 1 1 70px;
  min-width: 50px;
  height: 6px;
  background-image: repeating-linear-gradient(
    90deg,
    var(--karst-lift) 0 3px,
    transparent 3px 8px
  );
}

.page-contact .time-rail__value {
  font-family: var(--mono);
  font-size: 15px;
  letter-spacing: 0.06em;
  color: var(--neon);
}

/* ---------- 备案登记 ---------- */
.page-contact .registry {
  border-top: 1px solid var(--pc-panel-edge);
  padding-top: 24px;
}

.page-contact .registry-list {
  margin: 20px 0 0;
  border-top: 1px solid var(--line);
}

.page-contact .registry-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}

.page-contact .registry-row dt {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-contact .registry-row dd {
  margin: 0;
  font-family: var(--mono);
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
  word-break: break-word;
}

.page-contact .registry-note {
  margin: 18px 0 0;
  padding: 12px 0 12px 14px;
  border-left: 2px solid var(--karst-lift);
  font-size: 14px;
  line-height: 1.75;
  color: var(--muted);
  max-width: 62em;
}

/* ---------- 受理范围 ---------- */
.page-contact .scope-grid {
  display: grid;
  gap: 0;
  border: 1px solid var(--line);
}

.page-contact .scope-col {
  padding: 22px 20px;
}

.page-contact .scope-col--accept {
  background: var(--panel);
  border-bottom: 1px solid var(--line);
}

.page-contact .scope-col--decline {
  background: var(--panel-2);
}

.page-contact .scope-col__title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-contact .scope-col--accept .scope-col__title {
  color: var(--neon);
}

.page-contact .scope-col--decline .scope-col__title {
  color: var(--muted);
}

.page-contact .scope-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 15px;
}

.page-contact .scope-list li {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 10px;
  font-size: 15px;
  line-height: 1.72;
  color: var(--muted);
}

.page-contact .scope-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-top: 9px;
  border-radius: 50%;
}

.page-contact .scope-col--accept .scope-list li::before {
  background: var(--neon);
}

.page-contact .scope-col--decline .scope-list li::before {
  background: transparent;
  border: 1px solid var(--karst-lift);
}

.page-contact .scope-list strong {
  color: var(--text);
  font-weight: 700;
}

/* ---------- 反馈清单 ---------- */
.page-contact .checklist-grid {
  display: grid;
  gap: 28px;
}

.page-contact .checklist-main {
  min-width: 0;
}

.page-contact .filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 0;
  margin-bottom: 6px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.page-contact .filter-bar__label {
  width: 100%;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-contact .filter-btn {
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--line);
  padding: 7px 12px;
  cursor: pointer;
  transition: color 180ms var(--ease), border-color 180ms var(--ease), background-color 180ms var(--ease);
}

.page-contact .filter-btn:hover {
  border-color: var(--karst-lift);
  color: var(--neon);
}

.page-contact .filter-btn:focus-visible {
  outline: 2px solid var(--neon);
  outline-offset: 2px;
}

.page-contact .filter-btn[aria-pressed="true"] {
  color: var(--ink);
  background: var(--neon);
  border-color: var(--neon);
}

.page-contact .filter-count {
  margin-left: auto;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--brass-lit);
}

.page-contact .need-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.page-contact .need-item {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 6px 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  opacity: 1;
  transition: opacity 140ms var(--ease);
}

.page-contact .need-item.is-filtered {
  display: none;
}

.page-contact .need-item__code {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--brass-lit);
  padding-top: 4px;
}

.page-contact .need-item__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--text);
}

.page-contact .need-item__body {
  grid-column: 2;
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
  color: var(--muted);
}

.page-contact .checklist-aside {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.page-contact .checklist-aside .media-frame {
  margin: 0;
  border: 1px solid var(--line);
  border-top-color: var(--pc-panel-edge);
  padding-top: 10px;
  background: var(--panel);
}

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

.page-contact .checklist-aside .aside-note {
  background: var(--panel-2);
  border-left: 2px solid var(--brass);
  padding: 14px 16px;
}

.page-contact .aside-note__title {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brass-lit);
  margin: 0 0 8px;
}

.page-contact .checklist-aside .aside-note p:last-child {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--muted);
}

/* ---------- 处理节奏 ---------- */
.page-contact .cadence-list {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.page-contact .cadence-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 6px 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.page-contact .cadence-item__code {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--brass-lit);
  padding-top: 5px;
}

.page-contact .cadence-item h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--text);
}

.page-contact .cadence-item p {
  grid-column: 2;
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--muted);
}

.page-contact .cadence-foot {
  margin: 22px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--muted);
  max-width: 68em;
}

.page-contact .inline-link {
  color: var(--neon);
  text-decoration: none;
  border-bottom: 1px solid var(--pc-gold-soft);
  transition: border-color 160ms var(--ease);
}

.page-contact .inline-link:hover,
.page-contact .inline-link:focus-visible {
  border-bottom-color: var(--neon);
}

.page-contact .contact-closing {
  margin-top: clamp(34px, 6vw, 60px);
  border-top: 1px solid var(--brass-lit);
  opacity: 0.85;
}

/* ---------- 响应式 ---------- */
@media (min-width: 640px) {
  .page-contact .contact-table {
    min-width: 0;
  }

  .page-contact .registry-row {
    grid-template-columns: 190px 1fr;
    gap: 22px;
    align-items: baseline;
  }

  .page-contact .filter-bar__label {
    width: auto;
    margin-right: 8px;
  }

  .page-contact .need-item {
    grid-template-columns: 52px 1fr;
    gap: 6px 18px;
  }

  .page-contact .cadence-item {
    grid-template-columns: 54px 1fr;
    gap: 6px 18px;
  }
}

@media (min-width: 880px) {
  .page-contact .scope-grid {
    grid-template-columns: 1fr 1fr;
  }

  .page-contact .scope-col {
    padding: 26px 24px;
  }

  .page-contact .scope-col--accept {
    border-bottom: 0;
    border-right: 1px solid var(--line);
  }
}

@media (min-width: 960px) {
  .page-contact .checklist-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.85fr);
    gap: 34px;
    align-items: start;
  }

  .page-contact .contact-table tbody td {
    padding: 15px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-contact .filter-btn,
  .page-contact .need-item,
  .page-contact .head-jump__link,
  .page-contact .inline-link {
    transition: none;
  }
}


<main id="main-content" class="page-contact">
  <div class="wrap">
    <nav class="breadcrumb" aria-label="面包屑">
      <ol class="breadcrumb-list">
        <li class="breadcrumb-item"><a class="breadcrumb-link" href="/">赛区资料室</a></li>
        <li class="breadcrumb-item"><a class="breadcrumb-link" href="/overview/">站点概览</a></li>
        <li class="breadcrumb-item" aria-current="page">联络与咨询</li>
      </ol>
    </nav>
  </div>

  <section class="section contact-head">
    <div class="wrap">
      <div class="grid12 contact-head-grid">
        <div class="span-7">
          <p class="contact-kicker">CONTACT DESK / 联络台</p>
          <h1 class="contact-title">先对渠道，再谈问题：<br>资料室的联络边界与处理节奏</h1>
          <p class="contact-lede">
            168真人站没有账号体系，也不经手任何资金往来。需要把资料错误、编号疑问或入口调整建议送到赛区资料室的读者，
            只要走下面这一组渠道即可。其余号码、群组与私信不代表本站，也不会进入资料登记队列。
          </p>
        </div>
        <div class="span-5">
          <nav class="contact-jump" aria-label="页内定位">
            <p class="contact-jump__title">页内定位</p>
            <a class="contact-jump__link" href="#contact-table">联络项目一览</a>
            <a class="contact-jump__link" href="#contact-scope">受理与不受理对照</a>
            <a class="contact-jump__link" href="#contact-checklist">反馈所需信息</a>
            <a class="contact-jump__link" href="#contact-cadence">处理节奏说明</a>
          </nav>
        </div>
      </div>
    </div>
  </section>

  <div class="wrap">
    <figure class="media-frame media-frame--wide contact-hero">
      <img src="{zhanqunpic:h:760w:1500}" width="1500" height="760" alt="夜间资料室门廊与标识灯光的局部画面，深色主调，画面中无正面人物">
      <figcaption class="media-frame__caption">资料室在夜间只留门廊与标识灯，联络窗口按工作日时段开放登记。</figcaption>
    </figure>
  </div>

  <section class="section" id="contact-table">
    <div class="wrap">
      <div class="section-head">
        <p class="section-kicker">CHANNELS</p>
        <h2 class="section-title">联络项目一览</h2>
        <p class="section-note">邮箱与电话是资料室登记在册的两条通道，下面逐行列出，便于直接抄录或核对。</p>
      </div>

      <div class="contact-table-wrap">
        <table class="contact-table">
          <caption class="contact-table__caption">赛区资料室对外联络登记表</caption>
          <thead>
            <tr>
              <th scope="col">联络项目</th>
              <th scope="col">内容与说明</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">客服邮箱</th>
              <td><span class="mono-value mono-value--neon">support@168-live-saishitong.com.cn</span></td>
            </tr>
            <tr>
              <th scope="row">服务电话</th>
              <td><span class="mono-value mono-value--neon">400-2015-7643</span></td>
            </tr>
            <tr>
              <th scope="row">受理时段</th>
              <td>工作日 9:00—18:00，由专人处理赛区资料与入口变更相关咨询。</td>
            </tr>
            <tr>
              <th scope="row">受理范围</th>
              <td>赛区资料勘误、主场编号疑问、入口变更建议、兼容异常补充说明。</td>
            </tr>
            <tr>
              <th scope="row">使用语言</th>
              <td>简体中文（zh-CN）。</td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="contact-timerail" role="group" aria-label="客服受理时段">
        <span class="contact-timerail__label">工作日受理</span>
        <span class="contact-timerail__bar" aria-hidden="true"></span>
        <span class="contact-timerail__value">9:00—18:00</span>
      </div>
    </div>
  </section>

  <section class="section section--narrow" id="contact-registry">
    <div class="wrap">
      <div class="registry">
        <p class="section-kicker">REGISTRY</p>
        <h2 class="section-title">备案登记信息</h2>
        <dl class="registry-list">
          <div class="registry-row">
            <dt>备案登记地址</dt>
            <dd>广西省南宁市青秀区民族大道136号</dd>
          </div>
          <div class="registry-row">
            <dt>备案号</dt>
            <dd>桂ICP备44508854号-3</dd>
          </div>
          <div class="registry-row">
            <dt>登记地区</dt>
            <dd>广西</dd>
          </div>
        </dl>
        <p class="registry-note">
          以上地址属于备案登记信息，仅用于备案号对应关系的说明，不作为办公场所、到访地点或收发件地址使用；
          资料室不接待现场来访，也不在该地址办理任何事务。
        </p>
      </div>
    </div>
  </section>

  <section class="section" id="contact-scope">
    <div class="wrap">
      <div class="section-head">
        <p class="section-kicker">SCOPE</p>
        <h2 class="section-title">受理与不受理对照</h2>
        <p class="section-note">左列会进入资料登记队列，右列不在站点能力范围内，也不会得到回复。</p>
      </div>

      <div class="scope-grid">
        <div class="scope-col scope-col--accept">
          <h3 class="scope-col__title"><span class="status-dot status-dot--live" aria-hidden="true"></span>可以反馈的事项</h3>
          <ul class="scope-list">
            <li><strong>资料错误</strong>：主场地图条目、赛区编号表或字段说明与公开口径不一致。</li>
            <li><strong>赛区编号疑问</strong>：广西 14 个地级市及周边赛区的统一编号归属、命名需要核对。</li>
            <li><strong>入口变更建议</strong>：某个栏目在侧边轨道中的位置影响查找效率，可提出调整方向。</li>
            <li><strong>兼容异常补充</strong>：签表格线错位、轮次缺失、字段缺失之外的新异常现象。</li>
          </ul>
        </div>
        <div class="scope-col scope-col--decline">
          <h3 class="scope-col__title"><span class="status-dot status-dot--alert" aria-hidden="true"></span>不处理的请求</h3>
          <ul class="scope-list">
            <li>任何形式的投注、赔率、充值、代收费用或资金相关咨询。</li>
            <li>账号注册、登录、密码找回与会员开通类请求，本站不设账号体系。</li>
            <li>赛事结果预测、胜负判断或任何关于比赛走向的承诺性询问。</li>
            <li>要求资料具备法律效力、作为官方凭证或用于对外证明的用途。</li>
            <li>要求站点代为联络任何联赛、协会、俱乐部的第三方中介类请求。</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <section class="section" id="contact-checklist">
    <div class="wrap">
      <div class="section-head">
        <p class="section-kicker">CHECKLIST</p>
        <h2 class="section-title">有效反馈需要带上的信息</h2>
        <p class="section-note">按类型切换查看对应条目，按钮只筛当前页面已有的信息项，不发起任何请求。</p>
      </div>

      <div class="checklist-grid">
        <div class="checklist-main">
          <div class="filter-bar" data-filter-group="feedback-type">
            <span class="filter-bar__label">反馈类型</span>
            <button class="filter-btn" type="button" data-filter="all" aria-pressed="true">全部</button>
            <button class="filter-btn" type="button" data-filter="资料错误" aria-pressed="false">资料错误</button>
            <button class="filter-btn" type="button" data-filter="赛区编号疑问" aria-pressed="false">编号疑问</button>
            <button class="filter-btn" type="button" data-filter="入口变更" aria-pressed="false">入口变更</button>
            <button class="filter-btn" type="button" data-filter="兼容异常" aria-pressed="false">兼容异常</button>
            <span class="filter-count" data-filter-count>7 项</span>
          </div>

          <ul class="need-list">
            <li class="need-item" data-filter-item data-filter-tag="资料错误 赛区编号疑问 入口变更 兼容异常">
              <span class="need-item__code">P01</span>
              <h3 class="need-item__title">页面完整路径</h3>
              <p class="need-item__body">同时写出新路径与旧路径两行，例如资料下载页以及它调整前的栏目写法。入口变更类反馈缺了旧路径写法，通常无法直接定位。</p>
            </li>
            <li class="need-item" data-filter-item data-filter-tag="资料错误 赛区编号疑问 兼容异常">
              <span class="need-item__code">P02</span>
              <h3 class="need-item__title">涉及的轮次与 v 编号</h3>
              <p class="need-item__body">轮次指资料更新批次，v 编号指资料室版本号。写清你是在哪一轮看到的条目，以及当时页面标注的版本，便于判断是否属于已修正内容。</p>
            </li>
            <li class="need-item" data-filter-item data-filter-tag="资料错误 赛区编号疑问">
              <span class="need-item__code">P03</span>
              <h3 class="need-item__title">赛区名称与主场编号</h3>
              <p class="need-item__body">写明地级市名称与资料中显示的主场编号，并指出你认为正确的编号或归属。两值并列写出，便于逐条核对而不是整表重查。</p>
            </li>
            <li class="need-item" data-filter-item data-filter-tag="资料错误 赛区编号疑问 兼容异常">
              <span class="need-item__code">P04</span>
              <h3 class="need-item__title">现象的文字描述</h3>
              <p class="need-item__body">用一两句话说明你看到的结果与预期结果的差别。截图可有可无，但请不要在反馈里附带任何个人身份信息或他人联系方式。</p>
            </li>
            <li class="need-item" data-filter-item data-filter-tag="兼容异常">
              <span class="need-item__code">P05</span>
              <h3 class="need-item__title">设备与浏览器类型</h3>
              <p class="need-item__body">注明手机或桌面设备、系统大致版本与浏览器名称。签表白屏、错位类问题与渲染环境关系较大，这一项缺失时较难复现。</p>
            </li>
            <li class="need-item" data-filter-item data-filter-tag="兼容异常 入口变更">
              <span class="need-item__code">P06</span>
              <h3 class="need-item__title">屏幕宽度与栏目展开状态</h3>
              <p class="need-item__body">说明是在窄屏还是宽屏下遇到问题，以及侧边轨道当时是收起还是展开。小屏下的入口位置与宽屏不同，这一项能直接排除一半误判。</p>
            </li>
            <li class="need-item" data-filter-item data-filter-tag="入口变更">
              <span class="need-item__code">P07</span>
              <h3 class="need-item__title">期望的入口位置</h3>
              <p class="need-item__body">直接写出你希望在哪个栏目、哪一屏找到该入口，以及它当前所在的栏目名。建议会与后续版本的路径调整一并评估。</p>
            </li>
          </ul>
        </div>

        <aside class="checklist-aside">
          <figure class="media-frame media-frame--square">
            <img src="{zhanqunpic:h:900w:900}" width="900" height="900" loading="lazy" decoding="async" alt="桌面上摊开的记录纸与笔，纸面带栏目线，画面中不含任何个人身份信息">
            <figcaption class="media-frame__caption">反馈按栏目逐条登记，写法越接近资料本身的结构，核对越快。</figcaption>
          </figure>
          <div class="aside-note">
            <p class="aside-note__title">旁注</p>
            <p>无法判断该归入哪一类时，先按资料错误提交，并在正文里注明你怀疑的环节。资料室会在登记时重新分类，不需要你事先分好。</p>
          </div>
        </aside>
      </div>
    </div>
  </section>

  <section class="section section--narrow" id="contact-cadence">
    <div class="wrap">
      <div class="section-head">
        <p class="section-kicker">CADENCE</p>
        <h2 class="section-title">反馈登记之后</h2>
        <p class="section-note">资料室按赛季轮次推进，反馈不会即时逐条回复，但会进入对应批次的处理队列。</p>
      </div>

      <ol class="cadence-list">
        <li class="cadence-item">
          <span class="cadence-item__code">01</span>
          <h3>资料类反馈合并处理</h3>
          <p>涉及条目口径、编号归属、字段释义的反馈，按更新轮次合并核对，随当轮或下一轮的资料整理一并落盘，不单独发回执。</p>
        </li>
        <li class="cadence-item">
          <span class="cadence-item__code">02</span>
          <h3>入口变更先给旧路径对照</h3>
          <p>确认需要调整入口的反馈，先公布旧路径与新路径的双行对照文本，再安排正式上线；公告发布时点早于路径生效时点。</p>
        </li>
        <li class="cadence-item">
          <span class="cadence-item__code">03</span>
          <h3>兼容异常进入复现清单</h3>
          <p>呈现异常类反馈先并入兼容模式的复现清单，确认属于哪一类之后，要么并入兼容模式覆盖范围，要么给出手动签表下载作为回退方式。</p>
        </li>
        <li class="cadence-item">
          <span class="cadence-item__code">04</span>
          <h3>历史档案不回改</h3>
          <p>已归档的十个完整赛季保留原样，新版本不回溯修改旧档案。若你比对的是历史数据，请以该档案自身的轮次标注为准。</p>
        </li>
      </ol>

      <p class="cadence-foot">
        与资料无关的请求不在处理范围内。想先了解资料引用口径与版本优先顺序，可查阅
        <a class="inline-link" href="/disclaimer/">使用说明</a>；
        想确认信息收集范围，可查阅
        <a class="inline-link" href="/privacy-center/">隐私中心</a>；
        遇到打不开或签表异常，先看
        <a class="inline-link" href="/help/">排查与帮助中心</a>，
        多数情况在那里已有替代路径。
      </p>

      <div class="contact-closing" aria-hidden="true"></div>
    </div>
  </section>
</main>

.page-contact {
  --pc-panel-edge: rgba(168, 127, 46, 0.42);
  --pc-gold-soft: rgba(217, 180, 90, 0.16);
  display: block;
  padding-bottom: clamp(40px, 7vw, 88px);
}

/* ---------- 页首 ---------- */
.page-contact .contact-head {
  padding-top: clamp(18px, 4vw, 40px);
}

.page-contact .contact-head-grid {
  gap: 24px 28px;
}

.page-contact h1 {
  font-size: clamp(28px, 6.2vw, 52px);
  line-height: 1.16;
  letter-spacing: -0.01em;
  font-weight: 900;
  margin: 0 0 20px;
  max-width: 18em;
}

.page-contact .section-kicker {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--brass-lit);
  margin: 0 0 14px;
}

.page-contact .contact-lede {
  font-size: clamp(16px, 1.7vw, 18px);
  line-height: 1.78;
  color: var(--text);
  max-width: 40em;
  margin: 0;
  padding-left: 16px;
  border-left: 2px solid var(--brass);
}

.page-contact .contact-jump {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 18px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-top-color: var(--pc-panel-edge);
}

.page-contact .contact-jump__title {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 4px;
}

.page-contact .contact-jump__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-family: var(--mono);
  font-size: 14px;
  color: var(--text);
  text-decoration: none;
  padding-bottom: 9px;
  border-bottom: 1px dashed var(--line);
  transition: color 160ms var(--ease);
}

.page-contact .contact-jump__link:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.page-contact .contact-jump__link::after {
  content: "↓";
  color: var(--neon);
  font-size: 13px;
}

.page-contact .contact-jump__link:hover,
.page-contact .contact-jump__link:focus-visible {
  color: var(--neon);
}

/* ---------- 首图 ---------- */
.page-contact .contact-hero {
  margin: 0 0 clamp(26px, 5vw, 46px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--pc-panel-edge);
  padding-top: 12px;
}

.page-contact .contact-hero img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: saturate(0.82) contrast(1.06);
}

.page-contact .media-frame__caption {
  font-size: 13px;
  line-height: 1.7;
  color: var(--muted);
  padding-top: 10px;
}

/* ---------- 联络表 ---------- */
.page-contact .contact-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--brass);
}

.page-contact .contact-table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: 15px;
}

.page-contact .contact-table__caption {
  caption-side: top;
  text-align: left;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 0 0 10px;
}

.page-contact .contact-table th,
.page-contact .contact-table td {
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  line-height: 1.65;
}

.page-contact .contact-table thead th {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  background: var(--panel-2);
  border-bottom: 1px solid var(--brass);
  white-space: nowrap;
}

.page-contact .contact-table tbody th {
  font-weight: 700;
  color: var(--text);
  background: var(--panel);
  border-right: 1px solid var(--line);
  white-space: nowrap;
  width: 30%;
}

.page-contact .contact-table tbody td {
  background: var(--ink);
  color: var(--muted);
}

.page-contact .contact-table tbody tr + tr th,
.page-contact .contact-table tbody tr + tr td {
  border-top: 1px solid var(--line);
}

.page-contact .mono-value {
  font-family: var(--mono);
  font-size: 15px;
  letter-spacing: 0.02em;
  word-break: break-all;
  color: var(--text);
}

.page-contact .mono-value--neon {
  color: var(--neon);
}

/* ---------- 时间条 ---------- */
.page-contact .contact-timerail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
  padding: 12px 16px;
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-left: 3px solid var(--brass-lit);
}

.page-contact .contact-timerail__label {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-contact .contact-timerail__bar {
  flex: 1 1 70px;
  min-width: 50px;
  height: 6px;
  background-image: repeating-linear-gradient(
    90deg,
    var(--karst-lift) 0 3px,
    transparent 3px 8px
  );
}

.page-contact .contact-timerail__value {
  font-family: var(--mono);
  font-size: 15px;
  letter-spacing: 0.06em;
  color: var(--neon);
}

/* ---------- 备案登记 ---------- */
.page-contact .registry {
  border-top: 1px solid var(--pc-panel-edge);
  padding-top: 24px;
}

.page-contact .registry-list {
  margin: 20px 0 0;
  border-top: 1px solid var(--line);
}

.page-contact .registry-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}

.page-contact .registry-row dt {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-contact .registry-row dd {
  margin: 0;
  font-family: var(--mono);
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
  word-break: break-word;
}

.page-contact .registry-note {
  margin: 18px 0 0;
  padding: 12px 0 12px 14px;
  border-left: 2px solid var(--karst-lift);
  font-size: 14px;
  line-height: 1.75;
  color: var(--muted);
  max-width: 62em;
}

/* ---------- 受理范围 ---------- */
.page-contact .scope-grid {
  display: grid;
  gap: 0;
  border: 1px solid var(--line);
}

.page-contact .scope-col {
  padding: 22px 20px;
}

.page-contact .scope-col--accept {
  background: var(--panel);
  border-bottom: 1px solid var(--line);
}

.page-contact .scope-col--decline {
  background: var(--panel-2);
}

.page-contact .scope-col__title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-contact .scope-col--accept .scope-col__title {
  color: var(--neon);
}

.page-contact .scope-col--decline .scope-col__title {
  color: var(--muted);
}

.page-contact .scope-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 15px;
}

.page-contact .scope-list li {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 10px;
  font-size: 15px;
  line-height: 1.72;
  color: var(--muted);
}

.page-contact .scope-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-top: 9px;
  border-radius: 50%;
}

.page-contact .scope-col--accept .scope-list li::before {
  background: var(--neon);
}

.page-contact .scope-col--decline .scope-list li::before {
  background: transparent;
  border: 1px solid var(--karst-lift);
}

.page-contact .scope-list strong {
  color: var(--text);
  font-weight: 700;
}

/* ---------- 反馈清单 ---------- */
.page-contact .checklist-grid {
  display: grid;
  gap: 28px;
}

.page-contact .checklist-main {
  min-width: 0;
}

.page-contact .filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 14px 0;
  margin-bottom: 6px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.page-contact .filter-bar__label {
  width: 100%;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-contact .filter-btn {
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--line);
  padding: 7px 12px;
  cursor: pointer;
  transition: color 180ms var(--ease), border-color 180ms var(--ease), background-color 180ms var(--ease);
}

.page-contact .filter-btn:hover {
  border-color: var(--karst-lift);
  color: var(--neon);
}

.page-contact .filter-btn:focus-visible {
  outline: 2px solid var(--neon);
  outline-offset: 2px;
}

.page-contact .filter-btn[aria-pressed="true"] {
  color: var(--ink);
  background: var(--neon);
  border-color: var(--neon);
}

.page-contact .filter-count {
  margin-left: auto;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--brass-lit);
}

.page-contact .need-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.page-contact .need-item {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 6px 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  opacity: 1;
  transition: opacity 140ms var(--ease);
}

.page-contact .need-item.is-filtered {
  display: none;
}

.page-contact .need-item__code {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--brass-lit);
  padding-top: 4px;
}

.page-contact .need-item__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--text);
}

.page-contact .need-item__body {
  grid-column: 2;
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
  color: var(--muted);
}

.page-contact .checklist-aside {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.page-contact .checklist-aside .media-frame {
  margin: 0;
  border: 1px solid var(--line);
  border-top-color: var(--pc-panel-edge);
  padding-top: 10px;
  background: var(--panel);
}

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

.page-contact .checklist-aside .aside-note {
  background: var(--panel-2);
  border-left: 2px solid var(--brass);
  padding: 14px 16px;
}

.page-contact .aside-note__title {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brass-lit);
  margin: 0 0 8px;
}

.page-contact .checklist-aside .aside-note p:last-child {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--muted);
}

/* ---------- 处理节奏 ---------- */
.page-contact .cadence-list {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}

.page-contact .cadence-item {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 6px 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.page-contact .cadence-item__code {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--brass-lit);
  padding-top: 5px;
}

.page-contact .cadence-item h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--text);
}

.page-contact .cadence-item p {
  grid-column: 2;
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--muted);
}

.page-contact .cadence-foot {
  margin: 22px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--muted);
  max-width: 68em;
}

.page-contact .inline-link {
  color: var(--neon);
  text-decoration: none;
  border-bottom: 1px solid var(--pc-gold-soft);
  transition: border-color 160ms var(--ease);
}

.page-contact .inline-link:hover,
.page-contact .inline-link:focus-visible {
  border-bottom-color: var(--neon);
}

.page-contact .contact-closing {
  margin-top: clamp(34px, 6vw, 60px);
  border-top: 1px solid var(--brass-lit);
  opacity: 0.85;
}

/* ---------- 响应式 ---------- */
@media (min-width: 640px) {
  .page-contact .contact-table {
    min-width: 0;
  }

  .page-contact .registry-row {
    grid-template-columns: 190px 1fr;
    gap: 22px;
    align-items: baseline;
  }

  .page-contact .filter-bar__label {
    width: auto;
    margin-right: 8px;
  }

  .page-contact .need-item {
    grid-template-columns: 52px 1fr;
    gap: 6px 18px;
  }

  .page-contact .cadence-item {
    grid-template-columns: 54px 1fr;
    gap: 6px 18px;
  }
}

@media (min-width: 880px) {
  .page-contact .scope-grid {
    grid-template-columns: 1fr 1fr;
  }

  .page-contact .scope-col {
    padding: 26px 24px;
  }

  .page-contact .scope-col--accept {
    border-bottom: 0;
    border-right: 1px solid var(--line);
  }
}

@media (min-width: 960px) {
  .page-contact .checklist-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.85fr);
    gap: 34px;
    align-items: start;
  }

  .page-contact .contact-table tbody td {
    padding: 15px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-contact .filter-btn,
  .page-contact .need-item,
  .page-contact .contact-jump__link,
  .page-contact .inline-link {
    transition: none;
  }
}