.page-news {
  --news-cyan-line: rgba(45, 226, 230, 0.22);
  --news-gold-line: rgba(245, 185, 66, 0.24);
  --news-magenta-line: rgba(232, 74, 138, 0.22);
  --news-card: rgba(16, 28, 51, 0.72);
  --news-card-hover: rgba(19, 32, 57, 0.94);
}

/* ---------- 首屏 ---------- */
.page-news .news-hero {
  position: relative;
  padding: calc(var(--wy-header-h) + 40px) 0 34px;
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(45, 226, 230, 0.14) 0%, transparent 58%),
    radial-gradient(90% 80% at 92% 12%, rgba(232, 74, 138, 0.12) 0%, transparent 60%),
    radial-gradient(80% 70% at 60% 100%, rgba(245, 185, 66, 0.1) 0%, transparent 62%),
    var(--wy-ink);
  overflow: hidden;
}

.page-news .news-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(90deg, var(--wy-cyan), var(--wy-gold) 55%, var(--wy-magenta));
  opacity: 0.55;
}

.page-news .news-hero__inner {
  position: relative;
  z-index: 1;
}

.page-news .news-crumb {
  margin-bottom: 22px;
  font-size: 13px;
  letter-spacing: 0.04em;
}

.page-news .news-crumb a {
  color: var(--wy-cyan-soft);
  text-decoration: none;
}

.page-news .news-crumb a:hover,
.page-news .news-crumb a:focus-visible {
  text-decoration: underline;
}

.page-news .news-hero__grid {
  display: grid;
  gap: 28px;
}

.page-news .news-hero h1 {
  margin: 10px 0 18px;
  font-family: var(--wy-font-head);
  font-size: clamp(28px, 7vw, 52px);
  line-height: 1.18;
  letter-spacing: 0.04em;
  font-weight: 800;
  color: var(--wy-fog);
  max-width: 20em;
}

.page-news .news-hero__lead {
  margin: 0;
  max-width: 60ch;
  color: var(--wy-text-dim);
  font-size: 16px;
  line-height: 1.8;
}

.page-news .news-hero__facts {
  margin: 0;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  align-content: start;
}

.page-news .news-fact {
  padding: 14px 16px;
  border-radius: var(--wy-radius);
  background: var(--news-card);
  border: 1px solid var(--wy-line);
  box-shadow: inset 0 1px 0 rgba(234, 242, 255, 0.04);
}

.page-news .news-fact dt {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--wy-text-mute);
  margin-bottom: 6px;
}

.page-news .news-fact dd {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--wy-fog);
  font-family: var(--wy-font-num);
}

.page-news .news-fact .wy-num {
  color: var(--wy-gold);
}

.page-news .news-jump {
  list-style: none;
  margin: 26px 0 0;
  padding: 10px 0 4px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.page-news .news-jump__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 9px 16px;
  border-radius: 999px;
  border: 1px solid var(--wy-line);
  background: rgba(14, 25, 48, 0.7);
  color: var(--wy-text-dim);
  font-size: 14px;
  text-decoration: none;
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease), color var(--wy-t) var(--wy-ease);
}

.page-news .news-jump__link:hover,
.page-news .news-jump__link:focus-visible {
  transform: translateY(-2px);
  border-color: var(--wy-line-strong);
  color: var(--wy-fog);
}

.page-news .news-jump__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wy-cyan);
}

.page-news .news-jump__dot--gold { background: var(--wy-gold); }
.page-news .news-jump__dot--magenta { background: var(--wy-magenta); }
.page-news .news-jump__dot--green { background: var(--wy-green); }

/* ---------- 三轨区 ---------- */
.page-news .news-tracks__head {
  margin-bottom: 26px;
  max-width: 62ch;
}

.page-news .news-tracks__head h2 {
  margin: 0 0 12px;
  font-family: var(--wy-font-head);
  font-size: clamp(24px, 4.4vw, 34px);
  letter-spacing: 0.04em;
  line-height: 1.25;
  color: var(--wy-fog);
}

.page-news .news-tracks__lead {
  margin: 0;
  color: var(--wy-text-dim);
  line-height: 1.8;
}

.page-news .news-tracks__grid {
  display: grid;
  gap: var(--wy-gap);
  grid-template-columns: 1fr;
}

.page-news .track {
  position: relative;
  padding: 22px 18px 18px;
  border-radius: var(--wy-radius-lg);
  background: linear-gradient(180deg, var(--wy-surface-2) 0%, var(--wy-surface) 58%, rgba(10, 18, 32, 0.9) 100%);
  border: 1px solid var(--wy-line);
  overflow: hidden;
}

.page-news .track::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--wy-cyan);
}

.page-news .track--version::before { background: var(--wy-gold); }
.page-news .track--query::before { background: var(--wy-magenta); }

.page-news .track--index {
  box-shadow: 0 0 0 1px var(--news-cyan-line), 0 26px 60px -42px rgba(45, 226, 230, 0.55);
}

.page-news .track__head {
  margin-bottom: 16px;
}

.page-news .track__title {
  margin: 10px 0 8px;
  font-family: var(--wy-font-head);
  font-size: 22px;
  letter-spacing: 0.03em;
  color: var(--wy-fog);
}

.page-news .track__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.72;
  color: var(--wy-text-mute);
}

.page-news .track__cover {
  margin: 0 0 16px;
  border-radius: var(--wy-radius);
  overflow: hidden;
  border: 1px solid var(--wy-line);
  background: var(--wy-ink-2);
}

.page-news .track__cover img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 12 / 7;
  object-fit: cover;
}

.page-news .track__cover--chart img {
  aspect-ratio: 10 / 6;
}

.page-news .track__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

