.page-news{
  --nw-schedule:var(--cyan);
  --nw-features:var(--star);
  --nw-venues:var(--amber);
  --nw-version:var(--muted);
  --nw-surface:rgba(11,29,54,.72);
  --nw-rail:14rem;
}

/* ---------- 首屏 ---------- */
.page-news .nw-hero{
  position:relative;
  overflow:hidden;
  padding-block:clamp(2rem,5vw,3.5rem) clamp(2rem,4vw,3.25rem);
  background:
    radial-gradient(120% 100% at 92% -10%, rgba(122,92,255,.26), transparent 62%),
    radial-gradient(80% 70% at 4% 110%, rgba(53,240,208,.12), transparent 60%),
    linear-gradient(165deg, var(--void) 0%, var(--orbit) 58%, var(--void) 100%);
  border-bottom:1px solid var(--line);
}
.page-news .nw-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:72px 72px;
  opacity:.4;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, transparent 82%);
  mask-image:linear-gradient(to bottom, #000 0%, transparent 82%);
}
.page-news .nw-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.5rem,4vw,2.5rem);
  align-items:center;
}
.page-news .nw-hero__copy{
  display:flex;
  flex-direction:column;
  gap:.9rem;
}
.page-news .breadcrumbs{
  margin-bottom:.25rem;
}
.page-news .nw-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin:0;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.16em;
  color:var(--cyan);
  text-transform:uppercase;
}
.page-news .nw-hero h1{
  margin:0;
  font-family:var(--font-condensed);
  font-size:clamp(2rem,6.4vw,3.9rem);
  line-height:1.02;
  letter-spacing:-.015em;
  color:var(--paper);
  max-width:16ch;
}
.page-news .nw-hero__lead{
  margin:0;
  max-width:42rem;
  color:var(--muted);
  font-size:clamp(.95rem,2.4vw,1.0625rem);
  line-height:1.75;
}
.page-news .nw-hero__figure{
  position:relative;
  margin:0;
  border:1px solid var(--line);
  background:var(--orbit);
  clip-path:polygon(0 0, 100% 0, 100% 88%, 90% 100%, 0 100%);
}
.page-news .nw-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
}
.page-news .nw-hero__figure::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(6,16,31,0) 42%, rgba(6,16,31,.86) 100%);
  pointer-events:none;
}

/* ---------- 三条动态色带 ---------- */
.page-news .nw-beats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-news .nw-beat{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.55rem;
  padding:1.35rem 1.15rem 1.5rem;
  background:var(--void);
}
.page-news .nw-beat::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:var(--nw-schedule);
}
.page-news .nw-beat:nth-child(2)::before{ background:var(--nw-features); }
.page-news .nw-beat:nth-child(3)::before{ background:var(--nw-venues); }
.page-news .nw-beat__no{
  display:flex;
  align-items:center;
  gap:.65rem;
  margin:0;
}
.page-news .nw-beat__no .data{
  color:var(--amber);
  font-size:.8125rem;
  letter-spacing:.12em;
}
.page-news .nw-beat__cat{
  font-size:.75rem;
  letter-spacing:.14em;
  color:var(--muted);
}
.page-news .nw-beat__title{
  margin:0;
  font-family:var(--font-condensed);
  font-size:1.125rem;
  line-height:1.3;
  color:var(--paper);
}
.page-news .nw-beat__text{
  margin:0;
  color:var(--muted);
  font-size:.875rem;
  line-height:1.7;
}

/* ---------- 笔记流 ---------- */
.page-news .nw-feed{
  padding-block:clamp(2.5rem,5vw,4.25rem);
  background:var(--void);
}
.page-news .nw-feed__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.75rem;
}
.page-news .nw-rail{
  border:1px solid var(--line);
  background:var(--nw-surface);
  padding:1rem 1.05rem 1.15rem;
}
.page-news .nw-rail__label{
  margin:0 0 .75rem;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.18em;
  color:var(--star);
  text-transform:uppercase;
}
.page-news .nw-rail__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .5rem;
}
.page-news .nw-rail__link{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem .6rem;
  border:1px solid var(--line);
  color:var(--paper);
  font-size:.875rem;
  text-decoration:none;
  transition:border-color .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease);
}
.page-news .nw-rail__link:hover,
.page-news .nw-rail__link:focus-visible{
  border-color:var(--cyan);
  background:rgba(53,240,208,.1);
  color:var(--cyan);
}
.page-news .nw-rail__dot{
  width:.45rem;
  height:.45rem;
  background:var(--nw-schedule);
  flex:0 0 auto;
}
.page-news .nw-rail__link--features .nw-rail__dot{ background:var(--nw-features); }
.page-news .nw-rail__link--venues .nw-rail__dot{ background:var(--nw-venues); }
.page-news .nw-rail__link--version .nw-rail__dot{ background:var(--nw-version); }
.page-news .nw-rail__note{
  margin:.95rem 0 0;
  padding-top:.85rem;
  border-top:1px solid var(--line-soft);
  color:var(--muted);
  font-size:.8125rem;
  line-height:1.65;
}

