.page-news{
  --n-note:#2E5C78;
  --n-season:#3E8E7E;
  --n-version:#6B5A80;
  --n-method:#9A5A32;
}

/* ---------- 首屏 ---------- */
.page-news .news-hero{
  padding:var(--sp-3) 0 var(--sp-4);
  background:var(--paper);
  border-bottom:1px solid var(--rule);
}
.page-news .news-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--sp-3);
  align-items:start;
}
.page-news .breadcrumbs{margin:0 0 var(--sp-2);}
.page-news .breadcrumbs-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
  font-family:var(--ff-mono);
  font-size:12px;
  letter-spacing:.04em;
}
.page-news .breadcrumb-item + .breadcrumb-item::before{
  content:"/";
  color:var(--rule);
  margin-right:6px;
}
.page-news .breadcrumb-link{
  color:var(--mist);
  text-decoration:none;
  transition:color .16s var(--ease);
}
.page-news .breadcrumb-link:hover{color:var(--signal);}
.page-news .breadcrumb-current{color:var(--ink);}
.page-news .news-title{
  font-family:var(--ff-display);
  font-size:clamp(32px,6vw,56px);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--ink);
  margin:0 0 var(--sp-2);
}
.page-news .news-lead{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:var(--console);
  max-width:52ch;
}
.page-news .news-stats{
  list-style:none;
  margin:var(--sp-3) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:var(--rule);
  border:1px solid var(--rule);
  max-width:520px;
}
.page-news .news-stats li{
  background:var(--paper);
  padding:12px 14px;
  font-size:12px;
  line-height:1.5;
  color:var(--mist);
}
.page-news .news-stats .mono{
  display:block;
  font-size:22px;
  font-weight:600;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
  margin-bottom:2px;
}
.page-news .news-hero-figure{
  margin:0;
  padding:8px;
  border:1px solid var(--rule);
  background:var(--paper-2);
}
.page-news .news-hero-figure .figure-frame{
  overflow:hidden;
  background:var(--console);
  border:1px solid var(--rule);
}
.page-news .news-hero-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-news .news-hero-figure .figure-caption{
  margin:8px 0 0;
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.03em;
  color:var(--mist);
}

/* ---------- 通用小标题 ---------- */
.page-news .kicker{
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--signal);
  margin:0 0 6px;
}
.page-news .section-title{
  font-family:var(--ff-display);
  font-size:clamp(22px,3.2vw,34px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.01em;
  color:var(--ink);
  margin:0 0 var(--sp-1);
}
.page-news .section-intro{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--console);
  max-width:64ch;
}
.page-news .issue-head{margin-bottom:var(--sp-3);}

/* ---------- 本期目录 ---------- */
.page-news .issue-band{
  padding:var(--sp-4) 0;
  background:var(--paper);
}
.page-news .issue-wrap{position:relative;}
.page-news .issue-watermark{
  position:absolute;
  left:-4px;
  top:-40px;
  font-size:clamp(64px,11vw,132px);
  font-weight:600;
  line-height:1;
  color:var(--ink);
  opacity:.04;
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
}
.page-news .issue-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--rule);
  position:relative;
}
.page-news .issue-row{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:14px;
  padding:var(--sp-2) 0;
  border-bottom:1px solid var(--rule);
  transition:background .18s var(--ease);
}
.page-news .issue-row::before{
  content:"";
  position:absolute;
  left:-12px;
  top:var(--sp-2);
  bottom:var(--sp-2);
  width:2px;
  background:transparent;
  transition:background .18s var(--ease);
}
.page-news .issue-row:hover{background:rgba(255,90,31,.05);}
.page-news .issue-row:hover::before,
.page-news .issue-row:focus-within::before{background:var(--signal);}
.page-news .issue-num{
  font-size:12px;
  color:var(--mist);
  padding-top:3px;
  font-variant-numeric:tabular-nums;
}
.page-news .issue-tags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.page-news .series-tag{
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.05em;
  padding:2px 8px;
  border:1px solid currentColor;
  line-height:1.6;
}
.page-news .series-tag--notes{color:var(--n-note);}
.page-news .series-tag--season{color:var(--n-season);}
.page-news .series-tag--version{color:var(--n-version);}
.page-news .series-tag--method{color:var(--n-method);}
.page-news .issue-time{
  font-size:11px;
  color:var(--mist);
  letter-spacing:.02em;
}
.page-news .issue-title{
  font-family:var(--ff-display);
  font-size:clamp(17px,2.1vw,22px);
  font-weight:700;
  line-height:1.35;
  margin:0 0 6px;
  color:var(--ink);
}
.page-news .issue-title a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .16s var(--ease),color .16s var(--ease);
}
.page-news .issue-title a:hover{color:var(--signal);border-bottom-color:var(--signal);}
.page-news .issue-title a:focus-visible{
  outline:2px solid var(--signal);
  outline-offset:3px;
}
.page-news .issue-summary{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--console);
  max-width:62ch;
}

