.page-news {
  --news-beam: linear-gradient(124deg, rgba(245, 200, 107, 0.17) 0%, rgba(245, 200, 107, 0.04) 26%, rgba(245, 200, 107, 0) 52%);
  --news-halo: radial-gradient(120% 90% at 88% -12%, rgba(30, 95, 191, 0.4) 0%, rgba(12, 19, 38, 0) 62%);
  background: var(--ink);
  color: var(--text);
  overflow-x: hidden;
}

.page-news .news-hero {
  position: relative;
  padding-block: clamp(20px, 4vw, 40px) clamp(40px, 7vw, 86px);
  overflow: hidden;
}

.page-news .news-hero::before {
  content: "";
  position: absolute;
  inset: -25% -12% auto -12%;
  height: 82%;
  background: var(--news-beam);
  pointer-events: none;
  z-index: 0;
}

.page-news .news-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--news-halo);
  pointer-events: none;
  z-index: 0;
}

.page-news .news-hero > .shell {
  position: relative;
  z-index: 1;
}

.page-news .news-hero .breadcrumbs {
  margin-bottom: clamp(20px, 4vw, 38px);
}

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

.page-news .news-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.page-news .news-hero__dot {
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 0 4px rgba(111, 211, 232, 0.16);
}

.page-news .news-hero__title {
  margin: 16px 0 0;
  font-size: clamp(2.1rem, 6.2vw, 4.5rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
  font-weight: 800;
}

.page-news .news-hero__title em {
  font-style: normal;
  color: var(--gold);
  text-shadow: 0 0 30px rgba(245, 200, 107, 0.34);
}

.page-news .news-hero__lead {
  margin: 20px 0 0;
  max-width: 46ch;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.8;
  color: rgba(242, 244, 248, 0.82);
}

.page-news .news-hero__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.page-news .news-hero__figure {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  border: 1px solid var(--line-gold);
  border-radius: var(--r-lg);
  background: var(--panel);
}

.page-news .media-frame {
  margin: 0;
  overflow: hidden;
  border-radius: var(--r-md);
}

.page-news .media-frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 100%;
}

.page-news .media-frame__caption {
  padding: 10px 2px 0;
  font-size: 12.5px;
  color: var(--muted);
}

/* ---------- two-column .page-news ---------- */

.page-news .news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(30px, 4vw, 56px);
  align-items: start;
  padding-bottom: clamp(48px, 7vw, 96px);
}

.page-news .news-side {
  border-top: 1px solid var(--line-gold);
  padding-top: 18px;
}

.page-news .news-side__title {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-news .news-cats {
  display: grid;
  gap: 2px;
}

.page-news .news-cats__link {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 10px 10px 12px;
  border-left: 2px solid transparent;
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  color: var(--text);
  text-decoration: none;
  font-size: 14.5px;
  transition: background 0.2s var(--ease), border-color 0.2s var(--ease), transform 0.2s var(--ease);
}

.page-news .news-cats__link:hover,
.page-news .news-cats__link:focus-visible {
  background: var(--panel);
  border-left-color: var(--gold);
  transform: translateX(3px);
}

.page-news .news-cats__link[aria-current="true"] {
  background: rgba(22, 32, 58, 0.72);
  border-left-color: var(--gold);
}

.page-news .news-cats__no {
  font-size: 11.5px;
  color: var(--muted);
  letter-spacing: 0.04em;
}

.page-news .news-cats__count {
  font-size: 11.5px;
  color: var(--gold);
}

.page-news .news-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.page-news .chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font-size: 12.5px;
  text-decoration: none;
  transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease);
}

.page-news .chip:hover,
.page-news .chip:focus-visible {
  border-color: var(--line-gold);
  color: var(--text);
}

.page-news .chip[aria-current="true"] {
  background: var(--gold);
  border-color: var(--gold);
  color: #10131c;
  font-weight: 700;
}

.page-news .news-side__block {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
}

.page-news .news-side__label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--cyan);
}

.page-news .news-side__text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--muted);
}

.page-news .news-side__more {
  display: inline-block;
  margin-top: 8px;
  color: var(--gold);
  font-size: 13.5px;
  text-decoration: none;
  border-bottom: 1px solid var(--line-gold);
  padding-bottom: 2px;
}

.page-news .news-side__more:hover,
.page-news .news-side__more:focus-visible {
  color: var(--glow);
}

.page-news .news-side__cta {
  margin-top: 26px;
  width: 100%;
  justify-content: center;
}

/* ---------- blocks ---------- */

.page-news .news-block {
  padding-block: clamp(32px, 5vw, 56px);
}

.page-news .news-block:first-child {
  padding-top: 0;
}

.page-news .news-block + .news-block {
  border-top: 1px solid var(--line-soft);
}

.page-news .news-block .section-head {
  margin-bottom: clamp(20px, 3vw, 32px);
}

.page-news .news-figure {
  margin-bottom: clamp(22px, 3vw, 34px);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-md);
}

.page-news .news-figure .media-frame__caption {
  padding: 10px 14px 12px;
  background: var(--night);
}

/* ---------- feed ---------- */

.page-news .news-feed {
  border-top: 1px solid var(--line-soft);
}

.page-news .news-item {
  position: relative;
  padding: 24px 0 24px 18px;
  border-bottom: 1px solid var(--line-soft);
  transition: transform 0.24s var(--ease);
}

.page-news .news-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 2px;
  background: var(--gold);
  opacity: 0;
  transform: scaleY(0.35);
  transform-origin: top;
  transition: opacity 0.24s var(--ease), transform 0.24s var(--ease);
}

.page-news .news-item:hover::before,
.page-news .news-item:focus-within::before {
  opacity: 1;
  transform: scaleY(1);
}

.page-news .news-item:hover {
  transform: translateX(3px);
}

.page-news .news-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.page-news .news-item__no {
  font-size: 12px;
  color: var(--muted);
  letter-spacing: 0.02em;
}

