.page-news{
  --nw-violet-soft:#9C8BE0;
  --nw-blue-soft:#7FB2FF;
  background:var(--rb-indigo);
  color:var(--rb-mist);
  overflow-x:hidden;
}

/* ---------- 首屏 ---------- */
.page-news .nw-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(1.6rem,5vw,2.4rem) 0 clamp(2.2rem,6vw,3.8rem);
  background:linear-gradient(152deg,var(--rb-indigo) 0%,var(--rb-teal) 44%,var(--rb-violet) 78%,var(--rb-wine) 100%);
}
.page-news .nw-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -25% -38% 20%;
  height:80%;
  background:linear-gradient(115deg,rgba(45,226,208,.20),rgba(255,122,89,.12) 55%,transparent 82%);
  border-top:1px solid var(--rb-line-cyan);
  transform:skewY(-7deg);
}
.page-news .nw-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:0;
  width:min(46%,420px);
  height:62%;
  background:linear-gradient(205deg,rgba(36,26,77,.92),rgba(3,7,17,0) 88%);
  clip-path:polygon(30% 0,100% 0,100% 100%,0 58%);
}
.page-news .nw-hero__title{
  margin:.55rem 0 0;
  font-size:clamp(2.05rem,7.4vw,3.9rem);
  line-height:1.07;
  letter-spacing:-.02em;
  max-width:20ch;
}
.page-news .nw-hero__lede{
  margin:1rem 0 0;
  max-width:62ch;
  font-size:1rem;
  line-height:1.85;
  color:rgba(244,247,252,.82);
}
.page-news .nw-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:.9rem;
  margin:1.9rem 0 0;
  padding:1.2rem 0 0;
  border-top:1px solid var(--rb-line-gold);
}
.page-news .nw-stat dt{
  font-family:var(--rb-font-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--rb-warm);
}
.page-news .nw-stat dd{
  margin:.3rem 0 0;
  font-family:var(--rb-font-mono);
  font-size:1.45rem;
  font-weight:600;
  color:var(--rb-cyan);
  letter-spacing:.02em;
}
@media (min-width:720px){
  .page-news .nw-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;}
  .page-news .nw-hero__lede{font-size:1.08rem;}
}

/* ---------- 章节头部 ---------- */
.page-news .nw-head{
  max-width:66ch;
  margin:0 0 1.6rem;
}
.page-news .nw-head__note{
  margin:.65rem 0 0;
  font-size:.98rem;
  line-height:1.8;
  color:rgba(244,247,252,.74);
}
.page-news .nw-feed,
.page-news .nw-versions,
.page-news .nw-recall,
.page-news .nw-series{
  padding:clamp(2.4rem,6.5vw,4rem) 0;
}

/* ---------- 图片容器 ---------- */
.page-news .rb-figure{
  margin:0 0 1.6rem;
  border:1px solid var(--rb-line);
  border-radius:var(--rb-radius);
  overflow:hidden;
  background:var(--rb-ink);
}
.page-news .rb-figure__media{
  display:block;
  width:100%;
  overflow:hidden;
}
.page-news .rb-figure__media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}
.page-news .rb-figure__caption{
  padding:.6rem .9rem;
  font-family:var(--rb-font-mono);
  font-size:.72rem;
  letter-spacing:.04em;
  color:var(--rb-warm);
  border-top:1px solid var(--rb-line);
}
.page-news .nw-feed__banner .rb-figure__media{aspect-ratio:3/2;}
.page-news .nw-versions__figure .rb-figure__media{aspect-ratio:1000/650;}
.page-news .nw-series__banner .rb-figure__media{aspect-ratio:3/2;}
@media (min-width:720px){
  .page-news .nw-feed__banner .rb-figure__media{aspect-ratio:14/5;}
  .page-news .nw-series__banner .rb-figure__media{aspect-ratio:3/2;}
}

/* ---------- 筛选组 ---------- */
.page-news .nw-filter{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.45rem;
  margin:0 0 1.1rem;
  padding:.5rem;
  border:1px solid var(--rb-line);
  border-radius:18px;
  background:rgba(36,26,77,.45);
}
.page-news .nw-filter .rb-filter__btn{
  font-family:var(--rb-font-mono);
  font-size:.78rem;
  letter-spacing:.03em;
  padding:.42rem .85rem;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:var(--rb-warm);
  cursor:pointer;
  transition:color .18s var(--rb-ease),background .18s var(--rb-ease),border-color .18s var(--rb-ease);
}
.page-news .nw-filter .rb-filter__btn:hover{
  color:var(--rb-mist);
  border-color:var(--rb-line-cyan);
}
.page-news .nw-filter .rb-filter__btn[aria-pressed="true"]{
  background:var(--rb-cyan);
  border-color:var(--rb-cyan);
  color:var(--rb-ink);
  font-weight:600;
}
.page-news .nw-filter__count{
  margin-left:auto;
  padding:0 .4rem;
  font-family:var(--rb-font-mono);
  font-size:.74rem;
  color:var(--rb-warm);
}

