.page-news{
  --news-radius:0px;
  background:var(--ink);
  color:var(--white);
  overflow-x:hidden;
}

/* ---------- 首屏 ---------- */
.page-news .news-hero{position:relative;isolation:isolate;background:var(--char);}
.page-news .news-hero-media{position:absolute;inset:0;z-index:0;}
.page-news .news-hero-media img{
  width:100%;height:100%;object-fit:cover;object-position:52% 58%;
  filter:saturate(.7) contrast(1.06) brightness(.66);
}
.page-news .news-hero-veil{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,12,11,.88) 0%,rgba(11,31,23,.52) 44%,rgba(11,31,23,.97) 100%);
}
.page-news .news-hero-inner{
  position:relative;z-index:1;
  min-height:520px;
  padding-top:100px;padding-bottom:38px;
  display:flex;flex-direction:column;justify-content:flex-end;gap:14px;
}
.page-news .news-hero-inner .crumbs-list a{color:var(--mist);}
.page-news .news-hero-inner .crumbs-item span{color:var(--white);}
.page-news .news-hero-inner .eyebrow{color:var(--yellow);margin:0;}
.page-news .news-hero-inner h1{margin:0;color:var(--white);letter-spacing:-.02em;}
.page-news .news-hero-lede{color:rgba(246,248,246,.88);max-width:640px;margin:0;}
.page-news .news-hero-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
  margin-top:14px;padding-top:16px;
  border-top:1px solid rgba(46,74,60,.9);
}
.page-news .news-hero-meta .mono-label{color:var(--white);}
.page-news .news-hero-meta .mono-label--dim{color:var(--mist);}
.page-news .news-dot{
  width:7px;height:7px;background:var(--red);
  transform:rotate(45deg);display:inline-block;
}

/* ---------- 栏目索引与列表 ---------- */
.page-news .news-stream-section{padding:44px 0 60px;}
.page-news .stream-head{max-width:620px;margin-bottom:24px;}
.page-news .stream-head .eyebrow{color:var(--yellow);margin:0 0 10px;}
.page-news .stream-head h2{margin:0 0 12px;color:var(--white);}
.page-news .stream-note{margin:0;color:var(--mist);font-size:14px;line-height:1.8;}

.page-news .filter-input{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;
}
.page-news .filter-pill{
  display:inline-flex;align-items:center;gap:8px;
  margin:0 8px 10px 0;padding:9px 15px;
  border:1px solid var(--line);border-radius:999px;
  background:var(--ink-2);color:var(--mist);
  font-size:14px;line-height:1.2;cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
  -webkit-user-select:none;user-select:none;
}
.page-news .filter-pill:hover{border-color:var(--yellow);color:var(--white);}
.page-news .pill-count{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;opacity:.72;
}
.page-news .filter-input:checked + .filter-pill{
  background:var(--red);border-color:var(--red);color:var(--white);font-weight:600;
}
.page-news .filter-input:checked + .filter-pill .pill-count{opacity:.9;}
.page-news .filter-input:focus-visible + .filter-pill{outline:2px solid var(--yellow);outline-offset:3px;}

.page-news #nf-season:checked ~ .stream-body .news-item:not(.is-season),
.page-news #nf-susp:checked ~ .stream-body .news-item:not(.is-susp),
.page-news #nf-data:checked ~ .stream-body .news-item:not(.is-data),
.page-news #nf-version:checked ~ .stream-body .news-item:not(.is-version),
.page-news #nf-note:checked ~ .stream-body .news-item:not(.is-note){display:none;}

/* 置顶专题 */
.page-news .pinned{
  position:relative;display:grid;gap:22px;
  margin:14px 0 40px;padding:20px;
  background:var(--ink-2);border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);
}
.page-news .pinned .eyebrow{color:var(--red);margin:0 0 10px;}
.page-news .pinned h3{margin:0 0 14px;color:var(--white);}
.page-news .pinned-lede{margin:0 0 16px;color:var(--mist);font-size:15.5px;line-height:1.85;}
.page-news .pinned-points{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px;}
.page-news .pinned-points li{
  padding-left:12px;border-left:2px solid var(--yellow);
  font-size:14.5px;line-height:1.75;color:rgba(246,248,246,.86);
}
.page-news .pinned-link{margin:0 0 18px;font-size:14px;line-height:1.8;color:var(--mist);}
.page-news .pinned-figure{position:relative;margin:0;}
.page-news .pinned-figure img{
  display:block;width:100%;height:auto;aspect-ratio:10/7;
  object-fit:cover;filter:saturate(.8) brightness(.86);
}
.page-news .pinned-figure .media-caption{
  display:block;margin-top:10px;font-size:12px;line-height:1.7;color:var(--gray);
}
.page-news .pinned-num{
  position:absolute;left:12px;bottom:34px;
  font-family:var(--font-mono);font-weight:700;
  font-size:clamp(62px,17vw,108px);line-height:.78;letter-spacing:-.06em;
  color:var(--yellow);text-shadow:0 4px 26px rgba(10,12,11,.92);
}