/* 条目 */
.page-news .entry {
  border-radius: var(--wy-radius-sm);
  border: 1px solid var(--wy-line);
  background: var(--news-card);
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease), background var(--wy-t) var(--wy-ease), box-shadow var(--wy-t) var(--wy-ease);
}

.page-news .entry:hover {
  transform: translateY(-2px);
  border-color: var(--wy-line-strong);
  background: var(--news-card-hover);
  box-shadow: 0 14px 30px -22px rgba(45, 226, 230, 0.85);
}

.page-news .track--version .entry:hover {
  border-color: rgba(245, 185, 66, 0.45);
  box-shadow: 0 14px 30px -22px rgba(245, 185, 66, 0.8);
}

.page-news .entry:focus-within {
  border-color: var(--wy-cyan);
}

.page-news .entry__head {
  display: block;
  cursor: pointer;
  padding: 13px 14px;
  list-style: none;
}

.page-news .entry__head::-webkit-details-marker { display: none; }

.page-news .entry__head:focus-visible {
  outline: 2px solid var(--wy-cyan);
  outline-offset: 2px;
  border-radius: var(--wy-radius-sm);
}

.page-news .entry__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.page-news .entry__ver {
  font-size: 12px;
  color: var(--wy-cyan-soft);
  letter-spacing: 0.06em;
}

.page-news .track--version .entry__ver { color: var(--wy-gold); }

.page-news .entry__title {
  display: block;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 600;
  color: var(--wy-fog);
}

.page-news .entry[open] .entry__title {
  color: var(--wy-cyan-soft);
}

.page-news .track--version .entry[open] .entry__title { color: var(--wy-gold); }

.page-news .entry__body {
  padding: 0 14px 14px;
  border-top: 1px dashed var(--wy-line);
  margin-top: 2px;
  padding-top: 12px;
}

.page-news .entry__body p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.78;
  color: var(--wy-text-dim);
}

.page-news .entry__affect {
  margin: 0;
  font-size: 12.5px;
  letter-spacing: 0.03em;
  color: var(--wy-text-mute);
}

.page-news .track__note {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--wy-line);
  font-size: 13px;
  line-height: 1.74;
  color: var(--wy-text-mute);
}

.page-news .track__note a {
  color: var(--wy-cyan-soft);
  text-decoration: none;
  border-bottom: 1px solid var(--news-cyan-line);
}

.page-news .track__note a:hover,
.page-news .track__note a:focus-visible {
  color: var(--wy-cyan);
  border-bottom-color: var(--wy-cyan);
}

/* 查询记录图表 */
.page-news .query-chart {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  height: 96px;
  padding: 0 4px 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--wy-line);
}

.page-news .query-chart__bar {
  flex: 1;
  height: var(--h);
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, rgba(232, 74, 138, 0.85), rgba(232, 74, 138, 0.22));
}

.page-news .query-chart__bar--peak {
  background: linear-gradient(180deg, var(--wy-gold), rgba(245, 185, 66, 0.28));
}

.page-news .query-chart__caption {
  margin: 0 0 16px;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--wy-text-mute);
}

.page-news .query-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.page-news .query-list li {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  padding: 12px 12px;
  border-radius: var(--wy-radius-sm);
  background: var(--news-card);
  border: 1px solid var(--wy-line);
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease);
}

.page-news .query-list li:hover {
  transform: translateY(-2px);
  border-color: var(--news-magenta-line);
}

.page-news .query-list__rank {
  font-size: 15px;
  font-weight: 700;
  color: var(--wy-magenta);
  letter-spacing: 0.04em;
  padding-top: 1px;
}

.page-news .query-list__title {
  margin: 0 0 4px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--wy-fog);
  line-height: 1.5;
}

.page-news .query-list__desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.72;
  color: var(--wy-text-mute);
}

.page-news .query-list__desc a {
  color: var(--wy-cyan-soft);
  text-decoration: none;
  border-bottom: 1px solid var(--news-cyan-line);
}

.page-news .query-list__desc a:hover,
.page-news .query-list__desc a:focus-visible {
  color: var(--wy-cyan);
}

/* ---------- 赛季专题 ---------- */
.page-news .news-season {
  background:
    radial-gradient(80% 70% at 88% 8%, rgba(57, 217, 138, 0.1) 0%, transparent 62%),
    var(--wy-ink-2);
}

.page-news .news-season__inner {
  display: grid;
  gap: 26px;
}

.page-news .news-season__intro h2 {
  margin: 10px 0 14px;
  font-family: var(--wy-font-head);
  font-size: clamp(24px, 4.4vw, 34px);
  line-height: 1.26;
  letter-spacing: 0.04em;
  color: var(--wy-fog);
}

.page-news .news-season__intro p:not(.wy-eyebrow) {
  margin: 0 0 18px;
  max-width: 58ch;
  color: var(--wy-text-dim);
  line-height: 1.8;
}

.page-news .news-season__cta {
  display: inline-flex;
  width: fit-content;
}

.page-news .news-season__cover {
  margin: 0;
  border-radius: var(--wy-radius-lg);
  overflow: hidden;
  border: 1px solid var(--wy-line);
}

.page-news .news-season__cover img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 12 / 7;
  object-fit: cover;
}

.page-news .season-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.page-news .season-item {
  position: relative;
  padding: 16px 16px 16px 20px;
  border-radius: var(--wy-radius);
  background: rgba(10, 18, 32, 0.68);
  border: 1px solid var(--wy-line);
  border-left: 3px solid rgba(57, 217, 138, 0.55);
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease);
}

.page-news .season-item:hover {
  transform: translateY(-2px);
  border-left-color: var(--wy-green);
}

