.page-news{
  --news-gap:clamp(18px,2.6vw,30px);
  padding-bottom:clamp(56px,8vw,108px);
  color:var(--silver);
}

/* ---------- 首屏 ---------- */
.page-news .hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(44px,7vw,92px) 0 clamp(40px,6vw,72px);
  border-bottom:1px solid var(--line);
}
.page-news .hero-bg{
  position:absolute;
  inset:0;
  z-index:-1;
}
.page-news .hero-bg img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.4;
}
.page-news .hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(115% 82% at 86% 4%, rgba(108,92,231,.34), transparent 58%),
    linear-gradient(180deg, rgba(5,10,24,.34) 0%, rgba(5,10,24,.86) 60%, var(--void) 100%);
}
.page-news .hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:clamp(80px,10vw,140px) 100%;
  opacity:.55;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 78%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 78%);
}
.page-news .hero .container{
  position:relative;
  z-index:1;
}
.page-news .hero h1{
  margin:16px 0 0;
  max-width:22ch;
  font-family:var(--font-head);
  font-size:clamp(1.9rem,5.4vw,3.4rem);
  font-weight:800;
  line-height:1.15;
  letter-spacing:.012em;
  color:#fff;
}
.page-news .hero-lede{
  margin:22px 0 0;
  max-width:50ch;
  font-size:var(--t-base);
  line-height:1.9;
  color:rgba(232,237,247,.76);
}

/* ---------- 骨架 ---------- */
.page-news .trend-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(30px,5vw,60px);
  margin-top:clamp(32px,5vw,60px);
}
.page-news .trend-rail{
  display:flex;
  flex-direction:column;
  gap:clamp(24px,4vw,36px);
  min-width:0;
}
.page-news .trend-main{
  display:flex;
  flex-direction:column;
  gap:clamp(34px,5vw,64px);
  min-width:0;
}

/* ---------- 左栏 ---------- */
.page-news .rail-title{
  margin:0 0 12px;
  font-size:var(--t-xs);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--rock);
}
.page-news .rail-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.page-news .rail-list li{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 14px;
  background:rgba(11,21,48,.72);
}
.page-news .rail-key{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:var(--t-sm);
  font-weight:600;
  color:var(--silver);
}
.page-news .rail-key::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 auto;
  background:var(--rock);
  transform:rotate(45deg);
}
.page-news .rail-key--version::before{background:var(--amber);}
.page-news .rail-key--doc::before{background:var(--moss);}
.page-news .rail-key--service::before{background:var(--nebula);}
.page-news .rail-key--topic::before{background:var(--clay);}
.page-news .rail-note{
  padding-left:16px;
  font-size:var(--t-xs);
  line-height:1.6;
  color:var(--rock);
}

