.page-news {
  background: var(--ink-900);
  color: var(--on-dark);
}

/* ---------- 首屏 ---------- */
.page-news .nt-hero {
  position: relative;
  padding: clamp(6rem, 14vw, 10rem) 0 clamp(2.5rem, 6vw, 4.5rem);
  background: linear-gradient(180deg, var(--ink-900) 0%, var(--ink-800) 100%);
  overflow: hidden;
}

.page-news .nt-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(58% 46% at 84% 8%, rgba(108, 76, 241, .22), transparent 68%),
    radial-gradient(46% 42% at 6% 94%, rgba(47, 191, 143, .12), transparent 70%);
  pointer-events: none;
}

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

.page-news .nt-hero__grid {
  display: grid;
  gap: clamp(1.75rem, 4vw, 3.25rem);
  align-items: end;
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

.page-news .nt-hero .chapter {
  display: flex;
  align-items: baseline;
  gap: .9rem;
  margin-bottom: .9rem;
}

.page-news .nt-hero .chapter__num {
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--violet-300);
}

.page-news .nt-hero .h-display {
  margin: 0 0 .6rem;
  color: var(--on-dark);
}

.page-news .nt-hero__sub {
  margin: 0 0 1rem;
  font-family: var(--font-display);
  font-size: clamp(1.0625rem, 2.2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.5;
  color: var(--violet-300);
}

.page-news .nt-hero .lead {
  max-width: 44ch;
  margin: 0;
  color: var(--on-dark-soft);
}

.page-news .nt-stats {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 2.25rem;
  margin: 1.75rem 0 0;
  padding-top: 1.25rem;
  border-top: 1px dashed var(--line-ink);
}

.page-news .nt-stats > div {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.page-news .nt-stats dt {
  order: 2;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--on-dark-mute);
}

.page-news .nt-stats dd {
  order: 1;
  margin: 0;
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--on-dark);
}

.page-news .nt-hero__media {
  margin: 0;
}

.page-news .nt-hero__media .media {
  border: 1px solid var(--line-ink);
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
}

.page-news .nt-hero__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ---------- 标签筛选 ---------- */
.page-news .nt-filters {
  padding-top: clamp(2.25rem, 5vw, 3.25rem);
  padding-bottom: clamp(2.25rem, 5vw, 3.25rem);
}

.page-news .nt-filters__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .6rem 1.5rem;
}

.page-news .nt-filters__head .h-section {
  margin: 0;
}

.page-news .nt-filters__head .note {
  margin: 0;
}

.page-news .nt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.page-news .nt-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem 1rem;
  border: 1px solid var(--line-paper);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--slate);
  text-decoration: none;
  transition: background-color .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);
}

.page-news .nt-chip span {
  opacity: .6;
}

.page-news .nt-chip:hover,
.page-news .nt-chip:focus-visible {
  border-color: var(--violet-500);
  color: var(--ink-900);
}

