.page-news{
  --news-rail:132px;
  --news-gap:clamp(14px,2vw,22px);
  background:var(--green-void);
  color:var(--paper);
  padding-top:clamp(18px,4vw,46px);
  overflow-x:clip;
}

.page-news .breadcrumb ol{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 26px;
  padding:0;
  list-style:none;
  font-family:var(--font-data);
  font-size:var(--meta, .8125rem);
  font-size:.8125rem;
  color:var(--mist);
}
.page-news .breadcrumb li+li::before{
  content:"/";
  margin-right:10px;
  color:var(--stone);
}
.page-news .breadcrumb a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid var(--line);
  padding-bottom:1px;
}
.page-news .breadcrumb a:hover{ color:var(--away); border-bottom-color:var(--away); }

/* ---------- 首屏声明 ---------- */
.page-news .news-head{ max-width:1000px; }
.page-news .news-head h1{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(2.1rem,5vw,3.4rem);
  line-height:1.06;
  letter-spacing:-.02em;
  margin:14px 0 18px;
  max-width:20ch;
}
.page-news .news-head .lede{
  font-size:16.5px;
  line-height:1.75;
  color:var(--paper-dim);
  max-width:66ch;
  margin:0 0 30px;
}
.page-news .head-facts{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
  padding-top:18px;
}
.page-news .head-facts li{
  display:flex;
  align-items:baseline;
  gap:12px;
  font-size:.9375rem;
  color:var(--paper-faint);
}
.page-news .fact__num{
  font-family:var(--font-data);
  font-size:1.25rem;
  font-weight:600;
  color:var(--away);
  min-width:3.4em;
  font-variant-numeric:tabular-nums;
}

/* ---------- 栏目导航 ---------- */
.page-news .board{
  display:grid;
  gap:var(--news-gap);
  margin:26px 0 0;
  padding:0;
  list-style:none;
}
.page-news .board__item{
  position:relative;
  padding:20px 0 4px;
  border-top:4px solid var(--stone);
}
.page-news .board__item--away{ border-top-color:var(--away); }
.page-news .board__item--wine{ border-top-color:var(--wine); }
.page-news .board__item--indigo{ border-top-color:var(--indigo); }
.page-news .board__item--gold{ border-top-color:var(--gold); }
.page-news .board__no{
  font-size:.8125rem;
  color:var(--mist);
  letter-spacing:.08em;
}
.page-news .board__item h3{
  font-family:var(--font-display);
  font-size:1.125rem;
  font-weight:700;
  letter-spacing:-.01em;
  margin:8px 0 12px;
}
.page-news .board__trigger,
.page-news .board__form{
  font-size:.9375rem;
  line-height:1.7;
  color:var(--paper-faint);
  margin:0 0 8px;
}
.page-news .board__trigger{ color:var(--paper-dim); }

/* ---------- 图片容器 ---------- */
.page-news .figure{
  margin:0;
  padding:0;
}
.page-news .figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.04);
}
.page-news .figure__cap{
  margin-top:10px;
  font-size:.8125rem;
  color:var(--mist);
  line-height:1.6;
}
.page-news .timeline-plate{
  margin:clamp(30px,5vw,58px) 0;
  padding:0 var(--gutter);
  max-width:calc(var(--maxw) + var(--gutter) * 2);
  margin-left:auto;
  margin-right:auto;
}
.page-news .figure--wide img{ aspect-ratio:21/9; }
.page-news .figure--std img{ aspect-ratio:16/9; }

/* ---------- 轮次条目流 ---------- */
.page-news .section-head--flow{
  display:grid;
  gap:20px;
  align-items:start;
}
.page-news .ring-wrap{
  display:flex;
  align-items:center;
  gap:14px;
}
.page-news .ring{
  width:78px;
  height:78px;
  flex:0 0 auto;
}
.page-news .ring__num{
  fill:var(--paper);
  font-family:var(--font-data);
  font-size:17px;
  font-weight:600;
}
.page-news .ring__den{
  fill:var(--mist);
  font-family:var(--font-data);
  font-size:9px;
}
.page-news .ring-cap{
  margin:0;
  font-size:.8125rem;
  line-height:1.55;
  color:var(--mist);
}