.page-news .season-item h3 {
  margin: 10px 0 8px;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 600;
  color: var(--wy-fog);
}

.page-news .season-item p {
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
  color: var(--wy-text-dim);
}

/* ---------- 回溯指引 ---------- */
.page-news .news-backtrack__head {
  max-width: 60ch;
  margin-bottom: 24px;
}

.page-news .news-backtrack__head h2 {
  margin: 0 0 12px;
  font-family: var(--wy-font-head);
  font-size: clamp(24px, 4.4vw, 32px);
  letter-spacing: 0.04em;
  line-height: 1.28;
  color: var(--wy-fog);
}

.page-news .news-backtrack__head p {
  margin: 0;
  color: var(--wy-text-dim);
  line-height: 1.8;
}

.page-news .news-backtrack__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

.page-news .backtrack-card {
  padding: 18px;
  border-radius: var(--wy-radius);
  background: linear-gradient(160deg, rgba(45, 226, 230, 0.1), rgba(16, 28, 51, 0.9) 55%);
  border: 1px solid var(--wy-line);
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease);
}

.page-news .backtrack-card:hover {
  transform: translateY(-2px);
  border-color: var(--wy-line-strong);
}

.page-news .backtrack-card h3 {
  margin: 0 0 8px;
  font-size: 15px;
  letter-spacing: 0.04em;
  color: var(--wy-cyan-soft);
}

.page-news .backtrack-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
  color: var(--wy-text-dim);
}

.page-news .news-backtrack__help {
  margin-top: 20px;
  padding: 20px;
  border-radius: var(--wy-radius-lg);
  background: var(--news-card);
  border: 1px solid var(--wy-line);
}

.page-news .news-backtrack__help p {
  margin: 0 0 16px;
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--wy-text-dim);
}

.page-news .news-backtrack__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-news .news-backtrack__actions .wy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* ---------- 断点 ---------- */
@media (min-width: 640px) {
  .page-news .news-backtrack__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-news .season-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .page-news .news-hero {
    padding: calc(var(--wy-header-h) + 58px) 0 44px;
  }

  .page-news .news-hero__grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.85fr);
    gap: 36px;
    align-items: start;
  }

  .page-news .news-hero__facts {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .page-news .news-tracks__grid {
    grid-template-columns: 1.14fr 1fr 0.9fr;
    align-items: start;
  }

  .page-news .news-season__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    column-gap: 34px;
  }

  .page-news .news-season__intro {
    grid-column: 1;
  }

  .page-news .news-season__cover {
    grid-column: 2;
    grid-row: 1;
  }

  .page-news .season-list {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
  }

  .page-news .news-backtrack__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .page-news .news-backtrack__help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }

  .page-news .news-backtrack__help p {
    margin: 0;
    max-width: 62ch;
  }

  .page-news .news-backtrack__actions {
    flex: 0 0 auto;
  }
}