.page-news:not(:has(.nt-sec:target)) .nt-chip[href="#stream-review"],
.page-news:has(#stream-review:target) .nt-chip[href="#stream-review"],
.page-news:has(#stream-changelog:target) .nt-chip[href="#stream-changelog"],
.page-news:has(#stream-fee:target) .nt-chip[href="#stream-fee"],
.page-news:has(#stream-backup:target) .nt-chip[href="#stream-backup"] {
  background: var(--violet-500);
  border-color: var(--violet-500);
  color: #fff;
}

.page-news .nt-filters__foot {
  margin: 1.25rem 0 0;
}

/* ---------- 本期要点 ---------- */
.page-news .nt-spot {
  background: var(--ink-700);
}

.page-news .nt-spot__box {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.75rem);
  padding: clamp(1.75rem, 4vw, 3.25rem);
  background: linear-gradient(135deg, rgba(108, 76, 241, .2), rgba(11, 20, 48, 0) 62%);
  border: 1px solid var(--line-ink);
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
}

.page-news .nt-spot__text .h-section {
  margin: .75rem 0 1rem;
  color: var(--on-dark);
}

.page-news .nt-spot__text .body-copy {
  max-width: 52ch;
  margin: 0;
  color: var(--on-dark-soft);
}

.page-news .nt-dims {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: .5rem;
  margin: 1.5rem 0 1rem;
  padding: 0;
  list-style: none;
}

.page-news .nt-dims li {
  padding: .6rem .75rem;
  border-left: 2px solid var(--violet-300);
  background: rgba(232, 234, 240, .05);
  font-size: .875rem;
  color: var(--on-dark-soft);
}

.page-news .nt-spot__text .note--light {
  display: block;
  margin: 0 0 1.25rem;
}

.page-news .nt-spot__cta {
  margin: 0;
}

.page-news .nt-spot__figure {
  margin: 0;
}

.page-news .nt-spot__figure .media {
  border: 1px solid var(--line-ink-strong);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
}

.page-news .nt-spot__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ---------- 条目流 ---------- */
.page-news .nt-stream__grid {
  display: grid;
  gap: clamp(1.5rem, 4vw, 3rem);
}

.page-news .nt-index__title {
  margin: 0 0 .75rem;
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--moss);
}

.page-news .nt-index ul {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-news .nt-index a {
  display: inline-block;
  padding: .3rem 0;
  font-size: .875rem;
  color: var(--on-light-soft);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .18s var(--ease), border-color .18s var(--ease);
}

.page-news .nt-index a:hover,
.page-news .nt-index a:focus-visible {
  color: var(--violet-500);
  border-bottom-color: var(--violet-500);
}

.page-news .nt-stream__body .h-section {
  margin: 0 0 .75rem;
}

.page-news .nt-stream__body > .lead {
  max-width: 48ch;
  margin: 0 0 1rem;
}

.page-news .nt-sec {
  padding-top: 1.75rem;
  scroll-margin-top: 6.5rem;
}

.page-news .nt-sec + .nt-sec {
  margin-top: 1.5rem;
  border-top: 1px dashed var(--line-paper);
}

.page-news .nt-sec .h-sub {
  margin: 0 0 1rem;
}

.page-news .nt-sec__foot {
  margin: 1.25rem 0 0;
}

.page-news .nt-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-news .nt-card {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 1rem;
  padding: 1.35rem 0 1.5rem;
}

.page-news .nt-card + .nt-card {
  border-top: 1px dashed var(--line-paper);
}

.page-news .nt-card__rail {
  position: relative;
}

.page-news .nt-card__num {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--violet-500);
}

.page-news .nt-card__when {
  display: block;
  margin-top: .4rem;
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--moss);
}

.page-news .nt-card__rail::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 3rem;
  bottom: -1.5rem;
  border-left: 1px dashed var(--line-paper);
}

.page-news .nt-card:last-child .nt-card__rail::after {
  display: none;
}

.page-news .nt-card__title {
  margin: 0 0 .5rem;
  font-family: var(--font-display);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--ink-900);
}

.page-news .nt-card__body p {
  margin: 0 0 .65rem;
  font-size: .9375rem;
  line-height: 1.75;
  color: var(--on-light-soft);
}

.page-news .nt-card__meta {
  margin: 0;
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--on-light-mute);
  opacity: .72;
  transition: opacity .2s var(--ease), color .2s var(--ease);
}

.page-news .nt-card:hover .nt-card__meta,
.page-news .nt-card:focus-within .nt-card__meta {
  opacity: 1;
  color: var(--violet-500);
}

.page-news .nt-card__figure {
  margin: .9rem 0 .8rem;
}

.page-news .nt-card__figure .media {
  border: 1px solid var(--line-paper);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

.page-news .nt-card__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ---------- 维度演进 ---------- */
.page-news .nt-evol {
  background: linear-gradient(180deg, var(--ink-900) 0%, var(--ink-800) 100%);
}

.page-news .nt-evol .chapter {
  display: flex;
  align-items: baseline;
  gap: .9rem;
}

.page-news .nt-evol .chapter__num {
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--violet-300);
}

