.page-news{
  --nw-gap:clamp(20px,4vw,44px);
  --nw-hair:2px solid rgba(244,241,236,.14);
  --nw-soft:1px solid rgba(244,241,236,.10);
  --nw-panel:linear-gradient(160deg,rgba(36,38,45,.92),rgba(21,22,26,.92));
  color:var(--paper);
}

.page-news .nw-topbar{padding-top:14px;}

/* 首屏：刊头式入口 */
.page-news .nw-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(18px,4vw,38px) 0 clamp(26px,5vw,54px);
  border-bottom:var(--nw-hair);
}
.page-news .nw-hero::after{
  content:"";
  position:absolute;
  top:-38%;
  right:-16%;
  width:min(82vw,560px);
  aspect-ratio:1;
  background:radial-gradient(circle,rgba(200,16,46,.40),rgba(200,16,46,0) 66%);
  pointer-events:none;
}
.page-news .nw-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:var(--nw-gap);
  align-items:start;
}
.page-news .nw-hero__title{
  margin:.1em 0 .28em;
  font-size:clamp(2.6rem,11vw,5.6rem);
  line-height:.94;
  letter-spacing:-.02em;
}
.page-news .nw-hero__lede{
  max-width:52ch;
  margin:0;
  color:rgba(244,241,236,.86);
}
.page-news .nw-hero__meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gray);
}
.page-news .nw-hero__aside{
  padding:18px;
  border:2px solid var(--line);
  background:var(--nw-panel);
  box-shadow:var(--shadow-1);
}
.page-news .nw-aside__label{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--blue);
}
.page-news .nw-catlist{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:nwcat;
}
.page-news .nw-catlist li{
  counter-increment:nwcat;
  border-bottom:var(--nw-soft);
}
.page-news .nw-catlist li:last-child{border-bottom:0;}
.page-news .nw-catlist a{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:11px 0;
  color:var(--paper);
  font-size:15px;
  text-decoration:none;
  transition:color .2s var(--ease);
}
.page-news .nw-catlist a::before{
  content:counter(nwcat,decimal-leading-zero);
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--red);
}
.page-news .nw-catlist a:hover,
.page-news .nw-catlist a:focus-visible{color:var(--blue);}
.page-news .nw-aside__link{
  display:inline-block;
  margin-top:12px;
  font-size:13px;
  color:var(--lime);
  text-decoration:none;
  border-bottom:1px solid rgba(182,255,59,.4);
}
.page-news .nw-aside__link:hover{color:var(--paper);border-bottom-color:var(--paper);}

/* 头条专题 */
.page-news .nw-feature{padding-top:clamp(28px,6vw,64px);}
.page-news .nw-feature__grid{
  display:grid;
  gap:var(--nw-gap);
  align-items:start;
}
.page-news .nw-feature__media{
  margin:0;
  border:2px solid var(--line);
  background:var(--ink-2);
  box-shadow:var(--shadow-2);
}
.page-news .nw-feature__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.page-news .nw-feature__cap{
  display:block;
  padding:10px 14px;
  border-top:2px solid var(--line);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--gray);
}
.page-news .nw-feature__flag{
  margin:0 0 10px;
  display:inline-block;
  padding:5px 10px;
  background:var(--red);
  color:var(--paper);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.page-news .nw-feature__title{
  margin:0 0 14px;
  font-size:clamp(1.55rem,5.6vw,2.6rem);
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-news .nw-feature__text{
  margin:0 0 18px;
  color:rgba(244,241,236,.84);
  font-size:16px;
  line-height:1.75;
}
.page-news .nw-feature__points{
  list-style:none;
  margin:0 0 22px;
  padding:0;
  display:grid;
  gap:10px;
}
.page-news .nw-feature__points li{
  position:relative;
  padding-left:22px;
  font-size:15px;
  line-height:1.7;
  color:rgba(244,241,236,.82);
}
.page-news .nw-feature__points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:10px;
  height:10px;
  background:var(--lime);
}
.page-news .nw-feature__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.page-news .nw-feature__toc{
  padding:18px;
  border:2px solid var(--line);
  border-left:6px solid var(--red);
  background:var(--nw-panel);
}
.page-news .nw-toc__label{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gray);
}
.page-news .nw-toc__list{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:nwtoc;
}
.page-news .nw-toc__list li{
  counter-increment:nwtoc;
  border-top:var(--nw-soft);
}
.page-news .nw-toc__list li:first-child{border-top:0;}
.page-news .nw-toc__list a{
  display:block;
  padding:9px 0 9px 26px;
  position:relative;
  color:rgba(244,241,236,.9);
  font-size:14px;
  line-height:1.5;
  text-decoration:none;
}
.page-news .nw-toc__list a::before{
  content:counter(nwtoc,decimal-leading-zero);
  position:absolute;
  left:0;
  top:10px;
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--blue);
}
.page-news .nw-toc__list a:hover{color:var(--lime);}

