.page-news{
  --news-rail:196px;
  --news-gap:clamp(1rem,2.6vw,1.6rem);
  --news-pad:clamp(2.4rem,6vw,4.2rem);
  --news-card:#FAF4E9;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
}

.page-news .page-news__crumbs{
  padding-top:clamp(.9rem,2.5vw,1.5rem);
  padding-bottom:.4rem;
}

/* ---------- 首屏 ---------- */
.page-news .news-hero{
  position:relative;
  overflow:hidden;
  background:
    repeating-linear-gradient(90deg, rgba(99,245,180,.05) 0 1px, transparent 1px 56px),
    radial-gradient(120% 100% at 82% 0%, #114033 0%, var(--ink-green) 46%, var(--night) 100%);
  color:var(--cream);
  border-top:1px solid rgba(99,245,180,.25);
  border-bottom:4px solid var(--ink-green);
}
.page-news .news-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:6px;
  background:repeating-linear-gradient(90deg, var(--mint) 0 24px, transparent 24px 48px);
  opacity:.35;
}
.page-news .news-hero__grid{
  display:grid;
  gap:clamp(1.6rem,4vw,2.6rem);
  padding-block:clamp(2rem,5vw,3.4rem);
  align-items:center;
}
.page-news .news-hero__copy .mono-tag{
  color:var(--mint);
  letter-spacing:.08em;
}
.page-news .news-hero__copy h1{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.9rem,5.4vw,3.15rem);
  line-height:1.12;
  letter-spacing:-.01em;
  margin:.7rem 0 1rem;
  max-width:22ch;
}
.page-news .news-hero__lede{
  font-size:clamp(.95rem,2.1vw,1.06rem);
  line-height:1.8;
  color:rgba(244,236,221,.85);
  max-width:46ch;
  margin:0 0 1.2rem;
}
.page-news .news-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem .9rem;
  padding-top:.9rem;
  border-top:1px dashed rgba(99,245,180,.35);
  margin-bottom:1.3rem;
}
.page-news .news-hero__meta .mono{
  font-size:.74rem;
  letter-spacing:.06em;
  color:var(--paper);
  background:rgba(6,21,18,.5);
  border:1px solid rgba(99,245,180,.3);
  padding:.3rem .55rem;
}
.page-news .news-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}
.page-news .news-hero__figure{
  margin:0;
  transform:rotate(-.6deg);
}
.page-news .news-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* ---------- 本周看点 ---------- */
.page-news .news-week{
  padding-block:var(--news-pad);
  background:
    linear-gradient(180deg, rgba(229,217,195,.55), transparent 60%),
    var(--cream);
}
.page-news .news-week__grid{
  display:grid;
  gap:clamp(1.4rem,4vw,2.4rem);
}
.page-news .news-week__head h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.5rem,3.6vw,2.3rem);
  line-height:1.22;
  color:var(--ink-green);
  margin:.35rem 0 .8rem;
}
.page-news .news-week__text{
  line-height:1.8;
  color:#2c3a35;
  max-width:60ch;
  margin:0 0 1.4rem;
}
.page-news .news-week__points{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.9rem;
}
.page-news .news-week__point{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.85rem;
  align-items:start;
  padding:.85rem 0 0;
  border-top:1px solid rgba(11,43,36,.18);
}
.page-news .news-week__num{
  font-family:var(--font-score);
  font-size:1.45rem;
  line-height:1;
  color:var(--amber);
  letter-spacing:.02em;
}
.page-news .news-week__point p{
  margin:0;
  font-size:.94rem;
  line-height:1.75;
  color:#2f3f39;
}
.page-news .news-week__figure{
  margin:0;
  align-self:start;
}

/* ---------- 主体双栏 ---------- */
.page-news .news-body{
  display:grid;
  gap:clamp(1.6rem,4vw,2.6rem);
  padding-bottom:var(--news-pad);
}

.page-news .news-rail{
  border-top:2px solid var(--ink-green);
  padding-top:.7rem;
}
.page-news .news-rail__title{
  font-size:.7rem;
  letter-spacing:.16em;
  color:var(--gray);
  margin:0 0 .6rem;
}
.page-news .news-rail__nav{
  display:flex;
  gap:.45rem;
  overflow-x:auto;
  padding-bottom:.5rem;
  scrollbar-width:thin;
}
.page-news .news-rail__link{
  flex:0 0 auto;
  font-size:.82rem;
  line-height:1;
  padding:.55rem .75rem;
  color:var(--ink-green);
  text-decoration:none;
  background:var(--paper);
  border:1px solid rgba(11,43,36,.22);
  white-space:nowrap;
}
.page-news .news-rail__link.is-current{
  background:var(--ink-green);
  color:var(--mint);
  border-color:var(--ink-green);
}