/* ---------- 更新流 ---------- */
.page-news .nw-feed__list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--rb-line);
}
.page-news .nw-entry{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.45rem;
  padding:1.15rem 0 1.15rem 1.05rem;
  border-bottom:1px solid var(--rb-line);
  transition:background .2s var(--rb-ease);
}
.page-news .nw-entry:hover{
  background:linear-gradient(90deg,rgba(36,26,77,.55),transparent 78%);
}
.page-news .nw-entry::before{
  content:"";
  position:absolute;
  left:0;
  top:1.15rem;
  bottom:1.15rem;
  width:3px;
  border-radius:3px;
  background:var(--nw-accent,var(--rb-cyan));
}
.page-news .nw-entry--entry{--nw-accent:var(--rb-cyan);}
.page-news .nw-entry--tool{--nw-accent:var(--rb-gold);}
.page-news .nw-entry--service{--nw-accent:var(--rb-coral);}
.page-news .nw-entry--rule{--nw-accent:var(--rb-coral-soft);}
.page-news .nw-entry--record{--nw-accent:var(--nw-violet-soft);}
.page-news .nw-entry--news{--nw-accent:var(--nw-blue-soft);}

.page-news .nw-cat{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  font-family:var(--rb-font-mono);
  font-size:.7rem;
  letter-spacing:.1em;
  padding:.14rem .48rem;
  border:1px solid currentColor;
  border-radius:6px;
  color:var(--nw-accent,var(--rb-cyan));
}
.page-news .nw-entry__title{
  margin:0 0 .3rem;
  font-size:1.02rem;
  font-weight:700;
  line-height:1.55;
  color:var(--rb-mist);
}
.page-news .nw-entry__summary{
  margin:0;
  font-size:.94rem;
  line-height:1.78;
  color:rgba(244,247,252,.76);
}
.page-news .nw-entry__time{
  font-family:var(--rb-font-mono);
  font-size:.74rem;
  letter-spacing:.06em;
  color:var(--rb-warm);
}
.page-news .nw-entry__more{margin-top:.5rem;}
.page-news .nw-entry__more summary{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  list-style:none;
  cursor:pointer;
  font-family:var(--rb-font-mono);
  font-size:.75rem;
  letter-spacing:.06em;
  color:var(--rb-cyan);
}
.page-news .nw-entry__more summary::-webkit-details-marker{display:none;}
.page-news .nw-entry__more summary::before{
  content:"+";
  display:inline-block;
  width:.85rem;
  text-align:center;
  color:var(--rb-cyan);
}
.page-news .nw-entry__more[open] summary::before{content:"−";}
.page-news .nw-entry__more p{
  margin:.55rem 0 0;
  padding-left:.8rem;
  border-left:2px solid var(--rb-line-cyan);
  font-size:.9rem;
  line-height:1.76;
  color:rgba(244,247,252,.68);
}
@media (min-width:860px){
  .page-news .nw-entry{
    grid-template-columns:5rem minmax(0,1fr) 5.5rem;
    align-items:start;
    column-gap:1.4rem;
    padding:1.25rem 0 1.25rem 1.3rem;
  }
  .page-news .nw-entry::before{top:1.25rem;bottom:1.25rem;}
  .page-news .nw-entry__time{text-align:right;padding-top:.2rem;}
}

/* ---------- 版本迭代 ---------- */
.page-news .nw-versions{
  background:linear-gradient(180deg,transparent,rgba(11,52,64,.62) 22%,rgba(11,52,64,.62) 78%,transparent);
}
.page-news .nw-versions__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.6rem;
}
.page-news .nw-steps{
  list-style:none;
  margin:0;
  padding:0;
}
.page-news .nw-step{
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr);
  gap:.9rem;
  padding:1rem 0;
  border-bottom:1px solid var(--rb-line);
}
.page-news .nw-step:first-child{border-top:1px solid var(--rb-line);}
.page-news .nw-step__num{
  font-family:var(--rb-font-mono);
  font-size:.84rem;
  letter-spacing:.06em;
  color:var(--rb-gold);
  padding-top:.2rem;
}
.page-news .nw-step__title{
  margin:0 0 .3rem;
  font-size:1rem;
  font-weight:700;
  color:var(--rb-mist);
}
.page-news .nw-step p{
  margin:0;
  font-size:.92rem;
  line-height:1.76;
  color:rgba(244,247,252,.74);
}
.page-news .nw-step--now{
  background:linear-gradient(90deg,rgba(45,226,208,.12),transparent 82%);
  border-left:2px solid var(--rb-cyan);
  padding-left:.9rem;
  border-radius:0 var(--rb-radius-sm) var(--rb-radius-sm) 0;
}
.page-news .nw-step--now .nw-step__num{color:var(--rb-cyan);}
@media (min-width:900px){
  .page-news .nw-versions__grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:2.4rem;
    align-items:start;
  }
  .page-news .nw-versions__figure{position:sticky;top:5.5rem;margin-bottom:0;}
}