/* 章节通用头 */
.page-news .nw-sec{padding-top:clamp(32px,7vw,72px);}
.page-news .nw-sec__head{
  display:grid;
  gap:10px;
  padding-bottom:18px;
  margin-bottom:clamp(18px,4vw,34px);
}
.page-news .nw-sec__head::before{
  content:"";
  display:block;
  width:96px;
  height:6px;
  background:var(--red);
  margin-bottom:14px;
}
.page-news #sec-version .nw-sec__head::before{width:42%;}
.page-news #sec-filter .nw-sec__head::before{width:100%;}
.page-news #sec-pocket .nw-sec__head::before{width:26%;background:var(--blue);}
.page-news #sec-help .nw-sec__head::before{width:64%;}
.page-news #sec-log .nw-sec__head::before{width:100%;background:linear-gradient(90deg,var(--red),var(--blue));}
.page-news .nw-sec__num{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.16em;
  color:var(--gray);
}
.page-news .nw-sec__title{
  margin:0;
  font-size:clamp(1.6rem,6.5vw,2.8rem);
  line-height:1.1;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-news .nw-sec__note{
  margin:0;
  max-width:54ch;
  font-size:15px;
  line-height:1.75;
  color:rgba(244,241,236,.78);
}
.page-news .nw-band{
  margin:0 0 clamp(18px,4vw,32px);
  border:2px solid var(--line);
  background:var(--ink-2);
}
.page-news .nw-band img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-news .nw-band__cap{
  display:block;
  padding:10px 14px;
  border-top:2px solid var(--line);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--gray);
}

/* 文章目录列表 */
.page-news .nw-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:var(--nw-hair);
}
.page-news .nw-entry{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-areas:
    "num body"
    ". link";
  gap:8px 14px;
  padding:22px 0;
  border-bottom:var(--nw-hair);
  transition:background .2s var(--ease);
}
.page-news .nw-entry:hover{background:rgba(45,125,255,.06);}
.page-news .nw-entry__num{
  grid-area:num;
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--red);
  padding-top:2px;
}
.page-news .nw-entry__body{grid-area:body;min-width:0;}
.page-news .nw-entry__title{
  margin:8px 0 6px;
  font-size:clamp(1.05rem,4.2vw,1.35rem);
  line-height:1.4;
  color:var(--paper);
}
.page-news .nw-entry__text{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:rgba(244,241,236,.76);
}
.page-news .nw-entry__link{
  grid-area:link;
  justify-self:start;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--blue);
  text-decoration:none;
  border-bottom:1px solid rgba(45,125,255,.45);
  padding-bottom:2px;
}
.page-news .nw-entry__link:hover{color:var(--lime);border-bottom-color:rgba(182,255,59,.6);}

