.page-news{
  --news-rail:236px;
  --news-hair:rgba(143,161,188,.18);
  --news-hair-strong:rgba(143,161,188,.34);
}

/* ---------- 首屏框景 ---------- */
.page-news .news-hero{
  padding:clamp(24px,5vw,56px) 0 clamp(8px,2vw,18px);
}
.page-news .hero-frame{
  padding:clamp(18px,2.8vw,34px);
  background:
    radial-gradient(115% 95% at 4% 0%, rgba(0,229,199,.11), transparent 56%),
    radial-gradient(95% 88% at 100% 108%, rgba(255,59,92,.13), transparent 58%),
    linear-gradient(180deg, rgba(27,49,82,.44), rgba(8,18,38,.2));
}
.page-news .hero-inner{
  display:grid;
  gap:clamp(16px,2.4vw,24px);
}
.page-news .hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3.4vw,44px);
  align-items:start;
}
@media (min-width:961px){
  .page-news .hero-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  }
}
.page-news .hero-copy{ display:grid; gap:14px; align-content:start; }
.page-news .hero-copy .eyebrow{ margin:0; }
.page-news h1{
  margin:0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(29px,5.8vw,56px);
  line-height:1.1;
  letter-spacing:-.012em;
  color:var(--white);
}
.page-news .hero-lede{
  margin:0;
  max-width:56ch;
  font-size:clamp(15px,1.85vw,17.5px);
  line-height:1.8;
  color:var(--fog);
}
.page-news .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

.page-news .hero-status{
  padding:clamp(16px,2.2vw,22px);
  display:grid;
  gap:16px;
  background:linear-gradient(180deg, rgba(27,49,82,.56), rgba(8,18,38,.32));
  border:1px solid var(--news-hair);
  border-left:2px solid var(--signal);
}
.page-news .status-title{
  margin:0;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--signal);
}
.page-news .status-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}
.page-news .status-list li{
  display:grid;
  gap:5px;
  padding-bottom:13px;
  border-bottom:1px solid var(--news-hair);
}
.page-news .status-list li:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.page-news .status-num{
  font-family:var(--font-mono);
  font-size:clamp(21px,3vw,28px);
  font-weight:700;
  line-height:1;
  color:var(--pulse);
}
.page-news .status-list li:nth-child(2) .status-num{ color:var(--signal); }
.page-news .status-list li:nth-child(3) .status-num{ color:var(--amber); }
.page-news .status-desc{
  font-size:13.5px;
  line-height:1.6;
  color:var(--steel);
}

/* ---------- 主体骨架 ---------- */
.page-news .news-body{
  padding-top:clamp(22px,4vw,48px);
  padding-bottom:clamp(40px,6vw,88px);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(24px,3.4vw,48px);
  align-items:start;
}
@media (min-width:961px){
  .page-news .news-body{
    grid-template-columns:var(--news-rail) minmax(0,1fr);
  }
}
.page-news .news-rail{ display:none; }
@media (min-width:961px){
  .page-news .news-rail{
    display:block;
    position:sticky;
    top:calc(var(--header-h) + 20px);
  }
}
.page-news .news-toc{
  padding:16px 0 16px 16px;
  border-left:1px solid var(--news-hair);
}
.page-news .news-toc .toc-title{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--steel);
}
.page-news .news-toc .toc-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
}
.page-news .news-toc .toc-link{
  display:block;
  padding:7px 10px;
  font-size:13.5px;
  line-height:1.4;
  color:var(--steel);
  text-decoration:none;
  border-left:2px solid transparent;
  transition:color .2s ease, border-color .2s ease, background-color .2s ease;
}
.page-news .news-toc .toc-link:hover{
  color:var(--fog);
  background:rgba(27,49,82,.5);
}
.page-news .news-toc .toc-link[aria-current="true"]{
  color:var(--signal);
  border-left-color:var(--signal);
  background:rgba(0,229,199,.07);
}

.page-news .news-stream{
  display:grid;
  gap:clamp(38px,5.4vw,72px);
  min-width:0;
}

