.page-home {
  --ph-gap: clamp(20px, 3vw, 36px);
  --ph-grid-line: rgba(42, 59, 51, 0.42);
}

/* ---------- 章节外壳 ---------- */
.page-home .home-sec {
  position: relative;
  padding: clamp(44px, 6vw, 88px) 0;
  border-top: 1px solid var(--by-line-soft);
}

.page-home .home-sec--last {
  padding-bottom: clamp(56px, 7vw, 104px);
}

.page-home .home-sec__head {
  display: grid;
  gap: 10px;
  margin-bottom: clamp(22px, 3vw, 38px);
  max-width: 78ch;
}

.page-home .home-sec__index {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--by-font-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--by-lime);
}

.page-home .home-sec__index::before {
  content: "";
  display: block;
  width: 26px;
  height: 1px;
  background: var(--by-lime);
}

.page-home .home-sec__title {
  margin: 0;
  font-family: var(--by-font-display);
  font-weight: 800;
  font-size: clamp(25px, 3.6vw, 42px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--by-text);
}

.page-home .home-sec__note {
  margin: 0;
  max-width: 68ch;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.78;
  color: var(--by-muted);
}

/* ---------- 首屏 ---------- */
.page-home .home-hero {
  position: relative;
  padding: clamp(22px, 4vw, 46px) 0 clamp(38px, 5vw, 76px);
  overflow: hidden;
}

.page-home .home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, var(--ph-grid-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--ph-grid-line) 1px, transparent 1px);
  background-size: 96px 96px;
  opacity: 0.5;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at 72% 8%, #000 0%, transparent 74%);
  mask-image: radial-gradient(ellipse at 72% 8%, #000 0%, transparent 74%);
}

.page-home .home-hero .by-shell {
  position: relative;
  z-index: 1;
}

.page-home .home-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(26px, 4vw, 44px);
  align-items: start;
}

.page-home .home-hero__title {
  margin: 16px 0 0;
  font-family: var(--by-font-display);
  font-weight: 800;
  font-size: clamp(34px, 8vw, 82px);
  line-height: 0.96;
  letter-spacing: -0.02em;
  color: var(--by-text);
}

.page-home .home-hero__em {
  display: block;
  color: var(--by-lime);
}

.page-home .home-hero__lede {
  margin: 20px 0 0;
  max-width: 58ch;
  font-size: clamp(15px, 1.1vw, 17px);
  line-height: 1.82;
  color: var(--by-muted);
}

.page-home .home-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.page-home .home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.page-home .home-hero__media {
  position: relative;
}

.page-home .home-hero__figure {
  margin: 0;
  border: 1px solid var(--by-line);
  background: var(--by-panel);
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}

.page-home .home-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-home .home-hero__tag {
  position: absolute;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  font-family: var(--by-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--by-text);
  background: rgba(11, 15, 13, 0.74);
  border: 1px solid var(--by-line);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.page-home .home-hero__tag--a {
  left: 12px;
  bottom: 16px;
  border-left: 2px solid var(--by-ember);
  color: var(--by-muted);
}

.page-home .home-hero__tag--b {
  right: 10px;
  top: 12px;
  color: var(--by-lime);
  border-color: rgba(199, 255, 61, 0.45);
}

/* ---------- 赛程索引 ---------- */
.page-home .home-schedule__filters {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.page-home .home-schedule__wrap {
  border: 1px solid var(--by-line);
  background: var(--by-panel);
  max-height: 420px;
  overflow: auto;
}

.page-home .home-schedule__hint {
  margin: 14px 0 0;
  font-family: var(--by-font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--by-dim);
}

/* ---------- 联赛筛选与关注 ---------- */
.page-home .home-league {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ph-gap);
}

.page-home .home-league__card,
.page-home .home-league__watch {
  min-width: 0;
}

.page-home .home-league__text {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.78;
  color: var(--by-muted);
}

.page-home .home-watch {
  list-style: none;
  margin: 0;
  padding: 0 clamp(14px, 2vw, 22px);
}

.page-home .home-watch__item {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  grid-template-areas:
    "dot name"
    "dot meta";
  align-items: center;
  gap: 2px 10px;
  padding: 12px 0;
  border-bottom: 1px solid var(--by-line-soft);
}

.page-home .home-watch__item:last-child {
  border-bottom: 0;
}

.page-home .home-watch__dot {
  grid-area: dot;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--by-lime);
  box-shadow: 0 0 0 3px rgba(199, 255, 61, 0.14);
}

.page-home .home-watch__name {
  grid-area: name;
  font-size: 15px;
  font-weight: 600;
  color: var(--by-text);
}

.page-home .home-watch__meta {
  grid-area: meta;
  font-size: 12px;
  color: var(--by-dim);
}

/* ---------- 区间分布 ---------- */
.page-home .home-dist {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ph-gap);
  align-items: start;
}

.page-home .home-dist__chart {
  min-width: 0;
  padding: clamp(16px, 2.4vw, 26px);
  background: var(--by-panel);
  border: 1px solid var(--by-line);
}

.page-home .home-dist__plot {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: clamp(4px, 1vw, 10px);
  align-items: end;
  height: clamp(180px, 26vw, 240px);
  padding-top: 26px;
  border-bottom: 1px solid var(--by-line);
  background-image: linear-gradient(to top, var(--by-line-soft) 1px, transparent 1px);
  background-size: 100% 25%;
}