/* 分类标签 */
.page-news .nw-tag{
  display:inline-block;
  padding:3px 9px;
  border:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.1em;
  background:rgba(244,241,236,.06);
  color:var(--paper);
}
.page-news .nw-tag--version{background:rgba(45,125,255,.16);border-color:rgba(45,125,255,.5);color:var(--ice);}
.page-news .nw-tag--filter{background:rgba(200,16,46,.22);border-color:rgba(200,16,46,.62);color:#FFD9DE;}
.page-news .nw-tag--pocket{background:rgba(182,255,59,.14);border-color:rgba(182,255,59,.5);color:var(--lime);}
.page-news .nw-tag--help{background:rgba(215,230,255,.12);border-color:rgba(215,230,255,.42);color:var(--ice);}
.page-news .nw-tag--log{background:rgba(244,241,236,.08);border-color:var(--line);color:var(--paper);}

/* 筛选技巧 */
.page-news .nw-tips{
  display:grid;
  gap:16px;
}
.page-news .nw-tip{
  position:relative;
  padding:20px 18px 20px 20px;
  border:2px solid var(--line);
  border-top:6px solid var(--blue);
  background:var(--nw-panel);
}
.page-news .nw-tip__num{
  display:block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--blue);
  margin-bottom:8px;
}
.page-news .nw-tip__title{
  margin:0 0 8px;
  font-size:1.05rem;
  line-height:1.4;
  color:var(--paper);
}
.page-news .nw-tip__text{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:rgba(244,241,236,.76);
}
.page-news .nw-tips__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin-top:22px;
  padding-top:18px;
  border-top:var(--nw-hair);
}
.page-news .nw-tips__foot p{
  margin:0;
  flex:1 1 260px;
  font-size:15px;
  line-height:1.7;
  color:rgba(244,241,236,.8);
}

/* 窄屏追分 */
.page-news .nw-pocket{
  display:grid;
  gap:var(--nw-gap);
  align-items:start;
}
.page-news .nw-pocket__media{
  margin:0;
  border:2px solid var(--line);
  background:var(--ink-2);
  box-shadow:var(--shadow-1);
}
.page-news .nw-pocket__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
}
.page-news .nw-pocket__cap{
  display:block;
  padding:10px 14px;
  border-top:2px solid var(--line);
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--gray);
}
.page-news .nw-pocket__list{display:grid;gap:16px;}
.page-news .nw-guide{
  padding:18px;
  border-left:6px solid var(--lime);
  background:rgba(36,38,45,.72);
}
.page-news .nw-guide__label{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--lime);
}
.page-news .nw-guide__title{
  margin:0 0 8px;
  font-size:1.08rem;
  line-height:1.42;
  color:var(--paper);
}
.page-news .nw-guide__text{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.74;
  color:rgba(244,241,236,.78);
}
.page-news .nw-guide__link{
  font-size:13px;
  color:var(--blue);
  text-decoration:none;
  border-bottom:1px solid rgba(45,125,255,.45);
}
.page-news .nw-guide__link:hover{color:var(--lime);}

/* 帮助专题 */
.page-news .nw-helps{
  display:grid;
  gap:16px;
}
.page-news .nw-help{
  padding:20px 18px;
  border:2px solid var(--line);
  background:var(--nw-panel);
}
.page-news .nw-help--lead{padding:0;overflow:hidden;}
.page-news .nw-help__media{margin:0;border-bottom:2px solid var(--line);}
.page-news .nw-help__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:10/7;
  object-fit:cover;
}
.page-news .nw-help__body{padding:18px;}
.page-news .nw-help__title{
  margin:10px 0 8px;
  font-size:1.12rem;
  line-height:1.4;
  color:var(--paper);
}
.page-news .nw-help__text{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.74;
  color:rgba(244,241,236,.78);
}
.page-news .nw-help__link{
  font-size:13px;
  color:var(--blue);
  text-decoration:none;
  border-bottom:1px solid rgba(45,125,255,.45);
}
.page-news .nw-help__link:hover{color:var(--lime);}