.page-news .news-item__tag {
  padding: 2px 9px;
  border: 1px solid var(--line-gold);
  border-radius: 999px;
  font-size: 11.5px;
  color: var(--gold);
  white-space: nowrap;
}

.page-news .news-item__when {
  margin-left: auto;
  font-size: 11.5px;
  color: var(--cyan);
}

.page-news .news-item__title {
  margin: 10px 0 8px;
  font-size: clamp(1.1rem, 2.4vw, 1.4rem);
  line-height: 1.38;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.page-news .news-item__sum {
  margin: 0 0 12px;
  max-width: 64ch;
  font-size: 14.5px;
  line-height: 1.72;
  color: var(--muted);
}

/* ---------- folds ---------- */

.page-news .fold {
  border-top: 1px dashed var(--line-soft);
  padding-top: 8px;
}

.page-news .fold__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 8px 0;
  border: 0;
  border-radius: var(--r-sm);
  background: none;
  color: var(--text);
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s var(--ease);
}

.page-news .fold__head:hover,
.page-news .fold__head:focus-visible {
  color: var(--gold);
}

.page-news .fold__mark {
  position: relative;
  flex: none;
  width: 14px;
  height: 14px;
  color: var(--gold);
}

.page-news .fold__mark::before,
.page-news .fold__mark::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 1px;
}

.page-news .fold__mark::before {
  left: 0;
  top: 6px;
  width: 14px;
  height: 2px;
}

.page-news .fold__mark::after {
  left: 6px;
  top: 0;
  width: 2px;
  height: 14px;
  transition: transform 0.2s var(--ease), opacity 0.2s var(--ease);
}

.page-news .fold__head[aria-expanded="true"] .fold__mark::after {
  transform: scaleY(0);
  opacity: 0;
}

.page-news .fold__body {
  display: none;
  padding: 6px 0 8px;
  font-size: 14.5px;
  line-height: 1.78;
  color: rgba(242, 244, 248, 0.86);
}

.page-news .fold__body[data-open] {
  display: block;
}

.page-news .fold__body p {
  margin: 0 0 10px;
}

.page-news .fold__body p:last-child {
  margin-bottom: 0;
}

.page-news .fold__body ul {
  margin: 0;
  padding-left: 20px;
}

.page-news .fold__body li {
  margin-bottom: 7px;
}

.page-news .fold__body li:last-child {
  margin-bottom: 0;
}

/* ---------- nav log ---------- */

.page-news .nav-log {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-news .nav-log__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 18px 0;
  border-top: 1px solid var(--line-soft);
}

.page-news .nav-log__row:last-child {
  border-bottom: 1px solid var(--line-soft);
}

.page-news .nav-log__when {
  font-size: 12.5px;
  color: var(--cyan);
  letter-spacing: 0.02em;
}

.page-news .nav-log__head {
  margin: 0 0 5px;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 700;
}

.page-news .nav-log__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
}

.page-news .nav-log__scope {
  font-size: 12.5px;
  color: var(--muted);
}

/* ---------- docs ---------- */

.page-news .news-docs__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 4vw, 40px);
  align-items: start;
}

.page-news .news-docs__lead {
  margin: 0 0 22px;
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(242, 244, 248, 0.85);
}

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

.page-news .revise-list__item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line-soft);
}

.page-news .revise-list__no {
  font-size: 13px;
  color: var(--alert);
  letter-spacing: 0.04em;
  padding-top: 3px;
}

.page-news .revise-list__title {
  margin: 0 0 6px;
  font-size: 1.02rem;
  line-height: 1.45;
  font-weight: 700;
}

.page-news .revise-list__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.72;
  color: var(--muted);
}

.page-news .news-docs__foot {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
}

.page-news .news-inline-link {
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid var(--line-gold);
}

.page-news .news-inline-link:hover,
.page-news .news-inline-link:focus-visible {
  color: var(--glow);
  border-bottom-color: var(--gold);
}

.page-news .news-figure--side {
  margin: 0;
  border: 1px solid var(--line-cool);
}

/* ---------- annual ---------- */

.page-news .news-annual__lead {
  margin: 0 0 clamp(20px, 3vw, 30px);
  max-width: 62ch;
  font-size: 15.5px;
  line-height: 1.82;
  color: rgba(242, 244, 248, 0.85);
}

.page-news .annual-track {
  display: flex;
  gap: 14px;
  margin: 0 0 clamp(24px, 4vw, 36px);
  padding: 0 0 16px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.page-news .annual-track__item {
  flex: 0 0 232px;
  scroll-snap-align: start;
  padding: 18px 16px 16px;
  background: var(--panel);
  border-top: 2px solid var(--gold);
  border-radius: 0 0 var(--r-md) var(--r-md);
}

.page-news .annual-track__year {
  display: block;
  margin-bottom: 8px;
  font-size: 1.4rem;
  line-height: 1;
  color: var(--gold);
  letter-spacing: 0.02em;
}

.page-news .annual-track__title {
  margin: 0 0 7px;
  font-size: 0.98rem;
  line-height: 1.45;
  font-weight: 700;
}

.page-news .annual-track__text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.68;
  color: var(--muted);
}

/* ---------- cta ---------- */

.page-news .news-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin-top: clamp(26px, 4vw, 40px);
  padding: clamp(20px, 3vw, 30px);
  background: linear-gradient(120deg, rgba(30, 95, 191, 0.24) 0%, rgba(22, 32, 58, 0.9) 58%, rgba(5, 7, 15, 0.9) 100%);
  border: 1px solid var(--line-cool);
  border-radius: var(--r-lg);
}

.page-news .news-cta__title {
  margin: 0 0 8px;
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  font-weight: 700;
}

.page-news .news-cta__desc {
  margin: 0;
  max-width: 52ch;
  font-size: 14.5px;
  line-height: 1.75;
  color: rgba(242, 244, 248, 0.82);
}

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

/* ---------- responsive ---------- */