.page-home .home-dist__col {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100%;
  min-width: 0;
}

.page-home .home-dist__bar {
  position: relative;
  display: block;
  width: 100%;
  height: var(--h, 50%);
  min-height: 8px;
  border-radius: 2px 2px 0 0;
  background: linear-gradient(180deg, var(--by-lime), rgba(199, 255, 61, 0.24));
}

.page-home .home-dist__bar--hot {
  background: linear-gradient(180deg, var(--by-ember), rgba(255, 107, 61, 0.26));
}

.page-home .home-dist__val {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  text-align: center;
  font-family: var(--by-font-mono);
  font-size: 11px;
  color: var(--by-muted);
}

.page-home .home-dist__bar--hot .home-dist__val {
  color: var(--by-ember);
}

.page-home .home-dist__axis {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: clamp(4px, 1vw, 10px);
  margin-top: 10px;
  font-family: var(--by-font-mono);
  font-size: 10px;
  text-align: center;
  color: var(--by-dim);
}

.page-home .home-dist__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px dashed var(--by-line);
}

.page-home .home-dist__key {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: var(--by-muted);
}

.page-home .home-dist__swatch {
  display: inline-block;
  width: 14px;
  height: 6px;
  background: var(--by-lime);
}

.page-home .home-dist__swatch--ember {
  background: var(--by-ember);
}

.page-home .home-dist__panel {
  min-width: 0;
  padding: clamp(16px, 2.4vw, 24px);
  border: 1px solid var(--by-line);
}

.page-home .home-dist__panel img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  margin-bottom: 16px;
  border: 1px solid var(--by-line-soft);
}

.page-home .home-dist__panel-title {
  margin: 0 0 12px;
  font-family: var(--by-font-display);
  font-weight: 700;
  font-size: clamp(19px, 2.2vw, 24px);
  line-height: 1.2;
  color: var(--by-text);
}

.page-home .home-dist__list {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: grid;
  gap: 10px;
}

.page-home .home-dist__list li {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--by-muted);
}

.page-home .home-dist__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 1px;
  background: var(--by-lime);
}

/* ---------- 战报与清单 ---------- */
.page-home .home-report {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ph-gap);
  align-items: start;
}

.page-home .home-report__main {
  min-width: 0;
}

.page-home .home-report__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 clamp(14px, 2vw, 22px) clamp(16px, 2.4vw, 22px);
}

.page-home .home-report__side {
  min-width: 0;
  padding: clamp(16px, 2.4vw, 22px);
  border: 1px solid var(--by-line);
}

.page-home .home-report__side img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  margin-bottom: 16px;
  border: 1px solid var(--by-line-soft);
}

.page-home .home-report__side-title {
  margin: 0 0 10px;
  font-family: var(--by-font-display);
  font-weight: 700;
  font-size: clamp(19px, 2.2vw, 24px);
  line-height: 1.22;
  color: var(--by-text);
}

.page-home .home-report__side p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.75;
  color: var(--by-muted);
}

/* ---------- 信任与支持 ---------- */
.page-home .home-trust {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ph-gap);
  align-items: start;
}

.page-home .home-trust__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--by-line);
  border: 1px solid var(--by-line);
}

.page-home .home-stat {
  display: grid;
  gap: 6px;
  padding: clamp(14px, 2vw, 22px);
  background: var(--by-panel);
}

.page-home .home-stat__num {
  font-family: var(--by-font-mono);
  font-weight: 600;
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1;
  color: var(--by-lime);
  letter-spacing: -0.02em;
}

.page-home .home-stat__unit {
  font-size: 0.5em;
  margin-left: 2px;
  color: var(--by-muted);
}

.page-home .home-stat__label {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--by-dim);
}

.page-home .home-trust__body {
  min-width: 0;
}

/* ---------- 常见问题 ---------- */
.page-home .home-faq {
  display: grid;
  gap: 1px;
  background: var(--by-line-soft);
  border-top: 1px solid var(--by-line);
  border-bottom: 1px solid var(--by-line);
}

.page-home .home-faq__item {
  background: var(--by-forest);
}

.page-home .home-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px clamp(14px, 2vw, 20px);
  font-size: clamp(15px, 1.15vw, 17px);
  font-weight: 600;
  line-height: 1.55;
  color: var(--by-text);
  cursor: pointer;
  list-style: none;
  transition: color 160ms var(--by-ease), background 160ms var(--by-ease);
}

.page-home .home-faq__item summary::-webkit-details-marker {
  display: none;
}

.page-home .home-faq__item summary::after {
  content: "+";
  flex: 0 0 auto;
  font-family: var(--by-font-mono);
  font-size: 18px;
  line-height: 1;
  color: var(--by-lime);
}

.page-home .home-faq__item[open] summary {
  color: var(--by-lime);
  background: var(--by-panel);
}

.page-home .home-faq__item[open] summary::after {
  content: "−";
}

.page-home .home-faq__item summary:focus-visible {
  outline: 2px solid var(--by-focus);
  outline-offset: -2px;
}

