.page-news{
  --news-bar-w:5px;
  --news-stair-1:rgba(200,16,46,.16);
  --news-stair-2:rgba(200,16,46,.30);
  --news-stair-3:rgba(200,16,46,.46);
  background:var(--ink);
  color:var(--white);
}

/* ---------- 首屏 ---------- */
.page-news .news-hero{
  position:relative;
  padding:calc(var(--header-h,64px) + 40px) 0 56px;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(43,224,200,.12), transparent 58%),
    radial-gradient(110% 80% at 100% 0%, rgba(200,16,46,.20), transparent 62%),
    var(--ink);
  overflow:hidden;
}
.page-news .news-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(159,179,200,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159,179,200,.055) 1px, transparent 1px);
  background-size:56px 56px;
  pointer-events:none;
}
.page-news .news-hero .wrap{position:relative;z-index:1}

.page-news .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--mist);
  margin-bottom:28px;
}
.page-news .breadcrumb a{color:var(--mist);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s var(--ease), border-color .2s var(--ease)}
.page-news .breadcrumb a:hover{color:var(--cyan);border-color:var(--cyan)}
.page-news .breadcrumb-sep{color:var(--steel)}

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

.page-news .news-hero-main .eyebrow{
  display:inline-block;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--cyan);
  border:1px solid rgba(43,224,200,.42);
  border-radius:2px 12px 2px 12px;
  padding:6px 14px;
  margin:0 0 22px;
}

.page-news h1{
  font-family:var(--font-head);
  font-weight:900;
  font-size:clamp(40px,10vw,88px);
  line-height:.98;
  letter-spacing:-.02em;
  margin:0 0 22px;
  color:var(--white);
}
.page-news h1::after{
  content:"";
  display:block;
  width:76px;
  height:6px;
  margin-top:20px;
  background:linear-gradient(90deg,var(--red),var(--gold));
  border-radius:3px;
}

.page-news .lede{
  max-width:60ch;
  font-size:16px;
  line-height:1.85;
  color:var(--mist);
  margin:0 0 28px;
}

.page-news .news-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.page-news .news-hero-actions .btn{flex:0 1 auto}

.page-news .news-hero-side{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.page-news .news-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:var(--panel-soft);
  padding:18px 16px;
}
.page-news .news-stat{display:flex;flex-direction:column;gap:4px}
.page-news .news-stat-num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-weight:700;
  font-size:clamp(22px,4.6vw,30px);
  color:var(--gold);
  line-height:1;
}
.page-news .news-stat-label{
  font-size:12px;
  letter-spacing:.05em;
  color:var(--steel);
  line-height:1.5;
}

.page-news .news-toc{
  display:grid;
  gap:2px;
  border-left:2px solid rgba(232,178,26,.35);
  padding-left:14px;
}
.page-news .news-toc .toc-link{
  display:block;
  padding:7px 0;
  font-size:13px;
  letter-spacing:.03em;
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .2s var(--ease), transform .2s var(--ease);
}
.page-news .news-toc .toc-link:hover{color:var(--gold-light);transform:translateX(4px)}
.page-news .news-toc .toc-link[aria-current="true"]{
  color:var(--cyan);
  border-bottom-color:rgba(43,224,200,.35);
}

/* ---------- 通用区块 ---------- */
.page-news .section{padding:56px 0}
.page-news .section-head{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:end;
}
.page-news .section-index{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.16em;
  color:var(--gold);
  margin:0 0 12px;
}
.page-news .section-title{
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(28px,5.6vw,50px);
  line-height:1.02;
  letter-spacing:-.02em;
  color:var(--white);
  margin:0;
}
.page-news .note-col{
  font-size:13px;
  line-height:1.85;
  color:var(--steel);
  margin:0;
}
.page-news .rule-gold{
  height:1px;
  border:0;
  margin:24px 0 34px;
  background:linear-gradient(90deg,var(--gold),rgba(245,196,83,.08));
}

.page-news .figure-frame{
  margin:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--panel);
}
.page-news .figure-frame img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .figure-caption{
  font-size:12px;
  letter-spacing:.03em;
  color:var(--steel);
  padding:10px 4px 0;
}

/* ---------- 01 速览 ---------- */
.page-news .news-brief-section{
  background:linear-gradient(180deg, rgba(22,50,79,.34), transparent 70%);
}
.page-news .news-brief{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
}
.page-news .news-brief-item{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:12px;
  align-items:start;
  padding:18px 4px;
  border-bottom:1px solid var(--line);
}
.page-news .news-brief-item:first-child{border-top:1px solid var(--line)}
.page-news .news-brief-num{
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:700;
  color:var(--red);
  letter-spacing:.08em;
  padding-top:3px;
}
.page-news .news-brief-text{
  margin:0;
  font-size:15px;
  line-height:1.8;
  color:var(--white);
}
.page-news .news-brief-text strong{color:var(--gold-light);font-weight:700}