.page-news .league-filter{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 20px;
  padding:12px 0;
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}
.page-news .lg-input{
  position:absolute;
  width:1px;height:1px;
  opacity:0;
  pointer-events:none;
}
.page-news .lg-chip{
  display:inline-block;
  padding:6px 14px;
  font-size:.8125rem;
  font-family:var(--font-data);
  letter-spacing:.02em;
  color:var(--paper-faint);
  border:1px solid var(--line);
  border-radius:var(--radius);
  cursor:pointer;
  transition:color .18s ease, border-color .18s ease, background-color .18s ease;
}
.page-news .lg-chip:hover{ color:var(--paper); border-color:var(--stone); }
.page-news .lg-input:checked + .lg-chip{
  color:var(--ink-on-away);
  background:var(--away);
  border-color:var(--away);
  font-weight:600;
}
.page-news .lg-input:focus-visible + .lg-chip{
  outline:2px solid var(--away);
  outline-offset:2px;
}

.page-news .flow-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
}

/* 轮次刻度带 */
.page-news .rail{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:8px;
  scrollbar-width:thin;
}
.page-news .rail__link{
  display:flex;
  flex-direction:column;
  gap:2px;
  flex:0 0 auto;
  min-width:96px;
  padding:10px 12px;
  text-decoration:none;
  color:var(--mist);
  background:rgba(18,58,49,.5);
  border-left:3px solid var(--line);
  border-radius:var(--radius);
  transition:color .18s ease, border-color .18s ease, background-color .18s ease;
}
.page-news .rail__no{
  font-family:var(--font-data);
  font-size:1.125rem;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  color:var(--paper-dim);
}
.page-news .rail__txt{ font-size:.75rem; line-height:1.4; }
.page-news .rail__link:hover{
  color:var(--paper);
  border-left-color:var(--stone);
}
.page-news .rail__link.is-current{
  border-left-color:var(--away);
  background:rgba(255,122,47,.1);
  color:var(--paper);
}
.page-news .rail__link.is-current .rail__no{ color:var(--away); }

/* 轮次分组 */
.page-news .round-group{ margin-bottom:clamp(30px,5vw,54px); }
.page-news .group-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:12px;
  margin:0 0 18px;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
  font-family:var(--font-display);
  font-size:1.125rem;
  font-weight:700;
  letter-spacing:-.01em;
}
.page-news .group-head__no{
  font-size:.8125rem;
  color:var(--ink-on-away);
  background:var(--away);
  padding:2px 8px;
  border-radius:var(--radius);
}
.page-news .group-head__t{ color:var(--paper); }
.page-news .group-head__n{
  margin-left:auto;
  font-size:.8125rem;
  color:var(--mist);
  font-variant-numeric:tabular-nums;
}

/* 五列泳道 */
.page-news .lanes{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(228px,1fr);
  gap:14px;
  overflow-x:auto;
  padding-bottom:10px;
  scroll-snap-type:x proximity;
}
.page-news .lane-col{
  scroll-snap-align:start;
  min-width:0;
}
.page-news .lane-col__head{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  font-family:var(--font-display);
  font-size:.9375rem;
  font-weight:700;
  color:var(--paper);
}
.page-news .lane-col__bar{
  display:block;
  width:22px;
  height:4px;
  background:var(--stone);
}
.page-news .lane-col--eng .lane-col__bar{ background:var(--away); }
.page-news .lane-col--esp .lane-col__bar,
.page-news .lane-col--ita .lane-col__bar{ background:var(--wine); }
.page-news .lane-col--ger .lane-col__bar,
.page-news .lane-col--fra .lane-col__bar{ background:var(--indigo); }

/* 条目 */
.page-news .entry{
  border-top:1px solid var(--line-soft);
}
.page-news .entry details > summary{
  display:grid;
  grid-template-columns:auto auto;
  justify-content:space-between;
  align-items:center;
  gap:4px 10px;
  padding:11px 2px;
  cursor:pointer;
  list-style:none;
}
.page-news .entry summary::-webkit-details-marker{ display:none; }
.page-news .entry summary::marker{ content:""; }
.page-news .entry__min{
  font-family:var(--font-data);
  font-size:.8125rem;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
  color:var(--away);
}
.page-news .entry__type{
  justify-self:end;
  font-size:.75rem;
  line-height:1.4;
  padding:2px 7px;
  color:var(--paper-dim);
  border:1px solid var(--line);
  border-radius:var(--radius);
  white-space:nowrap;
}
.page-news .entry__vs{
  grid-column:1 / -1;
  font-size:.9375rem;
  line-height:1.5;
  color:var(--paper);
}
.page-news .entry details[open] > summary{
  background:rgba(30,83,70,.34);
}
.page-news .entry details[open] > summary .entry__type{
  color:var(--ink-on-away);
  background:var(--stoppage);
  border-color:var(--stoppage);
}
.page-news .entry summary:focus-visible{
  outline:2px solid var(--away);
  outline-offset:2px;
}

