.page-news{
  background:var(--cream);
  color:var(--ink);
  overflow-x:clip;
}

.page-news p{
  margin:0 0 12px;
}

.page-news h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(24px,3.4vw,34px);
  line-height:1.1;
  letter-spacing:.01em;
  margin:0 0 14px;
}

.page-news h3{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(17px,2.1vw,22px);
  line-height:1.35;
  margin:0 0 8px;
}

.page-news [data-reveal]{
  opacity:.82;
  transform:translateY(12px);
  transition:opacity .4s ease,transform .4s ease;
}

.page-news [data-reveal].is-in{
  opacity:1;
  transform:none;
}

/* ---------- 头部目录 ---------- */
.page-news__head{
  position:relative;
  padding:calc(var(--step) * .55) 0 calc(var(--step) * .8);
  background:
    repeating-linear-gradient(90deg,rgba(244,235,221,.05) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(0deg,rgba(244,235,221,.04) 0 1px,transparent 1px 96px),
    linear-gradient(160deg,var(--night) 0%,var(--indigo) 78%);
  color:var(--cream);
}

.page-news__crumb{
  margin-bottom:clamp(26px,4vw,46px);
}

.page-news__crumb .breadcrumb__link{
  color:rgba(244,235,221,.7);
}

.page-news__crumb li[aria-current="page"]{
  color:var(--sand);
}

.page-news__head-grid{
  display:grid;
  gap:clamp(28px,4vw,48px);
}

.page-news__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(40px,8vw,72px);
  line-height:.96;
  letter-spacing:.02em;
  margin:0 0 20px;
  color:var(--cream);
}

.page-news__title em{
  display:block;
  font-style:normal;
  font-family:var(--font-body);
  font-weight:500;
  font-size:clamp(15px,2.1vw,21px);
  line-height:1.6;
  letter-spacing:.03em;
  color:var(--sand);
  margin-top:16px;
}

.page-news__lead{
  max-width:44ch;
  font-size:clamp(15px,1.7vw,17px);
  line-height:1.8;
  color:rgba(244,235,221,.84);
  margin:0;
}

.page-news__index{
  display:grid;
  gap:0;
  align-content:start;
  border-top:1px solid var(--line-dark);
}

.page-news__index a{
  display:flex;
  align-items:baseline;
  gap:16px;
  padding:13px 2px;
  border-bottom:1px solid var(--line-dark);
  font-size:14px;
  letter-spacing:.05em;
  color:rgba(244,235,221,.8);
  text-decoration:none;
  transition:color .2s ease,padding-left .2s ease;
}

.page-news__index a span{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--mint);
}

.page-news__index a:hover,
.page-news__index a:focus-visible{
  color:var(--cream);
  padding-left:10px;
}

/* ---------- 提要 ---------- */
.page-news__band{
  background:var(--night);
}

.page-news__band-media{
  position:relative;
  margin:0;
  height:clamp(180px,32vw,340px);
  overflow:hidden;
}

.page-news__band-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.8) contrast(1.06);
}

.page-news__band-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(11,20,38,.25),rgba(11,20,38,.9));
}

.page-news__band-cap{
  position:absolute;
  left:var(--gutter);
  bottom:16px;
  z-index:1;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.16em;
  color:rgba(244,235,221,.72);
}

.page-news__band-panel{
  position:relative;
  margin-top:calc(-1 * clamp(28px,6vw,64px));
  padding:clamp(24px,4vw,42px) 0 var(--step);
  background:var(--cream);
}

.page-news__band-title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(20px,2.6vw,26px);
  margin:0 0 clamp(18px,3vw,28px);
  display:flex;
  align-items:center;
  gap:14px;
}

.page-news__band-title::after{
  content:"";
  flex:1;
  height:1px;
  background:var(--line);
}

.page-news__bullets{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:clamp(16px,3vw,28px);
}

.page-news__bullet{
  border-top:2px solid var(--clay);
  padding-top:14px;
}

.page-news__bullet-key{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--stone);
  display:flex;
  gap:10px;
  align-items:baseline;
  margin:0 0 8px;
}

.page-news__bullet-key span{
  color:var(--clay);
}

.page-news__bullet p:last-child{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--ink);
}

/* ---------- 通用章节 ---------- */
.page-news__section{
  padding:var(--step) 0;
  border-top:1px solid var(--line-soft);
  scroll-margin-top:88px;
}