/* ---------- 分类条 ---------- */
.page-news .chip-row{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:8px;
  scrollbar-width:none;
}
.page-news .chip-row::-webkit-scrollbar{ display:none; }
.page-news .chip{
  flex:0 0 auto;
  padding:7px 15px;
  font-size:13.5px;
  line-height:1;
  color:var(--steel);
  text-decoration:none;
  white-space:nowrap;
  border:1px solid var(--news-hair-strong);
  background:rgba(15,31,58,.42);
  transition:color .2s ease, border-color .2s ease, background-color .2s ease;
}
.page-news .chip:hover{
  color:var(--signal);
  border-color:rgba(0,229,199,.5);
  background:rgba(0,229,199,.08);
}

/* ---------- 通用区块头 ---------- */
.page-news .news-sec{
  scroll-margin-top:calc(var(--header-h) + 22px);
}
.page-news .sec-head{
  display:grid;
  gap:10px;
  margin-bottom:clamp(16px,2.4vw,26px);
}
.page-news .sec-head .eyebrow{ margin:0; }
.page-news .sec-head .section-title{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(22px,3.3vw,34px);
  line-height:1.22;
  letter-spacing:-.008em;
  color:var(--white);
}
.page-news .sec-lede{
  margin:0;
  max-width:62ch;
  font-size:15.5px;
  line-height:1.8;
  color:var(--steel);
}

/* ---------- 题图 ---------- */
.page-news .feature-media,
.page-news .rhythm-media,
.page-news .version-media{
  margin:0 0 clamp(18px,2.8vw,28px);
  position:relative;
  overflow:hidden;
  border:1px solid var(--news-hair);
  background:var(--midnight);
}
.page-news .feature-media img,
.page-news .rhythm-media img,
.page-news .version-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .feature-media img{ aspect-ratio:3/2; }
.page-news .rhythm-media img{ aspect-ratio:14/9; }
.page-news .version-media img{ aspect-ratio:3/2; }
.page-news .feature-media .media-caption,
.page-news .rhythm-media .media-caption,
.page-news .version-media .media-caption{
  padding:10px 14px;
}

/* ---------- 动态时间轴列表 ---------- */
.page-news .stream-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:clamp(12px,1.8vw,18px);
}
.page-news .stream-item{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
  min-width:0;
}
@media (min-width:641px){
  .page-news .stream-item{
    grid-template-columns:106px minmax(0,1fr);
    gap:clamp(12px,2vw,20px);
    align-items:start;
  }
}
.page-news .stream-when{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--steel);
  white-space:nowrap;
}
@media (min-width:641px){
  .page-news .stream-when{ padding-top:17px; text-align:right; }
}
.page-news .stream-card{
  padding:clamp(14px,2vw,20px);
  display:grid;
  gap:9px;
  align-content:start;
  min-width:0;
  background:linear-gradient(150deg, rgba(27,49,82,.48), rgba(15,31,58,.28));
  transition:transform .25s ease, border-color .25s ease, background-color .25s ease;
}
.page-news .stream-card:hover{
  transform:translateX(4px);
  border-color:rgba(0,229,199,.42);
  background:linear-gradient(150deg, rgba(27,49,82,.68), rgba(15,31,58,.36));
}
.page-news .stream-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.page-news .stream-time{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--steel);
}
.page-news .stream-title{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(17px,2.05vw,21px);
  line-height:1.36;
  color:var(--fog);
}
.page-news .stream-card p{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--steel);
}
.page-news .stream-more{
  justify-self:start;
  font-size:13.5px;
  line-height:1.4;
  color:var(--signal);
  text-decoration:none;
  border-bottom:1px solid rgba(0,229,199,.35);
  padding-bottom:2px;
  transition:color .2s ease, border-color .2s ease;
}
.page-news .stream-more:hover{
  color:var(--white);
  border-bottom-color:var(--white);
}

