.page-news{
  --rail:210px;
  --rg:clamp(14px,1.6vw,22px);
  --card-bg:linear-gradient(158deg,#0C2138 0%,#08192B 100%);
  --card-bg-alt:linear-gradient(158deg,#0E2C47 0%,#0A1F35 100%);
  background:
    radial-gradient(130% 62% at 84% -14%, rgba(53,242,218,.13), transparent 58%),
    radial-gradient(95% 56% at 0% 14%, rgba(255,107,61,.10), transparent 62%),
    var(--deep);
  color:var(--mist);
  font-family:var(--font-sans);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  overflow-x:clip;
}

.page-news *,
.page-news *::before,
.page-news *::after{box-sizing:border-box;}

/* ============ 栏目头 ============ */
.page-news .news-masthead{
  position:relative;
  padding-top:clamp(22px,4vw,44px);
  border-bottom:1px solid var(--line);
}

.page-news .news-masthead__inner{
  display:grid;
  gap:clamp(12px,1.8vw,20px);
  padding-bottom:clamp(26px,4vw,52px);
}

.page-news .news-crumb{font-size:12px;}

.page-news .news-kicker{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.26em;
  color:var(--cyan);
}

.page-news .news-title{
  margin:0;
  max-width:16ch;
  color:var(--mist);
  font-weight:200;
  letter-spacing:-.02em;
  text-shadow:0 0 60px rgba(53,242,218,.18);
}

.page-news .news-lede{
  margin:0;
  max-width:64ch;
  color:var(--steel);
  font-size:clamp(15px,1.5vw,17px);
}

.page-news .news-chips{
  gap:10px;
  margin-top:clamp(4px,1vw,10px);
}

.page-news .news-masthead__media{
  position:relative;
  margin:0;
  height:clamp(190px,32vw,420px);
  overflow:hidden;
  background:linear-gradient(120deg,var(--void),var(--tide) 55%,var(--panel));
}

.page-news .news-masthead__media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
  object-position:center 42%;
  clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);
  opacity:.86;
}

.page-news .news-masthead__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg, rgba(159,182,201,.12) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(53,242,218,.10) 0 1px, transparent 1px 72px);
  mix-blend-mode:screen;
}

/* ============ 工作区两栏 ============ */
.page-news .news-workspace{
  padding-top:clamp(32px,5vw,70px);
}

.page-news .news-rail{
  margin-bottom:clamp(26px,4vw,40px);
}

.page-news .news-rail__label{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.24em;
  color:var(--steel);
}

.page-news .news-rail__list{
  list-style:none;
  margin:0 0 clamp(20px,3vw,32px);
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.page-news .news-rail__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex:1 1 auto;
  padding:9px 12px;
  border-radius:var(--r-sm);
  border-left:2px solid transparent;
  color:var(--steel);
  text-decoration:none;
  font-size:14px;
  transition:color var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-news .news-rail__link:hover,
.page-news .news-rail__link:focus-visible{
  color:var(--mist);
  background:var(--cyan-06);
  border-left-color:var(--cyan-34);
  outline:none;
}

.page-news .news-rail__link.is-active{
  color:var(--cyan);
  background:var(--cyan-10);
  border-left-color:var(--cyan);
}

.page-news .news-rail__n{
  font-family:var(--font-num);
  font-size:14px;
  font-variant-numeric:tabular-nums;
  color:var(--sand);
}

.page-news .news-rail__ranges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

/* ============ 区块标题 ============ */
.page-news .news-block{
  padding-top:clamp(34px,4.6vw,66px);
}

.page-news .news-block:first-child{padding-top:0;}

.page-news .news-head{margin-bottom:clamp(20px,2.6vw,34px);}

.page-news .news-head .sec-head__index{
  margin:0;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.24em;
  color:var(--cyan);
  padding-bottom:10px;
  border-bottom:1px solid var(--line-soft);
}

.page-news .news-head .sec-head__title{
  margin:14px 0 0;
  font-size:clamp(21px,2.6vw,32px);
  font-weight:300;
  line-height:1.32;
  letter-spacing:-.01em;
  color:var(--mist);
}

.page-news .news-head .sec-head__note{
  margin:10px 0 0;
  max-width:62ch;
  font-size:14px;
  color:var(--steel);
}

/* ============ 战报卡片流 ============ */
.page-news .news-feed{
  columns:1;
  column-gap:var(--rg);
}

.page-news .news-card{
  break-inside:avoid;
  page-break-inside:avoid;
  margin:0 0 var(--rg);
  padding:clamp(16px,1.9vw,22px);
  border-radius:var(--r-lg);
  background:var(--card-bg);
  box-shadow:0 22px 46px -34px rgba(3,11,20,.95);
  display:flex;
  flex-direction:column;
  gap:12px;
}

.page-news .news-card:nth-child(3n+2){background:var(--card-bg-alt);}

.page-news .news-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.page-news .news-card__time{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--steel);
}

