.page-news{
  --news-hair:rgba(47,232,198,.16);
  --news-hair-strong:rgba(47,232,198,.34);
  --news-soft:rgba(232,228,216,.1);
  --news-card:rgba(12,32,25,.68);
  --news-clay:rgba(184,112,74,.55);
}

.page-news #timeline,
.page-news #log,
.page-news #cat-data,
.page-news #cat-layout,
.page-news #cat-version,
.page-news #cat-clip,
.page-news #export,
.page-news #clips,
.page-news #series,
.page-news #subscribe{
  scroll-margin-top:76px;
}

.page-news .breadcrumb{
  padding:22px 0 0;
  font-size:12px;
}

.page-news .news-hero{
  padding:26px 0 clamp(28px,5vw,52px);
}

.page-news .news-hero__index{
  margin:0;
  font-size:11.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--cyan);
}

.page-news .news-hero h1{
  margin:16px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(2.1rem,9vw,4.6rem);
  line-height:.98;
  letter-spacing:-.015em;
  color:var(--paper-hi);
  max-width:22ch;
}

.page-news .news-hero__lede{
  margin:18px 0 0;
  max-width:62ch;
  font-size:16px;
  line-height:1.75;
  color:var(--paper);
}

.page-news .news-hero__facts{
  margin:26px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:1px;
  background:var(--news-soft);
  border:1px solid var(--news-hair);
}

.page-news .news-hero__facts li{
  display:flex;
  gap:10px;
  align-items:baseline;
  padding:12px 14px;
  background:var(--news-card);
  font-size:14px;
  line-height:1.6;
  color:var(--paper);
}

.page-news .news-hero__facts .mono{
  flex:0 0 auto;
  font-size:11.5px;
  letter-spacing:.12em;
  color:var(--cyan);
}

.page-news .news-sec-head{
  max-width:72ch;
}

.page-news .section__index{
  margin:0;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.18em;
  color:var(--stone);
}

.page-news .section__title{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.5rem,5.2vw,2.5rem);
  line-height:1.12;
  color:var(--paper-hi);
}

.page-news .section__lede{
  margin-top:12px;
  max-width:62ch;
  font-size:15.5px;
  line-height:1.75;
  color:var(--paper);
}

/* 顶部横向更新流 */
.page-news .news-timeline{
  padding-bottom:clamp(30px,5vw,56px);
}

.page-news .news-track{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  padding:22px 0 8px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--line-2) transparent;
}

.page-news .news-track::-webkit-scrollbar{
  height:4px;
}

.page-news .news-track::-webkit-scrollbar-thumb{
  background:var(--line-2);
}

.page-news .news-node{
  flex:0 0 min(76vw,236px);
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:16px 15px 18px;
  border:1px solid var(--news-hair);
  background:var(--news-card);
  text-decoration:none;
  color:inherit;
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}

.page-news .news-node:hover,
.page-news .news-node:focus-visible{
  border-color:var(--cyan);
  background:rgba(18,58,46,.65);
  transform:translateY(-2px);
}

.page-news .news-node__tick{
  display:block;
  height:2px;
  width:100%;
  background:linear-gradient(90deg,var(--cyan),rgba(47,232,198,0));
}

.page-news .news-node--current .news-node__tick{
  background:linear-gradient(90deg,var(--flame),rgba(255,90,43,0));
}

.page-news .news-node__round{
  font-size:11px;
  letter-spacing:.14em;
  color:var(--cyan);
}

.page-news .news-node--current .news-node__round{
  color:var(--flame);
}

.page-news .news-node__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:16.5px;
  line-height:1.3;
  color:var(--paper-hi);
}

.page-news .news-node__note{
  font-size:12px;
  line-height:1.55;
  color:var(--stone);
}

/* 日志区 */
.page-news .news-log__figure{
  margin:0 0 clamp(24px,4vw,42px);
}

.page-news .news-log__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/1;
  object-fit:cover;
}

.page-news .news-log__grid{
  margin-top:clamp(22px,4vw,38px);
}

.page-news .news-cats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:22px;
}

.page-news .news-cat{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border:1px solid var(--news-clay);
  font-size:13.5px;
  letter-spacing:.02em;
  color:var(--paper);
  text-decoration:none;
  transition:background .22s ease,border-color .22s ease,color .22s ease;
}

.page-news .news-cat:hover,
.page-news .news-cat:focus-visible{
  background:var(--cyan-soft);
  border-color:var(--cyan-soft);
  color:var(--ink);
}

.page-news .news-group + .news-group{
  margin-top:28px;
}

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

.page-news .news-entry{
  border-top:1px solid var(--news-soft);
  padding:15px 0 17px;
}

.page-news .news-group .news-entry:last-child{
  border-bottom:1px solid var(--news-soft);
}

.page-news .news-entry__head{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  align-items:baseline;
}

.page-news .news-entry__round{
  flex:0 0 auto;
  padding-top:3px;
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--cyan);
}

.page-news .news-entry__title{
  margin:0;
  font-size:16px;
  font-weight:700;
  line-height:1.5;
  color:var(--paper-hi);
}

.page-news .news-entry__body{
  margin:7px 0 0;
  max-width:64ch;
  font-size:14.5px;
  line-height:1.75;
  color:var(--paper);
  opacity:.84;
}