/* ---------- 改版前后对比 ---------- */
.page-news .compare{
  margin:0 0 clamp(18px,2.8vw,28px);
  display:grid;
  gap:10px;
}
.page-news .compare-stage{
  position:relative;
  overflow:hidden;
  border:1px solid var(--news-hair);
  background:var(--midnight);
}
.page-news .compare-stage img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.page-news .compare-tag{
  position:absolute;
  top:14px;
  padding:5px 11px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  border:1px solid var(--news-hair-strong);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.page-news .compare-tag--before{
  left:14px;
  color:var(--steel);
  background:rgba(15,31,58,.76);
}
.page-news .compare-tag--after{
  right:14px;
  color:var(--signal);
  background:rgba(0,229,199,.16);
  border-color:rgba(0,229,199,.44);
}
.page-news .compare-scan{
  position:absolute;
  top:0;
  bottom:0;
  left:8%;
  width:2px;
  background:linear-gradient(180deg, rgba(0,229,199,0), rgba(0,229,199,.9), rgba(0,229,199,0));
  box-shadow:0 0 18px rgba(0,229,199,.55);
  pointer-events:none;
  animation:newsScan 7s ease-in-out infinite;
}
@keyframes newsScan{
  0%,100%{ left:8%; }
  50%{ left:92%; }
}
@media (prefers-reduced-motion:reduce){
  .page-news .compare-scan{ animation:none; left:50%; }
}

.page-news .revamp-metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  gap:clamp(10px,1.6vw,16px);
  margin-bottom:clamp(18px,2.8vw,28px);
}
.page-news .metric{
  padding:16px;
  display:grid;
  gap:7px;
  align-content:start;
  background:linear-gradient(180deg, rgba(27,49,82,.52), rgba(15,31,58,.3));
  border:1px solid var(--news-hair);
  border-top:2px solid var(--signal);
}
.page-news .metric:nth-child(2){ border-top-color:var(--pulse); }
.page-news .metric:nth-child(3){ border-top-color:var(--amber); }
.page-news .metric-num{
  font-family:var(--font-mono);
  font-size:clamp(23px,3.2vw,32px);
  font-weight:700;
  line-height:1;
  color:var(--white);
}
.page-news .metric-label{
  font-size:13px;
  line-height:1.55;
  color:var(--steel);
}

.page-news .revamp-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(12px,1.8vw,18px);
}
@media (min-width:721px){
  .page-news .revamp-list{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
.page-news .revamp-item{
  padding:16px;
  display:grid;
  gap:8px;
  align-content:start;
  background:rgba(27,49,82,.26);
  border:1px solid var(--news-hair);
  transition:border-color .25s ease, background-color .25s ease;
}
.page-news .revamp-item:hover{
  border-color:rgba(0,229,199,.38);
  background:rgba(27,49,82,.42);
}
.page-news .revamp-no{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--amber);
}
.page-news .revamp-item h3{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:18px;
  line-height:1.35;
  color:var(--fog);
}
.page-news .revamp-item p{
  margin:0;
  font-size:14.5px;
  line-height:1.72;
  color:var(--steel);
}

/* ---------- 更新节奏 ---------- */
.page-news .rhythm-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(10px,1.6vw,16px);
}
@media (min-width:801px){
  .page-news .rhythm-steps{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }
}
.page-news .rhythm-step{
  position:relative;
  padding:20px 14px 16px;
  display:grid;
  gap:8px;
  align-content:start;
  background:linear-gradient(180deg, rgba(15,31,58,.72), rgba(8,18,38,.36));
  border:1px solid var(--news-hair);
}
.page-news .rhythm-step::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg, var(--signal), rgba(0,229,199,0));
}
.page-news .rhythm-step:nth-child(2)::before{
  background:linear-gradient(90deg, var(--pulse), rgba(255,59,92,0));
}
.page-news .rhythm-step:nth-child(3)::before{
  background:linear-gradient(90deg, var(--amber), rgba(255,162,74,0));
}
.page-news .rhythm-step:nth-child(4)::before{
  background:linear-gradient(90deg, var(--deep-teal), rgba(11,127,115,0));
}
.page-news .step-mark{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.12em;
  color:var(--signal);
}
.page-news .rhythm-step h3{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:17px;
  line-height:1.35;
  color:var(--fog);
}
.page-news .rhythm-step p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--steel);
}