/* ---------- 02 分类 ---------- */
.page-news .news-cats-figure{margin-bottom:30px}
.page-news .news-cat-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-news .news-cat{
  position:relative;
  padding:18px 18px 18px 22px;
  border:1px solid var(--line);
  border-radius:4px 20px 4px 20px;
  background:var(--panel-soft);
  transition:border-color .24s var(--ease), transform .24s var(--ease);
}
.page-news .news-cat::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:var(--news-bar-w);
  border-radius:0 4px 4px 0;
  background:var(--cat,var(--red));
}
.page-news .news-cat:hover{border-color:var(--line-strong);transform:translateY(-4px)}
.page-news .news-cat-name{
  margin:0 0 8px;
  font-family:var(--font-head);
  font-weight:700;
  font-size:17px;
  color:var(--cat,var(--white));
  letter-spacing:.02em;
}
.page-news .news-cat-desc{
  margin:0;
  font-size:13.5px;
  line-height:1.8;
  color:var(--steel);
}

/* ---------- 03 条目列表 ---------- */
.page-news .news-list-section{background:var(--ink-deep)}
.page-news .news-list-lead{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  align-items:center;
  margin-bottom:34px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:rgba(22,50,79,.4);
}
.page-news .news-list-lead-text p{margin:0 0 10px;font-size:14px;line-height:1.85;color:var(--mist)}
.page-news .news-list-lead-title{
  font-family:var(--font-head);
  font-weight:700;
  font-size:17px;
  color:var(--white) !important;
  letter-spacing:.02em;
}

.page-news .news-feed{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
}
.page-news .news-item{
  position:relative;
  padding:20px 6px 20px 20px;
  border-bottom:1px solid var(--line);
  transition:background-color .22s var(--ease);
}
.page-news .news-item::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:var(--news-bar-w);
  border-radius:3px;
  background:var(--cat,var(--red));
}
.page-news .news-item:hover{background:rgba(22,50,79,.45)}
.page-news .news-item-bar{display:none}
.page-news .news-item-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
}
.page-news .news-item-from{
  font-size:12px;
  letter-spacing:.04em;
  color:var(--steel);
}
.page-news .news-item-time{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mist);
  white-space:nowrap;
}
.page-news .news-item-title{
  margin:0 0 7px;
  font-family:var(--font-head);
  font-weight:700;
  font-size:17px;
  line-height:1.45;
  letter-spacing:-.01em;
  color:var(--white);
}
.page-news .news-item-title a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(245,196,83,.36);
  transition:color .2s var(--ease), border-color .2s var(--ease);
}
.page-news .news-item-title a:hover{color:var(--gold-light);border-color:var(--gold-light)}
.page-news .news-item-desc{
  margin:0;
  font-size:13.5px;
  line-height:1.75;
  color:var(--steel);
  max-width:70ch;
}

.page-news .tag{
  display:inline-block;
  font-size:12px;
  letter-spacing:.05em;
  padding:3px 11px;
  border-radius:2px 10px 2px 10px;
  border:1px solid currentColor;
  background:transparent;
}
.page-news .tag--red{color:var(--gold-light)}
.page-news .tag--gold{color:var(--gold)}
.page-news .tag--cyan{color:var(--cyan)}
.page-news .news-item .tag{color:var(--mist)}

/* ---------- 04 专题系列 ---------- */
.page-news .news-series-section{
  background:linear-gradient(180deg, transparent, rgba(200,16,46,.10));
}
.page-news .news-series-figure{
  margin:0 0 30px;
  border-radius:0;
  background:transparent;
}
.page-news .news-series-figure img{
  border-radius:var(--radius-lg);
  max-height:340px;
}

.page-news .news-rail{
  list-style:none;
  margin:0;
  padding:4px 0 20px;
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 56px),transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 56px),transparent 100%);
}
.page-news .news-rail:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:6px;
  border-radius:var(--radius-md);
}
.page-news .news-rail::-webkit-scrollbar{height:6px}
.page-news .news-rail::-webkit-scrollbar-track{background:rgba(124,142,163,.16);border-radius:3px}
.page-news .news-rail::-webkit-scrollbar-thumb{background:rgba(232,178,26,.55);border-radius:3px}

.page-news .news-series-card{
  flex:0 0 min(290px,78vw);
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 20px;
  border:1px solid var(--line);
  border-radius:var(--radius-md) var(--radius-sm) var(--radius-md) var(--radius-sm);
  background:var(--panel);
  transition:transform .24s var(--ease), border-color .24s var(--ease);
}
.page-news .news-series-card:hover{transform:translateY(-5px);border-color:rgba(43,224,200,.4)}
.page-news .news-series-no{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--cyan);
}
.page-news .news-series-title{
  margin:0;
  font-family:var(--font-head);
  font-weight:800;
  font-size:20px;
  line-height:1.25;
  color:var(--white);
}
.page-news .news-series-desc{
  margin:0;
  font-size:13.5px;
  line-height:1.78;
  color:var(--mist);
  flex:1 1 auto;
}
.page-news .news-series-meta{
  margin:0;
  padding-top:12px;
  border-top:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--steel);
}