@media (min-width: 640px) {
  .page-news .nav-log__row {
    grid-template-columns: 84px minmax(0, 1fr);
    align-items: start;
  }

  .page-news .nav-log__scope {
    grid-column: 2;
  }

  .page-news .news-cta {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
}

@media (min-width: 900px) {
  .page-news .news-hero__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  }

  .page-news .news-hero__figure {
    margin: 0 0 0 auto;
  }

  .page-news .news-docs__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
  }
}

@media (min-width: 960px) {
  .page-news .news-layout {
    grid-template-columns: 264px minmax(0, 1fr);
  }

  .page-news .news-side__inner {
    position: sticky;
    top: 96px;
  }

  .page-news .nav-log__row {
    grid-template-columns: 92px minmax(0, 1fr) 190px;
  }

  .page-news .nav-log__scope {
    grid-column: 3;
    padding-left: 14px;
    border-left: 1px solid var(--line-gold);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .news-item,
  .page-news .news-item::before,
  .page-news .news-cats__link,
  .page-news .chip,
  .page-news .fold__mark::after {
    transition: none;
  }

  .page-news .news-item:hover {
    transform: none;
  }

  .page-news .news-cats__link:hover,
  .page-news .news-cats__link:focus-visible {
    transform: none;
  }
}
<<<END>>>

等等，标记必须是三个尖括号，而且每个只能出现一次。我用了 `>>>` 作为结束标记，这是不对的。让我再检查一下：要求说标记必须是三个尖括号（`<<<`）且每个出现一次。给出的格式是：

```

...

...
```

所以只应该是两个标记，没有结束标记。我把结尾的 `>>>` 去掉就行。我还需要确保没有其他多余的内容。

另外再检查一下：我在 `revise-list__no` 里用了 `--alert` 变量，这是存在的，没问题。

还有 `btn__icon` 用在按钮里，这是全局类，没问题。

关于 `.page-news .chip[aria-current="true"]` 用于 chips 的部分——让第一个 chip 默认是当前状态也可以接受。

还有一点：`.news-hero__figure` 用了 `media-frame--square`，这个类整体上是有效的。

再核对一下锚点 id：`news-feed`、`news-nav-log`、`news-docs`、`news-annual` 全都在。

检查一下折叠面板的 id：`nl-118`、`nl-117`、`nl-116`、`nl-115`、`nl-114`、`nl-113`，都对得上。

链接：`/`、`/catalog/`、`/about-us/`、`/consult/`、`/faqs/`，全都是有效路由。

图片：共 4 张，alt 文字都有，src 是协议格式，宽度高度一致（1200×1200、1400×900、1400×1000、1600×900），正确。

等一下，检查第一张首屏图：`{zhanqunpic:h:1200w:1200}` 对应 width 1200 height 1200 ✓
第二张：`{zhanqunpic:h:900w:1400}` 对应 width 1400 height 900 ✓
第三张：`{zhanqunpic:h:1000w:1400}` 对应 width 1400 height 1000 ✓
第四张：`{zhanqunpic:h:900w:1600}` 对应 width 1600 height 900 ✓

好，没问题。

现在还要检查一下规则里关于“单期通常调整 3 至 6 条访问路径”的说法——这个在侧边栏和区块元信息里都出现了。重复了 2 次，可以接受。

品牌名“尊龙凯时服务”在导语里出现了一次 ✓

再检查一下：“每季度复核”和“按季复核”重复了，不过问题不大。

还有个可能的问题——`aria-current="true"` 用在链接上，规范允许的取值是 `page`、`step`、`location`、`date`、`time`、`true`、`false`。没问题。

好了，标记也清理干净了，现在可以输出最终结果了。
<main id="main-content" class="page-news">
  <section class="news-hero" aria-labelledby="news-hero-title">
    <div class="shell">
      <nav class="breadcrumbs" aria-label="面包屑">
        <ol class="breadcrumbs__list">
          <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/">首页</a></li>
          <li class="breadcrumbs__sep" aria-hidden="true">/</li>
          <li class="breadcrumbs__item"><span class="breadcrumbs__current" aria-current="page">更新动态</span></li>
        </ol>
      </nav>

      <div class="news-hero__grid">
        <div class="news-hero__copy">
          <p class="kicker news-hero__kicker">
            <span class="news-hero__dot" aria-hidden="true"></span>
            每周一校准 · 入口与版本资料
          </p>
          <h1 class="news-hero__title" id="news-hero-title">入口换了没有<br><em>资料改了什么</em></h1>
          <p class="news-hero__lead">
            尊龙凯时服务每周一核对一遍访问路径，每一季把版本条目与设备对照表过一遍。回访之前花一分钟扫过这里，
            你就知道收藏的旧链接还作不作数、刚查到的那条说明是不是眼下最新的一版。
          </p>
          <div class="news-hero__acts">
            <a class="btn btn--gold" href="#news-feed">看最新条目<span class="btn__icon" aria-hidden="true">↓</span></a>
            <a class="btn btn--ghost" href="/catalog/">查服务目录</a>
          </div>
        </div>

        <figure class="media-frame media-frame--square news-hero__figure">
          <img src="{zhanqunpic:h:1200w:1200}" width="1200" height="1200" alt="编辑台面上的索引卡片与刻度尺局部特写，暖白与深蓝形成对比">
          <figcaption class="media-frame__caption">本期简报 · 近六条变动</figcaption>
        </figure>
      </div>
    </div>
  </section>

  <div class="shell news-layout">
    <aside class="news-side" aria-labelledby="news-index-title">
      <div class="news-side__inner">
        <h2 class="news-side__title" id="news-index-title">分类索引</h2>

        <nav class="news-cats" aria-label="按栏目直达">
          <a class="news-cats__link" href="#news-feed" aria-current="true">
            <span class="news-cats__no mono">01</span>
            <span class="news-cats__name">近期条目流</span>
            <span class="news-cats__count mono">6</span>
          </a>
          <a class="news-cats__link" href="#news-nav-log">
            <span class="news-cats__no mono">02</span>
            <span class="news-cats__name">导航调整</span>
          </a>
          <a class="news-cats__link" href="#news-docs">
            <span class="news-cats__no mono">03</span>
            <span class="news-cats__name">资料修订</span>
          </a>
          <a class="news-cats__link" href="#news-annual">
            <span class="news-cats__no mono">04</span>
            <span class="news-cats__name">年度汇总</span>
          </a>
        </nav>

        <div class="chips news-chips">
          <a class="chip" href="#news-feed" aria-current="true">最新条目</a>
          <a class="chip" href="#news-nav-log">导航调整</a>
          <a class="chip" href="#news-docs">资料修订</a>
          <a class="chip" href="#news-annual">年度汇总</a>
        </div>

        <div class="news-side__block">
          <p class="news-side__label">编号怎么看</p>
          <p class="news-side__text">
            条目按发布先后倒序编号，数字越大越新。修订过的条目在编号末尾加 R，例如 <span class="mono">N-116R</span>，原编号继续可查。
            周更记录单期通常调整 3 至 6 条访问路径，超过这个数量的会拆成两条发布。
          </p>
        </div>

        <div class="news-side__block">
          <p class="news-side__label">想了解团队</p>
          <p class="news-side__text">内容编辑、版本校对与客户服务共 14 人，按周与按季两条节奏在工作。</p>
          <a class="news-side__more" href="/about-us/">看品牌自述 →</a>
        </div>

        <a class="btn btn--ghost news-side__cta" href="/consult/">提交一条反馈</a>
      </div>
    </aside>

    <div class="news-main">
      <section class="news-block" id="news-feed" aria-labelledby="news-feed-title">
        <header class="section-head">
          <p class="kicker">近期条目</p>
          <h2 class="t-h2" id="news-feed-title">最近六条变动，新到旧</h2>
          <p class="section-head__meta">本周 · 上周 · 上月</p>
        </header>

        <div class="news-feed">
          <article class="news-item" data-reveal>
            <div class="news-item__meta">
              <span class="news-item__no mono">N-118</span>
              <span class="news-item__tag">导航周更</span>
              <span class="news-item__when mono">本周</span>
            </div>
            <h3 class="news-item__title">本周入口路径调整 4 条，固定入口地址照旧</h3>
            <p class="news-item__sum">周一那次例行调整已经做完，两个分类页的落地顺序互换了一下，固定入口和临时备份入口的地址都没有改。</p>
            <div class="fold">
              <button type="button" class="fold__head" data-fold-toggle aria-controls="nl-118" aria-expanded="false">
                <span>看这一期改了哪几处落点</span>
                <span class="fold__mark" aria-hidden="true"></span>
              </button>
              <div class="fold__body" id="nl-118">
                <ul>
                  <li>移动端从检索结果直接进入时，先落在分类页，再进版本查询，比原来少一次折返。</li>
                  <li>临时备份入口的可用期顺延，收藏了旧备份地址的访客可以继续用，不必重新保存。</li>
                  <li>固定入口本周没有任何变化，长期使用固定入口的话，这一周你不用做任何事。</li>
                  <li>换机高峰期临近，把设备反馈对照的入口位置往上提了一格，减少翻找。</li>
                </ul>
              </div>
            </div>
          </article>

          <article class="news-item" data-reveal style="--d:.06s">
            <div class="news-item__meta">
              <span class="news-item__no mono">N-117</span>
              <span class="news-item__tag">版本条目</span>
              <span class="news-item__when mono">本周</span>
            </div>
            <h3 class="news-item__title">iOS 18 区段补全 6 条机型适配说明</h3>
            <p class="news-item__sum">此前只写了一句话的六条记录，这次把系统版本、适用机型、更新要点与常见反馈四项都补齐了。</p>
            <div class="fold">
              <button type="button" class="fold__head" data-fold-toggle aria-controls="nl-117" aria-expanded="false">
                <span>看补齐的条目写进了什么</span>
                <span class="fold__mark" aria-hidden="true"></span>
              </button>
              <div class="fold__body" id="nl-117">
                <p>编号从 <span class="mono">ZL-IOS-0181</span> 到 <span class="mono">ZL-IOS-0186</span>。补充重点集中在两处：一是同代机型之间的细微差异写清楚了，二是把「升级后表现」与「升级前表现」分开描述，方便你按自己的情况对照。</p>
                <p>如果你的设备正好落在这六条里，重新打开一次对应的版本条目就能看到完整内容。</p>
              </div>
            </div>
          </article>

          <article class="news-item" data-reveal>
            <div class="news-item__meta">
              <span class="news-item__no mono">N-116R</span>
              <span class="news-item__tag">对照表修订</span>
              <span class="news-item__when mono">上周</span>
            </div>
            <h3 class="news-item__title">四款 iPad 的反馈分类挪回了正确机型名下</h3>
            <p class="news-item__sum">有访客指出，部分触控与续航方面的反馈被记到了相邻机型名下，本次按实际机型重新归位。</p>
            <div class="fold">
              <button type="button" class="fold__head" data-fold-toggle aria-controls="nl-116" aria-expanded="false">
                <span>看这次重新归位的范围</span>
                <span class="fold__mark" aria-hidden="true"></span>
              </button>
              <div class="fold__body" id="nl-116">
                <p>改动落在 4 个机型条目、共 9 处分类标签上。受影响的机型代号已在条目首行标出，旧编号保留可查，方便你比对修订前后的差别。</p>
                <p>如果你之前按旧版本做过记录，建议对照一次 <span class="mono">ZL-DEV</span> 开头的条目再下结论。</p>
              </div>
            </div>
          </article>

          <article class="news-item" data-reveal style="--d:.06s">
            <div class="news-item__meta">
              <span class="news-item__no mono">N-115</span>
              <span class="news-item__tag">导航周更</span>
              <span class="news-item__when mono">上周</span>
            </div>
            <h3 class="news-item__title">3 条备份入口换址，走法跟原来一样</h3>
            <p class="news-item__sum">临时备份入口轮换到新地址，跳转层级和确认步骤保持原样，用惯旧流程的人不需要重新适应。</p>
            <div class="fold">
              <button type="button" class="fold__head" data-fold-toggle aria-controls="nl-115" aria-expanded="false">
                <span>看轮换前后的差别</span>
                <span class="fold__mark" aria-hidden="true"></span>
              </button>
              <div class="fold__body" id="nl-115">
                <p>轮换只涉及地址本身，页面结构与顺序都没动。原先收藏的旧地址会在一段过渡期内继续可用，之后自动指向固定入口。</p>
                <p>如果你分不清手上这条是固定入口还是备份入口，翻一下常见问答里关于入口的两条说明即可。</p>
              </div>
            </div>
          </article>

          <article class="news-item" data-reveal>
            <div class="news-item__meta">
              <span class="news-item__no mono">N-114</span>
              <span class="news-item__tag">版本条目</span>
              <span class="news-item__when mono">上月</span>
            </div>
            <h3 class="news-item__title">iOS 15 与 iOS 16 两段合并了 5 组重复记录</h3>
            <p class="news-item__sum">两个版本区段里存在描述几乎相同的记录，这次保留了写得更细的那一版，删掉了重复的编号入口。</p>
            <div class="fold">
              <button type="button" class="fold__head" data-fold-toggle aria-controls="nl-114" aria-expanded="false">
                <span>看合并后省掉哪些重复</span>
                <span class="fold__mark" aria-hidden="true"></span>
              </button>
              <div class="fold__body" id="nl-114">
                <p>合并后两个区段各减少两到三条冗余，检索同一个版本号时不会再出现两条内容相近的结果。</p>
                <p>被合并的旧编号都留了指向关系，按老编号搜进来的话，会直接落到保留下来的那一条。</p>
              </div>
            </div>
          </article>

          <article class="news-item" data-reveal style="--d:.06s">
            <div class="news-item__meta">
              <span class="news-item__no mono">N-113</span>
              <span class="news-item__tag">对照表修订</span>
              <span class="news-item__when mono">上月</span>
            </div>
            <h3 class="news-item__title">46 款 iPhone 的反馈类型统一成一套叫法</h3>
            <p class="news-item__sum">同样一类问题，过去在不同机型下用了不同名字，横向比对时容易看岔，现已统一为同一套名称。</p>
            <div class="fold">
              <button type="button" class="fold__head" data-fold-toggle aria-controls="nl-113" aria-expanded="false">
                <span>看统一后的叫法</span>
                <span class="fold__mark" aria-hidden="true"></span>
              </button>
              <div class="fold__body" id="nl-113">
                <p>统一涉及 8 个反馈类型名称，覆盖 46 款 iPhone 与 18 款 iPad 的全部条目。名称变了，但每条对应的机型、系统版本与描述都没动。</p>
                <p>现在你把两台设备的条目并排打开，同一类问题会出现在同一位置上，比对起来省事很多。</p>
              </div>
            </div>
          </article>
        </div>
      </section>

      <section class="news-block" id="news-nav-log" aria-labelledby="news-nav-log-title">
        <header class="section-head">
          <p class="kicker">导航调整记录</p>
          <h2 class="t-h2" id="news-nav-log-title">最近几期，入口往哪个方向挪</h2>
          <p class="section-head__meta">每周一次，单期 3 至 6 条</p>
        </header>

        <figure class="media-frame media-frame--wide news-figure">
          <img src="{zhanqunpic:h:900w:1400}" width="1400" height="900" alt="夜间道路分叉口俯拍，两条光轨向不同方向延伸，冷蓝底色上有一道暖光穿过" loading="lazy" decoding="async">
          <figcaption class="media-frame__caption">路径调整的方向：少一次折返，多一处直达</figcaption>
        </figure>

        <ul class="nav-log">
          <li class="nav-log__row">
            <span class="nav-log__when mono">本周</span>
            <div class="nav-log__body">
              <h3 class="nav-log__head">4 条路径调整，主入口与分类页顺序互换</h3>
              <p class="nav-log__desc">从检索结果直接进来的移动端访客，落地后少一步就能到版本查询。</p>
            </div>
            <span class="nav-log__scope">移动端 · 分类页落点</span>
          </li>
          <li class="nav-log__row">
            <span class="nav-log__when mono">上周</span>
            <div class="nav-log__body">
              <h3 class="nav-log__head">3 条备份入口换址，跳转层级不变</h3>
              <p class="nav-log__desc">收藏了旧备份地址的访客不必重存，过渡期内照常可用。</p>
            </div>
            <span class="nav-log__scope">备份入口 · 收藏地址</span>
          </li>
          <li class="nav-log__row">
            <span class="nav-log__when mono">上月</span>
            <div class="nav-log__body">
              <h3 class="nav-log__head">6 条路径调整，版本查询提到更靠前的位置</h3>
              <p class="nav-log__desc">换机与升级系统之后要核对版本的人，一眼就能找到该点哪里。</p>
            </div>
            <span class="nav-log__scope">版本查询 · 首层入口</span>
          </li>
          <li class="nav-log__row">
            <span class="nav-log__when mono">近三个月</span>
            <div class="nav-log__body">
              <h3 class="nav-log__head">调整方向集中在两件事上</h3>
              <p class="nav-log__desc">减少跳转层级、统一移动端落点。桌面端的访问路径这三个月没有改动。</p>
            </div>
            <span class="nav-log__scope">全部入口 · 移动端为主</span>
          </li>
        </ul>
      </section>

      <section class="news-block" id="news-docs" aria-labelledby="news-docs-title">
        <header class="section-head">
          <p class="kicker">资料修订与新增</p>
          <h2 class="t-h2" id="news-docs-title">一条资料，在什么情况下会被改动</h2>
          <p class="section-head__meta">按季复核 · 触发即改</p>
        </header>

        <div class="news-docs__grid">
          <div class="news-docs__text">
            <p class="news-docs__lead">
              版本条目和对照表不是写一次就放着不动。碰到下面三种情况，对应的条目会被重写或合并，改完当场记下改了什么。
            </p>
            <ol class="revise-list">
              <li class="revise-list__item">
                <span class="revise-list__no mono">01</span>
                <div>
                  <h3 class="revise-list__title">系统版本或机型对应关系变了</h3>
                  <p class="revise-list__text">相关条目的系统版本、适用机型与更新要点三部分一起重写，常见反馈部分保留原有描述。</p>
                </div>
              </li>
              <li class="revise-list__item">
                <span class="revise-list__no mono">02</span>
                <div>
                  <h3 class="revise-list__title">同类反馈攒够数量，描述要写细</h3>
                  <p class="revise-list__text">原本笼统的一句话说清不了一类问题，这时会拆成几条，或在原条目下补充分场景的说明。</p>
                </div>
              </li>
              <li class="revise-list__item">
                <span class="revise-list__no mono">03</span>
                <div>
                  <h3 class="revise-list__title">编号与内容对不上</h3>
                  <p class="revise-list__text">季度复核时发现这一类情况，当次改完并在条目首行注明受影响的机型或版本，编号末尾加 R。</p>
                </div>
              </li>
            </ol>
            <p class="news-docs__foot">
              想直接翻完整的版本条目与设备对照，去<a class="news-inline-link" href="/catalog/">服务目录</a>按版本号或机型名称检索；
              对某条资料的更新节奏有疑问，<a class="news-inline-link" href="/faqs/">常见问答</a>里有对应的说明。
            </p>
          </div>

          <figure class="media-frame media-frame--tall news-figure news-figure--side">
            <img src="{zhanqunpic:h:1000w:1400}" width="1400" height="1000" alt="设备屏幕上的版本号列表特写，等宽字体排列，界面边缘带细微光晕" loading="lazy" decoding="async">
            <figcaption class="media-frame__caption">条目编号与版本号逐位对齐，改一处就能看出来</figcaption>
          </figure>
        </div>
      </section>

      <section class="news-block" id="news-annual" aria-labelledby="news-annual-title">
        <header class="section-head">
          <p class="kicker">年度汇总与回看</p>
          <h2 class="t-h2" id="news-annual-title">把一整年摊开，按时间排好</h2>
          <p class="section-head__meta">每年一份 · 覆盖 7 个大版本区间</p>
        </header>

        <p class="news-annual__lead">
          每年整理一份版本变更与设备兼容性汇总，把新增、下线与机型适配的变化按先后排在同一张时间线上。
          归档查阅的时候先看汇总、再翻单条，能省掉大半天来回比对。
        </p>

        <ol class="annual-track" aria-label="年度汇总时间刻度">
          <li class="annual-track__item">
            <span class="annual-track__year mono">2019</span>
            <h3 class="annual-track__title">最早的旧版资料对照表上线</h3>
            <p class="annual-track__text">那批资料至今仍能在资源下载区找到，26 份旧版对照表里它是最早的一份。</p>
          </li>
          <li class="annual-track__item">
            <span class="annual-track__year mono">2021</span>
            <h3 class="annual-track__title">设备反馈对照扩到 iPad</h3>
            <p class="annual-track__text">从 iPhone 延伸到 18 款 iPad 机型，平板与手机的问题可以放在一起看。</p>
          </li>
          <li class="annual-track__item">
            <span class="annual-track__year mono">2023</span>
            <h3 class="annual-track__title">移动端访问成为主要场景</h3>
            <p class="annual-track__text">移动端访问占比升到约 68%，帮助中心随之分成版本查询与设备对照两栏。</p>
          </li>
          <li class="annual-track__item">
            <span class="annual-track__year mono">当年</span>
            <h3 class="annual-track__title">年度汇总持续更新</h3>
            <p class="annual-track__text">覆盖 iOS 12 至 iOS 18 共 7 个大版本区间，新增与下线逐条对应到机型。</p>
          </li>
        </ol>

        <figure class="media-frame media-frame--wide news-figure">
          <img src="{zhanqunpic:h:900w:1600}" width="1600" height="900" alt="四季变化的城市天际线以光轨抽象呈现，整体压暗，光点沿同一条路线推进" loading="lazy" decoding="async">
          <figcaption class="media-frame__caption">一年一条线，改动都落在刻度上</figcaption>
        </figure>

        <div class="news-cta">
          <div class="news-cta__text">
            <h3 class="news-cta__title">查到一半卡住了？</h3>
            <p class="news-cta__desc">
              把设备型号和系统版本写清楚，工作日的 4 小时内会有人回你。也可以在服务目录里先按机型筛一遍，很多疑问自己就能对上。
            </p>
          </div>
          <div class="news-cta__acts">
            <a class="btn btn--gold" href="/consult/">联系支持</a>
            <a class="btn btn--ghost" href="/catalog/">按机型检索</a>
          </div>
        </div>
      </section>
    </div>
  </div>
</main>

.page-news {
  --news-beam: linear-gradient(124deg, rgba(245, 200, 107, 0.17) 0%, rgba(245, 200, 107, 0.04) 26%, rgba(245, 200, 107, 0) 52%);
  --news-halo: radial-gradient(120% 90% at 88% -12%, rgba(30, 95, 191, 0.4) 0%, rgba(12, 19, 38, 0) 62%);
  background: var(--ink);
  color: var(--text);
  overflow-x: hidden;
}

.page-news .news-hero {
  position: relative;
  padding-block: clamp(20px, 4vw, 40px) clamp(40px, 7vw, 86px);
  overflow: hidden;
}

.page-news .news-hero::before {
  content: "";
  position: absolute;
  inset: -25% -12% auto -12%;
  height: 82%;
  background: var(--news-beam);
  pointer-events: none;
  z-index: 0;
}

.page-news .news-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--news-halo);
  pointer-events: none;
  z-index: 0;
}