.page-home .home-faq__item p {
  margin: 0;
  padding: 0 clamp(14px, 2vw, 20px) 18px;
  max-width: 72ch;
  font-size: 14px;
  line-height: 1.8;
  color: var(--by-muted);
  background: var(--by-panel);
}

.page-home .home-faq__more {
  display: grid;
  gap: 14px;
  margin-top: clamp(20px, 3vw, 32px);
}

.page-home .home-faq__more p {
  margin: 0;
  max-width: 66ch;
  font-size: 15px;
  line-height: 1.78;
  color: var(--by-muted);
}

.page-home .home-faq__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 700px) {
  .page-home .home-trust__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .page-home .home-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(30px, 4vw, 58px);
  }

  .page-home .home-league {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }

  .page-home .home-dist {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }

  .page-home .home-report {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .page-home .home-report__side {
    margin-left: -18px;
    margin-top: 26px;
    position: relative;
    z-index: 2;
  }

  .page-home .home-trust {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(28px, 4vw, 52px);
  }

  .page-home .home-trust__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-home .home-schedule__filters {
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 18px;
    align-items: center;
  }
}

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

@media (prefers-reduced-motion: reduce) {
  .page-home .home-faq__item summary {
    transition: none;
  }
}


<main id="main-content" class="page-home">
  <div class="by-shell">
    <nav class="by-breadcrumb" aria-label="面包屑">
      <ol class="by-breadcrumb__list">
        <li class="by-breadcrumb__item"><a class="by-breadcrumb__link" href="/">首页</a></li>
        <li class="by-breadcrumb__item"><span class="by-breadcrumb__current" aria-current="page">赛程与数据总览</span></li>
      </ol>
    </nav>
  </div>

  <section class="home-hero" aria-labelledby="hero-title">
    <div class="by-shell home-hero__grid">
      <div class="home-hero__lead">
        <p class="by-eyebrow">2024–2025 赛季 · 战术室总览</p>
        <h1 id="hero-title" class="home-hero__title">行家看球的门道<span class="home-hero__em">摊在一张战术板上</span></h1>
        <p class="home-hero__lede">
          必一体育把赛程、常跟的球队和进失球区间收进同一个界面：按日期或项目一搜就到，关注的队伍固定在顶部，赛后点开战报就能顺着关键节点再看一遍。打开就是比赛状态，不用在几个页面之间来回跳。
        </p>
        <div class="home-hero__meta">
          <span class="by-badge by-badge--lime">128 个联赛与杯赛目录</span>
          <span class="by-badge">数据更新至上一轮赛后</span>
          <span class="by-badge">手机端表格转卡片</span>
        </div>
        <div class="home-hero__actions">
          <a class="by-btn by-btn--primary" href="#schedule">查赛程</a>
          <a class="by-btn by-btn--ghost" href="/apps/">打开数据工具</a>
          <a class="by-btn by-btn--quiet" href="/updates/">看战报动态</a>
        </div>
      </div>

      <div class="home-hero__media" data-reveal>
        <figure class="home-hero__figure">
          <img src="{zhanqunpic:h:1000w:1600}" width="1600" height="1000" alt="夜灯下的球场边线与草皮纹理，记分牌光斑落在边线上">
        </figure>
        <span class="home-hero__tag home-hero__tag--a">比赛日 · 赛后摘要已更新</span>
        <span class="home-hero__tag home-hero__tag--b">LIVE BOARD / 战术室</span>
      </div>
    </div>
  </section>

  <section id="schedule" class="home-sec">
    <div class="by-shell">
      <header class="home-sec__head" data-reveal>
        <p class="home-sec__index">01 / 赛程索引</p>
        <h2 class="home-sec__title">先按日期开一屏，再按项目收窄一层</h2>
        <p class="home-sec__note">
          必一体育赛程时间表覆盖 2024 至 2025 赛季主流联赛，按日期和项目两条轴同时筛，比赛日集中更新。表头固定在顶部，手机上自动切成卡片视图，通勤路上单手刷也不费劲。
        </p>
      </header>

      <div class="home-schedule__filters">
        <div class="by-taglist" role="group" aria-label="按日期筛选赛程">
          <button class="by-tag by-tag--active" type="button" aria-pressed="true">今天</button>
          <button class="by-tag" type="button" aria-pressed="false">明天</button>
          <button class="by-tag" type="button" aria-pressed="false">本周末</button>
          <button class="by-tag" type="button" aria-pressed="false">下一周</button>
        </div>
        <div class="by-taglist" role="group" aria-label="按项目筛选赛程">
          <button class="by-tag by-tag--active" type="button" aria-pressed="true">全部项目</button>
          <button class="by-tag" type="button" aria-pressed="false">足球</button>
          <button class="by-tag" type="button" aria-pressed="false">篮球</button>
          <button class="by-tag" type="button" aria-pressed="false">其他</button>
        </div>
      </div>

      <div class="by-table__wrap home-schedule__wrap">
        <table class="by-table">
          <caption class="by-table__caption">比赛日联赛索引 · 开赛时段按常用档位归并，点进去看当日完整条目</caption>
          <thead>
            <tr>
              <th scope="col">日期</th>
              <th scope="col">开赛时段</th>
              <th scope="col">联赛目录</th>
              <th scope="col">赛季阶段</th>
              <th scope="col">检索</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="by-num">周五</td>
              <td class="by-num">19:30 起</td>
              <td>英超 / 西甲</td>
              <td>常规轮次</td>
              <td><a class="by-link" href="/apps/">查看</a></td>
            </tr>
            <tr>
              <td class="by-num">周六</td>
              <td class="by-num">15:00 起</td>
              <td>德甲 / 意甲 / 法甲</td>
              <td>常规轮次</td>
              <td><a class="by-link" href="/apps/">查看</a></td>
            </tr>
            <tr>
              <td class="by-num">周六</td>
              <td class="by-num">22:00 起</td>
              <td>欧冠 / 欧联</td>
              <td>淘汰赛阶段</td>
              <td><a class="by-link" href="/apps/">查看</a></td>
            </tr>
            <tr>
              <td class="by-num">周日</td>
              <td class="by-num">20:00 起</td>
              <td>中超 / 中甲</td>
              <td>常规轮次</td>
              <td><a class="by-link" href="/apps/">查看</a></td>
            </tr>
            <tr>
              <td class="by-num">周日</td>
              <td class="by-num">23:30 起</td>
              <td>南美解放者杯</td>
              <td>小组赛</td>
              <td><a class="by-link" href="/apps/">查看</a></td>
            </tr>
            <tr>
              <td class="by-num">周一</td>
              <td class="by-num">03:00 起</td>
              <td>美职联</td>
              <td>常规轮次</td>
              <td><a class="by-link" href="/apps/">查看</a></td>
            </tr>
          </tbody>
        </table>
      </div>
      <p class="home-schedule__hint">赛季内每周更新赛程条目约 2600 条，比赛高峰期单日处理超过 300 场赛事。</p>
    </div>
  </section>

  <section id="leagues" class="home-sec">
    <div class="by-shell">
      <header class="home-sec__head" data-reveal>
        <p class="home-sec__index">02 / 联赛筛选</p>
        <h2 class="home-sec__title">常看的那几支，永远排在第一屏</h2>
        <p class="home-sec__note">
          按地区、项目、赛季阶段和关注状态组合筛，选中的标签会一直留在顶上。把常跟的球队丢进关注列表并按习惯分组，最多同时跟 20 支，下次打开直接接上。
        </p>
      </header>

      <div class="home-league">
        <div class="by-card home-league__card">
          <div class="by-card__head">
            <h3 class="by-card__title">筛选维度</h3>
            <p class="by-card__meta">四个维度可叠加使用</p>
          </div>
          <div class="by-card__body">
            <div class="by-taglist" role="group" aria-label="筛选维度演示">
              <button class="by-tag by-tag--active" type="button" aria-pressed="true">地区</button>
              <button class="by-tag by-tag--active" type="button" aria-pressed="true">项目</button>
              <button class="by-tag" type="button" aria-pressed="false">赛季阶段</button>
              <button class="by-tag" type="button" aria-pressed="false">已关注</button>
            </div>
            <p class="home-league__text">选中“已关注”之后，列表只剩你标记过的队伍，翻页次数立刻少一半。分组名随你起，主队、青训、老友局怎么叫都行。</p>
          </div>
        </div>

        <div class="by-card by-card--diag home-league__watch">
          <div class="by-card__head">
            <h3 class="by-card__title">我的关注列表</h3>
            <p class="by-card__meta">本地保存 · 上限 20 支</p>
          </div>
          <ul class="home-watch">
            <li class="home-watch__item">
              <span class="home-watch__dot" aria-hidden="true"></span>
              <span class="home-watch__name">英超 · 常看组</span>
              <span class="home-watch__meta by-num">3 支 · 下一轮 周六</span>
            </li>
            <li class="home-watch__item">
              <span class="home-watch__dot" aria-hidden="true"></span>
              <span class="home-watch__name">西甲 · 常看组</span>
              <span class="home-watch__meta by-num">2 支 · 下一轮 周日</span>
            </li>
            <li class="home-watch__item">
              <span class="home-watch__dot" aria-hidden="true"></span>
              <span class="home-watch__name">欧冠 · 出线观察</span>
              <span class="home-watch__meta by-num">4 支 · 下一轮 周六</span>
            </li>
            <li class="home-watch__item">
              <span class="home-watch__dot" aria-hidden="true"></span>
              <span class="home-watch__name">中超 · 主场队</span>
              <span class="home-watch__meta by-num">2 支 · 下一轮 周日</span>
            </li>
          </ul>
          <div class="by-card__body">
            <a class="by-btn by-btn--ghost" href="/apps/">去设置关注</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="distribution" class="home-sec">
    <div class="by-shell">
      <header class="home-sec__head" data-reveal>
        <p class="home-sec__index">03 / 区间分布</p>
        <h2 class="home-sec__title">十分钟一格，看出比赛在哪一段变了味</h2>
        <p class="home-sec__note">
          进球和失球都按每 10 分钟归档，主客场、半场全场、赛季阶段都能拆开比。整季的走势铺成一条刻度，哪个区间最容易出事，扫一眼就明白。
        </p>
      </header>

      <div class="home-dist">
        <div class="home-dist__chart">
          <div class="home-dist__plot" role="img" aria-label="2024至2025赛季主流联赛进球按十分钟区间分布：0到10分钟61球，11到20分钟72球，21到30分钟84球，31到40分钟79球，41到50分钟68球，51到60分钟88球，61到70分钟95球，71到80分钟103球，81到90分钟及补时121球">
            <div class="home-dist__col"><span class="home-dist__bar" style="--h:50%"><span class="home-dist__val">61</span></span></div>
            <div class="home-dist__col"><span class="home-dist__bar" style="--h:60%"><span class="home-dist__val">72</span></span></div>
            <div class="home-dist__col"><span class="home-dist__bar" style="--h:69%"><span class="home-dist__val">84</span></span></div>
            <div class="home-dist__col"><span class="home-dist__bar" style="--h:65%"><span class="home-dist__val">79</span></span></div>
            <div class="home-dist__col"><span class="home-dist__bar" style="--h:56%"><span class="home-dist__val">68</span></span></div>
            <div class="home-dist__col"><span class="home-dist__bar" style="--h:73%"><span class="home-dist__val">88</span></span></div>
            <div class="home-dist__col"><span class="home-dist__bar" style="--h:79%"><span class="home-dist__val">95</span></span></div>
            <div class="home-dist__col"><span class="home-dist__bar" style="--h:85%"><span class="home-dist__val">103</span></span></div>
            <div class="home-dist__col"><span class="home-dist__bar home-dist__bar--hot" style="--h:100%"><span class="home-dist__val">121</span></span></div>
          </div>
          <div class="home-dist__axis" aria-hidden="true">
            <span>0–10</span><span>11–20</span><span>21–30</span><span>31–40</span><span>41–50</span><span>51–60</span><span>61–70</span><span>71–80</span><span>81–90+</span>
          </div>
          <div class="home-dist__legend">
            <span class="home-dist__key"><i class="home-dist__swatch" aria-hidden="true"></i>进球区间</span>
            <span class="home-dist__key"><i class="home-dist__swatch home-dist__swatch--ember" aria-hidden="true"></i>收尾阶段高点</span>
            <span class="home-dist__key by-num">合计 771 球 · 更新至上一轮赛后</span>
          </div>
        </div>

        <aside class="by-glass home-dist__panel">
          <img src="{zhanqunpic:h:700w:1000}" width="1000" height="700" alt="以十分钟为刻度的抽象数据纹理，青柠绿高亮的条形区段" loading="lazy" decoding="async">
          <h3 class="home-dist__panel-title">怎么读这条刻度</h3>
          <ul class="home-dist__list">
            <li>最后 10 分钟加补时是整季高点，看末段崩盘先盯这一格。</li>
            <li>半场前 5 分钟常有一个小抬升，中场哨响前最容易松。</li>
            <li>想比主客场或上下半场，切到对比视图就能并排看。</li>
          </ul>
          <a class="by-btn by-btn--primary" href="/apps/">换个维度看分布</a>
        </aside>
      </div>
    </div>
  </section>

  <section id="reports" class="home-sec">
    <div class="by-shell">
      <header class="home-sec__head" data-reveal>
        <p class="home-sec__index">04 / 战报与清单</p>
        <h2 class="home-sec__title">赛后想写两句，素材已经排好了</h2>
        <p class="home-sec__note">
          战报把比分进程、关键节点、区间摘要和下一轮提示按顺序摆好，复制或截图都方便。临时要查一个信息，从侧栏的注册清单进去，一页找齐。
        </p>
      </header>

      <div class="home-report">
        <article class="by-card home-report__main">
          <div class="by-card__head">
            <h3 class="by-card__title">一场比赛，四段看完</h3>
            <p class="by-card__meta">比分进程 / 关键节点 / 区间摘要 / 下一轮提示</p>
          </div>
          <div class="by-card__body by-prose">
            <p>写稿的人常卡在“关键节点到底是哪几分钟”，球迷复盘时又容易漏掉转折。战报把这些按时间顺序摊开，先给结论，再回填过程，改一改就能用。</p>
            <p>内容运营按赛季日历排班，主流联赛比赛日提供赛后摘要更新。战报页面侧栏可直接跳到清单，也能切到打印友好版式存成 PDF。</p>
          </div>
          <div class="home-report__actions">
            <a class="by-btn by-btn--primary" href="/updates/">打开战报动态</a>
            <a class="by-btn by-btn--quiet" href="/support/">清单怎么看</a>
          </div>
        </article>

        <aside class="by-glass home-report__side">
          <img src="{zhanqunpic:h:1200w:900}" width="900" height="1200" alt="深色浏览器窗口与清单卡片叠层，画面中没有真实用户信息" loading="lazy" decoding="async">
          <h3 class="home-report__side-title">注册清单，临时查一页就够</h3>
          <p>需要准备哪些信息、浏览器该开什么设置、有问题找哪条渠道，都列在同一页。赶时间的时候不用再翻文档，打开就对。</p>
          <a class="by-btn by-btn--ghost" href="/support/">进支持中心</a>
        </aside>
      </div>
    </div>
  </section>

  <section id="trust" class="home-sec">
    <div class="by-shell">
      <header class="home-sec__head" data-reveal>
        <p class="home-sec__index">05 / 凭什么放心</p>
        <h2 class="home-sec__title">做数据这件事，我们盯得比看球还紧</h2>
        <p class="home-sec__note">
          赛事数据编辑、前端可视化工程师、内容运营和支持人员凑成一支 12 人的核心团队，按赛季日历轮班。你在页面上看到的时间、比分和区间，背后有人盯着。
        </p>
      </header>

      <div class="home-trust">
        <div class="home-trust__stats">
          <div class="home-stat">
            <span class="home-stat__num by-num">128</span>
            <span class="home-stat__label">联赛与杯赛目录</span>
          </div>
          <div class="home-stat">
            <span class="home-stat__num by-num">20</span>
            <span class="home-stat__label">同时关注的球队上限</span>
          </div>
          <div class="home-stat">
            <span class="home-stat__num by-num">3</span>
            <span class="home-stat__label">可回溯的赛季数</span>
          </div>
          <div class="home-stat">
            <span class="home-stat__num by-num">46<span class="home-stat__unit">万</span></span>
            <span class="home-stat__label">月均访问用户</span>
          </div>
        </div>

        <div class="home-trust__body by-prose">
          <p>站点针对内地常见浏览器做过兼容测试，Chrome、Edge、QQ 浏览器、360 浏览器、搜狗浏览器和微信内置浏览器都能正常打开；常规宽带下首屏加载控制在 2 秒内，数据表支持横向滚动和固定表头。</p>
          <p>访问用户覆盖内地 31 个省级行政区，广东、江苏、山东、河南的访问量相对更高。已与 28 家地方体育媒体、球迷社群和校园赛事组织建立内容合作，赛事数据的可视化栏目也拿到过地方体育内容创新案例奖。</p>
          <p><a class="by-link" href="/about-us/">了解必一体育的团队与合作</a></p>
        </div>
      </div>
    </div>
  </section>

  <section id="faq" class="home-sec home-sec--last">
    <div class="by-shell">
      <header class="home-sec__head" data-reveal>
        <p class="home-sec__index">06 / 常见问题</p>
        <h2 class="home-sec__title">先看这几条，多半就通了</h2>
      </header>

      <div class="home-faq">
        <details class="home-faq__item">
          <summary>赛程查不到某一场，通常是什么原因？</summary>
          <p>先看日期和项目两个标签是不是还在默认档位，再确认联赛是不是在 128 个目录内。冷门杯赛的条目会晚一些进库，比赛日当天再刷一次通常就有了。</p>
        </details>
        <details class="home-faq__item">
          <summary>关注列表会不会丢？换设备还能看到吗？</summary>
          <p>关注列表默认存在当前浏览器本地，清缓存或换设备后需要重新添加。同一条线路支持最多 20 支球队，分组名随你起，方便按主队、青训或社群拆开。</p>
        </details>
        <details class="home-faq__item">
          <summary>进失球区间更新到什么时候？</summary>
          <p>按每 10 分钟归档，数据更新至上一轮赛后，历史数据可回溯三个赛季。想看主客场、半场全场或赛季阶段的差别，切对比视图就行。</p>
        </details>
        <details class="home-faq__item">
          <summary>手机上表格太宽怎么办？</summary>
          <p>窄屏下数据表会自动切成卡片视图，一屏一张，往下滑就是下一场。平板横屏时仍保留表头和横向滚动，习惯哪种用哪种。</p>
        </details>
        <details class="home-faq__item">
          <summary>战报和注册清单在哪找？</summary>
          <p>战报从顶部或首屏的入口直达，每篇侧栏都有清单入口。清单也支持打印友好版式，存成 PDF 带走，临时查一个信息不用来回翻。</p>
        </details>
      </div>

      <div class="home-faq__more">
        <p>还有没对上的？支持中心按赛程、筛选、分布记录、战报清单、浏览器兼容五类归好了问题，也可以直接找我们。</p>
        <div class="home-faq__actions">
          <a class="by-btn by-btn--ghost" href="/support/">去支持中心</a>
          <a class="by-btn by-btn--quiet" href="/reach-us/">联系入口</a>
        </div>
      </div>
    </div>
  </section>