/* ---------- 规则摘要 ---------- */
.page-news .nw-rules{
  padding:clamp(2.6rem,7vw,4.2rem) 0;
  background:linear-gradient(158deg,rgba(58,18,48,.82),rgba(36,26,77,.62) 58%,rgba(8,18,43,.9));
  border-top:1px solid var(--rb-line-gold);
  border-bottom:1px solid var(--rb-line-gold);
}
.page-news .nw-rules__table{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--rb-line-gold);
}
.page-news .nw-rule{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.45rem;
  padding:1rem 0;
  border-bottom:1px solid var(--rb-line);
}
.page-news .nw-rule__group{
  font-family:var(--rb-font-mono);
  font-size:.8rem;
  letter-spacing:.1em;
  color:var(--rb-gold);
}
.page-news .nw-rule__desc{
  margin:0;
  font-size:.94rem;
  line-height:1.76;
  color:rgba(244,247,252,.78);
}
.page-news .nw-rule .rb-chip{
  justify-self:start;
  font-family:var(--rb-font-mono);
  font-size:.72rem;
}
.page-news .nw-rules__link{
  margin:1.4rem 0 0;
  font-size:.94rem;
  line-height:1.8;
  color:rgba(244,247,252,.76);
}
.page-news .nw-rules__link a{
  color:var(--rb-cyan);
  text-decoration:none;
  border-bottom:1px solid var(--rb-line-cyan);
}
.page-news .nw-rules__link a:hover{color:var(--rb-mist);}
@media (min-width:780px){
  .page-news .nw-rule{
    grid-template-columns:8.5rem minmax(0,1fr) auto;
    align-items:center;
    column-gap:1.4rem;
    padding:1.1rem 0;
  }
}

/* ---------- 常查记录 ---------- */
.page-news .nw-recall__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2rem;
}
.page-news .nw-recall__list{
  list-style:none;
  margin:1.1rem 0 0;
  padding:0 0 0 1rem;
  border-left:1px solid var(--rb-line-gold);
}
.page-news .nw-recall__item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.4rem .8rem;
  padding:.9rem 0;
  border-bottom:1px solid var(--rb-line);
}
.page-news .nw-recall__item .nw-cat{grid-column:1;}
.page-news .nw-recall__item p{
  grid-column:1/-1;
  margin:0;
  font-size:.93rem;
  line-height:1.72;
  color:rgba(244,247,252,.8);
}
.page-news .nw-time{
  grid-column:2;
  grid-row:1;
  font-family:var(--rb-font-mono);
  font-size:.73rem;
  letter-spacing:.06em;
  color:var(--rb-warm);
}
.page-news .nw-recall__rail{position:static;}
.page-news .nw-rail{
  padding:1rem;
  border-radius:var(--rb-radius);
}
.page-news .nw-rail__label{
  margin:0 0 .7rem;
  font-family:var(--rb-font-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--rb-cyan);
}
.page-news .nw-rail img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:var(--rb-radius-sm);
  object-fit:cover;
}
.page-news .nw-rail__legend{
  list-style:none;
  margin:.9rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.4rem .7rem;
  font-size:.8rem;
  color:rgba(244,247,252,.76);
}
.page-news .nw-rail__legend li{
  display:flex;
  align-items:center;
  gap:.45rem;
}
.page-news .nw-rail__dot{
  width:.68rem;
  height:.68rem;
  border-radius:2px;
  flex:none;
  background:var(--rb-cyan);
}
.page-news .nw-rail__dot--tool{background:var(--rb-gold);}
.page-news .nw-rail__dot--service{background:var(--rb-coral);}
.page-news .nw-rail__dot--rule{background:var(--rb-coral-soft);}
.page-news .nw-rail__dot--record{background:var(--nw-violet-soft);}
.page-news .nw-rail__note{
  margin:.9rem 0 0;
  padding-top:.8rem;
  border-top:1px solid var(--rb-line);
  font-size:.8rem;
  line-height:1.7;
  color:var(--rb-warm);
}
@media (min-width:960px){
  .page-news .nw-recall__grid{
    grid-template-columns:minmax(0,1fr) 19rem;
    gap:2.4rem;
    align-items:start;
  }
  .page-news .nw-recall__rail{
    position:sticky;
    top:5.5rem;
  }
}