.page-news .scale{
  list-style:none;
  margin:0;
  padding:0 0 0 13px;
  border-left:1px solid var(--line);
}
.page-news .scale li{
  position:relative;
  padding-bottom:12px;
}
.page-news .scale li:last-child{padding-bottom:0;}
.page-news .scale li::before{
  content:"";
  position:absolute;
  left:-17px;
  top:9px;
  width:8px;
  height:8px;
  background:var(--void);
  border:1px solid var(--rock);
  transform:rotate(45deg);
  transition:border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.page-news .scale li.is-current::before{
  background:var(--amber);
  border-color:var(--amber);
  box-shadow:var(--glow-amber);
}
.page-news .scale a{
  display:grid;
  grid-template-columns:3.2em 3.4em minmax(0,1fr);
  gap:6px;
  align-items:baseline;
  padding:4px 0;
  color:rgba(232,237,247,.72);
  font-size:var(--t-xs);
  text-decoration:none;
  transition:color .22s ease;
}
.page-news .scale a:hover,
.page-news .scale a:focus-visible{color:#fff;}
.page-news .scale li:hover::before{border-color:var(--nebula);}
.page-news .scale-ver{
  letter-spacing:.05em;
  color:var(--rock);
}
.page-news .scale li.is-current .scale-ver{color:var(--amber);}
.page-news .scale-year{
  font-family:var(--font-mono);
  font-size:var(--t-xs);
  color:rgba(138,148,166,.85);
}
.page-news .scale-note{
  line-height:1.5;
  color:rgba(232,237,247,.72);
}

.page-news .rail-nav{
  list-style:none;
  margin:0;
  padding:0;
  border-left:1px solid var(--line);
}
.page-news .rail-nav a{
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:-1px;
  padding:10px 0 10px 15px;
  border-left:2px solid transparent;
  color:rgba(232,237,247,.74);
  font-size:var(--t-sm);
  text-decoration:none;
  transition:color .22s ease, border-color .22s ease, background .22s ease;
}
.page-news .rail-nav a::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 auto;
  background:var(--rock);
  transform:rotate(45deg);
  transition:background .22s ease, box-shadow .22s ease;
}
.page-news .rail-nav a:hover,
.page-news .rail-nav a:focus-visible{
  color:#fff;
  border-left-color:var(--amber);
  background:linear-gradient(90deg, rgba(255,138,61,.12), transparent 82%);
}
.page-news .rail-nav a:hover::before,
.page-news .rail-nav a:focus-visible::before{
  background:var(--amber);
  box-shadow:var(--glow-amber);
}

/* ---------- 区块通用 ---------- */
.page-news .block{
  display:flex;
  flex-direction:column;
  gap:clamp(18px,2.6vw,26px);
  scroll-margin-top:calc(var(--head-h) + 26px);
}
.page-news .block-head{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.page-news .block-title{
  margin:0;
  font-size:clamp(1.35rem,3.2vw,1.85rem);
  font-weight:700;
  line-height:1.3;
  letter-spacing:.005em;
  color:var(--silver);
}
.page-news .block-lede{
  margin:0;
  max-width:56ch;
  font-size:var(--t-sm);
  line-height:1.9;
  color:rgba(232,237,247,.68);
}
.page-news .block-text p{
  margin:0 0 14px;
  max-width:52ch;
  font-size:var(--t-sm);
  line-height:1.95;
  color:rgba(232,237,247,.7);
}
.page-news .block-text p:last-child{margin-bottom:0;}

/* ---------- 更新列表 ---------- */
.page-news .update-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
}
.page-news .update-item{
  position:relative;
  display:grid;
  gap:9px;
  padding:20px 16px 20px 20px;
  border-bottom:1px solid var(--line-soft);
  transition:background .28s ease;
}
.page-news .update-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:transparent;
  transition:background .28s ease;
}
.page-news .update-item:hover{
  background:linear-gradient(90deg, rgba(108,92,231,.13), transparent 74%);
}
.page-news .update-item:hover::before{background:var(--nebula);}
.page-news .update-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.page-news .update-when{
  font-size:var(--t-xs);
  letter-spacing:.08em;
  color:var(--rock);
}
.page-news .update-title{
  margin:0;
  font-size:clamp(1rem,2.1vw,1.125rem);
  font-weight:600;
  line-height:1.55;
  color:var(--silver);
}
.page-news .update-desc{
  margin:0;
  max-width:56ch;
  font-size:var(--t-sm);
  line-height:1.85;
  color:rgba(232,237,247,.64);
}

/* 标签四色 */
.page-news .tag--version,
.page-news .tag--doc,
.page-news .tag--service,
.page-news .tag--topic{
  border:1px solid transparent;
  border-radius:0;
}
.page-news .tag--version{
  color:var(--amber);
  border-color:var(--line-amber);
  background:rgba(255,138,61,.09);
}
.page-news .tag--doc{
  color:#8FBBA4;
  border-color:rgba(92,124,106,.55);
  background:rgba(92,124,106,.11);
}
.page-news .tag--service{
  color:#A79CF2;
  border-color:var(--line-nebula);
  background:rgba(108,92,231,.14);
}
.page-news .tag--topic{
  color:#D09174;
  border-color:rgba(184,107,75,.55);
  background:rgba(184,107,75,.13);
}

/* ---------- 专题叙事卡 ---------- */
.page-news .feature-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:clamp(24px,3.6vw,40px) 0;
  padding:clamp(22px,3.6vw,40px);
  border:1px solid var(--line-nebula);
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(108,92,231,.22), transparent 62%),
    linear-gradient(150deg, rgba(26,16,51,.94), rgba(11,21,48,.7));
}
.page-news .feature-kicker{
  margin:0;
  font-size:var(--t-xs);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#A79CF2;
}
.page-news .feature-title{
  margin:0;
  max-width:24ch;
  font-size:clamp(1.15rem,2.6vw,1.45rem);
  font-weight:700;
  line-height:1.4;
  color:#fff;
}
.page-news .feature-text{
  margin:0;
  max-width:62ch;
  font-size:var(--t-sm);
  line-height:1.95;
  color:rgba(232,237,247,.72);
}
.page-news .feature-link{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:4px;
  padding-bottom:3px;
  border-bottom:1px solid var(--line-amber);
  color:var(--amber);
  font-size:var(--t-sm);
  text-decoration:none;
  transition:gap .22s ease, color .22s ease, border-color .22s ease;
}
.page-news .feature-link:hover,
.page-news .feature-link:focus-visible{
  gap:14px;
  color:#FFB27A;
  border-color:#FFB27A;
}