</main>

.page-home {
  --ph-gap: clamp(20px, 3vw, 36px);
  --ph-grid-line: rgba(42, 59, 51, 0.42);
}

/* ---------- 章节外壳 ---------- */
.page-home .home-sec {
  position: relative;
  padding: clamp(44px, 6vw, 88px) 0;
  border-top: 1px solid var(--by-line-soft);
}

.page-home .home-sec--last {
  padding-bottom: clamp(56px, 7vw, 104px);
}

.page-home .home-sec__head {
  display: grid;
  gap: 10px;
  margin-bottom: clamp(22px, 3vw, 38px);
  max-width: 78ch;
}

.page-home .home-sec__index {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--by-font-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--by-lime);
}

.page-home .home-sec__index::before {
  content: "";
  display: block;
  width: 26px;
  height: 1px;
  background: var(--by-lime);
}

.page-home .home-sec__title {
  margin: 0;
  font-family: var(--by-font-display);
  font-weight: 800;
  font-size: clamp(25px, 3.6vw, 42px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--by-text);
}

.page-home .home-sec__note {
  margin: 0;
  max-width: 68ch;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.78;
  color: var(--by-muted);
}

/* ---------- 首屏 ---------- */
.page-home .home-hero {
  position: relative;
  padding: clamp(22px, 4vw, 46px) 0 clamp(38px, 5vw, 76px);
  overflow: hidden;
}