/* 更新记录时间轴 */
.page-news .nw-log{
  list-style:none;
  margin:0;
  padding:6px 0 0 24px;
  position:relative;
}
.page-news .nw-log::before{
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  bottom:8px;
  width:3px;
  background:linear-gradient(180deg,var(--red),var(--blue));
}
.page-news .nw-log__item{
  position:relative;
  padding:0 0 28px 6px;
}
.page-news .nw-log__item::before{
  content:"";
  position:absolute;
  left:-24px;
  top:6px;
  width:11px;
  height:11px;
  background:var(--lime);
  border:2px solid var(--ink);
  transform:rotate(45deg);
}
.page-news .nw-log__item:last-child{padding-bottom:0;}
.page-news .nw-log__label{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gray);
}
.page-news .nw-log__title{
  margin:0 0 6px;
  font-size:1.08rem;
  line-height:1.4;
  color:var(--paper);
}
.page-news .nw-log__text{
  margin:0 0 8px;
  font-size:15px;
  line-height:1.72;
  color:rgba(244,241,236,.76);
}
.page-news .nw-log__link{
  font-size:13px;
  color:var(--blue);
  text-decoration:none;
  border-bottom:1px solid rgba(45,125,255,.45);
}
.page-news .nw-log__link:hover{color:var(--lime);}

/* 收尾 */
.page-news .nw-cta{
  margin-top:clamp(32px,7vw,72px);
  padding:clamp(28px,6vw,56px) 0;
  background:linear-gradient(120deg,rgba(90,15,26,.92),rgba(21,22,26,.96));
  border-top:2px solid var(--red);
  border-bottom:2px solid var(--line);
}
.page-news .nw-cta__inner{
  display:grid;
  gap:22px;
  align-items:center;
}
.page-news .nw-cta__title{
  margin:0 0 10px;
  font-size:clamp(1.5rem,5.5vw,2.4rem);
  line-height:1.18;
  color:var(--paper);
}
.page-news .nw-cta__text{
  margin:0;
  max-width:52ch;
  font-size:15px;
  line-height:1.75;
  color:rgba(244,241,236,.82);
}
.page-news .nw-cta__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.page-news .nw-cta__link{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--lime);
  text-decoration:none;
  border-bottom:1px solid rgba(182,255,59,.5);
  padding-bottom:2px;
}
.page-news .nw-cta__link:hover{color:var(--paper);border-bottom-color:var(--paper);}

@media (min-width:760px){
  .page-news .nw-hero__inner{
    grid-template-columns:minmax(0,1fr) 250px;
    gap:clamp(24px,5vw,56px);
  }
  .page-news .nw-feature__grid{
    grid-template-columns:minmax(0,1fr) 250px;
  }
  .page-news .nw-feature__media{grid-column:1 / -1;}
  .page-news .nw-sec__head{
    grid-template-columns:auto minmax(0,1fr);
    align-items:end;
    column-gap:20px;
  }
  .page-news .nw-sec__head::before{grid-column:1 / -1;}
  .page-news .nw-sec__note{grid-column:2;}
  .page-news .nw-entry{
    grid-template-columns:58px minmax(0,1fr) 120px;
    grid-template-areas:"num .page-news link";
    align-items:start;
    gap:0 20px;
  }
  .page-news .nw-entry__link{justify-self:end;margin-top:10px;}
  .page-news .nw-tips{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .nw-pocket{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);}
  .page-news .nw-helps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .nw-help--lead{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .page-news .nw-help--lead .nw-help__media{border-bottom:0;border-right:2px solid var(--line);}
  .page-news .nw-help--lead .nw-help__media img{height:100%;aspect-ratio:auto;}
  .page-news .nw-log{padding-left:30px;}
  .page-news .nw-log::before{left:8px;}
  .page-news .nw-log__item{padding-left:10px;}
  .page-news .nw-log__item::before{left:-28px;}
  .page-news .nw-cta__inner{grid-template-columns:minmax(0,1fr) auto;}
  .page-news .nw-cta__actions{justify-content:flex-end;}
}

@media (min-width:1024px){
  .page-news .nw-hero__inner{grid-template-columns:minmax(0,1fr) 280px;}
  .page-news .nw-feature__grid{grid-template-columns:minmax(0,1fr) 280px;}
  .page-news .nw-tips{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-news .nw-helps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .nw-sec__note{max-width:62ch;}
}

@media (prefers-reduced-motion:reduce){
  .page-news .nw-entry,
  .page-news .nw-catlist a{transition:none;}
}
