.page-news{
  --news-rail:240px;
  --news-gap:clamp(20px,3vw,36px);
  background:linear-gradient(180deg,rgba(255,106,26,.05),rgba(6,18,14,0) 340px),var(--ink-900);
  color:var(--white);
  padding-bottom:clamp(40px,6vw,80px);
}
.page-news .news-top{padding-top:clamp(16px,3vw,28px);}
.page-news .news-breadcrumb{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;}
.page-news .news-breadcrumb .breadcrumb__link{color:var(--grey);text-decoration:none;transition:color var(--dur) var(--ease);}
.page-news .news-breadcrumb .breadcrumb__link:hover,
.page-news .news-breadcrumb .breadcrumb__link:focus-visible{color:var(--orange-soft);}
.page-news .news-breadcrumb .breadcrumb__item span{color:var(--white);}

/* 首屏 */
.page-news .news-hero{
  display:grid;
  gap:16px;
  padding:clamp(18px,3vw,30px) 0 clamp(24px,3.4vw,38px);
  border-bottom:var(--rule);
}
.page-news .news-hero h1{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(2.1rem,7vw,4.4rem);
  line-height:.98;
  letter-spacing:-.03em;
}
.page-news .news-hero .lead{
  margin:0;
  max-width:58ch;
  color:var(--grey);
  font-size:1rem;
  line-height:1.85;
}
.page-news .news-stats{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:var(--rule);
}
.page-news .news-stats__item{
  background:var(--ink-800);
  padding:14px 16px;
  display:grid;
  gap:5px;
  align-content:start;
}
.page-news .news-stats__num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:1.1rem;
  letter-spacing:.02em;
  color:var(--orange);
}
.page-news .news-stats__label{font-size:.78rem;line-height:1.5;color:var(--grey);}

/* 左右分屏：分类轨道 + 动态流 */
.page-news .news-shell{
  display:grid;
  gap:clamp(24px,4vw,48px);
  padding-top:clamp(24px,4vw,44px);
  min-width:0;
}
.page-news .news-rail{
  border-top:2px solid var(--orange);
  padding-top:14px;
  min-width:0;
}
.page-news .news-rail__title{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--grey);
}
.page-news .news-rail__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-news .news-rail__link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 13px;
  border:var(--rule);
  background:var(--ink-800);
  color:var(--white);
  text-decoration:none;
  font-size:.88rem;
  line-height:1.4;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .news-rail__link:hover,
.page-news .news-rail__link:focus-visible{
  background:var(--ink-700);
  border-color:var(--orange-soft);
}
.page-news .news-rail__dot{
  width:8px;
  height:8px;
  flex:none;
  background:var(--line);
}
.page-news .news-rail__dot--version{background:var(--orange);}
.page-news .news-rail__dot--archive{background:var(--paper);}
.page-news .news-rail__dot--tips{background:var(--yellow);}
.page-news .news-rail__dot--series{background:var(--orange-soft);}
.page-news .news-rail__note{
  margin:16px 0 0;
  font-size:.72rem;
  color:var(--grey);
  line-height:1.7;
  max-width:20ch;
}
.page-news .news-rail__note .meta-mono{display:block;margin-top:4px;color:var(--orange);}

/* 动态流 */
.page-news .news-feed{
  display:grid;
  gap:var(--news-gap);
  min-width:0;
}
.page-news .news-feed__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px 16px;
  border-bottom:1px solid var(--line);
  padding-bottom:10px;
}
.page-news .news-feed__head h2{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(1.35rem,2.6vw,1.85rem);
  letter-spacing:-.01em;
}
.page-news .news-feed__head .meta-mono{color:var(--grey);}

.page-news .news-feed__section{display:grid;gap:16px;min-width:0;}