.page-home .home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, var(--ph-grid-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--ph-grid-line) 1px, transparent 1px);
  background-size: 96px 96px;
  opacity: 0.5;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at 72% 8%, #000 0%, transparent 74%);
  mask-image: radial-gradient(ellipse at 72% 8%, #000 0%, transparent 74%);
}

.page-home .home-hero .by-shell {
  position: relative;
  z-index: 1;
}

.page-home .home-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(26px, 4vw, 44px);
  align-items: start;
}

.page-home .home-hero__title {
  margin: 16px 0 0;
  font-family: var(--by-font-display);
  font-weight: 800;
  font-size: clamp(34px, 8vw, 82px);
  line-height: 0.96;
  letter-spacing: -0.02em;
  color: var(--by-text);
}

.page-home .home-hero__em {
  display: block;
  color: var(--by-lime);
}

.page-home .home-hero__lede {
  margin: 20px 0 0;
  max-width: 58ch;
  font-size: clamp(15px, 1.1vw, 17px);
  line-height: 1.82;
  color: var(--by-muted);
}

.page-home .home-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.page-home .home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.page-home .home-hero__media {
  position: relative;
  min-width: 0;
}

.page-home .home-hero__figure {
  margin: 0;
  border: 1px solid var(--by-line);
  background: var(--by-panel);
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}