@media (min-width: 1200px) {
  .page-news .track {
    padding: 26px 22px 22px;
  }

  .page-news .entry__title {
    font-size: 15.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .entry,
  .page-news .query-list li,
  .page-news .season-item,
  .page-news .backtrack-card,
  .page-news .news-jump__link {
    transition: none;
  }

  .page-news .entry:hover,
  .page-news .query-list li:hover,
  .page-news .season-item:hover,
  .page-news .backtrack-card:hover,
  .page-news .news-jump__link:hover {
    transform: none;
  }
}


<main id="main-content" class="page-news">
  <section class="news-hero" aria-labelledby="news-hero-title">
    <div class="wy-shell news-hero__inner">
      <nav class="wy-breadcrumb news-crumb" aria-label="面包屑">
        <span class="wy-breadcrumb__item"><a href="/">主页</a></span>
        <span class="wy-breadcrumb__sep">/</span>
        <span class="wy-breadcrumb__item" aria-current="page">品牌日志</span>
      </nav>

      <div class="news-hero__grid">
        <div class="news-hero__main">
          <p class="wy-eyebrow">迭代记录 · 赛季归档</p>
          <h1 id="news-hero-title">入口为什么挪了、桌面端改了什么，都能顺着记录找回来</h1>
          <p class="wy-lead news-hero__lead">常用玩法忽然换了位置、升级后某个按钮不在原处、隔了一个赛季回来发现索引编号变了——这些都会让人多绕几步。微赢棋牌把每次调整写进品牌日志：改了什么、影响哪些栏目、对应哪个版本，连同赛季专题与查询热度一起归档，你按时间往回翻就能对上。</p>
        </div>
        <dl class="news-hero__facts">
          <div class="news-fact">
            <dt>索引变更记录</dt>
            <dd><span class="wy-num">240</span> 余条</dd>
          </div>
          <div class="news-fact">
            <dt>桌面端累计版本</dt>
            <dd><span class="wy-num">68</span> 个</dd>
          </div>
          <div class="news-fact">
            <dt>版本说明节奏</dt>
            <dd>每月 <span class="wy-num">2–3</span> 次</dd>
          </div>
        </dl>
      </div>

      <ul class="news-jump" aria-label="日志分区">
        <li><a class="news-jump__link" href="#track-index"><span class="news-jump__dot news-jump__dot--cyan"></span>索引变更</a></li>
        <li><a class="news-jump__link" href="#track-version"><span class="news-jump__dot news-jump__dot--gold"></span>版本说明</a></li>
        <li><a class="news-jump__link" href="#track-query"><span class="news-jump__dot news-jump__dot--magenta"></span>查询记录</a></li>
        <li><a class="news-jump__link" href="#season"><span class="news-jump__dot news-jump__dot--green"></span>赛季专题</a></li>
      </ul>
    </div>
  </section>

  <section class="wy-section news-tracks" aria-labelledby="tracks-title">
    <div class="wy-shell">
      <header class="news-tracks__head">
        <h2 id="tracks-title">改动、发布、热度，各自成栏</h2>
        <p class="news-tracks__lead">玩法入口的顺序调整写在一栏，桌面端每次发版写在一栏，每月查询集中在哪些条目上又写在一栏。想找哪类变化，直接翻到对应那一列。</p>
      </header>

      <div class="news-tracks__grid">
        <article class="track track--index" id="track-index" aria-labelledby="track-index-title">
          <header class="track__head">
            <span class="wy-tag wy-tag--cyan">轨道一</span>
            <h3 class="track__title" id="track-index-title">索引变更说明</h3>
            <p class="track__desc">入口位次、玩法编号与分类归属的调整，都标出影响的栏目和对应版本。</p>
          </header>

          <figure class="track__cover">
            <img src="{zhanqunpic:h:700w:1200}" width="1200" height="700" alt="霓虹青索引线与编号卡片排列构成的抽象封面">
          </figure>

          <ol class="track__list">
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--cyan">赛季中段</span>
                    <span class="wy-num entry__ver">v4.6</span>
                  </span>
                  <span class="entry__title">主页入口区按月重排，十二类玩法统一编号前缀</span>
                </summary>
                <div class="entry__body">
                  <p>本次按近一个月的访问频次与段位偏好，重新排列了 36 个固定玩法入口的先后位置；同时给十二类玩法加上统一编号前缀，你在查询记录里按编号就能直接定位到对应玩法。调整后入口区每月固定重排一次。</p>
                  <p class="entry__affect">影响栏目：主页入口区 · 帮助中心入口查找</p>
                </div>
              </details>
            </li>
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--cyan">赛季开幕</span>
                    <span class="wy-num entry__ver">v4.6</span>
                  </span>
                  <span class="entry__title">华东与华中常用玩法入口前移</span>
                </summary>
                <div class="entry__body">
                  <p>两地用户在晚间时段的访问最集中，几个高频玩法的入口顺次前移两位，新赛季开始后第一周即可看到新的顺序。区域合作机构同步的线下活动入口也一并纳入排序。</p>
                  <p class="entry__affect">影响栏目：主页入口区 · 区域合作内容</p>
                </div>
              </details>
            </li>
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--cyan">灰度验证</span>
                    <span class="wy-num entry__ver">v4.5</span>
                  </span>
                  <span class="entry__title">移动端侧滑索引条顺序调整</span>
                </summary>
                <div class="entry__body">
                  <p>手机端顶部的侧滑索引条改为先排近七日打开的玩法，后排其余分类。先在部分用户中验证两周，确认单手操作时的滑动距离明显缩短后，再向全部用户开放。</p>
                  <p class="entry__affect">影响栏目：移动端索引条 · 帮助中心</p>
                </div>
              </details>
            </li>
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--cyan">巡检修订</span>
                    <span class="wy-num entry__ver">v4.5</span>
                  </span>
                  <span class="entry__title">段位快捷区新增三项常用玩法定位</span>
                </summary>
                <div class="entry__body">
                  <p>段位用户在主页快捷区可以一键定位到最近常玩的三个玩法，位置按最近七天的打开记录滚动更新。索引条目保持每日校验一次，异常条目在当天的巡检中处理。</p>
                  <p class="entry__affect">影响栏目：段位快捷区 · 主页入口区</p>
                </div>
              </details>
            </li>
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--cyan">赛季收官</span>
                    <span class="wy-num entry__ver">v4.4</span>
                  </span>
                  <span class="entry__title">玩法索引分类归并，重复条目清理完毕</span>
                </summary>
                <div class="entry__body">
                  <p>赛季收官阶段对玩法索引做了一次归并，把归属重叠的分类并到主类下，重复的说明条目统一到一条。此次调整后，每一类玩法在索引里只有一条主记录。</p>
                  <p class="entry__affect">影响栏目：玩法索引 · 查询记录</p>
                </div>
              </details>
            </li>
          </ol>

          <p class="track__note">本栏发布的每一条微赢棋牌站内索引变更说明，都附带版本号与受影响栏目，便于你对照升级前后的差异。</p>
        </article>

        <article class="track track--version" id="track-version" aria-labelledby="track-version-title">
          <header class="track__head">
            <span class="wy-tag wy-tag--gold">轨道二</span>
            <h3 class="track__title" id="track-version-title">版本说明</h3>
            <p class="track__desc">桌面端每个版本的更新内容、适配变化与已知调整，按版本号倒序排列。</p>
          </header>

          <figure class="track__cover">
            <img src="{zhanqunpic:h:700w:1200}" width="1200" height="700" alt="桌面端版本节点与琥珀金数字构成的抽象图" loading="lazy" decoding="async">
          </figure>

          <ol class="track__list">
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--gold">主版本</span>
                    <span class="wy-num entry__ver">v4.6</span>
                  </span>
                  <span class="entry__title">索引面板分段加载，长列表打开更快</span>
                </summary>
                <div class="entry__body">
                  <p>索引面板改为分段加载，条目较多的分类不再等整页读完才出现。桌面端同时保留键盘快捷导航，按 Tab 可依次走过导航、磁贴与折叠问答。</p>
                  <p class="entry__affect">适配机型：桌面端全平台 · 6 至 7 英寸移动端</p>
                </div>
              </details>
            </li>
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--gold">功能更新</span>
                    <span class="wy-num entry__ver">v4.5</span>
                  </span>
                  <span class="entry__title">折叠屏横屏两栏布局与单手模式</span>
                </summary>
                <div class="entry__body">
                  <p>折叠屏展开后自动切换为横屏两栏，单手模式下常用操作集中到拇指可及的下半屏。移动端同时支持大字号显示，适合在移动设备上查看长条目。</p>
                  <p class="entry__affect">适配机型：折叠屏 · 主流 6 至 7 英寸屏幕</p>
                </div>
              </details>
            </li>
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--gold">功能更新</span>
                    <span class="wy-num entry__ver">v4.4</span>
                  </span>
                  <span class="entry__title">焦点环样式统一，键盘操作路径更清楚</span>
                </summary>
                <div class="entry__body">
                  <p>所有可点元素获得一致的焦点描边，用键盘浏览时能看清当前停在哪一项。悬停与聚焦的层次变化控制在 200 毫秒上下，不做多余动效。</p>
                  <p class="entry__affect">适配机型：桌面端全平台</p>
                </div>
              </details>
            </li>
            <li>
              <details class="entry">
                <summary class="entry__head">
                  <span class="entry__meta">
                    <span class="wy-tag wy-tag--gold">架构升级</span>
                    <span class="wy-num entry__ver">v4.0</span>
                  </span>
                  <span class="entry__title">组件库合并，页面加载速度提升 42%</span>
                </summary>
                <div class="entry__body">
                  <p>完成架构分层与组件库合并，同一套界面在桌面端与移动端复用，页面加载速度较升级前提升 42%。此后每个版本都在此基础上叠加适配改动。</p>
                  <p class="entry__affect">适配机型：桌面端全平台 · 移动端</p>
                </div>
              </details>
            </li>
          </ol>

          <p class="track__note">重大版本单独成篇，日常补丁合并进当月说明。需要安装帮助可前往<a href="/app-download/">桌面端下载</a>查看设备要求。</p>
        </article>

        <article class="track track--query" id="track-query" aria-labelledby="track-query-title">
          <header class="track__head">
            <span class="wy-tag wy-tag--magenta">轨道三</span>
            <h3 class="track__title" id="track-query-title">查询记录摘要</h3>
            <p class="track__desc">每月大家最常查的条目集中在哪，用一屏看完。</p>
          </header>

          <figure class="track__cover track__cover--chart">
            <img src="{zhanqunpic:h:600w:1000}" width="1000" height="600" alt="月度查询条目统计的抽象折线与柱状图" loading="lazy" decoding="async">
          </figure>

          <div class="query-chart" aria-hidden="true">
            <span class="query-chart__bar" style="--h:46%"></span>
            <span class="query-chart__bar" style="--h:58%"></span>
            <span class="query-chart__bar" style="--h:52%"></span>
            <span class="query-chart__bar" style="--h:71%"></span>
            <span class="query-chart__bar" style="--h:64%"></span>
            <span class="query-chart__bar query-chart__bar--peak" style="--h:92%"></span>
          </div>
          <p class="query-chart__caption">近六个赛季的查询条目走势，峰值出现在每季段位挑战开启当周。</p>

          <ul class="query-list">
            <li>
              <span class="wy-num query-list__rank">01</span>
              <div><p class="query-list__title">主页入口找不到常用玩法</p><p class="query-list__desc">多集中在换设备或久未登录后，主页入口区与段位快捷区两个位置都要看。</p></div>
            </li>
            <li>
              <span class="wy-num query-list__rank">02</span>
              <div><p class="query-list__title">桌面端安装与升级步骤</p><p class="query-list__desc">按版本号查询安装方式的最多，<a href="/app-download/">桌面端下载</a>页有完整说明。</p></div>
            </li>
            <li>
              <span class="wy-num query-list__rank">03</span>
              <div><p class="query-list__title">段位与常用玩法的对应关系</p><p class="query-list__desc">七个段位的用户对入口偏好差异明显，摘要每月按段位重新分组。</p></div>
            </li>
          </ul>

          <p class="track__note">查询记录独立保存近 12 个月，可按栏目筛选回溯。</p>
        </article>
      </div>
    </div>
  </section>

  <section class="wy-section news-season" id="season" aria-labelledby="season-title">
    <div class="wy-shell news-season__inner">
      <div class="news-season__intro">
        <p class="wy-eyebrow">赛季专题 · 玩法观察</p>
        <h2 id="season-title">一季一档，把段位挑战和玩法变化放在一起看</h2>
        <p>每年四季节位挑战，单季参与的用户约 12 万。专题按赛季阶段组织内容：开赛时讲入口与段位规则，赛程中段记录玩法观察，收官时汇总段位分布与行为变化。想看一个玩法是怎么从灰度走到全量的，从赛季线往回翻最清楚。</p>
        <a class="wy-btn wy-btn--ghost news-season__cta" href="/company/">了解运营团队与历程</a>
      </div>

      <figure class="news-season__cover">
        <img src="{zhanqunpic:h:700w:1200}" width="1200" height="700" alt="七级段位阶梯与赛季阶段色块组合的抽象图" loading="lazy" decoding="async">
      </figure>

      <ol class="season-list">
        <li class="season-item">
          <span class="wy-tag wy-tag--green">开赛周</span>
          <h3>段位挑战入口与段位说明同步更新</h3>
          <p>七个段位从入门到大师，开赛周会在主页快捷区放出本季入口。段位用户直接看到推荐玩法，新访客则先被引导到玩法索引。</p>
        </li>
        <li class="season-item">
          <span class="wy-tag wy-tag--green">赛程中段</span>
          <h3>玩法观察：新玩法先在小范围验证</h3>
          <p>新玩法先进入灰度池，在一部分用户中试运行，观察入口点击与停留时长后再决定是否全量开放。这条流程从 2020 年起沿用至今。</p>
        </li>
        <li class="season-item">
          <span class="wy-tag wy-tag--green">收官复盘</span>
          <h3>段位分布与常用入口变化汇总</h3>
          <p>收官时统计各段位的入口偏好变化，结果会直接影响下一季入口区的排序。区域合作机构也能拿到本季的玩法观察摘要。</p>
        </li>
        <li class="season-item">
          <span class="wy-tag wy-tag--green">系列专题</span>
          <h3>桌面端体验改造记</h3>
          <p>从架构升级到折叠屏适配，把每次体验改造的前因后果串成一条线，配合版本号一起阅读更容易对上改动。</p>
        </li>
      </ol>
    </div>
  </section>

  <section class="wy-section news-backtrack" aria-labelledby="backtrack-title">
    <div class="wy-shell">
      <header class="news-backtrack__head">
        <h2 id="backtrack-title">想找旧记录，按这三条路走</h2>
        <p>记不清改动发生在哪一季，或者只记得版本号，都可以从下面挑一条最省事的路径。</p>
      </header>

      <div class="news-backtrack__grid">
        <article class="backtrack-card">
          <h3>记得大概时间</h3>
          <p>从赛季阶段入手，先定位到某一季，再在本页索引变更与赛季专题两栏里对照，通常两三步就能找到那条改动。</p>
        </article>
        <article class="backtrack-card">
          <h3>记得版本号</h3>
          <p>直接翻版本说明栏，按版本号倒序查找；每个版本都标了更新内容与适配机型，升级前后的差异一眼能看出来。</p>
        </article>
        <article class="backtrack-card">
          <h3>只记得查过什么</h3>
          <p>查询记录摘要保留近 12 个月的月度统计与热门条目，先看哪个月的曲线跳起来，再回到对应赛季的专题里找原因。</p>
        </article>
      </div>

      <div class="news-backtrack__help">
        <p>如果翻遍记录仍对不上，帮助中心整理了入口查找、桌面端安装和段位快捷区的常见问题；确实需要人工确认的，通过联系通道找我们，客服邮箱每日 9:00–21:00 响应，平均首次回复约 25 分钟。</p>
        <div class="news-backtrack__actions">
          <a class="wy-btn wy-btn--primary" href="/help-center/">前往帮助中心</a>
          <a class="wy-btn wy-btn--ghost" href="/connect/">联系客服</a>
        </div>
      </div>
    </div>
  </section>
</main>

.page-news {
  --news-cyan-line: rgba(45, 226, 230, 0.22);
  --news-gold-line: rgba(245, 185, 66, 0.24);
  --news-magenta-line: rgba(232, 74, 138, 0.22);
  --news-card: rgba(16, 28, 51, 0.72);
  --news-card-hover: rgba(19, 32, 57, 0.94);
}

/* ---------- 首屏 ---------- */
.page-news .news-hero {
  position: relative;
  padding: calc(var(--wy-header-h) + 40px) 0 34px;
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(45, 226, 230, 0.14) 0%, transparent 58%),
    radial-gradient(90% 80% at 92% 12%, rgba(232, 74, 138, 0.12) 0%, transparent 60%),
    radial-gradient(80% 70% at 60% 100%, rgba(245, 185, 66, 0.1) 0%, transparent 62%),
    var(--wy-ink);
  overflow: hidden;
}