.page-news .news-card__title{
  margin:0;
  font-size:clamp(15px,1.35vw,17px);
  font-weight:600;
  line-height:1.52;
  color:var(--mist);
}

.page-news .news-card__score{
  margin:0;
  display:flex;
  align-items:baseline;
  gap:10px;
  font-family:var(--font-num);
  font-variant-numeric:tabular-nums;
  font-weight:700;
  font-size:clamp(30px,3.4vw,44px);
  line-height:1;
  color:var(--coral);
}

.page-news .news-card__sep{
  font-size:.55em;
  color:var(--steel);
}

.page-news .news-card__result{
  margin:0;
  font-size:13px;
  letter-spacing:.06em;
  color:var(--sand);
  padding:6px 0;
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}

.page-news .news-stat{
  display:grid;
  grid-template-columns:auto minmax(40px,1fr) auto;
  align-items:center;
  gap:10px;
  font-size:13px;
}

.page-news .news-stat__k{
  color:var(--steel);
  white-space:nowrap;
}

.page-news .news-stat__rail{
  display:block;
  height:6px;
  border-radius:var(--r-pill);
  background:var(--cyan-10);
  overflow:hidden;
}

.page-news .news-stat__rail i{
  display:block;
  height:100%;
  width:var(--w,50%);
  border-radius:inherit;
  background:linear-gradient(90deg,var(--cyan),var(--coral));
}

.page-news .news-stat__v{
  font-family:var(--font-num);
  font-variant-numeric:tabular-nums;
  font-size:14px;
  color:var(--mist);
  white-space:nowrap;
}

.page-news .news-card__more{
  border-top:1px solid var(--line-soft);
  padding-top:12px;
}

.page-news .news-card__more summary{
  cursor:pointer;
  list-style:none;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--cyan);
}

.page-news .news-card__more summary::-webkit-details-marker{display:none;}

.page-news .news-card__more summary::after{
  content:" +";
  font-family:var(--font-mono);
}

.page-news .news-card__more[open] summary::after{content:" −";}

.page-news .news-card__more summary:focus-visible{
  outline:2px solid var(--coral);
  outline-offset:3px;
  border-radius:var(--r-xs);
}

.page-news .news-card__detail{
  margin:10px 0 0;
  font-size:13px;
  line-height:1.7;
  color:var(--steel);
}

/* ============ 主题簇 ============ */
.page-news .news-cluster-media{
  margin:0 0 clamp(18px,2.4vw,28px);
}

.page-news .news-clusters{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.page-news .news-cluster{
  padding:clamp(16px,2vw,22px);
  border-radius:var(--r-md);
  background:linear-gradient(180deg,rgba(14,58,92,.42),rgba(12,33,56,.92));
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);
}

.page-news .news-cluster:hover{transform:translateY(-3px);}

.page-news .news-cluster--cyan{background:linear-gradient(180deg,rgba(53,242,218,.14),rgba(12,33,56,.94));}
.page-news .news-cluster--coral{background:linear-gradient(180deg,rgba(255,107,61,.14),rgba(12,33,56,.94));}
.page-news .news-cluster--sand{background:linear-gradient(180deg,rgba(233,197,127,.13),rgba(12,33,56,.94));}

.page-news .news-cluster .tag{align-self:flex-start;}

.page-news .news-cluster__desc{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--steel);
}

/* ============ 战报结构 ============ */
.page-news .news-anatomy{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(20px,3vw,40px);
}

.page-news .news-anatomy__media{margin:0;}

.page-news .news-anatomy__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:clamp(14px,1.6vw,20px);
}

.page-news .news-anatomy__item{
  position:relative;
  padding:0 0 0 clamp(44px,4vw,58px);
}

.page-news .news-anatomy__n{
  position:absolute;
  left:0;
  top:2px;
  font-family:var(--font-num);
  font-size:clamp(20px,2vw,26px);
  font-weight:700;
  color:var(--cyan-34);
  font-variant-numeric:tabular-nums;
}

.page-news .news-anatomy__t{
  margin:0 0 6px;
  font-size:clamp(15px,1.4vw,17px);
  font-weight:600;
  color:var(--mist);
}