/* ---------- 版本演进 ---------- */
.page-news .version-track{
  list-style:none;
  margin:0 0 clamp(16px,2.2vw,22px);
  padding:0;
  display:grid;
}
.page-news .version-node{
  position:relative;
  margin-left:8px;
  padding:0 0 clamp(18px,2.4vw,24px) clamp(28px,3.6vw,42px);
  border-left:1px solid var(--news-hair-strong);
}
.page-news .version-node:last-child{
  padding-bottom:0;
  border-left-color:transparent;
}
.page-news .version-node::before{
  content:"";
  position:absolute;
  left:-5px;
  top:6px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--signal);
  box-shadow:0 0 0 3px rgba(0,229,199,.16);
}
.page-news .version-node:last-child::before{
  background:var(--pulse);
  box-shadow:0 0 0 3px rgba(255,59,92,.18);
}
.page-news .version-tag{
  display:block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--signal);
  margin-bottom:4px;
}
.page-news .version-node:last-child .version-tag{ color:var(--pulse); }
.page-news .version-node h3{
  margin:0 0 5px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(17px,2vw,20px);
  line-height:1.35;
  color:var(--fog);
}
.page-news .version-node p{
  margin:0;
  max-width:64ch;
  font-size:14.5px;
  line-height:1.78;
  color:var(--steel);
}
.page-news .version-more{
  margin:0;
  padding-left:clamp(28px,3.6vw,42px);
  font-size:14.5px;
  line-height:1.8;
  color:var(--steel);
}
.page-news .version-more a{
  color:var(--signal);
  text-decoration:none;
  border-bottom:1px solid rgba(0,229,199,.35);
}
.page-news .version-more a:hover{
  color:var(--white);
  border-bottom-color:var(--white);
}

/* ---------- 数据专题 ---------- */
.page-news .topic-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(12px,1.8vw,18px);
}
@media (min-width:801px){
  .page-news .topic-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}
.page-news .topic-card{
  padding:clamp(16px,2vw,22px);
  display:grid;
  gap:10px;
  align-content:start;
  background:linear-gradient(180deg, rgba(27,49,82,.44), rgba(8,18,38,.26));
  border:1px solid var(--news-hair);
  transition:border-color .25s ease, transform .25s ease;
}
.page-news .topic-card:hover{
  border-color:rgba(255,59,92,.4);
  transform:translateY(-3px);
}
.page-news .topic-no{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--pulse);
}
.page-news .topic-card h3{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:19px;
  line-height:1.34;
  color:var(--fog);
}
.page-news .topic-card p{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--steel);
}

/* ---------- 更新频率 ---------- */
.page-news .cadence-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(14px,2vw,22px);
  padding:clamp(18px,2.6vw,28px);
  margin-bottom:clamp(14px,2vw,20px);
}
@media (min-width:801px){
  .page-news .cadence-panel{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}
.page-news .cadence-cell{
  display:grid;
  gap:6px;
  align-content:start;
  padding-left:14px;
  border-left:2px solid rgba(0,229,199,.4);
}
.page-news .cadence-cell:nth-child(2){ border-left-color:rgba(255,59,92,.5); }
.page-news .cadence-cell:nth-child(3){ border-left-color:rgba(255,162,74,.5); }
.page-news .cadence-num{
  font-family:var(--font-mono);
  font-size:clamp(22px,3vw,30px);
  font-weight:700;
  line-height:1;
  color:var(--white);
}
.page-news .cadence-label{
  font-size:13.5px;
  line-height:1.55;
  color:var(--steel);
}
.page-news .cadence-note{
  margin:0;
  max-width:68ch;
  font-size:14.5px;
  line-height:1.8;
  color:var(--steel);
}
.page-news .cadence-note a{
  color:var(--signal);
  text-decoration:none;
  border-bottom:1px solid rgba(0,229,199,.35);
}
.page-news .cadence-note a:hover{
  color:var(--white);
  border-bottom-color:var(--white);
}

/* ---------- 收窄屏保护 ---------- */
@media (max-width:480px){
  .page-news .hero-actions .btn{ width:100%; text-align:center; }
  .page-news .stream-meta{ gap:8px; }
  .page-news .stream-time{ margin-left:0; }
  .page-news .compare-tag{ top:10px; padding:4px 8px; font-size:10.5px; }
  .page-news .compare-tag--before{ left:10px; }
  .page-news .compare-tag--after{ right:10px; }
}
<<<END>>>