/* ---------- 图文与节奏列表 ---------- */
.page-news .split{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(20px,3vw,34px);
  align-items:center;
}
.page-news .fig{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid var(--line-soft);
  background:linear-gradient(155deg, rgba(11,21,48,.9), rgba(26,16,51,.55));
}
.page-news .fig img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .fig figcaption{
  padding:10px 14px;
  border-top:1px solid var(--line-soft);
  font-size:var(--t-xs);
  letter-spacing:.06em;
  color:var(--rock);
}
.page-news .rhythm{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
}
.page-news .rhythm li{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:12px;
  padding:14px 0;
  border-bottom:1px dashed var(--line-soft);
  font-size:var(--t-sm);
  line-height:1.85;
  color:rgba(232,237,247,.74);
}
.page-news .rhythm li:first-child{padding-top:0;}
.page-news .rhythm li:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.page-news .rhythm .mono{
  font-size:var(--t-xs);
  letter-spacing:.08em;
  color:var(--amber);
  padding-top:4px;
}
.page-news .rhythm strong{
  color:var(--silver);
  font-weight:600;
}

/* ---------- 资料分组卡 ---------- */
.page-news .pack-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.page-news .pack{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 18px 20px;
  border:1px solid var(--line);
  background:rgba(11,21,48,.62);
  color:inherit;
  text-decoration:none;
  transition:border-color .25s ease, background .25s ease, transform .25s ease;
}
.page-news .pack:hover,
.page-news .pack:focus-visible{
  border-color:var(--line-nebula);
  background:rgba(26,16,51,.78);
  transform:translateY(-2px);
}
.page-news .pack-num{
  font-size:var(--t-xs);
  letter-spacing:.12em;
  color:var(--rock);
}
.page-news .pack-title{
  margin:0;
  font-size:var(--t-base);
  font-weight:600;
  line-height:1.5;
  color:var(--silver);
}
.page-news .pack-desc{
  margin:0;
  font-size:var(--t-sm);
  line-height:1.8;
  color:rgba(232,237,247,.62);
}

/* ---------- 数字条 ---------- */
.page-news .stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.page-news .stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 16px 20px;
  background:rgba(11,21,48,.85);
}
.page-news .stat-num{
  font-family:var(--font-head);
  font-size:clamp(1.5rem,3.6vw,2.05rem);
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
  color:var(--silver);
}
.page-news .stat-label{
  font-size:var(--t-xs);
  line-height:1.6;
  color:var(--rock);
}

/* ---------- 回访入口 ---------- */
.page-news .revisit{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:clamp(24px,4vw,44px);
  border:1px solid var(--line);
  background:linear-gradient(120deg, rgba(26,16,51,.86), rgba(11,21,48,.55));
}
.page-news .revisit-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-news .revisit-list li{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:10px;
  font-size:var(--t-sm);
  line-height:1.85;
  color:rgba(232,237,247,.72);
}
.page-news .revisit-list .mono{
  font-size:var(--t-xs);
  color:var(--amber);
  padding-top:3px;
}
.page-news .revisit-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:6px;
}

/* ---------- 断点 ---------- */
@media (min-width:520px){
  .page-news .stats{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:660px){
  .page-news .pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:780px){
  .page-news .split{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
    gap:clamp(24px,4vw,48px);
  }
}
@media (min-width:920px){
  .page-news .trend-layout{
    grid-template-columns:244px minmax(0,1fr);
  }
  .page-news .trend-rail{
    position:sticky;
    top:calc(var(--head-h) + 22px);
    align-self:start;
  }
}
@media (max-width:479px){
  .page-news .hero-lede{font-size:var(--t-sm);}
  .page-news .update-item{padding:16px 12px 16px 16px;}
}
<<<END>>>