.page-news .nt-evol .h-section {
  margin: 0 0 .75rem;
  color: var(--on-dark);
}

.page-news .nt-evol .lead {
  max-width: 42ch;
  margin: 0;
}

.page-news .nt-evol .scroller {
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
  padding-bottom: .75rem;
}

.page-news .nt-rail {
  display: flex;
  gap: 1.5rem;
  min-width: 760px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-news .nt-node {
  position: relative;
  flex: 1 1 0;
  padding: 2.6rem 1rem 0 0;
  scroll-margin-top: 6.5rem;
}

.page-news .nt-node::before {
  content: "";
  position: absolute;
  top: .78rem;
  left: 0;
  right: -1.5rem;
  border-top: 1px dashed var(--line-ink-strong);
}

.page-news .nt-node:last-child::before {
  right: 0;
}

.page-news .nt-node__dot {
  position: absolute;
  top: .3rem;
  left: 0;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: var(--clay);
  border: 1px solid rgba(244, 240, 232, .35);
}

.page-news .nt-node--now .nt-node__dot {
  background: var(--violet-500);
  box-shadow: 0 0 0 4px rgba(108, 76, 241, .22);
}

.page-news .nt-node__k {
  margin: 0;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--on-dark-soft);
}

.page-news .nt-node__v {
  margin: .25rem 0 .5rem;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--on-dark);
}

.page-news .nt-node__d {
  margin: 0 0 .75rem;
  font-size: .875rem;
  line-height: 1.7;
  color: var(--on-dark-mute);
}

.page-news .nt-node__link {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--violet-300);
  text-decoration: none;
  border-bottom: 1px dashed currentColor;
}

.page-news .nt-evol .note--light {
  margin: 1.25rem 0 0;
}

/* ---------- 更新节奏 ---------- */
.page-news .nt-cadence__grid {
  display: grid;
  gap: 1rem;
  margin: 1.5rem 0 2rem;
}

.page-news .nt-cadence__cell {
  padding: 1.35rem 1.5rem;
  background: var(--cream-2);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

.page-news .nt-cadence__cell .note {
  margin: 0;
}

.page-news .nt-cadence__cell .h-sub {
  margin: .35rem 0 .5rem;
}

.page-news .nt-cadence__cell p {
  margin: 0;
  font-size: .9375rem;
  line-height: 1.75;
  color: var(--on-light-soft);
}

.page-news .nt-steps {
  margin-top: 1.25rem;
}

.page-news .nt-cadence__sub {
  margin: 1.75rem 0 0;
  font-size: .9375rem;
  line-height: 1.8;
  color: var(--on-light-soft);
}

.page-news .nt-mail {
  color: var(--violet-500);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  word-break: break-all;
}

.page-news .nt-cadence__back {
  margin: 1.5rem 0 0;
}

/* ---------- 响应式 ---------- */
@media (min-width: 720px) {
  .page-news .nt-cadence__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .page-news .nt-card:nth-child(even) {
    padding-left: 8%;
  }

  .page-news .nt-card:nth-child(odd) {
    padding-right: 6%;
  }
}

@media (min-width: 960px) {
  .page-news .nt-hero__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .page-news .nt-spot__box {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .page-news .nt-stream__grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  }

  .page-news .nt-index {
    position: sticky;
    top: 6.5rem;
    align-self: start;
  }

  .page-news .nt-index ul {
    flex-direction: column;
    gap: .35rem;
  }
}

@media (max-width: 480px) {
  .page-news .nt-card {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: .75rem;
  }

  .page-news .nt-card__num {
    font-size: 1.25rem;
  }

  .page-news .nt-card__rail::after {
    left: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .nt-chip,
  .page-news .nt-card__meta,
  .page-news .nt-index a {
    transition: none;
  }
}
<<<END>>>