.page-news .nw-stream__title{
  margin:0 0 1.5rem;
  font-family:var(--font-condensed);
  font-size:clamp(1.5rem,4vw,2.125rem);
  line-height:1.1;
  color:var(--paper);
}

.page-news .nw-group{
  --nw-accent:var(--nw-schedule);
  scroll-margin-top:7rem;
}
.page-news .nw-group--features{ --nw-accent:var(--nw-features); }
.page-news .nw-group--venues{ --nw-accent:var(--nw-venues); }
.page-news .nw-group--version{ --nw-accent:var(--nw-version); }
.page-news .nw-group + .nw-group{ margin-top:clamp(2.25rem,5vw,3.25rem); }

.page-news .nw-group__head{
  border-left:3px solid var(--nw-accent);
  padding-left:1rem;
  margin-bottom:1.15rem;
}
.page-news .nw-group__title{
  margin:0 0 .35rem;
  font-family:var(--font-condensed);
  font-size:1.375rem;
  line-height:1.2;
  color:var(--paper);
}
.page-news .nw-group__desc{
  margin:0;
  color:var(--muted);
  font-size:.875rem;
  line-height:1.7;
  max-width:44rem;
}

.page-news .nw-group__items{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.75rem;
}
.page-news .nw-note{
  background:var(--nw-surface);
  border:1px solid var(--line);
  border-left:2px solid var(--nw-accent);
  padding:1rem 1.1rem 1.15rem;
  transition:border-color .2s var(--ease), background-color .2s var(--ease);
}
.page-news .nw-note:hover{
  border-color:var(--nw-accent);
  background:rgba(11,29,54,.92);
}
.page-news .nw-note__when{
  margin:0 0 .45rem;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.12em;
  color:var(--amber);
}
.page-news .nw-note__title{
  margin:0 0 .45rem;
  font-family:var(--font-sans);
  font-size:1rem;
  font-weight:700;
  line-height:1.45;
  color:var(--paper);
}
.page-news .nw-note__text{
  margin:0;
  color:var(--muted);
  font-size:.875rem;
  line-height:1.72;
}

.page-news .nw-figure{
  margin:1.15rem 0 0;
  border:1px solid var(--line);
  background:var(--orbit);
}
.page-news .nw-figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .nw-figure .media__caption{
  padding:.7rem .9rem;
  border-top:1px solid var(--line-soft);
  color:var(--muted);
  font-size:.8125rem;
  line-height:1.6;
}

/* ---------- 重点条目展开 ---------- */
.page-news .nw-deep{
  padding-block:clamp(2.5rem,5vw,4rem);
  background:linear-gradient(180deg, var(--void) 0%, var(--orbit) 100%);
  border-top:1px solid var(--line);
}
.page-news .nw-deep__head{
  max-width:46rem;
  margin-bottom:1.75rem;
}
.page-news .nw-deep__kicker{
  margin:0 0 .55rem;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.18em;
  color:var(--star);
  text-transform:uppercase;
}
.page-news .nw-deep__head h2{
  margin:0 0 .7rem;
  font-family:var(--font-condensed);
  font-size:clamp(1.5rem,4.2vw,2.25rem);
  line-height:1.1;
  color:var(--paper);
}
.page-news .nw-deep__lead{
  margin:0;
  color:var(--muted);
  font-size:.9375rem;
  line-height:1.75;
}
.page-news .nw-deep__list{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.75rem;
}
.page-news .nw-deep__item{
  border:1px solid var(--line);
  background:var(--nw-surface);
}
.page-news .nw-deep__trigger{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.6rem .85rem;
  width:100%;
  padding:1rem 1.1rem;
  border:0;
  background:transparent;
  color:var(--paper);
  text-align:left;
  cursor:pointer;
  font-family:var(--font-sans);
  transition:background-color .2s var(--ease);
}
.page-news .nw-deep__trigger:hover,
.page-news .nw-deep__trigger:focus-visible{
  background:rgba(122,92,255,.12);
}
.page-news .nw-deep__trigger[aria-expanded="true"]{
  background:rgba(122,92,255,.16);
}
.page-news .nw-deep__title{
  flex:1 1 14rem;
  min-width:0;
  font-size:1rem;
  font-weight:700;
  line-height:1.45;
}
.page-news .nw-deep__panel{
  padding:.25rem 1.1rem 1.25rem;
  border-top:1px solid var(--line-soft);
}
.page-news .nw-deep__panel p{
  margin:.85rem 0 0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.78;
}
.page-news .nw-deep__panel .btn{
  margin-top:1rem;
}