/* ---------- 四个系列 ---------- */
.page-news .series-band{
  padding:var(--sp-4) 0;
  background:var(--paper-2);
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
.page-news .series-banner{
  margin:0 0 var(--sp-3);
  border:1px solid var(--rule);
  background:var(--ink);
  overflow:hidden;
}
.page-news .series-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1600/560;
  object-fit:cover;
}
.page-news .series-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1px;
  background:var(--rule);
  border:1px solid var(--rule);
}
.page-news .series-card{
  background:var(--paper);
  padding:var(--sp-2);
  border-top:3px solid var(--rule);
  scroll-margin-top:96px;
}
.page-news .series-card--notes{border-top-color:var(--n-note);}
.page-news .series-card--season{border-top-color:var(--n-season);}
.page-news .series-card--version{border-top-color:var(--n-version);}
.page-news .series-card--method{border-top-color:var(--n-method);}
.page-news .series-count{
  margin:0 0 8px;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--mist);
}
.page-news .series-name{
  font-family:var(--ff-display);
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  margin:0 0 var(--sp-1);
  color:var(--ink);
}
.page-news .series-desc{
  margin:0 0 var(--sp-2);
  font-size:15px;
  line-height:1.75;
  color:var(--console);
}
.page-news .series-for{
  margin:0;
  padding-top:10px;
  border-top:1px solid var(--rule);
  font-size:12px;
  line-height:1.6;
  color:var(--mist);
}

/* ---------- 变更流程 ---------- */
.page-news .chg-band{
  padding:var(--sp-4) 0;
  background:var(--console);
  color:var(--paper);
}
.page-news .chg-band .kicker{color:var(--signal-soft);}
.page-news .chg-band .section-title{color:var(--paper);}
.page-news .chg-band .section-intro{color:rgba(243,241,234,.74);}
.page-news .chg-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--sp-3);
  align-items:start;
}
.page-news .chg-figure{
  margin:0;
  padding:8px;
  border:1px solid rgba(243,241,234,.22);
  background:rgba(255,255,255,.03);
}
.page-news .chg-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:880/620;
  object-fit:cover;
}
.page-news .chg-figure figcaption{
  margin:8px 0 0;
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.03em;
  color:rgba(243,241,234,.6);
  line-height:1.6;
}
.page-news .chg-flow{
  list-style:none;
  margin:0;
  padding:0;
}
.page-news .chg-node{
  position:relative;
  padding:0 0 var(--sp-3) 52px;
}
.page-news .chg-node:last-child{padding-bottom:0;}
.page-news .chg-node::before{
  content:"";
  position:absolute;
  left:15px;
  top:34px;
  bottom:0;
  width:1px;
  background:rgba(243,241,234,.24);
}
.page-news .chg-node:last-child::before{content:none;}
.page-news .chg-node-num{
  position:absolute;
  left:0;
  top:0;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(243,241,234,.3);
  background:var(--console);
  color:var(--paper);
  font-size:12px;
}
.page-news .chg-node-title{
  margin:4px 0 6px;
  font-family:var(--ff-display);
  font-size:17px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--paper);
}
.page-news .chg-node-text{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:rgba(243,241,234,.74);
  max-width:56ch;
}