.page-home .home-hero__figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

.page-home .home-hero__tag {
  position: absolute;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  font-family: var(--by-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--by-text);
  background: rgba(11, 15, 13, 0.74);
  border: 1px solid var(--by-line);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.page-home .home-hero__tag--a {
  left: 12px;
  bottom: 16px;
  border-left: 2px solid var(--by-ember);
  color: var(--by-muted);
}

.page-home .home-hero__tag--b {
  right: 10px;
  top: 12px;
  color: var(--by-lime);
  border-color: rgba(199, 255, 61, 0.45);
}

/* ---------- 赛程索引 ---------- */
.page-home .home-schedule__filters {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.page-home .home-schedule__wrap {
  border: 1px solid var(--by-line);
  background: var(--by-panel);
  max-height: 420px;
  overflow: auto;
}

.page-home .home-schedule__hint {
  margin: 14px 0 0;
  font-family: var(--by-font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--by-dim);
}

/* ---------- 联赛筛选与关注 ---------- */
.page-home .home-league {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ph-gap);
}

.page-home .home-league__card,
.page-home .home-league__watch {
  min-width: 0;
}

.page-home .home-league__text {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.78;
  color: var(--by-muted);
}

.page-home .home-watch {
  list-style: none;
  margin: 0;
  padding: 0 clamp(14px, 2vw, 22px);
}

.page-home .home-watch__item {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  grid-template-areas:
    "dot name"
    "dot meta";
  align-items: center;
  gap: 2px 10px;
  padding: 12px 0;
  border-bottom: 1px solid var(--by-line-soft);
}

.page-home .home-watch__item:last-child {
  border-bottom: 0;
}

.page-home .home-watch__dot {
  grid-area: dot;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--by-lime);
  box-shadow: 0 0 0 3px rgba(199, 255, 61, 0.14);
}