.page-news .news-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(90deg, var(--wy-cyan), var(--wy-gold) 55%, var(--wy-magenta));
  opacity: 0.55;
}

.page-news .news-hero__inner {
  position: relative;
  z-index: 1;
}

.page-news .news-crumb {
  margin-bottom: 22px;
  font-size: 13px;
  letter-spacing: 0.04em;
}

.page-news .news-crumb a {
  color: var(--wy-cyan-soft);
  text-decoration: none;
}

.page-news .news-crumb a:hover,
.page-news .news-crumb a:focus-visible {
  text-decoration: underline;
}

.page-news .news-hero__grid {
  display: grid;
  gap: 28px;
}

.page-news .news-hero h1 {
  margin: 10px 0 18px;
  font-family: var(--wy-font-head);
  font-size: clamp(28px, 7vw, 52px);
  line-height: 1.18;
  letter-spacing: 0.04em;
  font-weight: 800;
  color: var(--wy-fog);
  max-width: 20em;
}

.page-news .news-hero__lead {
  margin: 0;
  max-width: 60ch;
  color: var(--wy-text-dim);
  font-size: 16px;
  line-height: 1.8;
}

.page-news .news-hero__facts {
  margin: 0;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  align-content: start;
}

.page-news .news-fact {
  padding: 14px 16px;
  border-radius: var(--wy-radius);
  background: var(--news-card);
  border: 1px solid var(--wy-line);
  box-shadow: inset 0 1px 0 rgba(234, 242, 255, 0.04);
}

