.page-news{
  background:var(--ink-900);
  color:var(--paper);
}
.page-news img{max-width:100%;}

/* 页面开头 */
.page-news .cr-intro{
  padding:26px 0 6px;
  border-bottom:1px solid var(--line);
}
.page-news .crumbs{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--mist);
}
.page-news .crumbs__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-news .crumbs__list a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-news .crumbs__list a:hover,
.page-news .crumbs__list a:focus-visible{
  color:var(--green);
  border-bottom-color:var(--green);
}
.page-news .crumbs__sep{color:var(--silver);}
.page-news .crumbs__current{color:var(--paper);}
.page-news .cr-intro .eyebrow{
  margin:22px 0 10px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--green);
}
.page-news .cr-intro__title{
  margin:0 0 16px;
  font-size:clamp(28px,5.2vw,54px);
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--paper);
  max-width:18em;
}
.page-news .cr-intro__lead{
  margin:0;
  max-width:40em;
  font-size:16px;
  line-height:1.85;
  color:var(--mist);
}

/* 本期封面 */
.page-news .issue-cover{
  position:relative;
  display:grid;
  margin-top:34px;
  border:1px solid var(--line-strong);
  background:linear-gradient(155deg,var(--ink-800) 0%,var(--ink-900) 78%);
}
.page-news .issue-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:72px;
  height:2px;
  background:var(--orange);
  z-index:3;
}
.page-news .issue-cover__media{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  min-height:220px;
}
.page-news .issue-cover__media img{
  display:block;
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  filter:saturate(.92) brightness(.82);
}
.page-news .issue-cover__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(59,224,166,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(59,224,166,.14) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.85),transparent 78%);
  mask-image:linear-gradient(to top,rgba(0,0,0,.85),transparent 78%);
}
.page-news .issue-cover__stamp{
  position:absolute;
  left:14px;
  top:14px;
  z-index:2;
  padding:6px 10px;
  font-size:12px;
  letter-spacing:.18em;
  color:var(--ink-900);
  background:var(--orange);
}
.page-news .issue-cover__body{
  padding:clamp(20px,3.4vw,40px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.page-news .issue-cover .tag{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
}
.page-news .issue-cover__title{
  margin:14px 0 20px;
  font-size:clamp(22px,3.4vw,34px);
  line-height:1.22;
  font-weight:900;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-news .issue-cover__list{
  counter-reset:coveritem;
  margin:0 0 26px;
  padding:0;
  list-style:none;
  width:100%;
}
.page-news .issue-cover__list li{
  position:relative;
  padding-left:30px;
  margin-bottom:12px;
  font-size:15px;
  line-height:1.8;
  color:var(--mist);
}
.page-news .issue-cover__list li::before{
  counter-increment:coveritem;
  content:counter(coveritem,decimal-leading-zero);
  position:absolute;
  left:0;
  top:4px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--green);
}

/* 分类筛选条 */
.page-news .nf-bar{
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  align-items:center;
  margin:38px 0 26px;
  padding:10px 0;
  overflow-x:auto;
  scrollbar-width:none;
  background:var(--ink-900);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-news .nf-bar::-webkit-scrollbar{display:none;}
.page-news .nf-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.page-news .nf-label{
  flex:0 0 auto;
  white-space:nowrap;
  cursor:pointer;
  padding:8px 14px;
  font-size:13px;
  letter-spacing:.05em;
  color:var(--mist);
  border:1px solid var(--line-strong);
  background:transparent;
  transition:color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease);
}
.page-news .nf-label:hover{color:var(--paper);border-color:var(--silver);}
.page-news .nf-input:checked + .nf-label{
  color:var(--ink-900);
  background:var(--green);
  border-color:var(--green);
  font-weight:700;
}
.page-news .nf-input:focus-visible + .nf-label{
  outline:2px solid var(--orange);
  outline-offset:2px;
}

/* 筛选只作用于本页已有条目 */
.page-news .news-filter:has(#nf-case:checked) .group:not([data-group="case"]),
.page-news .news-filter:has(#nf-version:checked) .group:not([data-group="version"]),
.page-news .news-filter:has(#nf-topic:checked) .group:not([data-group="topic"]),
.page-news .news-filter:has(#nf-notice:checked) .group:not([data-group="notice"]){
  display:none;
}

/* 两栏：期号刻度 + 条目流 */
.page-news .news-body{display:grid;gap:26px;}

.page-news .rail{
  padding:16px;
  border:1px solid var(--line);
  background:rgba(11,34,51,.62);
}
.page-news .rail__title{
  margin:0;
  font-size:12px;
  font-weight:500;
  letter-spacing:.2em;
  color:var(--mist);
}
.page-news .rail__note{
  margin:6px 0 14px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--silver);
}
.page-news .rail__list{
  display:flex;
  gap:6px;
  margin:0;
  padding:0 0 4px;
  list-style:none;
  overflow-x:auto;
  scrollbar-width:thin;
}
.page-news .rail__link{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:46px;
  padding:8px 5px 6px;
  font-size:13px;
  color:var(--mist);
  text-decoration:none;
  border:1px solid transparent;
  transition:color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease);
}
.page-news .rail__bar{
  display:block;
  width:100%;
  height:10px;
  background:var(--silver);
  opacity:.5;
  transition:background .18s var(--ease),opacity .18s var(--ease);
}
.page-news .rail__link:hover,
.page-news .rail__link:focus-visible{
  color:var(--paper);
  border-color:var(--line-strong);
}
.page-news .rail__link--now{
  color:var(--ink-900);
  background:var(--orange);
  border-color:var(--orange);
  font-weight:700;
}
.page-news .rail__link--now .rail__bar{
  background:var(--ink-900);
  opacity:.85;
}

.page-news .stream{min-width:0;}

.page-news .group + .group{margin-top:46px;}
.page-news .group__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line-strong);
}
.page-news .group__title{
  margin:0;
  font-size:clamp(18px,2.4vw,24px);
  font-weight:900;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-news .group__note{
  margin:0;
  font-size:11px;
  letter-spacing:.12em;
  color:var(--silver);
}

/* 条目 */
.page-news .entry{
  display:grid;
  padding:18px 0;
  border-bottom:1px solid var(--line);
  transition:padding-left .18s var(--ease),background .18s var(--ease);
}
.page-news .entry:hover{
  padding-left:10px;
  background:rgba(18,56,77,.42);
}
.page-news .entry__body{display:grid;gap:8px;min-width:0;}
.page-news .entry__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--silver);
}
.page-news .entry__no{
  font-size:14px;
  letter-spacing:.08em;
  color:var(--orange);
}
.page-news .entry__meta .tag{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.12em;
  padding:3px 8px;
  border:1px solid currentColor;
}
.page-news .entry__time{
  font-size:11px;
  color:var(--mist);
  letter-spacing:.1em;
}
.page-news .entry__title{
  margin:0;
  font-size:clamp(16px,1.7vw,19px);
  font-weight:700;
  line-height:1.5;
  color:var(--paper);
}
.page-news .entry__desc{
  margin:0;
  max-width:38em;
  font-size:14.5px;
  line-height:1.85;
  color:var(--mist);
}
.page-news .entry__media{
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--line);
  margin-bottom:14px;
}
.page-news .entry__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  filter:saturate(.9) brightness(.88);
}