.page-news .news-hero > .shell {
  position: relative;
  z-index: 1;
}

.page-news .news-hero .breadcrumbs {
  margin-bottom: clamp(20px, 4vw, 38px);
}

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

.page-news .news-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.page-news .news-hero__dot {
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 0 4px rgba(111, 211, 232, 0.16);
}

.page-news .news-hero__title {
  margin: 16px 0 0;
  font-size: clamp(2.1rem, 6.2vw, 4.5rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
  font-weight: 800;
}

.page-news .news-hero__title em {
  font-style: normal;
  color: var(--gold);
  text-shadow: 0 0 30px rgba(245, 200, 107, 0.34);
}

.page-news .news-hero__lead {
  margin: 20px 0 0;
  max-width: 46ch;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.8;
  color: rgba(242, 244, 248, 0.82);
}

.page-news .news-hero__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.page-news .news-hero__figure {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  border: 1px solid var(--line-gold);
  border-radius: var(--r-lg);
  background: var(--panel);
}

.page-news .media-frame {
  margin: 0;
  overflow: hidden;
  border-radius: var(--r-md);
}

.page-news .media-frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 100%;
}

.page-news .media-frame__caption {
  padding: 10px 2px 0;
  font-size: 12.5px;
  color: var(--muted);
}

/* ---------- two-column .page-news ---------- */