/* ---------- 专题系列 ---------- */
.page-news .nw-series__grid{
  list-style:none;
  margin:1.6rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.1rem;
}
.page-news .nw-series__card{
  display:flex;
  flex-direction:column;
  gap:.55rem;
  padding:1.1rem;
  border:1px solid var(--rb-line);
  border-radius:var(--rb-radius);
  background:rgba(36,26,77,.5);
}
.page-news .nw-series__cover{
  position:relative;
  display:block;
  height:5.2rem;
  border-radius:var(--rb-radius-sm);
  overflow:hidden;
}
.page-news .nw-series__cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(3,7,17,0),rgba(3,7,17,.55) 70%);
}
.page-news .nw-series__cover--a{background:linear-gradient(132deg,var(--rb-cyan),var(--rb-violet) 76%);}
.page-news .nw-series__cover--b{background:linear-gradient(132deg,var(--rb-coral),var(--rb-wine) 78%);}
.page-news .nw-series__cover--c{background:linear-gradient(132deg,var(--rb-gold),var(--rb-teal) 80%);}
.page-news .nw-series__num{
  font-family:var(--rb-font-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--rb-warm);
}
.page-news .nw-series__card h3{
  margin:0;
  font-size:1.04rem;
  font-weight:700;
  color:var(--rb-mist);
}
.page-news .nw-series__card p{
  margin:0;
  flex:1;
  font-size:.9rem;
  line-height:1.74;
  color:rgba(244,247,252,.74);
}
.page-news .nw-series__card a{
  align-self:flex-start;
  font-family:var(--rb-font-mono);
  font-size:.79rem;
  letter-spacing:.04em;
  color:var(--rb-cyan);
  text-decoration:none;
  border-bottom:1px solid var(--rb-line-cyan);
  padding-bottom:.12rem;
}
.page-news .nw-series__card a:hover{color:var(--rb-mist);}
@media (min-width:860px){
  .page-news .nw-series__grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:1.2rem;
  }
  .page-news .nw-series__card:nth-child(1){grid-column:span 7;}
  .page-news .nw-series__card:nth-child(2){grid-column:span 5;}
  .page-news .nw-series__card:nth-child(3){grid-column:span 12;}
  .page-news .nw-series__card:nth-child(3) .nw-series__cover{height:4rem;}
}

/* ---------- 节奏与收藏 ---------- */
.page-news .nw-cadence{
  padding:clamp(2.4rem,7vw,4rem) 0;
  background:linear-gradient(180deg,transparent,rgba(36,26,77,.55) 32%,rgba(11,52,64,.5));
}
.page-news .nw-cadence__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.8rem;
}
.page-news .nw-cadence__list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-news .nw-cadence__item{
  display:grid;
  grid-template-columns:4.4rem minmax(0,1fr);
  gap:.9rem;
  padding-bottom:.9rem;
  margin-bottom:.9rem;
  border-bottom:1px solid var(--rb-line);
}
.page-news .nw-cadence__item:last-child{
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}
.page-news .nw-cadence__key{
  font-family:var(--rb-font-mono);
  font-size:.78rem;
  letter-spacing:.1em;
  color:var(--rb-gold);
  padding-top:.15rem;
}
.page-news .nw-cadence__item p{
  margin:0;
  font-size:.93rem;
  line-height:1.74;
  color:rgba(244,247,252,.76);
}
.page-news .nw-save{
  display:flex;
  flex-direction:column;
  gap:.85rem;
  padding:1.4rem;
  border-radius:var(--rb-radius);
}
.page-news .nw-save .rb-h3{
  margin:0;
  font-size:1.1rem;
  color:var(--rb-mist);
}
.page-news .nw-save p{
  margin:0;
  font-size:.9rem;
  line-height:1.76;
  color:rgba(244,247,252,.76);
}
.page-news .nw-save__key{
  font-family:var(--rb-font-mono);
  color:var(--rb-gold);
}
.page-news .nw-save .rb-btn{
  align-self:flex-start;
  font-family:var(--rb-font-mono);
  font-size:.82rem;
  letter-spacing:.04em;
}
.page-news .nw-save .rb-btn[data-state="hinted"]{
  background:var(--rb-cyan);
  color:var(--rb-ink);
}
.page-news .nw-save__links{
  font-size:.82rem;
  color:var(--rb-warm);
}
.page-news .nw-save__links a{
  color:var(--rb-cyan);
  text-decoration:none;
  border-bottom:1px solid var(--rb-line-cyan);
}
.page-news .nw-save__links a:hover{color:var(--rb-mist);}
@media (min-width:900px){
  .page-news .nw-cadence__grid{
    grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);
    gap:2.4rem;
    align-items:start;
  }
  .page-news .nw-save{position:sticky;top:5.5rem;}
}

/* ---------- 减弱动效 ---------- */
@media (prefers-reduced-motion:reduce){
  .page-news *,
  .page-news *::before,
  .page-news *::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}
<<<END>>>