/* 字段键值 */
.page-news .spec{
  margin:0;
  padding:6px 2px 14px;
}
.page-news .spec > div{
  display:flex;
  flex-wrap:wrap;
  gap:4px 10px;
  padding:7px 0;
  border-top:1px dotted var(--line-soft);
}
.page-news .spec dt{
  flex:0 0 auto;
  font-size:.8125rem;
  color:var(--mist);
  min-width:6.4em;
}
.page-news .spec dd{
  margin:0;
  font-size:.875rem;
  line-height:1.6;
  color:var(--paper-dim);
}

/* 往轮表格 */
.page-news .table-scroll{
  overflow-x:auto;
  border:1px solid var(--line-soft);
}
.page-news .rtable{
  width:100%;
  min-width:440px;
  border-collapse:collapse;
  font-size:.875rem;
}
.page-news .rtable th,
.page-news .rtable td{
  padding:10px 14px;
  text-align:left;
  border-bottom:1px solid var(--line-soft);
  white-space:nowrap;
}
.page-news .rtable thead th{
  background:var(--green-mid);
  color:var(--paper);
  font-family:var(--font-display);
  font-weight:700;
  font-size:.8125rem;
  letter-spacing:.02em;
}
.page-news .rtable tbody th{
  font-weight:600;
  color:var(--paper);
}
.page-news .rtable td{
  font-family:var(--font-data);
  font-variant-numeric:tabular-nums;
  text-align:right;
  color:var(--paper-dim);
}
.page-news .rtable td.num-away{ color:var(--away); font-weight:600; }
.page-news .rtable tbody tr:last-child th,
.page-news .rtable tbody tr:last-child td{ border-bottom:none; }
.page-news .round-note{
  margin:14px 0 0;
  font-size:.875rem;
  line-height:1.7;
  color:var(--mist);
}

/* ---------- 专题 ---------- */
.page-news .topics-plate{ margin:22px 0 26px; }
.page-news .topics{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(258px,1fr);
  gap:var(--news-gap);
  overflow-x:auto;
  padding-bottom:12px;
  scroll-snap-type:x mandatory;
}
.page-news .topics:focus-visible{
  outline:2px solid var(--away);
  outline-offset:4px;
}
.page-news .topic-tape{
  scroll-snap-align:start;
  min-width:0;
  padding:20px 18px 22px;
  background:rgba(18,58,49,.6);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line-soft);
  display:flex;
  flex-direction:column;
}
.page-news .strip{
  display:flex;
  gap:3px;
  height:8px;
  margin-bottom:16px;
}
.page-news .strip__seg{
  flex:1 1 0;
  display:block;
  background:var(--stone);
}
.page-news .strip__seg--wine{ background:var(--wine); }
.page-news .strip__seg--indigo{ background:var(--indigo); }
.page-news .strip__seg--away{ background:var(--away); }
.page-news .strip__seg--gold{ background:var(--gold); }
.page-news .strip__seg--stoppage{ background:var(--stoppage); }
.page-news .strip__seg--mid{ background:var(--green-mid); }
.page-news .topic-tape__no{
  font-size:.8125rem;
  color:var(--mist);
  letter-spacing:.06em;
  margin:0 0 8px;
}
.page-news .topic-tape h3{
  font-family:var(--font-display);
  font-size:1.125rem;
  font-weight:700;
  letter-spacing:-.01em;
  margin:0 0 12px;
}
.page-news .topic-tape__desc{
  margin:0 0 14px;
  font-size:.9375rem;
  line-height:1.72;
  color:var(--paper-dim);
}
.page-news .topic-tape__how{
  margin:auto 0 0;
  padding-top:12px;
  border-top:1px solid var(--line-soft);
  font-size:.8125rem;
  line-height:1.65;
  color:var(--mist);
}