.page-news .news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(30px, 4vw, 56px);
  align-items: start;
  padding-bottom: clamp(48px, 7vw, 96px);
}

.page-news .news-side {
  border-top: 1px solid var(--line-gold);
  padding-top: 18px;
}

.page-news .news-side__title {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-news .news-cats {
  display: grid;
  gap: 2px;
}

.page-news .news-cats__link {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 10px 10px 12px;
  border-left: 2px solid transparent;
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  color: var(--text);
  text-decoration: none;
  font-size: 14.5px;
  transition: background 0.2s var(--ease), border-color 0.2s var(--ease), transform 0.2s var(--ease);
}

.page-news .news-cats__link:hover,
.page-news .news-cats__link:focus-visible {
  background: var(--panel);
  border-left-color: var(--gold);
  transform: translateX(3px);
}

.page-news .news-cats__link[aria-current="true"] {
  background: rgba(22, 32, 58, 0.72);
  border-left-color: var(--gold);
}

.page-news .news-cats__no {
  font-size: 11.5px;
  color: var(--muted);
  letter-spacing: 0.04em;
}

.page-news .news-cats__count {
  font-size: 11.5px;
  color: var(--gold);
}

.page-news .news-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.page-news .chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font-size: 12.5px;
  text-decoration: none;
  transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease);
}