.page-news .news-fact dt {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--wy-text-mute);
  margin-bottom: 6px;
}

.page-news .news-fact dd {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--wy-fog);
  font-family: var(--wy-font-num);
}

.page-news .news-fact .wy-num {
  color: var(--wy-gold);
}

.page-news .news-jump {
  list-style: none;
  margin: 26px 0 0;
  padding: 10px 0 4px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.page-news .news-jump__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 9px 16px;
  border-radius: 999px;
  border: 1px solid var(--wy-line);
  background: rgba(14, 25, 48, 0.7);
  color: var(--wy-text-dim);
  font-size: 14px;
  text-decoration: none;
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease), color var(--wy-t) var(--wy-ease);
}

.page-news .news-jump__link:hover,
.page-news .news-jump__link:focus-visible {
  transform: translateY(-2px);
  border-color: var(--wy-line-strong);
  color: var(--wy-fog);
}

.page-news .news-jump__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wy-cyan);
}

.page-news .news-jump__dot--gold { background: var(--wy-gold); }
.page-news .news-jump__dot--magenta { background: var(--wy-magenta); }
.page-news .news-jump__dot--green { background: var(--wy-green); }

/* ---------- 三轨区 ---------- */
.page-news .news-tracks__head {
  margin-bottom: 26px;
  max-width: 62ch;
}