/* ---------- 变更条目折叠列表 ---------- */
.page-news .log-band{
  padding:var(--sp-4) 0;
  background:var(--paper);
}
.page-news .log-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--rule);
}
.page-news .log-item{border-bottom:1px solid var(--rule);}
.page-news .log-item[open]{background:rgba(14,26,36,.028);}
.page-news .log-summary{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px 18px;
  padding:18px 40px 18px 4px;
  cursor:pointer;
  list-style:none;
  transition:background .16s var(--ease);
}
.page-news .log-summary::-webkit-details-marker{display:none;}
.page-news .log-summary:hover{background:rgba(255,90,31,.05);}
.page-news .log-summary::after{
  content:"+";
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--ff-mono);
  font-size:18px;
  line-height:1;
  color:var(--signal);
}
.page-news .log-item[open] .log-summary::after{content:"–";}
.page-news .log-summary:focus-visible{
  outline:2px solid var(--signal);
  outline-offset:-2px;
}
.page-news .log-id{
  font-size:12px;
  letter-spacing:.04em;
  color:var(--mist);
}
.page-news .log-field{
  font-family:var(--ff-display);
  font-size:16px;
  font-weight:700;
  color:var(--ink);
}
.page-news .log-time{
  font-size:11px;
  color:var(--mist);
}
.page-news .log-flag{
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--live);
  border:1px solid var(--live);
  padding:1px 7px;
}
.page-news .log-flag--pending{
  color:var(--signal);
  border-color:var(--signal);
}
.page-news .log-body{padding:0 4px var(--sp-2);}
.page-news .log-dl{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1px;
  margin:0;
  background:var(--rule);
  border:1px solid var(--rule);
}
.page-news .log-dl > div{
  background:var(--paper);
  padding:10px 14px;
}
.page-news .log-dl dt{
  margin:0 0 4px;
  font-family:var(--ff-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--mist);
}
.page-news .log-dl dd{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.page-news .log-note{
  margin:var(--sp-2) 0 0;
  font-size:14px;
  line-height:1.75;
  color:var(--console);
  max-width:66ch;
}

/* ---------- 栏目筛选 ---------- */
.page-news .filter-band{
  padding:var(--sp-4) 0;
  background:var(--paper-2);
  border-top:1px solid var(--rule);
}
.page-news .filter-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--sp-3);
  align-items:start;
}
.page-news .chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 var(--sp-2);
  padding:0;
  list-style:none;
}
.page-news .chip{position:relative;display:inline-flex;}
.page-news .chip input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  margin:0;
}
.page-news .chip label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 14px;
  border:1px solid var(--rule);
  background:var(--paper);
  font-family:var(--ff-mono);
  font-size:13px;
  letter-spacing:.02em;
  color:var(--ink);
  cursor:pointer;
  transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease);
}
.page-news .chip label::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--mist);
  flex:0 0 auto;
  transition:background .16s var(--ease);
}
.page-news .chip label:hover{border-color:var(--signal-soft);}
.page-news .chip input:checked + label{
  border-color:var(--signal);
  background:var(--white);
  color:var(--ink);
}
.page-news .chip input:checked + label::before{background:var(--signal);}
.page-news .chip input:focus-visible + label{
  outline:2px solid var(--signal);
  outline-offset:2px;
}
.page-news .filter-note{
  margin:0;
  font-size:13px;
  line-height:1.75;
  color:var(--mist);
  max-width:62ch;
}
.page-news .filter-note a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid var(--signal);
  transition:color .16s var(--ease);
}
.page-news .filter-note a:hover{color:var(--signal);}
.page-news .filter-figure{
  margin:0;
  padding:8px;
  border:1px solid var(--rule);
  background:var(--paper);
}
.page-news .filter-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:560/420;
  object-fit:cover;
}

/* ---------- 收尾 ---------- */
.page-news .cta-band{
  padding:var(--sp-4) 0;
  background:var(--ink);
  color:var(--paper);
}
.page-news .cta-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--sp-3);
  align-items:center;
}
.page-news .cta-band .kicker{color:var(--signal-soft);}
.page-news .cta-band .section-title{color:var(--paper);}
.page-news .cta-band p{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:rgba(243,241,234,.74);
  max-width:56ch;
}
.page-news .cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.page-news .cta-band .btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  font-family:var(--ff-mono);
  font-size:13px;
  letter-spacing:.04em;
  text-decoration:none;
  border:1px solid rgba(243,241,234,.4);
  color:var(--paper);
  background:transparent;
  transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease);
}
.page-news .cta-band .btn-solid{
  background:var(--signal);
  border-color:var(--signal);
  color:var(--white);
}
.page-news .cta-band .btn-solid:hover{background:var(--signal-soft);border-color:var(--signal-soft);color:var(--ink);}
.page-news .cta-band .btn-outline{border-color:var(--signal);color:var(--paper);}
.page-news .cta-band .btn-outline:hover{background:var(--signal);color:var(--white);}
.page-news .cta-band .btn-ghost:hover{border-color:var(--paper);background:rgba(243,241,234,.08);}
.page-news .cta-band .btn:focus-visible{
  outline:2px solid var(--signal);
  outline-offset:3px;
}

/* ---------- 断点 ---------- */
@media (min-width:640px){
  .page-news .issue-row{grid-template-columns:56px minmax(0,1fr);gap:20px;}
  .page-news .log-dl{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:820px){
  .page-news .series-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .series-card{padding:var(--sp-3) var(--sp-2);}
}

@media (min-width:900px){
  .page-news .news-hero-inner{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:var(--sp-4);
  }
  .page-news .chg-layout{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:var(--sp-4);
  }
  .page-news .filter-layout{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:var(--sp-4);
  }
  .page-news .cta-inner{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:var(--sp-4);
  }
  .page-news .issue-row{grid-template-columns:72px minmax(0,1fr);gap:24px;}
}

@media (min-width:1100px){
  .page-news .chg-layout{grid-template-columns:minmax(0,4fr) minmax(0,8fr);}
}
<<<END>>>