/* ---------- 赛季阶段归档 ---------- */
.page-news .nw-phases{
  padding-block:clamp(2.5rem,5vw,4rem);
  background:
    radial-gradient(90% 80% at 100% 0%, rgba(122,92,255,.35), transparent 65%),
    linear-gradient(180deg, var(--indigo) 0%, #2a1e5a 100%);
  border-top:1px solid rgba(237,244,255,.14);
}
.page-news .nw-phases__head{
  max-width:44rem;
  margin-bottom:1.6rem;
}
.page-news .nw-phases__kicker{
  margin:0 0 .5rem;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.18em;
  color:var(--cyan);
  text-transform:uppercase;
}
.page-news .nw-phases h2{
  margin:0 0 .7rem;
  font-family:var(--font-condensed);
  font-size:clamp(1.5rem,4.2vw,2.25rem);
  line-height:1.1;
  color:var(--paper);
}
.page-news .nw-phases__lead{
  margin:0;
  color:rgba(237,244,255,.78);
  font-size:.9375rem;
  line-height:1.75;
}
.page-news .nw-phases__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1px;
  background:rgba(237,244,255,.2);
  border:1px solid rgba(237,244,255,.2);
}
.page-news .nw-phase{
  background:rgba(6,16,31,.62);
  padding:1.15rem 1.1rem 1.3rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.page-news .nw-phase__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.14em;
  color:var(--amber);
}
.page-news .nw-phase__title{
  margin:0;
  font-family:var(--font-condensed);
  font-size:1.25rem;
  line-height:1.2;
  color:var(--paper);
}
.page-news .nw-phase__text{
  margin:0;
  color:rgba(237,244,255,.76);
  font-size:.875rem;
  line-height:1.7;
}
.page-news .nw-phase__focus{
  margin:auto 0 0;
  padding-top:.7rem;
  border-top:1px solid rgba(237,244,255,.16);
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.06em;
  color:var(--cyan);
}

/* ---------- 回访入口 ---------- */
.page-news .nw-return{
  padding-block:clamp(2.5rem,5vw,4rem);
  background:var(--void);
  border-top:1px solid var(--line);
}
.page-news .nw-return__head{
  max-width:42rem;
  margin-bottom:1.5rem;
}
.page-news .nw-return h2{
  margin:0 0 .65rem;
  font-family:var(--font-condensed);
  font-size:clamp(1.5rem,4.2vw,2.125rem);
  line-height:1.12;
  color:var(--paper);
}
.page-news .nw-return__lead{
  margin:0;
  color:var(--muted);
  font-size:.9375rem;
  line-height:1.75;
}
.page-news .nw-return__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1rem;
}
.page-news .nw-return__panel{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  padding:1.35rem 1.25rem 1.5rem;
  border:1px solid var(--line);
}
.page-news .nw-return__tag{
  margin:0;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.16em;
  color:var(--amber);
}
.page-news .nw-return__title{
  margin:0;
  font-family:var(--font-condensed);
  font-size:1.25rem;
  line-height:1.25;
  color:var(--paper);
}
.page-news .nw-return__text{
  margin:0 0 .4rem;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.75;
}
.page-news .nw-return__panel .btn{
  align-self:flex-start;
  margin-top:auto;
}
.page-news .nw-return__foot{
  margin:1.5rem 0 0;
  padding-top:1.15rem;
  border-top:1px solid var(--line-soft);
  color:var(--muted);
  font-size:.875rem;
  line-height:1.8;
}
.page-news .nw-return__link{
  color:var(--cyan);
  text-decoration:underline;
  text-underline-offset:.2em;
}
.page-news .nw-return__link:hover,
.page-news .nw-return__link:focus-visible{
  color:var(--paper);
}

/* ---------- 中等屏 ---------- */
@media (min-width:48rem){
  .page-news .nw-beats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-news .nw-group__items{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.9rem;
  }
  .page-news .nw-group__items > :nth-child(even){
    margin-top:1.15rem;
  }
  .page-news .nw-phases__list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-news .nw-return__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ---------- 桌面轨道栅格 ---------- */
@media (min-width:60rem){
  .page-news .nw-hero__inner{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:clamp(2rem,4vw,3.25rem);
  }
  .page-news .nw-hero__copy{
    grid-column:1;
  }
  .page-news .nw-hero__figure{
    grid-column:2;
  }
  .page-news .nw-beats{
    grid-column:1 / -1;
  }
}

@media (min-width:64rem){
  .page-news .nw-feed__inner{
    grid-template-columns:var(--nw-rail) minmax(0,1fr);
    gap:clamp(2rem,4vw,3.5rem);
    align-items:start;
  }
  .page-news .nw-rail{
    position:sticky;
    top:7rem;
  }
  .page-news .nw-rail__list{
    flex-direction:column;
    flex-wrap:nowrap;
  }
  .page-news .nw-rail__link{
    width:100%;
  }
}

@media (min-width:75rem){
  .page-news .nw-phases__list{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (prefers-reduced-motion:reduce){
  .page-news .nw-note,
  .page-news .nw-rail__link,
  .page-news .nw-deep__trigger{
    transition:none;
  }
}