.page-news .news-stream{
  display:grid;
  gap:clamp(2rem,5vw,3rem);
  min-width:0;
}

/* ---------- 周序号分段标题 ---------- */
.page-news .news-seg{
  display:flex;
  align-items:center;
  gap:.8rem;
  margin-bottom:1.2rem;
}
.page-news .news-seg::after{
  content:"";
  flex:1 1 auto;
  height:9px;
  background:repeating-linear-gradient(90deg, rgba(11,43,36,.45) 0 1px, transparent 1px 12px);
  border-bottom:1px solid rgba(11,43,36,.25);
}
.page-news .news-seg__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.2rem,2.8vw,1.55rem);
  color:var(--ink-green);
  margin:0;
  white-space:nowrap;
}

/* ---------- 文章卡片 ---------- */
.page-news .news-cards{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:var(--news-gap);
}
.page-news .news-card{
  background:var(--news-card);
  border:1px solid rgba(11,43,36,.22);
  border-left:3px solid var(--ink-green);
  box-shadow:6px 6px 0 var(--paper);
  padding:1.05rem 1.1rem 1.15rem;
  display:flex;
  flex-direction:column;
  gap:.55rem;
}
.page-news .news-card__cat{
  align-self:flex-start;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.1em;
  padding:.24rem .5rem;
  color:var(--night);
  background:var(--paper);
  border:1px solid rgba(6,21,18,.25);
}
.page-news .news-card__cat--observe{ background:var(--amber); color:#3a1a05; }
.page-news .news-card__cat--log{ background:var(--mint); color:var(--night); }
.page-news .news-card__cat--squad{ background:var(--card-yellow); color:var(--night); }
.page-news .news-card__cat--data{ background:var(--ink-green); color:var(--cream); border-color:var(--ink-green); }
.page-news .news-card__title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.02rem;
  line-height:1.42;
  color:var(--ink-green);
  margin:0;
}
.page-news .news-card__text{
  font-size:.9rem;
  line-height:1.75;
  color:#3a4741;
  margin:0;
}
.page-news .news-card__time{
  margin-top:auto;
  font-size:.7rem;
  letter-spacing:.06em;
  color:var(--gray);
  padding-top:.55rem;
  border-top:1px dashed rgba(11,43,36,.2);
}

/* ---------- 赛事观察 ---------- */
.page-news .news-notes__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.9rem;
  counter-reset:none;
}
.page-news .news-note{
  display:grid;
  gap:.45rem;
  padding:1rem 1.1rem;
  background:rgba(229,217,195,.45);
  border-left:2px solid var(--mint);
  position:relative;
}
.page-news .news-note::before{
  content:"";
  position:absolute;
  left:-2px;
  top:0;
  width:2px;
  height:100%;
  background:linear-gradient(180deg, var(--mint), transparent);
}
.page-news .news-note__time{
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--ink-green);
  font-weight:600;
}
.page-news .news-note__text{
  margin:0;
  font-size:.93rem;
  line-height:1.8;
  color:#2f3f39;
}

/* ---------- 版本日志 ---------- */
.page-news .news-log__inner{
  padding:clamp(1.3rem,3.5vw,2.2rem);
  border-left:4px solid var(--amber);
}
.page-news .news-log__head h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.35rem,3.2vw,1.95rem);
  line-height:1.25;
  margin:.3rem 0 .6rem;
}
.page-news .news-log__lede{
  margin:0 0 1.4rem;
  line-height:1.75;
  font-size:.94rem;
  max-width:52ch;
}
.page-news .news-log__grid{
  display:grid;
  gap:clamp(1.1rem,3vw,1.8rem);
}
.page-news .news-log__figure{
  margin:0;
  transform:rotate(.5deg);
}
.page-news .news-log__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.85rem;
}
.page-news .news-log__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.75rem;
  align-items:start;
  padding-top:.8rem;
  border-top:1px solid rgba(99,245,180,.3);
}
.page-news .news-log__ver{
  font-size:.74rem;
  letter-spacing:.05em;
  color:var(--amber);
  border:1px solid rgba(255,138,61,.55);
  padding:.2rem .45rem;
  white-space:nowrap;
}
.page-news .news-log__item p{
  margin:0;
  font-size:.9rem;
  line-height:1.75;
  color:rgba(244,236,221,.88);
}