.page-news__split{
  display:grid;
  gap:clamp(22px,4vw,44px);
}

.page-news__label .eyebrow{
  margin-bottom:10px;
}

.page-news__label-note{
  font-size:14px;
  line-height:1.8;
  color:var(--stone);
  margin:0;
  max-width:32ch;
}

.page-news__items{
  display:grid;
}

.page-news__item{
  padding:20px 0;
  border-top:1px solid var(--line);
}

.page-news__item:first-child{
  border-top:0;
  padding-top:0;
}

.page-news__item-meta{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--stone);
}

.page-news__no{
  color:var(--clay);
}

.page-news__when{
  padding:3px 9px;
  background:var(--cream-deep);
  color:var(--indigo);
}

.page-news__item h3{
  max-width:36ch;
}

.page-news__item p{
  font-size:15px;
  line-height:1.78;
  max-width:48ch;
}

.page-news__more{
  max-height:0;
  overflow:hidden;
  opacity:0;
  color:var(--stone);
  font-size:14px;
  line-height:1.75;
  transition:max-height .3s ease,opacity .3s ease;
}

.page-news__item:hover .page-news__more,
.page-news__item:focus-within .page-news__more{
  max-height:240px;
  opacity:1;
}

/* ---------- 图表 ---------- */
.page-news__chartbox{
  margin-top:clamp(22px,4vw,36px);
  padding:18px 18px 14px;
  background:var(--cream-deep);
  border:1px solid var(--line);
}

.page-news__chart{
  display:block;
  width:100%;
  height:auto;
}

.page-news__chart text{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  fill:var(--stone);
}

.page-news__chart-grid line{
  stroke:rgba(110,106,99,.22);
  stroke-width:1;
}

.page-news__bar{
  fill:var(--moss);
}

.page-news__bar--b{
  fill:var(--sand);
}

.page-news__bar--c{
  fill:var(--clay);
}

.page-news__bar--d{
  fill:var(--indigo);
}

.page-news__chart-cap{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.12em;
  color:var(--stone);
  margin:12px 0 0;
  line-height:1.7;
}

/* ---------- 客户端 ---------- */
.page-news__figure{
  margin:0 0 clamp(22px,4vw,34px);
}

.page-news__figure img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--line);
}

.page-news__figure figcaption{
  margin-top:8px;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.12em;
  color:var(--stone);
}

.page-news__versions{
  display:grid;
  border-top:1px solid var(--line);
}

.page-news__version{
  display:grid;
  gap:6px;
  padding:18px 0;
  border-bottom:1px solid var(--line);
}

.page-news__version-tag{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--clay);
  margin:0;
}

.page-news__version h3{
  margin:0;
}

.page-news__version p:last-child{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--stone);
  max-width:48ch;
}

/* ---------- 球队专题 ---------- */
.page-news__section--teams{
  background:var(--cream-deep);
  border-top:1px solid var(--line);
}

.page-news__teams-head{
  display:grid;
  gap:14px;
  margin-bottom:clamp(20px,3vw,28px);
}

.page-news__teams-lead{
  font-size:15px;
  line-height:1.8;
  color:var(--stone);
  margin:0;
  max-width:48ch;
}

.page-news__teams-media{
  margin:0 0 clamp(22px,4vw,34px);
  height:clamp(110px,20vw,180px);
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.page-news__teams-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.page-news__rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(230px,84%);
  gap:14px;
  overflow-x:auto;
  padding:2px 2px 18px;
  scroll-snap-type:x mandatory;
  scrollbar-color:var(--clay) transparent;
}

.page-news__card{
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:clamp(200px,42vw,230px);
  padding:20px 18px;
  background:var(--cream);
  border:1px solid var(--line);
  border-top:3px solid var(--clay);
}

.page-news__card--tall{
  min-height:clamp(240px,50vw,290px);
}

.page-news__card--night{
  background:var(--indigo);
  border-color:transparent;
  border-top-color:var(--mint);
  color:var(--cream);
}

.page-news__card h3{
  margin:0;
}

.page-news__card p{
  font-size:14px;
  line-height:1.75;
  color:var(--stone);
  margin:0;
}

.page-news__card--night p{
  color:rgba(244,235,221,.82);
}

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

.page-news__card-foot{
  margin-top:auto;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.14em;
  color:var(--clay);
}