.page-news .news-feature{
  display:grid;
  border:var(--rule);
  background:var(--ink-800);
  min-width:0;
  transition:border-color var(--dur) var(--ease);
}
.page-news .news-feature:hover{border-color:var(--orange-soft);}
.page-news .news-feature__body{
  padding:clamp(16px,2.4vw,26px);
  display:grid;
  gap:11px;
  align-content:start;
}
.page-news .news-feature__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-news .news-feature__no{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--orange);
}
.page-news .news-feature__top .meta-mono{color:var(--grey);}
.page-news .news-feature h3{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(1.12rem,2.4vw,1.55rem);
  line-height:1.4;
  letter-spacing:-.01em;
}
.page-news .news-feature p{
  margin:0;
  color:var(--grey);
  font-size:.94rem;
  line-height:1.85;
}
.page-news .news-feature p:last-child{margin-top:2px;}
.page-news .media-frame{
  margin:0;
  background:var(--ink-700);
  overflow:hidden;
  border-top:var(--rule);
}
.page-news .news-feature__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .news-link{
  display:inline-block;
  color:var(--orange);
  font-size:.86rem;
  text-decoration:none;
  border-bottom:1px solid rgba(255,106,26,.4);
  padding-bottom:2px;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .news-link:hover,
.page-news .news-link:focus-visible{color:var(--orange-soft);border-color:var(--orange-soft);}

/* 分类分组索引 */
.page-news .news-group{
  border-top:var(--rule);
  padding-top:16px;
  min-width:0;
}
.page-news .news-group__head{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.page-news .news-group__head h3{
  margin:0;
  font-family:var(--font-head);
  font-size:1rem;
  letter-spacing:.02em;
}
.page-news .news-group__head .meta-mono{color:var(--grey);}
.page-news .news-list{
  list-style:none;
  margin:10px 0 0;
  padding:0;
}
.page-news .news-item{border-bottom:var(--rule);}
.page-news .news-item__link{
  display:grid;
  grid-template-columns:2.6rem minmax(0,1fr);
  grid-template-areas:
    "no title"
    "no meta";
  gap:4px 10px;
  padding:13px 10px 13px 10px;
  border-left:2px solid transparent;
  color:var(--white);
  text-decoration:none;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .news-item__link:hover,
.page-news .news-item__link:focus-visible{
  background:var(--ink-800);
  border-left-color:var(--orange);
}
.page-news .news-item__no{
  grid-area:no;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.08em;
  color:var(--orange);
  padding-top:2px;
}
.page-news .news-item__title{
  grid-area:title;
  font-size:.96rem;
  line-height:1.65;
}
.page-news .news-item__meta{
  grid-area:meta;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.08em;
  color:var(--grey);
}

/* 专题系列 */
.page-news .news-series{
  margin-top:clamp(36px,5vw,68px);
  padding-top:clamp(24px,3.4vw,40px);
  border-top:2px solid var(--ink-700);
  display:grid;
  gap:clamp(20px,3vw,32px);
  min-width:0;
}
.page-news .news-series__media{
  border:var(--rule);
  clip-path:polygon(0 0,100% 5%,100% 100%,0 95%);
  background:var(--ink-800);
  min-width:0;
}
.page-news .news-series__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .news-series__media .media-frame__caption{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.08em;
  color:var(--grey);
  padding:10px 12px;
  border-top:var(--rule);
  display:block;
}
.page-news .news-series__body{min-width:0;}
.page-news .news-series__body h2{
  margin:0 0 10px;
  font-family:var(--font-head);
  font-size:clamp(1.35rem,2.8vw,2rem);
  letter-spacing:-.02em;
  line-height:1.3;
}
.page-news .news-series__lead{
  margin:0 0 18px;
  max-width:46ch;
  color:var(--grey);
  font-size:.94rem;
  line-height:1.85;
}
.page-news .news-series__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-news .news-series__card{
  position:relative;
  border:var(--rule);
  background:var(--ink-800);
  padding:15px 18px 16px 20px;
  display:grid;
  gap:7px;
  justify-items:start;
  transition:background var(--dur) var(--ease);
}
.page-news .news-series__card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--orange);
}
.page-news .news-series__card:nth-child(2)::before{background:var(--paper);}
.page-news .news-series__card:nth-child(3)::before{background:var(--yellow);}
.page-news .news-series__card:hover{background:var(--ink-700);}
.page-news .news-series__card h3{
  margin:0;
  font-family:var(--font-head);
  font-size:1.02rem;
  letter-spacing:.01em;
}
.page-news .news-series__card p{
  margin:0;
  color:var(--grey);
  font-size:.9rem;
  line-height:1.8;
}

/* 版本说明入口 */
.page-news .news-version{
  margin-top:clamp(32px,4.4vw,60px);
  border:1px solid var(--orange);
  background:linear-gradient(115deg,rgba(255,106,26,.15),rgba(255,106,26,.02) 62%),var(--ink-800);
  padding:clamp(20px,3vw,34px);
  display:grid;
  gap:20px;
  min-width:0;
}
.page-news .news-version__text{display:grid;gap:10px;}
.page-news .news-version__text h2{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(1.25rem,2.6vw,1.8rem);
  line-height:1.35;
  letter-spacing:-.015em;
}
.page-news .news-version__text p{
  margin:0;
  max-width:52ch;
  color:var(--grey);
  font-size:.94rem;
  line-height:1.85;
}
.page-news .news-version__actions{
  display:grid;
  gap:10px;
  align-content:center;
}

/* 更新节奏 */
.page-news .news-cadence{
  margin-top:clamp(32px,4.4vw,60px);
  padding-top:clamp(22px,3vw,34px);
  border-top:var(--rule);
  min-width:0;
}
.page-news .news-cadence h2{
  margin:0 0 18px;
  font-family:var(--font-head);
  font-size:clamp(1.3rem,2.6vw,1.75rem);
  letter-spacing:-.015em;
}
.page-news .news-cadence__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line);
  border:var(--rule);
}
.page-news .news-cadence__item{
  background:var(--ink-800);
  padding:16px 18px;
  display:grid;
  gap:6px;
}
.page-news .news-cadence__num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.1em;
  color:var(--orange);
}
.page-news .news-cadence__item p{
  margin:0;
  color:var(--grey);
  font-size:.92rem;
  line-height:1.8;
}
.page-news .news-paper{
  margin-top:18px;
  border:var(--rule);
  padding:18px 20px;
  background:
    repeating-linear-gradient(0deg,rgba(230,223,206,.07) 0 1px,rgba(0,0,0,0) 1px 24px),
    var(--ink-800);
}
.page-news .news-paper h3{
  margin:0 0 8px;
  font-family:var(--font-head);
  font-size:.98rem;
  letter-spacing:.01em;
}
.page-news .news-paper p{
  margin:0;
  max-width:64ch;
  color:var(--grey);
  font-size:.9rem;
  line-height:1.85;
  word-break:break-word;
}

@media (min-width:720px){
  .page-news .news-series__list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-news .news-cadence__list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-news .news-version{grid-template-columns:minmax(0,1fr) minmax(200px,260px);align-items:center;}
  .page-news .news-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media (min-width:900px){
  .page-news .news-feature--lead{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);}
  .page-news .news-feature--lead .news-feature__media{
    border-top:0;
    border-left:var(--rule);
    height:100%;
  }
  .page-news .news-feature--lead .news-feature__media img{height:100%;min-height:240px;}
  .page-news .news-series{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;}
}

@media (min-width:980px){
  .page-news .news-shell{grid-template-columns:var(--news-rail) minmax(0,1fr);}
  .page-news .news-rail{position:sticky;top:96px;align-self:start;}
  .page-news .news-rail__list{flex-direction:column;flex-wrap:nowrap;gap:6px;}
  .page-news .news-rail__link{padding:10px 12px;}
}

@media (prefers-reduced-motion:reduce){
  .page-news *{transition:none !important;animation:none !important;}
}
</main>