.page-news .news-anatomy__d{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--steel);
}

/* ============ 专题系列 ============ */
.page-news .news-series{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.page-news .news-series__card{
  padding:clamp(16px,2vw,22px);
  border-radius:var(--r-md);
  background:linear-gradient(160deg,rgba(12,33,56,.96),rgba(6,22,39,.92));
  border-top:2px solid var(--cyan-20);
  display:flex;
  flex-direction:column;
  gap:8px;
}

.page-news .news-series__no{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--sand);
}

.page-news .news-series__t{
  margin:0;
  font-size:clamp(16px,1.5vw,18px);
  font-weight:600;
  color:var(--mist);
}

.page-news .news-series__d{
  margin:0;
  font-size:14px;
  line-height:1.72;
  color:var(--steel);
}

.page-news .news-series__media{
  margin:clamp(20px,2.6vw,32px) 0 0;
}

.page-news .news-rhythm{
  margin-top:clamp(20px,2.6vw,32px);
  display:grid;
  gap:0;
}

.page-news .news-rhythm .data-row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid var(--line-soft);
}

.page-news .news-rhythm .data-row__v{
  font-family:var(--font-num);
  font-variant-numeric:tabular-nums;
  font-size:clamp(19px,2vw,25px);
  font-weight:700;
  color:var(--mist);
}

/* ============ 收藏与跟进 ============ */
.page-news .news-follow{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.page-news .news-follow__step{
  padding:clamp(18px,2.2vw,24px);
  border-radius:var(--r-lg);
  background:linear-gradient(152deg,rgba(14,58,92,.55),rgba(6,22,39,.94));
  display:flex;
  flex-direction:column;
  gap:8px;
}

.page-news .news-follow__n{
  font-family:var(--font-num);
  font-size:13px;
  letter-spacing:.12em;
  color:var(--coral);
}

.page-news .news-follow__t{
  margin:0;
  font-size:clamp(16px,1.5vw,18px);
  font-weight:600;
  color:var(--mist);
}

.page-news .news-follow__d{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--steel);
}

.page-news .news-follow__link{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid var(--line-cyan);
  padding-bottom:1px;
  transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-news .news-follow__link:hover,
.page-news .news-follow__link:focus-visible{
  color:var(--coral);
  border-color:var(--coral-34);
  outline:none;
}

.page-news .news-follow__tail{
  margin:clamp(20px,2.6vw,30px) 0 0;
  padding-top:clamp(16px,2vw,22px);
  border-top:1px solid var(--line);
  font-size:14px;
  color:var(--steel);
  max-width:70ch;
}

/* ============ 响应式 ============ */
@media (min-width:640px){
  .page-news .news-feed{columns:2;}
  .page-news .news-clusters{grid-template-columns:repeat(2,1fr);}
  .page-news .news-series{grid-template-columns:repeat(2,1fr);}
  .page-news .news-follow{grid-template-columns:repeat(2,1fr);}
}

@media (min-width:960px){
  .page-news .news-anatomy{grid-template-columns:5fr 7fr;align-items:start;}
  .page-news .news-rhythm{grid-template-columns:repeat(2,1fr);column-gap:clamp(24px,3vw,48px);}
  .page-news .news-follow{grid-template-columns:repeat(3,1fr);}
}

@media (min-width:1080px){
  .page-news .news-workspace{
    display:grid;
    grid-template-columns:var(--rail) minmax(0,1fr);
    gap:clamp(28px,3.6vw,56px);
    align-items:start;
  }

  .page-news .news-rail{
    position:sticky;
    top:108px;
    margin-bottom:0;
  }

  .page-news .news-rail__list{
    flex-direction:column;
    flex-wrap:nowrap;
    gap:2px;
  }

  .page-news .news-rail__link{flex:0 0 auto;}

  .page-news .news-clusters{grid-template-columns:repeat(3,1fr);}
}

@media (min-width:1440px){
  .page-news .news-feed{columns:3;}
}

@media (max-width:400px){
  .page-news .news-stat{grid-template-columns:auto 1fr;row-gap:4px;}
  .page-news .news-stat__rail{grid-column:1 / -1;}
  .page-news .news-stat__v{grid-column:2;grid-row:1;text-align:right;}
}

@media (prefers-reduced-motion:reduce){
  .page-news *,
  .page-news *::before,
  .page-news *::after{
    transition:none !important;
    animation:none !important;
  }
}
<<<END>>>

.page-news {
  --w: 1rem;
}