/* ---------- 时间线索 ---------- */
.page-news .phases{
  display:grid;
  gap:26px;
  margin-top:24px;
}
.page-news .phase-list{
  margin:0;
  padding:0;
  list-style:none;
}
.page-news .phase{
  position:relative;
  padding:0 0 22px 42px;
  border-left:1px solid var(--line);
}
.page-news .phase:last-child{ border-left-color:transparent; padding-bottom:0; }
.page-news .phase__no{
  position:absolute;
  left:-1px;
  top:0;
  transform:translateX(-50%);
  display:block;
  padding:2px 6px;
  font-size:.75rem;
  color:var(--ink-on-away);
  background:var(--gold);
  border-radius:var(--radius);
}
.page-news .phase h3{
  font-family:var(--font-display);
  font-size:1.0625rem;
  font-weight:700;
  letter-spacing:-.01em;
  margin:0 0 10px;
  color:var(--paper);
}
.page-news .phase p{
  margin:0;
  font-size:.9375rem;
  line-height:1.75;
  color:var(--paper-faint);
  max-width:62ch;
}

/* ---------- 核对 ---------- */
.page-news .check-grid{
  display:grid;
  gap:22px;
  margin-top:22px;
}
.page-news .check-lead{
  margin:0;
  font-size:16.5px;
  line-height:1.78;
  color:var(--paper-dim);
  max-width:64ch;
}
.page-news .spec--block{
  background:rgba(18,58,49,.55);
  padding:16px 18px;
}
.page-news .spec--block > div:first-child{ border-top:none; padding-top:0; }
.page-news .check-link{
  margin:26px 0 0;
  font-size:.875rem;
  line-height:1.8;
  color:var(--mist);
}
.page-news .check-link a{
  color:var(--away);
  text-decoration:none;
  border-bottom:1px solid rgba(255,122,47,.4);
}
.page-news .check-link a:hover{ border-bottom-color:var(--away); }

/* ---------- 归档 ---------- */
.page-news .section--last{ padding-bottom:clamp(46px,7vw,90px); }
.page-news .archive{
  display:grid;
  gap:26px;
  margin-top:22px;
}
.page-news .archive-lead{
  margin:0 0 18px;
  font-size:.9375rem;
  line-height:1.78;
  color:var(--paper-dim);
}
.page-news .season-list{
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:season;
  border-top:1px solid var(--line);
}
.page-news .season-list li{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 14px;
  padding:10px 0;
  border-bottom:1px solid var(--line-soft);
  font-size:.875rem;
}
.page-news .season-list .mono{
  font-family:var(--font-data);
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
  color:var(--gold);
  min-width:8.4em;
}
.page-news .season-list__t{ color:var(--paper-faint); }
.page-news .archive-foot{
  margin:18px 0 0;
  font-size:.8125rem;
  line-height:1.8;
  color:var(--mist);
}
.page-news .archive-foot a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid var(--line);
}
.page-news .archive-foot a:hover{ color:var(--away); border-bottom-color:var(--away); }

/* ---------- 渐进增强：联赛筛选 ---------- */
.page-news:has(#lg-eng:checked) .entry:not([data-league="eng"]),
.page-news:has(#lg-esp:checked) .entry:not([data-league="esp"]),
.page-news:has(#lg-ita:checked) .entry:not([data-league="ita"]),
.page-news:has(#lg-ger:checked) .entry:not([data-league="ger"]),
.page-news:has(#lg-fra:checked) .entry:not([data-league="fra"]){ display:none; }

/* ---------- 断点 ---------- */
@media (min-width:700px){
  .page-news .head-facts{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  .page-news .head-facts li{
    flex-direction:column;
    gap:6px;
  }
  .page-news .board{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-news .section-head--flow{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
  .page-news .check-grid{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
  .page-news .archive{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); align-items:start; }
  .page-news .phases{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); align-items:start; }
}

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

  .page-news .flow-layout{
    grid-template-columns:var(--news-rail) minmax(0,1fr);
    gap:36px;
  }
  .page-news .rail{
    display:block;
    overflow:visible;
    position:sticky;
    top:calc(var(--header-h-sm) + 16px);
    align-self:start;
    padding-bottom:0;
  }
  .page-news .rail__link{
    min-width:0;
    margin-bottom:8px;
    padding:10px 12px;
  }
  .page-news .rail__link.is-current .rail__no{ font-weight:700; }

  .page-news .lanes{
    grid-auto-flow:row;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:18px;
    overflow:visible;
    padding-bottom:0;
  }
  .page-news .topics{
    grid-auto-flow:row;
    grid-template-columns:repeat(3,minmax(0,1fr));
    overflow:visible;
    padding-bottom:0;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-news .lg-chip,
  .page-news .rail__link{ transition:none; }
}

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