.page-news .news-entry__sum{
  margin:9px 0 0;
  padding-left:12px;
  max-width:58ch;
  border-left:2px solid rgba(47,232,198,.3);
  font-size:13.5px;
  line-height:1.68;
  color:var(--stone);
  transition:border-color .25s ease,color .25s ease;
}

.page-news .news-entry:hover .news-entry__sum,
.page-news .news-entry:focus-within .news-entry__sum{
  border-left-color:var(--cyan);
  color:var(--paper);
}

/* 导出记录 */
.page-news .news-export__grid{
  display:grid;
  gap:clamp(24px,4vw,44px);
}

.page-news .news-fields{
  margin:22px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--news-hair);
}

.page-news .news-fields li{
  display:flex;
  gap:12px;
  align-items:baseline;
  padding:11px 0;
  border-bottom:1px solid var(--news-soft);
  font-size:14.5px;
  color:var(--paper);
}

.page-news .news-fields__no{
  flex:0 0 auto;
  font-size:11px;
  color:var(--cyan);
}

.page-news .news-fields__name{
  flex:0 0 auto;
  min-width:5.6em;
  font-weight:600;
  color:var(--paper-hi);
}

.page-news .news-fields__note{
  margin-left:auto;
  font-size:12px;
  text-align:right;
  color:var(--stone);
}

.page-news .news-export__foot{
  margin:16px 0 0;
  font-size:12.5px;
  line-height:1.7;
  color:var(--stone);
}

.page-news .news-export__text .btn{
  margin-top:20px;
}

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

.page-news .news-export__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* 轮次集锦 */
.page-news .news-clips__lead{
  display:grid;
  gap:18px;
  margin-top:clamp(22px,4vw,36px);
}

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

.page-news .news-clips__cover img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}

.page-news .news-clips__info h3{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.15rem,3.4vw,1.6rem);
  line-height:1.25;
  color:var(--paper-hi);
}

.page-news .news-clips__info p{
  margin:9px 0 0;
  font-size:14.5px;
  line-height:1.72;
  color:var(--paper);
  opacity:.86;
}

.page-news .news-clips__list{
  margin:clamp(24px,4vw,36px) 0 0;
  padding:0;
  list-style:none;
}

.page-news .news-clips__list li{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  align-items:baseline;
  padding:13px 0;
  border-top:1px solid var(--news-soft);
  font-size:14.5px;
  color:var(--paper);
}

.page-news .news-clips__list li:last-child{
  border-bottom:1px solid var(--news-soft);
}

.page-news .news-clips__list .mono{
  flex:0 0 6em;
  font-size:12px;
  color:var(--cyan);
}

.page-news .news-clips__list .meta{
  margin-left:auto;
  font-size:12px;
  color:var(--stone);
}

/* 赛事专题 */
.page-news .news-series__grid{
  display:grid;
  gap:1px;
  margin-top:clamp(22px,4vw,36px);
  background:var(--news-soft);
  border:1px solid var(--news-hair);
}

.page-news .news-series__item{
  display:flex;
  flex-direction:column;
  gap:11px;
  padding:22px 20px 24px;
  background:var(--news-card);
}

.page-news .news-series__item h3{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.15rem;
  color:var(--paper-hi);
}

.page-news .news-series__item p{
  margin:0;
  font-size:14.5px;
  line-height:1.72;
  color:var(--paper);
  opacity:.85;
}

.page-news .news-series__item .meta{
  margin-top:auto;
  font-size:12px;
  color:var(--stone);
}

.page-news .news-series__figure{
  margin:clamp(20px,3vw,30px) 0 0;
}

.page-news .news-series__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/1;
  object-fit:cover;
}

/* 订阅与回访 */
.page-news .news-sub__inner{
  display:grid;
  gap:24px;
}

.page-news .news-sub__actions{
  display:flex;
  flex-direction:column;
  gap:12px;
}

@media (min-width:520px){
  .page-news .news-sub__actions{
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media (min-width:760px){
  .page-news .news-hero__facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .page-news .news-entry.is-offset{
    margin-inline-start:clamp(0px,6%,56px);
  }

  .page-news .news-entry.is-narrow{
    margin-inline-end:clamp(0px,10%,110px);
  }
}

@media (min-width:820px){
  .page-news .news-clips__lead{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:end;
    gap:28px;
  }

  .page-news .news-series__grid{
    grid-template-columns:1.35fr 1fr .85fr;
  }
}

@media (min-width:860px){
  .page-news .news-sub__inner{
    grid-template-columns:minmax(0,7fr) minmax(0,4fr);
    align-items:center;
    gap:40px;
  }
}

@media (min-width:900px){
  .page-news .news-log__grid{
    display:grid;
    grid-template-columns:200px minmax(0,1fr);
    gap:clamp(28px,4vw,56px);
    align-items:start;
  }

  .page-news .news-cats{
    position:sticky;
    top:24px;
    flex-direction:column;
    flex-wrap:nowrap;
    margin-bottom:0;
  }

  .page-news .news-cat{
    width:100%;
  }

  .page-news .news-export__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:center;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-news .news-node,
  .page-news .news-cat,
  .page-news .news-entry__sum{
    transition:none;
  }
}