.page-news .news-tracks__head h2 {
  margin: 0 0 12px;
  font-family: var(--wy-font-head);
  font-size: clamp(24px, 4.4vw, 34px);
  letter-spacing: 0.04em;
  line-height: 1.25;
  color: var(--wy-fog);
}

.page-news .news-tracks__lead {
  margin: 0;
  color: var(--wy-text-dim);
  line-height: 1.8;
}

.page-news .news-tracks__grid {
  display: grid;
  gap: var(--wy-gap);
  grid-template-columns: 1fr;
}

.page-news .track {
  position: relative;
  padding: 22px 18px 18px;
  border-radius: var(--wy-radius-lg);
  background: linear-gradient(180deg, var(--wy-surface-2) 0%, var(--wy-surface) 58%, rgba(10, 18, 32, 0.9) 100%);
  border: 1px solid var(--wy-line);
  overflow: hidden;
}

.page-news .track::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--wy-cyan);
}

.page-news .track--version::before { background: var(--wy-gold); }
.page-news .track--query::before { background: var(--wy-magenta); }

.page-news .track--index {
  box-shadow: 0 0 0 1px var(--news-cyan-line), 0 26px 60px -42px rgba(45, 226, 230, 0.55);
}

.page-news .track__head {
  margin-bottom: 16px;
}

.page-news .track__title {
  margin: 10px 0 8px;
  font-family: var(--wy-font-head);
  font-size: 22px;
  letter-spacing: 0.03em;
  color: var(--wy-fog);
}

.page-news .track__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.72;
  color: var(--wy-text-mute);
}

.page-news .track__cover {
  margin: 0 0 16px;
  border-radius: var(--wy-radius);
  overflow: hidden;
  border: 1px solid var(--wy-line);
  background: var(--wy-ink-2);
}

.page-news .track__cover img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 12 / 7;
  object-fit: cover;
}

.page-news .track__cover--chart img {
  aspect-ratio: 10 / 6;
}

.page-news .track__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

/* 条目 */
.page-news .entry {
  border-radius: var(--wy-radius-sm);
  border: 1px solid var(--wy-line);
  background: var(--news-card);
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease), background var(--wy-t) var(--wy-ease), box-shadow var(--wy-t) var(--wy-ease);
}

.page-news .entry:hover {
  transform: translateY(-2px);
  border-color: var(--wy-line-strong);
  background: var(--news-card-hover);
  box-shadow: 0 14px 30px -22px rgba(45, 226, 230, 0.85);
}

.page-news .track--version .entry:hover {
  border-color: rgba(245, 185, 66, 0.45);
  box-shadow: 0 14px 30px -22px rgba(245, 185, 66, 0.8);
}

.page-news .entry:focus-within {
  border-color: var(--wy-cyan);
}

.page-news .entry__head {
  display: block;
  cursor: pointer;
  padding: 13px 14px;
  list-style: none;
}

.page-news .entry__head::-webkit-details-marker { display: none; }

.page-news .entry__head:focus-visible {
  outline: 2px solid var(--wy-cyan);
  outline-offset: 2px;
  border-radius: var(--wy-radius-sm);
}

.page-news .entry__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.page-news .entry__ver {
  font-size: 12px;
  color: var(--wy-cyan-soft);
  letter-spacing: 0.06em;
}

.page-news .track--version .entry__ver { color: var(--wy-gold); }

.page-news .entry__title {
  display: block;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 600;
  color: var(--wy-fog);
}

.page-news .entry[open] .entry__title {
  color: var(--wy-cyan-soft);
}

.page-news .track--version .entry[open] .entry__title { color: var(--wy-gold); }

.page-news .entry__body {
  padding: 12px 14px 14px;
  border-top: 1px dashed var(--wy-line);
  margin-top: 2px;
}

.page-news .entry__body p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.78;
  color: var(--wy-text-dim);
}

.page-news .entry__affect {
  margin: 0;
  font-size: 12.5px;
  letter-spacing: 0.03em;
  color: var(--wy-text-mute);
}

.page-news .track__note {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--wy-line);
  font-size: 13px;
  line-height: 1.74;
  color: var(--wy-text-mute);
}

.page-news .track__note a {
  color: var(--wy-cyan-soft);
  text-decoration: none;
  border-bottom: 1px solid var(--news-cyan-line);
}

.page-news .track__note a:hover,
.page-news .track__note a:focus-visible {
  color: var(--wy-cyan);
  border-bottom-color: var(--wy-cyan);
}

/* 查询记录图表 */
.page-news .query-chart {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  height: 96px;
  padding: 0 4px 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--wy-line);
}

.page-news .query-chart__bar {
  flex: 1;
  height: var(--h);
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, rgba(232, 74, 138, 0.85), rgba(232, 74, 138, 0.22));
}

.page-news .query-chart__bar--peak {
  background: linear-gradient(180deg, var(--wy-gold), rgba(245, 185, 66, 0.28));
}

.page-news .query-chart__caption {
  margin: 0 0 16px;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--wy-text-mute);
}

.page-news .query-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.page-news .query-list li {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  padding: 12px;
  border-radius: var(--wy-radius-sm);
  background: var(--news-card);
  border: 1px solid var(--wy-line);
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease);
}

.page-news .query-list li:hover {
  transform: translateY(-2px);
  border-color: var(--news-magenta-line);
}