.page-home .home-watch__name {
  grid-area: name;
  font-size: 15px;
  font-weight: 600;
  color: var(--by-text);
}

.page-home .home-watch__meta {
  grid-area: meta;
  font-size: 12px;
  color: var(--by-dim);
}

/* ---------- 区间分布 ---------- */
.page-home .home-dist {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ph-gap);
  align-items: start;
}

.page-home .home-dist__chart {
  min-width: 0;
  padding: clamp(16px, 2.4vw, 26px);
  background: var(--by-panel);
  border: 1px solid var(--by-line);
}

.page-home .home-dist__plot {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: clamp(4px, 1vw, 10px);
  align-items: end;
  height: clamp(180px, 26vw, 240px);
  padding-top: 26px;
  border-bottom: 1px solid var(--by-line);
  background-image: linear-gradient(to top, var(--by-line-soft) 1px, transparent 1px);
  background-size: 100% 25%;
}

.page-home .home-dist__col {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100%;
  min-width: 0;
}

.page-home .home-dist__bar {
  position: relative;
  display: block;
  width: 100%;
  height: var(--h, 50%);
  min-height: 8px;
  border-radius: 2px 2px 0 0;
  background: linear-gradient(180deg, var(--by-lime), rgba(199, 255, 61, 0.24));
}

.page-home .home-dist__bar--hot {
  background: linear-gradient(180deg, var(--by-ember), rgba(255, 107, 61, 0.26));
}

.page-home .home-dist__val {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  text-align: center;
  font-family: var(--by-font-mono);
  font-size: 11px;
  color: var(--by-muted);
}

.page-home .home-dist__bar--hot .home-dist__val {
  color: var(--by-ember);
}

.page-home .home-dist__axis {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: clamp(4px, 1vw, 10px);
  margin-top: 10px;
  font-family: var(--by-font-mono);
  font-size: 10px;
  text-align: center;
  color: var(--by-dim);
}