.page-news__card--night .page-news__card-foot{
  color:var(--mint);
}

.page-news__rail-note{
  margin:clamp(16px,3vw,24px) 0 0;
}

.page-news__textlink{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--indigo);
  text-decoration:none;
  border-bottom:1px solid var(--clay);
  padding-bottom:4px;
  transition:color .2s ease,border-color .2s ease;
}

.page-news__textlink:hover,
.page-news__textlink:focus-visible{
  color:var(--poplar);
  border-color:var(--poplar);
}

/* ---------- 前瞻 ---------- */
.page-news__notes{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
}

.page-news__note{
  display:grid;
  gap:6px;
  padding:16px 0;
  border-top:1px solid var(--line);
}

.page-news__note:first-child{
  border-top-width:2px;
  border-top-color:var(--sand);
  padding-top:14px;
}

.page-news__note-key{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--indigo);
}

.page-news__note p{
  margin:0;
  font-size:15px;
  line-height:1.78;
  color:var(--stone);
  max-width:48ch;
}

.page-news__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:clamp(24px,4vw,36px);
  background:var(--line);
  border:1px solid var(--line);
}

.page-news__stat{
  background:var(--cream);
  padding:16px 14px;
}

.page-news__stat-num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(22px,3.2vw,30px);
  line-height:1;
  color:var(--indigo);
  letter-spacing:.02em;
}

.page-news__stat-label{
  display:block;
  margin-top:10px;
  font-size:11px;
  letter-spacing:.12em;
  color:var(--stone);
}

/* ---------- 咨询 ---------- */
.page-news__outro{
  position:relative;
  background:var(--night);
  color:var(--cream);
  padding-bottom:var(--step);
  scroll-margin-top:88px;
}

.page-news__outro-media{
  margin:0;
  height:clamp(130px,24vw,250px);
  overflow:hidden;
}

.page-news__outro-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.9;
}

.page-news__outro-grid{
  display:grid;
  gap:clamp(28px,5vw,48px);
  padding-top:clamp(28px,5vw,52px);
}

.page-news__outro h2{
  color:var(--cream);
  max-width:20ch;
}

.page-news__outro-lead{
  font-size:15px;
  line-height:1.8;
  color:rgba(244,235,221,.82);
  max-width:46ch;
}

.page-news__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.page-news__contact{
  border-left:2px solid var(--sand);
  padding-left:clamp(14px,3vw,22px);
}

.page-news__contact-key{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.16em;
  color:var(--sand);
  margin:0 0 4px;
}

.page-news__contact-val{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 16px;
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--cream);
  word-break:break-word;
}

.page-news__contact-note{
  font-size:12px;
  line-height:1.8;
  color:rgba(244,235,221,.68);
  margin:0 0 16px;
}

.page-news__textlink-wrap{
  margin:0;
}

.page-news__outro .page-news__textlink{
  color:var(--mint);
  border-bottom-color:rgba(36,240,200,.5);
}

.page-news__outro .page-news__textlink:hover,
.page-news__outro .page-news__textlink:focus-visible{
  color:var(--cream);
  border-bottom-color:var(--cream);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-news__bullets{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .page-news__stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .page-news__version{
    grid-template-columns:96px minmax(0,1fr);
    gap:8px 22px;
    align-items:start;
  }

  .page-news__version-tag{
    padding-top:6px;
  }

  .page-news__version h3,
  .page-news__version p:last-child{
    grid-column:2;
  }
}

@media (min-width:900px){
  .page-news__head-grid{
    grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);
    align-items:end;
    gap:clamp(32px,5vw,72px);
  }

  .page-news__split{
    grid-template-columns:minmax(190px,262px) minmax(0,1fr);
    gap:clamp(32px,5vw,72px);
  }

  .page-news__label{
    position:sticky;
    top:96px;
    align-self:start;
  }

  .page-news__item:nth-child(2n){
    margin-left:clamp(16px,4vw,52px);
  }

  .page-news__rail{
    grid-auto-columns:minmax(240px,290px);
  }

  .page-news__teams-head{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    align-items:end;
    gap:clamp(24px,4vw,56px);
  }

  .page-news__outro-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:clamp(40px,6vw,80px);
  }
}

@media (hover:none){
  .page-news__more{
    max-height:none;
    opacity:1;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-news [data-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }

  .page-news__index a,
  .page-news__more{
    transition:none;
  }
}