/* 更新节奏与阅读路径 */
.page-news .cadence{
  position:relative;
  margin:56px 0 24px;
  padding:clamp(20px,3.4vw,38px);
  border:1px solid var(--line);
  background:var(--ink-800);
}
.page-news .cadence::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:72px;
  height:2px;
  background:var(--green);
}
.page-news .cadence .eyebrow{
  margin:0 0 10px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--orange);
}
.page-news .cadence h2{
  margin:0 0 12px;
  font-size:clamp(20px,3vw,30px);
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.01em;
  color:var(--paper);
  max-width:20em;
}
.page-news .cadence__lede{
  margin:0;
  max-width:40em;
  font-size:15px;
  line-height:1.85;
  color:var(--mist);
}
.page-news .cadence__steps{
  display:grid;
  gap:18px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.page-news .cadence__step{
  padding-top:14px;
  border-top:1px solid var(--line-strong);
}
.page-news .cadence__num{
  display:block;
  font-size:12px;
  letter-spacing:.18em;
  color:var(--green);
}
.page-news .cadence__step-title{
  margin:8px 0 6px;
  font-size:17px;
  font-weight:700;
  color:var(--paper);
}
.page-news .cadence__step-text{
  margin:0 0 12px;
  font-size:14.5px;
  line-height:1.8;
  color:var(--mist);
}
.page-news .cadence__link{
  display:inline-block;
  font-size:13px;
  letter-spacing:.08em;
  color:var(--green);
  text-decoration:none;
  border-bottom:1px solid rgba(59,224,166,.45);
  padding-bottom:2px;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-news .cadence__link:hover,
.page-news .cadence__link:focus-visible{
  color:var(--paper);
  border-bottom-color:var(--paper);
}
.page-news .cadence__foot{
  margin:26px 0 0;
  padding-top:16px;
  border-top:1px solid var(--line);
  font-size:14px;
  line-height:1.85;
  color:var(--mist);
}
.page-news .cadence__foot a{
  color:var(--orange);
  text-decoration:none;
  border-bottom:1px solid rgba(255,122,60,.5);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-news .cadence__foot a:hover,
.page-news .cadence__foot a:focus-visible{
  color:var(--paper);
  border-bottom-color:var(--paper);
}

/* 平板及以上 */
@media (min-width:768px){
  .page-news .nf-bar{flex-wrap:wrap;overflow:visible;}
  .page-news .cadence__steps{grid-template-columns:repeat(3,1fr);gap:24px;}
  .page-news .entry--media{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
}

@media (min-width:860px){
  .page-news .issue-cover{grid-template-columns:1.12fr .88fr;}
  .page-news .issue-cover__media{
    border-bottom:0;
    border-right:1px solid var(--line);
  }
  .page-news .entry--media{
    grid-template-columns:280px minmax(0,1fr);
    align-items:start;
    gap:22px;
  }
  .page-news .entry__media{margin-bottom:0;}
}

/* 桌面：左侧期号刻度常驻 */
@media (min-width:960px){
  .page-news .news-body{
    grid-template-columns:196px minmax(0,1fr);
    gap:clamp(26px,4vw,56px);
    align-items:start;
  }
  .page-news .rail{position:sticky;top:96px;}
  .page-news .rail__list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:4px;
    overflow:visible;
    padding-bottom:0;
  }
  .page-news .rail__link{min-width:0;padding:8px 3px 6px;font-size:12px;}
}

@media (prefers-reduced-motion:reduce){
  .page-news .entry,
  .page-news .rail__link,
  .page-news .rail__bar,
  .page-news .cadence__link,
  .page-news .nf-label,
  .page-news .crumbs__list a{
    transition:none;
  }
}
<<<END>>>