.page-news .chip:hover,
.page-news .chip:focus-visible {
  border-color: var(--line-gold);
  color: var(--text);
}

.page-news .chip[aria-current="true"] {
  background: var(--gold);
  border-color: var(--gold);
  color: #10131c;
  font-weight: 700;
}

.page-news .news-side__block {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
}

.page-news .news-side__label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--cyan);
}

.page-news .news-side__text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--muted);
}

.page-news .news-side__more {
  display: inline-block;
  margin-top: 8px;
  color: var(--gold);
  font-size: 13.5px;
  text-decoration: none;
  border-bottom: 1px solid var(--line-gold);
  padding-bottom: 2px;
}

.page-news .news-side__more:hover,
.page-news .news-side__more:focus-visible {
  color: var(--glow);
}

.page-news .news-side__cta {
  margin-top: 26px;
  width: 100%;
  justify-content: center;
}

/* ---------- blocks ---------- */

.page-news .news-block {
  padding-block: clamp(32px, 5vw, 56px);
}

.page-news .news-block:first-child {
  padding-top: 0;
}

.page-news .news-block + .news-block {
  border-top: 1px solid var(--line-soft);
}

.page-news .news-block .section-head {
  margin-bottom: clamp(20px, 3vw, 32px);
}

.page-news .news-figure {
  margin-bottom: clamp(22px, 3vw, 34px);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-md);
}