/* ---------- 05 阶段回顾 ---------- */
.page-news .news-stage-split{
  grid-template-columns:1fr;
  gap:34px;
}
.page-news .news-stage-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-news .news-stage{
  position:relative;
  padding:18px 18px 18px 22px;
  border-radius:var(--radius-sm);
  background:var(--panel-soft);
  border:1px solid var(--line);
  margin-left:0;
}
.page-news .news-stage[style*="--stage:1"]{background:var(--news-stair-1);margin-left:0}
.page-news .news-stage[style*="--stage:2"]{background:var(--news-stair-2);margin-left:14px}
.page-news .news-stage[style*="--stage:3"]{background:var(--news-stair-3);margin-left:28px}
.page-news .news-stage-no{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--gold-light);
}
.page-news .news-stage-title{
  margin:0 0 8px;
  font-family:var(--font-head);
  font-weight:800;
  font-size:20px;
  color:var(--white);
  letter-spacing:-.01em;
}
.page-news .news-stage-desc{
  margin:0;
  font-size:13.5px;
  line-height:1.78;
  color:var(--mist);
}
.page-news .news-stage-side{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.page-news .news-stage-note{
  margin:0;
  font-size:13px;
  line-height:1.85;
  color:var(--steel);
  border-left:2px solid rgba(43,224,200,.4);
  padding-left:14px;
}

/* ---------- 06 更新节奏 ---------- */
.page-news .news-rhythm-section{
  background:
    radial-gradient(90% 70% at 90% 10%, rgba(232,178,26,.10), transparent 60%),
    var(--ink-deep);
}
.page-news .news-rhythm-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.page-news .news-rhythm-card{
  padding:22px 20px;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  background:var(--panel);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.page-news .news-rhythm-k{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--cyan);
}
.page-news .news-rhythm-title{
  margin:0;
  font-family:var(--font-head);
  font-weight:800;
  font-size:19px;
  line-height:1.3;
  color:var(--white);
}
.page-news .news-rhythm-card p:last-child{
  margin:0;
  font-size:13.5px;
  line-height:1.8;
  color:var(--mist);
}

.page-news .news-cta{
  margin-top:28px;
  padding:26px 22px;
  border-radius:var(--radius-lg);
  background:linear-gradient(120deg, rgba(200,16,46,.9), rgba(179,18,31,.72) 55%, rgba(22,50,79,.9));
  display:grid;
  gap:18px;
}
.page-news .news-cta-text{
  margin:0;
  font-family:var(--font-head);
  font-weight:700;
  font-size:17px;
  line-height:1.65;
  color:var(--white);
  letter-spacing:.01em;
}
.page-news .news-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 动效 ---------- */
.page-news .reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .3s var(--ease), transform .3s var(--ease);
}
.page-news .reveal.is-in{
  opacity:1;
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .page-news .reveal{
    opacity:1;
    transform:none;
    transition:none;
  }
  .page-news .news-cat,
  .page-news .news-series-card,
  .page-news .news-toc .toc-link{transition:none}
}

/* ---------- 平板 ---------- */
@media (min-width:640px){
  .page-news .news-brief-item{grid-template-columns:64px 1fr;gap:18px}
  .page-news .news-cat-grid{grid-template-columns:repeat(2,1fr)}
  .page-news .news-rhythm-grid{grid-template-columns:repeat(2,1fr)}
  .page-news .news-list-lead{grid-template-columns:minmax(0,280px) minmax(0,1fr)}
  .page-news .section-head{grid-template-columns:minmax(0,1fr) minmax(0,240px)}
  .page-news .news-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:30px 28px}
}

/* ---------- 桌面 ---------- */
@media (min-width:960px){
  .page-news .section{padding:78px 0}
  .page-news .news-hero{padding:calc(var(--header-h,64px) + 56px) 0 72px}
  .page-news .split{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:48px}
  .page-news .section-head{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:48px}

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

  .page-news .news-stage-split{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}
  .page-news .news-stage-side{padding-top:6px}

  .page-news .news-rail{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 90px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 90px),transparent 100%)}
  .page-news .news-series-card{flex:0 0 300px}
}

@media (min-width:1280px){
  .page-news .news-hero-stats{grid-template-columns:1fr;gap:16px}
  .page-news .news-stat{flex-direction:column}
}

/* ---------- 窄屏保护 ---------- */
@media (max-width:420px){
  .page-news .news-hero-stats{grid-template-columns:1fr 1fr}
  .page-news .news-brief-item{grid-template-columns:1fr;gap:6px}
  .page-news .news-item-time{margin-left:0;width:100%}
  .page-news .news-stage{margin-left:0 !important;padding-left:18px}
  .page-news .news-cta-actions .btn{width:100%;text-align:center}
}
<<<END>>>

.page-news {
  --cat: transparent;
}