/* ---------- 球队档案 ---------- */
.page-news .news-squad__grid{
  display:grid;
  gap:clamp(1.2rem,3.5vw,2rem);
  align-items:start;
}
.page-news .news-squad__figure{
  margin:0;
  transform:rotate(-1deg);
}
.page-news .news-squad__text{
  margin:0 0 1.1rem;
  line-height:1.8;
  font-size:.95rem;
  color:#2f3f39;
  max-width:58ch;
}
.page-news .news-squad__fields{
  list-style:none;
  margin:0 0 1.2rem;
  padding:0;
  display:grid;
  gap:.6rem;
}
.page-news .news-squad__field{
  font-size:.9rem;
  line-height:1.7;
  color:#3a4741;
  padding-left:.9rem;
  border-left:2px solid var(--paper);
}
.page-news .news-squad__field .mono{
  display:inline-block;
  margin-right:.35rem;
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--ink-green);
  background:var(--paper);
  padding:.08rem .35rem;
}

/* ---------- 数据说明 ---------- */
.page-news .news-datanote__grid{
  gap:var(--news-gap);
}
.page-news .news-datanote__card h3{
  font-family:var(--font-display);
  font-weight:700;
  font-size:1rem;
  color:var(--ink-green);
  margin:0 0 .55rem;
}
.page-news .news-datanote__card p{
  margin:0;
  font-size:.9rem;
  line-height:1.78;
  color:#3a4741;
}

/* ---------- 收藏与订阅 ---------- */
.page-news .news-follow__box{
  display:grid;
  gap:1.2rem;
  padding:clamp(1.3rem,3.5vw,2rem);
  background:
    repeating-linear-gradient(90deg, rgba(99,245,180,.06) 0 1px, transparent 1px 44px),
    var(--ink-green);
  color:var(--cream);
  border:1px solid var(--night);
  box-shadow:6px 6px 0 var(--paper);
}
.page-news .news-follow__copy h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.25rem,3vw,1.75rem);
  line-height:1.28;
  margin:.3rem 0 .7rem;
}
.page-news .news-follow__copy p{
  margin:0;
  font-size:.92rem;
  line-height:1.8;
  color:rgba(244,236,221,.86);
  max-width:54ch;
}
.page-news .news-follow__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:flex-start;
}
.page-news .news-follow__note{
  margin:1rem 0 0;
  font-size:.86rem;
  line-height:1.75;
  color:var(--gray);
}
.page-news .news-follow__note a{
  color:var(--ink-green);
  text-decoration-color:var(--mint);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

/* ---------- 交互与响应式 ---------- */
.page-news .news-rail__link:hover,
.page-news .news-rail__link:focus-visible{
  background:var(--ink-green);
  color:var(--cream);
  outline:none;
}
.page-news .news-card:hover{
  border-left-color:var(--amber);
}
.page-news .news-note,
.page-news .news-card,
.page-news .news-log__item{
  transition:border-color .18s ease, background-color .18s ease;
}

@media (min-width:760px){
  .page-news .news-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-news .news-week__points{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.9rem 1.4rem;
  }
  .page-news .news-log__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
  }
  .page-news .news-follow__box{
    grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
    align-items:center;
  }
  .page-news .news-follow__actions{
    flex-direction:column;
    align-items:stretch;
  }
}

@media (min-width:960px){
  .page-news .news-hero__grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  }
  .page-news .news-week__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:start;
  }
  .page-news .news-body{
    grid-template-columns:var(--news-rail) minmax(0,1fr);
    align-items:start;
  }
  .page-news .news-rail{
    position:sticky;
    top:1.2rem;
  }
  .page-news .news-rail__nav{
    flex-direction:column;
    overflow:visible;
    gap:.35rem;
    padding-bottom:0;
  }
  .page-news .news-rail__link{
    white-space:normal;
    border-left:2px solid transparent;
    background:transparent;
    border-color:transparent;
    border-left:2px solid rgba(11,43,36,.2);
    padding:.45rem .6rem;
  }
  .page-news .news-rail__link.is-current{
    border-left-color:var(--mint);
    background:rgba(99,245,180,.16);
    color:var(--ink-green);
  }
  .page-news .news-cards{
    grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:start;
  }
  .page-news .news-card{
    grid-column:span 3;
  }
  .page-news .news-card--lead{
    grid-column:span 4;
  }
  .page-news .news-card--side{
    grid-column:span 2;
  }
  .page-news .news-cards > .news-card:nth-child(even){
    margin-top:1.5rem;
  }
  .page-news .news-squad__grid{
    grid-template-columns:minmax(0,4fr) minmax(0,7fr);
    align-items:center;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-news .news-hero__figure,
  .page-news .news-squad__figure,
  .page-news .news-log__figure{
    transform:none;
  }
  .page-news .news-note,
  .page-news .news-card,
  .page-news .news-log__item{
    transition:none;
  }
}
<<<END>>>