.page-news .news-figure .media-frame__caption {
  padding: 10px 14px 12px;
  background: var(--night);
}

/* ---------- feed ---------- */

.page-news .news-feed {
  border-top: 1px solid var(--line-soft);
}

.page-news .news-item {
  position: relative;
  padding: 24px 0 24px 18px;
  border-bottom: 1px solid var(--line-soft);
  transition: transform 0.24s var(--ease);
}

.page-news .news-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 2px;
  background: var(--gold);
  opacity: 0;
  transform: scaleY(0.35);
  transform-origin: top;
  transition: opacity 0.24s var(--ease), transform 0.24s var(--ease);
}

.page-news .news-item:hover::before,
.page-news .news-item:focus-within::before {
  opacity: 1;
  transform: scaleY(1);
}

.page-news .news-item:hover {
  transform: translateX(3px);
}

.page-news .news-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.page-news .news-item__no {
  font-size: 12px;
  color: var(--muted);
  letter-spacing: 0.02em;
}

.page-news .news-item__tag {
  padding: 2px 9px;
  border: 1px solid var(--line-gold);
  border-radius: 999px;
  font-size: 11.5px;
  color: var(--gold);
  white-space: nowrap;
}

.page-news .news-item__when {
  margin-left: auto;
  font-size: 11.5px;
  color: var(--cyan);
}

.page-news .news-item__title {
  margin: 10px 0 8px;
  font-size: clamp(1.1rem, 2.4vw, 1.4rem);
  line-height: 1.38;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.page-news .news-item__sum {
  margin: 0 0 12px;
  max-width: 64ch;
  font-size: 14.5px;
  line-height: 1.72;
  color: var(--muted);
}

/* ---------- folds ---------- */

.page-news .fold {
  border-top: 1px dashed var(--line-soft);
  padding-top: 8px;
}

.page-news .fold__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 8px 0;
  border: 0;
  border-radius: var(--r-sm);
  background: none;
  color: var(--text);
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s var(--ease);
}

.page-news .fold__head:hover,
.page-news .fold__head:focus-visible {
  color: var(--gold);
}

.page-news .fold__mark {
  position: relative;
  flex: none;
  width: 14px;
  height: 14px;
  color: var(--gold);
}