/* 列表 */
.page-news .list-head{margin:0 0 8px;}
.page-news .list-head .eyebrow{color:var(--yellow);margin:0 0 8px;}
.page-news .list-head h2{margin:0;color:var(--white);}
.page-news .news-list{
  list-style:none;margin:12px 0 0;padding:0;
  border-top:1px solid var(--line);
}
.page-news .news-list--cont{margin-top:0;}
.page-news .news-item{
  display:grid;grid-template-columns:auto 1fr;gap:12px;
  padding:16px 0;border-bottom:1px solid var(--line);
}
.page-news .item-num{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;
  color:var(--gray);padding-top:5px;
  transition:color var(--dur) var(--ease);
}
.page-news .news-item:hover .item-num{color:var(--yellow);}
.page-news .item-body{min-width:0;}
.page-news .item-summary{
  display:grid;grid-template-columns:1fr auto;gap:6px 12px;
  cursor:pointer;list-style:none;
}
.page-news .item-summary::-webkit-details-marker{display:none;}
.page-news .item-cat{
  grid-column:1;justify-self:start;
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;
  padding:3px 8px;color:var(--ink);background:var(--light);
}
.page-news .news-item.is-susp .item-cat{background:var(--red);color:var(--white);}
.page-news .news-item.is-season .item-cat{background:var(--yellow);color:var(--ink);}
.page-news .news-item.is-data .item-cat{background:var(--light);color:var(--ink);}
.page-news .news-item.is-version .item-cat{background:transparent;color:var(--mist);border:1px solid var(--line);}
.page-news .news-item.is-note .item-cat{background:var(--line);color:var(--white);}
.page-news .item-title{
  grid-column:1;font-size:16.5px;line-height:1.55;font-weight:600;color:var(--white);
}
.page-news .item-body[open] .item-title{color:var(--yellow);}
.page-news .item-body[open] .item-title::before{
  content:"";display:inline-block;width:4px;height:15px;
  background:var(--yellow);margin-right:10px;vertical-align:-2px;
}
.page-news .item-meta{
  grid-column:1;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.06em;color:var(--gray);
}
.page-news .item-arrow{
  grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:end;
  width:9px;height:9px;margin-right:4px;
  border-right:1.5px solid var(--mist);border-bottom:1.5px solid var(--mist);
  transform:rotate(-45deg);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .item-body[open] .item-arrow{transform:rotate(45deg);border-color:var(--yellow);}
.page-news .item-excerpt{padding:10px 0 2px;max-width:64ch;}
.page-news .item-excerpt p{margin:0;font-size:14.5px;line-height:1.85;color:var(--mist);}

/* 列表中的视觉停顿 */
.page-news .news-break{margin:26px 0;padding:0;}
.page-news .news-break img{
  display:block;width:100%;height:auto;aspect-ratio:2/1;
  object-fit:cover;filter:saturate(.6) brightness(.78);
}
.page-news .news-break .media-caption{
  display:block;margin-top:10px;font-size:12px;line-height:1.7;color:var(--gray);
}

/* ---------- 版本日志 ---------- */
.page-news .news-version{padding:56px 0;background:var(--ink-2);}
.page-news .version-head{max-width:660px;}
.page-news .version-head .eyebrow{color:var(--yellow);margin:0 0 10px;}
.page-news .version-head h2{margin:0 0 14px;color:var(--white);}
.page-news .version-head .lede{color:var(--mist);margin:0;}
.page-news .inline-link{color:var(--yellow);text-decoration:underline;text-underline-offset:3px;}
.page-news .inline-link:hover{color:var(--red-bright);}
.page-news .version-grid{display:grid;gap:28px;margin-top:28px;}
.page-news .version-table{border-top:1px solid var(--line);}
.page-news .vrow{border-bottom:1px solid var(--line);}
.page-news .vrow summary{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;
  padding:14px 2px;cursor:pointer;list-style:none;
}
.page-news .vrow summary::-webkit-details-marker{display:none;}
.page-news .vno{
  font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--yellow);
}
.page-news .vtag{
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;
  color:var(--mist);border:1px solid var(--line);padding:2px 8px;
}
.page-news .vline{flex:1 1 200px;font-size:15px;line-height:1.6;color:var(--white);}
.page-news .vrow summary:hover .vline{color:var(--yellow);}
.page-news .vplus{
  width:9px;height:9px;margin-left:auto;
  border-right:1.5px solid var(--mist);border-bottom:1.5px solid var(--mist);
  transform:rotate(45deg);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-news .vrow[open] .vplus{transform:rotate(-135deg);border-color:var(--yellow);}
.page-news .vbody{padding:0 0 16px 2px;}
.page-news .vbody p{margin:0;max-width:54ch;font-size:14px;line-height:1.85;color:var(--mist);}
.page-news .version-figure{margin:0;}
.page-news .version-figure img{
  display:block;width:100%;height:auto;aspect-ratio:3/2;
  object-fit:cover;filter:saturate(.65) brightness(.85);
}
.page-news .version-figure .media-caption{
  display:block;margin-top:10px;font-size:12px;line-height:1.7;color:var(--gray);
}

/* ---------- 往期怎么找 ---------- */
.page-news .news-back{padding:52px 0 60px;color:var(--ink);}
.page-news .back-head{max-width:620px;}
.page-news .back-head .eyebrow{color:var(--red);margin:0 0 10px;}
.page-news .back-head h2{margin:0 0 12px;color:var(--ink);}
.page-news .back-lede{margin:0;color:#2E4A3C;font-size:16px;line-height:1.8;}
.page-news .back-grid{display:grid;gap:16px;margin:28px 0 30px;}
.page-news .path-card{
  background:var(--white);padding:20px 18px 22px;
  border-top:4px solid var(--line);
}
.page-news .path-card--red{border-top-color:var(--red);}
.page-news .path-card--yellow{border-top-color:var(--yellow);}
.page-news .path-card--line{border-top-color:var(--line);}
.page-news .path-index{
  color:var(--gray);font-size:10.5px;letter-spacing:.18em;margin:0 0 10px;
}
.page-news .path-title{margin:0 0 10px;font-size:18px;line-height:1.4;font-weight:700;color:var(--ink);}
.page-news .path-card p:last-child{margin:0;font-size:14.5px;line-height:1.8;color:#38524A;}
.page-news .back-tags{border-top:1px solid rgba(11,31,23,.16);padding-top:20px;}
.page-news .back-tags-label{
  margin:0 0 12px;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.16em;color:var(--gray);
}
.page-news .tag-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.page-news .tag-row li{
  padding:6px 12px;border:1px solid rgba(11,31,23,.2);border-radius:999px;
  font-size:13px;color:#2E4A3C;background:transparent;
}
.page-news .back-cta{
  margin-top:28px;padding:22px 20px;
  background:var(--ink);color:var(--white);
  display:grid;gap:16px;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);
}
.page-news .back-cta p{margin:0;font-size:15px;line-height:1.8;color:rgba(246,248,246,.9);}
.page-news .back-cta-actions{display:flex;flex-wrap:wrap;gap:12px;}

/* ---------- 平板与桌面 ---------- */
@media (min-width:760px){
  .page-news .news-hero-inner{min-height:560px;padding-top:132px;padding-bottom:52px;}
  .page-news .news-stream-section{padding:56px 0 76px;}
  .page-news .pinned{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:30px;padding:26px;}
  .page-news .pinned-figure{align-self:start;}
  .page-news .pinned-num{left:18px;bottom:40px;}
  .page-news .item-title{font-size:17.5px;}
  .page-news .news-version{padding:72px 0;}
  .page-news .version-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:40px;}
  .page-news .back-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
  .page-news .back-cta{
    grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:24px 26px;
  }
  .page-news .news-back{padding:64px 0 72px;}
}

@media (min-width:1040px){
  .page-news .news-hero-inner{min-height:600px;}
  .page-news .news-item{padding:18px 0;gap:18px;}
  .page-news .item-num{font-size:13px;}
}
<<<END>>>