.page-news .query-list__rank {
  font-size: 15px;
  font-weight: 700;
  color: var(--wy-magenta);
  letter-spacing: 0.04em;
  padding-top: 1px;
}

.page-news .query-list__title {
  margin: 0 0 4px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--wy-fog);
  line-height: 1.5;
}

.page-news .query-list__desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.72;
  color: var(--wy-text-mute);
}

.page-news .query-list__desc a {
  color: var(--wy-cyan-soft);
  text-decoration: none;
  border-bottom: 1px solid var(--news-cyan-line);
}

.page-news .query-list__desc a:hover,
.page-news .query-list__desc a:focus-visible {
  color: var(--wy-cyan);
}

/* ---------- 赛季专题 ---------- */
.page-news .news-season {
  background:
    radial-gradient(80% 70% at 88% 8%, rgba(57, 217, 138, 0.1) 0%, transparent 62%),
    var(--wy-ink-2);
}

.page-news .news-season__inner {
  display: grid;
  gap: 26px;
}

.page-news .news-season__intro h2 {
  margin: 10px 0 14px;
  font-family: var(--wy-font-head);
  font-size: clamp(24px, 4.4vw, 34px);
  line-height: 1.26;
  letter-spacing: 0.04em;
  color: var(--wy-fog);
}

.page-news .news-season__intro p:not(.wy-eyebrow) {
  margin: 0 0 18px;
  max-width: 58ch;
  color: var(--wy-text-dim);
  line-height: 1.8;
}

.page-news .news-season__cta {
  display: inline-flex;
  width: fit-content;
}

.page-news .news-season__cover {
  margin: 0;
  border-radius: var(--wy-radius-lg);
  overflow: hidden;
  border: 1px solid var(--wy-line);
}

.page-news .news-season__cover img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 12 / 7;
  object-fit: cover;
}

.page-news .season-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.page-news .season-item {
  position: relative;
  padding: 16px 16px 16px 20px;
  border-radius: var(--wy-radius);
  background: rgba(10, 18, 32, 0.68);
  border: 1px solid var(--wy-line);
  border-left: 3px solid rgba(57, 217, 138, 0.55);
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease);
}

.page-news .season-item:hover {
  transform: translateY(-2px);
  border-left-color: var(--wy-green);
}

.page-news .season-item h3 {
  margin: 10px 0 8px;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 600;
  color: var(--wy-fog);
}

.page-news .season-item p {
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
  color: var(--wy-text-dim);
}

/* ---------- 回溯指引 ---------- */
.page-news .news-backtrack__head {
  max-width: 60ch;
  margin-bottom: 24px;
}

.page-news .news-backtrack__head h2 {
  margin: 0 0 12px;
  font-family: var(--wy-font-head);
  font-size: clamp(24px, 4.4vw, 32px);
  letter-spacing: 0.04em;
  line-height: 1.28;
  color: var(--wy-fog);
}

.page-news .news-backtrack__head p {
  margin: 0;
  color: var(--wy-text-dim);
  line-height: 1.8;
}

.page-news .news-backtrack__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

.page-news .backtrack-card {
  padding: 18px;
  border-radius: var(--wy-radius);
  background: linear-gradient(160deg, rgba(45, 226, 230, 0.1), rgba(16, 28, 51, 0.9) 55%);
  border: 1px solid var(--wy-line);
  transition: transform var(--wy-t) var(--wy-ease), border-color var(--wy-t) var(--wy-ease);
}

.page-news .backtrack-card:hover {
  transform: translateY(-2px);
  border-color: var(--wy-line-strong);
}

.page-news .backtrack-card h3 {
  margin: 0 0 8px;
  font-size: 15px;
  letter-spacing: 0.04em;
  color: var(--wy-cyan-soft);
}

.page-news .backtrack-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
  color: var(--wy-text-dim);
}

.page-news .news-backtrack__help {
  margin-top: 20px;
  padding: 20px;
  border-radius: var(--wy-radius-lg);
  background: var(--news-card);
  border: 1px solid var(--wy-line);
}

.page-news .news-backtrack__help p {
  margin: 0 0 16px;
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--wy-text-dim);
}

.page-news .news-backtrack__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-news .news-backtrack__actions .wy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* ---------- 断点 ---------- */
@media (min-width: 640px) {
  .page-news .news-backtrack__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-news .season-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .page-news .news-hero {
    padding: calc(var(--wy-header-h) + 58px) 0 44px;
  }

  .page-news .news-hero__grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.85fr);
    gap: 36px;
    align-items: start;
  }

  .page-news .news-hero__facts {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .page-news .news-tracks__grid {
    grid-template-columns: 1.14fr 1fr 0.9fr;
    align-items: start;
  }

  .page-news .news-season__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    column-gap: 34px;
  }

  .page-news .news-season__intro {
    grid-column: 1;
  }

  .page-news .news-season__cover {
    grid-column: 2;
    grid-row: 1;
  }

  .page-news .season-list {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
  }

  .page-news .news-backtrack__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .page-news .news-backtrack__help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }

  .page-news .news-backtrack__help p {
    margin: 0;
    max-width: 62ch;
  }

  .page-news .news-backtrack__actions {
    flex: 0 0 auto;
  }
}

@media (min-width: 1200px) {
  .page-news .track {
    padding: 26px 22px 22px;
  }

  .page-news .entry__title {
    font-size: 15.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .entry,
  .page-news .query-list li,
  .page-news .season-item,
  .page-news .backtrack-card,
  .page-news .news-jump__link {
    transition: none;
  }

  .page-news .entry:hover,
  .page-news .query-list li:hover,
  .page-news .season-item:hover,
  .page-news .backtrack-card:hover,
  .page-news .news-jump__link:hover {
    transform: none;
  }
}