.page-home .home-dist__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px dashed var(--by-line);
}

.page-home .home-dist__key {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: var(--by-muted);
}

.page-home .home-dist__swatch {
  display: inline-block;
  width: 14px;
  height: 6px;
  background: var(--by-lime);
}

.page-home .home-dist__swatch--ember {
  background: var(--by-ember);
}

.page-home .home-dist__panel {
  min-width: 0;
  padding: clamp(16px, 2.4vw, 24px);
  border: 1px solid var(--by-line);
}

.page-home .home-dist__panel img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  margin-bottom: 16px;
  border: 1px solid var(--by-line-soft);
}

.page-home .home-dist__panel-title {
  margin: 0 0 12px;
  font-family: var(--by-font-display);
  font-weight: 700;
  font-size: clamp(19px, 2.2vw, 24px);
  line-height: 1.2;
  color: var(--by-text);
}

.page-home .home-dist__list {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: grid;
  gap: 10px;
}

.page-home .home-dist__list li {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--by-muted);
}

.page-home .home-dist__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 1px;
  background: var(--by-lime);
}

/* ---------- 战报与清单 ---------- */
.page-home .home-report {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ph-gap);
  align-items: start;
}

.page-home .home-report__main {
  min-width: 0;
}

.page-home .home-report__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 clamp(14px, 2vw, 22px) clamp(16px, 2.4vw, 22px);
}

.page-home .home-report__side {
  min-width: 0;
  padding: clamp(16px, 2.4vw, 22px);
  border: 1px solid var(--by-line);
}

.page-home .home-report__side img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  margin-bottom: 16px;
  border: 1px solid var(--by-line-soft);
}

.page-home .home-report__side-title {
  margin: 0 0 10px;
  font-family: var(--by-font-display);
  font-weight: 700;
  font-size: clamp(19px, 2.2vw, 24px);
  line-height: 1.22;
  color: var(--by-text);
}

.page-home .home-report__side p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.75;
  color: var(--by-muted);
}

/* ---------- 信任与支持 ---------- */
.page-home .home-trust {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ph-gap);
  align-items: start;
}

.page-home .home-trust__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--by-line);
  border: 1px solid var(--by-line);
}

.page-home .home-stat {
  display: grid;
  gap: 6px;
  padding: clamp(14px, 2vw, 22px);
  background: var(--by-panel);
}

.page-home .home-stat__num {
  font-family: var(--by-font-mono);
  font-weight: 600;
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1;
  color: var(--by-lime);
  letter-spacing: -0.02em;
}

.page-home .home-stat__unit {
  font-size: 0.5em;
  margin-left: 2px;
  color: var(--by-muted);
}

.page-home .home-stat__label {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--by-dim);
}

.page-home .home-trust__body {
  min-width: 0;
}

/* ---------- 常见问题 ---------- */
.page-home .home-faq {
  display: grid;
  gap: 1px;
  background: var(--by-line-soft);
  border-top: 1px solid var(--by-line);
  border-bottom: 1px solid var(--by-line);
}

.page-home .home-faq__item {
  background: var(--by-forest);
}

.page-home .home-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px clamp(14px, 2vw, 20px);
  font-size: clamp(15px, 1.15vw, 17px);
  font-weight: 600;
  line-height: 1.55;
  color: var(--by-text);
  cursor: pointer;
  list-style: none;
  transition: color 160ms var(--by-ease), background 160ms var(--by-ease);
}

.page-home .home-faq__item summary::-webkit-details-marker {
  display: none;
}

.page-home .home-faq__item summary::after {
  content: "+";
  flex: 0 0 auto;
  font-family: var(--by-font-mono);
  font-size: 18px;
  line-height: 1;
  color: var(--by-lime);
}

.page-home .home-faq__item[open] summary {
  color: var(--by-lime);
  background: var(--by-panel);
}

.page-home .home-faq__item[open] summary::after {
  content: "−";
}

.page-home .home-faq__item summary:focus-visible {
  outline: 2px solid var(--by-focus);
  outline-offset: -2px;
}

.page-home .home-faq__item p {
  margin: 0;
  padding: 0 clamp(14px, 2vw, 20px) 18px;
  max-width: 72ch;
  font-size: 14px;
  line-height: 1.8;
  color: var(--by-muted);
  background: var(--by-panel);
}

.page-home .home-faq__more {
  display: grid;
  gap: 14px;
  margin-top: clamp(20px, 3vw, 32px);
}

.page-home .home-faq__more p {
  margin: 0;
  max-width: 66ch;
  font-size: 15px;
  line-height: 1.78;
  color: var(--by-muted);
}

.page-home .home-faq__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ---------- 响应式 ---------- */
@media (min-width: 700px) {
  .page-home .home-trust__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  .page-home .home-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(30px, 4vw, 58px);
  }

  .page-home .home-league {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }

  .page-home .home-dist {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  }

  .page-home .home-report {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .page-home .home-report__side {
    margin-left: -18px;
    margin-top: 26px;
    position: relative;
    z-index: 2;
  }

  .page-home .home-trust {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(28px, 4vw, 52px);
  }

  .page-home .home-trust__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-home .home-schedule__filters {
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 18px;
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-faq__item summary {
    transition: none;
  }
}