.page-news .fold__mark::before,
.page-news .fold__mark::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 1px;
}

.page-news .fold__mark::before {
  left: 0;
  top: 6px;
  width: 14px;
  height: 2px;
}

.page-news .fold__mark::after {
  left: 6px;
  top: 0;
  width: 2px;
  height: 14px;
  transition: transform 0.2s var(--ease), opacity 0.2s var(--ease);
}

.page-news .fold__head[aria-expanded="true"] .fold__mark::after {
  transform: scaleY(0);
  opacity: 0;
}

.page-news .fold__body {
  display: none;
  padding: 6px 0 8px;
  font-size: 14.5px;
  line-height: 1.78;
  color: rgba(242, 244, 248, 0.86);
}

.page-news .fold__body[data-open] {
  display: block;
}

.page-news .fold__body p {
  margin: 0 0 10px;
}

.page-news .fold__body p:last-child {
  margin-bottom: 0;
}

.page-news .fold__body ul {
  margin: 0;
  padding-left: 20px;
}

.page-news .fold__body li {
  margin-bottom: 7px;
}

.page-news .fold__body li:last-child {
  margin-bottom: 0;
}

/* ---------- nav log ---------- */

.page-news .nav-log {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-news .nav-log__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 18px 0;
  border-top: 1px solid var(--line-soft);
}

.page-news .nav-log__row:last-child {
  border-bottom: 1px solid var(--line-soft);
}

.page-news .nav-log__when {
  font-size: 12.5px;
  color: var(--cyan);
  letter-spacing: 0.02em;
}

.page-news .nav-log__head {
  margin: 0 0 5px;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 700;
}

.page-news .nav-log__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
}

.page-news .nav-log__scope {
  font-size: 12.5px;
  color: var(--muted);
}

/* ---------- docs ---------- */

.page-news .news-docs__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 4vw, 40px);
  align-items: start;
}

.page-news .news-docs__lead {
  margin: 0 0 22px;
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(242, 244, 248, 0.85);
}

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

.page-news .revise-list__item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line-soft);
}

.page-news .revise-list__no {
  font-size: 13px;
  color: var(--alert);
  letter-spacing: 0.04em;
  padding-top: 3px;
}

.page-news .revise-list__title {
  margin: 0 0 6px;
  font-size: 1.02rem;
  line-height: 1.45;
  font-weight: 700;
}

.page-news .revise-list__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.72;
  color: var(--muted);
}

.page-news .news-docs__foot {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
}

.page-news .news-inline-link {
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid var(--line-gold);
}

.page-news .news-inline-link:hover,
.page-news .news-inline-link:focus-visible {
  color: var(--glow);
  border-bottom-color: var(--gold);
}

.page-news .news-figure--side {
  margin: 0;
  border: 1px solid var(--line-cool);
}

/* ---------- annual ---------- */

.page-news .news-annual__lead {
  margin: 0 0 clamp(20px, 3vw, 30px);
  max-width: 62ch;
  font-size: 15.5px;
  line-height: 1.82;
  color: rgba(242, 244, 248, 0.85);
}

.page-news .annual-track {
  display: flex;
  gap: 14px;
  margin: 0 0 clamp(24px, 4vw, 36px);
  padding: 0 0 16px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.page-news .annual-track__item {
  flex: 0 0 232px;
  scroll-snap-align: start;
  padding: 18px 16px 16px;
  background: var(--panel);
  border-top: 2px solid var(--gold);
  border-radius: 0 0 var(--r-md) var(--r-md);
}

.page-news .annual-track__year {
  display: block;
  margin-bottom: 8px;
  font-size: 1.4rem;
  line-height: 1;
  color: var(--gold);
  letter-spacing: 0.02em;
}

.page-news .annual-track__title {
  margin: 0 0 7px;
  font-size: 0.98rem;
  line-height: 1.45;
  font-weight: 700;
}

.page-news .annual-track__text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.68;
  color: var(--muted);
}

/* ---------- cta ---------- */

.page-news .news-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin-top: clamp(26px, 4vw, 40px);
  padding: clamp(20px, 3vw, 30px);
  background: linear-gradient(120deg, rgba(30, 95, 191, 0.24) 0%, rgba(22, 32, 58, 0.9) 58%, rgba(5, 7, 15, 0.9) 100%);
  border: 1px solid var(--line-cool);
  border-radius: var(--r-lg);
}

.page-news .news-cta__title {
  margin: 0 0 8px;
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  font-weight: 700;
}

.page-news .news-cta__desc {
  margin: 0;
  max-width: 52ch;
  font-size: 14.5px;
  line-height: 1.75;
  color: rgba(242, 244, 248, 0.82);
}

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

/* ---------- responsive ---------- */

@media (min-width: 640px) {
  .page-news .nav-log__row {
    grid-template-columns: 84px minmax(0, 1fr);
    align-items: start;
  }

  .page-news .nav-log__scope {
    grid-column: 2;
  }

  .page-news .news-cta {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
}

@media (min-width: 900px) {
  .page-news .news-hero__grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  }

  .page-news .news-hero__figure {
    margin: 0 0 0 auto;
  }

  .page-news .news-docs__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
  }
}

@media (min-width: 960px) {
  .page-news .news-layout {
    grid-template-columns: 264px minmax(0, 1fr);
  }

  .page-news .news-side__inner {
    position: sticky;
    top: 96px;
  }

  .page-news .nav-log__row {
    grid-template-columns: 92px minmax(0, 1fr) 190px;
  }

  .page-news .nav-log__scope {
    grid-column: 3;
    padding-left: 14px;
    border-left: 1px solid var(--line-gold);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .news-item,
  .page-news .news-item::before,
  .page-news .news-cats__link,
  .page-news .chip,
  .page-news .fold__mark::after {
    transition: none;
  }

  .page-news .news-item:hover {
    transform: none;
  }

  .page-news .news-cats__link:hover,
  .page-news .news-cats__link:focus-visible {
    transform: none;
  }
}