.page-news{
  --news-line:rgba(42,29,24,.16);
  --news-line-soft:rgba(42,29,24,.09);
  --news-rail:150px;
  background:var(--lx-paper);
  color:var(--lx-brown);
}

/* ============ 首屏 ============ */
.page-news .news-hero{
  position:relative;
  overflow:hidden;
  background:var(--lx-ink);
  color:var(--lx-paper);
  padding:clamp(18px,2.6vw,30px) 0 clamp(30px,5vw,60px);
}
.page-news .news-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    repeating-linear-gradient(90deg,rgba(39,227,194,.09) 0 1px,transparent 1px 110px),
    repeating-linear-gradient(0deg,rgba(39,227,194,.05) 0 1px,transparent 1px 110px);
  -webkit-mask-image:linear-gradient(180deg,#000 8%,transparent 92%);
  mask-image:linear-gradient(180deg,#000 8%,transparent 92%);
  pointer-events:none;
}
.page-news .news-hero__inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(22px,4vw,44px);
  align-items:end;
}
.page-news .news-hero .lx-breadcrumb a{
  color:var(--lx-mist);
  text-decoration:none;
}
.page-news .news-hero .lx-breadcrumb a:hover,
.page-news .news-hero .lx-breadcrumb a:focus-visible{
  color:var(--lx-cyan);
}
.page-news .news-hero__eyebrow{
  font-family:var(--lx-font-mono);
  font-size:11px;
  letter-spacing:.24em;
  color:var(--lx-cyan);
  margin:clamp(14px,2vw,22px) 0 10px;
}
.page-news .news-hero__title{
  font-family:var(--lx-font-display);
  font-weight:800;
  font-size:clamp(30px,6.2vw,66px);
  line-height:1.04;
  letter-spacing:-.02em;
  margin:0 0 clamp(12px,2vw,18px);
}
.page-news .news-hero__lede{
  margin:0;
  max-width:40rem;
  font-size:clamp(14.5px,1.6vw,17px);
  line-height:1.85;
  color:var(--lx-mist);
}
.page-news .news-hero__meta{
  list-style:none;
  margin:0;
  padding:16px 0 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
  border-top:1px solid var(--lx-line-strong);
}
.page-news .news-hero__meta li{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.page-news .news-hero__meta .lx-num{
  font-size:clamp(19px,2.4vw,27px);
  line-height:1.1;
  color:var(--lx-cyan);
}
.page-news .news-hero__meta li > span:last-child{
  font-size:12px;
  letter-spacing:.04em;
  color:var(--lx-mist);
}

/* ============ 栏目筛选条 ============ */
.page-news .news-bar{
  background:var(--lx-ink-deep);
  border-top:1px solid var(--lx-line);
  padding:12px 0 14px;
}
.page-news .news-bar__inner{
  display:flex;
  align-items:center;
  gap:12px;
  overflow-x:auto;
  scrollbar-width:none;
}
.page-news .news-bar__inner::-webkit-scrollbar{display:none;}
.page-news .news-bar__label{
  flex:0 0 auto;
  font-family:var(--lx-font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--lx-moss);
}
.page-news .news-chips{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
}
.page-news .news-chip{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  padding:7px 14px;
  border-radius:var(--lx-r-pill);
  border:1px solid var(--lx-line-strong);
  color:var(--lx-mist);
  font-size:13px;
  text-decoration:none;
  transition:background .18s var(--lx-ease),color .18s var(--lx-ease),border-color .18s var(--lx-ease);
}
.page-news .news-chip:hover,
.page-news .news-chip:focus-visible{
  background:var(--lx-cyan);
  border-color:var(--lx-cyan);
  color:var(--lx-ink);
}
.page-news .news-chip--on{
  background:var(--lx-amber);
  border-color:var(--lx-amber);
  color:var(--lx-char);
  font-weight:600;
}

/* ============ 主体栅格 ============ */
.page-news .news-body{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(24px,4vw,56px);
  padding:clamp(30px,5vw,72px) 0 clamp(48px,7vw,104px);
}
.page-news .news-main{
  display:grid;
  gap:clamp(44px,6vw,86px);
  min-width:0;
}
.page-news .news-block{
  scroll-margin-top:88px;
  min-width:0;
}

/* 左侧粘性编号索引 */
.page-news .news-rail{display:none;}
.page-news .news-rail__label{
  margin:0 0 12px;
  font-family:var(--lx-font-mono);
  font-size:11px;
  letter-spacing:.22em;
  color:var(--lx-moss);
}
.page-news .news-rail__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:16px;
}
.page-news .news-rail__link{
  display:block;
  text-decoration:none;
  color:var(--lx-brown);
}
.page-news .news-rail__num{
  display:block;
  font-family:var(--lx-font-mono);
  font-size:clamp(21px,2.3vw,29px);
  line-height:1;
  color:var(--lx-ink);
  opacity:.42;
  transition:opacity .18s var(--lx-ease),color .18s var(--lx-ease);
}
.page-news .news-rail__name{
  display:block;
  margin-top:5px;
  font-size:12.5px;
  color:var(--lx-moss);
}
.page-news .news-rail__link:hover .news-rail__num,
.page-news .news-rail__link:focus-visible .news-rail__num{
  opacity:1;
  color:var(--lx-red);
}

/* ============ 章节标题 ============ */
.page-news .news-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"num title" "num meta";
  column-gap:14px;
  align-items:center;
  padding-bottom:12px;
  margin-bottom:clamp(18px,2.6vw,30px);
  border-bottom:2px solid var(--lx-ink);
}
.page-news .news-head__num{
  grid-area:num;
  align-self:center;
  font-family:var(--lx-font-mono);
  font-size:clamp(26px,3.4vw,38px);
  line-height:.92;
  color:var(--lx-red);
  letter-spacing:-.02em;
}
.page-news .news-head__title{
  grid-area:title;
  margin:0;
  font-family:var(--lx-font-display);
  font-weight:800;
  font-size:clamp(21px,3vw,31px);
  line-height:1.15;
  letter-spacing:-.01em;
  color:var(--lx-ink);
}
.page-news .news-head__meta{
  grid-area:meta;
  margin:4px 0 0;
  font-family:var(--lx-font-mono);
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--lx-moss);
}

/* ============ 焦点横向卡 ============ */
.page-news .news-focus{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(238px,86%);
  gap:14px;
  overflow-x:auto;
  padding-bottom:14px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.page-news .news-focus__card{
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:var(--lx-white);
  border:1px solid var(--news-line);
  border-radius:var(--lx-r-md);
}
.page-news .news-focus__card--lead{
  background:var(--lx-ink);
  border-color:var(--lx-ink);
  color:var(--lx-paper);
}
.page-news .news-focus__media{
  margin:0;
}
.page-news .news-focus__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.page-news .news-focus__body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px 20px 22px;
}
.page-news .news-focus__kicker{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  font-family:var(--lx-font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--lx-moss);
}
.page-news .news-focus__card--lead .news-focus__kicker{color:var(--lx-cyan);}
.page-news .news-focus__dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--lx-cyan);
  box-shadow:0 0 0 3px rgba(39,227,194,.2);
}
.page-news .news-focus__dot--amber{
  background:var(--lx-amber);
  box-shadow:0 0 0 3px rgba(255,154,60,.2);
}
.page-news .news-focus__dot--moss{
  background:var(--lx-moss);
  box-shadow:0 0 0 3px rgba(109,130,121,.2);
}
.page-news .news-focus__title{
  margin:0;
  font-size:clamp(16.5px,2vw,19px);
  line-height:1.4;
  color:var(--lx-ink);
}
.page-news .news-focus__title--lead{
  font-family:var(--lx-font-display);
  font-weight:800;
  font-size:clamp(21px,2.8vw,28px);
  line-height:1.2;
  color:var(--lx-paper);
}
.page-news .news-focus__text{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--lx-moss);
}
.page-news .news-focus__card--lead .news-focus__text{color:var(--lx-mist);}
.page-news .news-focus__cta{
  margin-top:auto;
  align-self:flex-start;
  padding-bottom:2px;
  font-family:var(--lx-font-mono);
  font-size:12.5px;
  text-decoration:none;
  color:var(--lx-ink);
  border-bottom:1px solid var(--lx-cyan);
  transition:color .18s var(--lx-ease),border-color .18s var(--lx-ease);
}
.page-news .news-focus__card--lead .news-focus__cta{color:var(--lx-amber);}
.page-news .news-focus__cta:hover,
.page-news .news-focus__cta:focus-visible{
  color:var(--lx-red);
  border-bottom-color:var(--lx-red);
}

/* ============ 通用图注 ============ */
.page-news .news-figure{
  margin:0 0 clamp(18px,2.6vw,28px);
}
.page-news .news-figure__media{
  overflow:hidden;
  border-radius:var(--lx-r-md);
  background:var(--lx-char);
}
.page-news .news-figure__media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .news-figure__cap{
  margin-top:10px;
  font-size:12.5px;
  line-height:1.7;
  color:var(--lx-moss);
}

/* ============ 列表行 ============ */
.page-news .news-list{
  display:grid;
  border-top:1px solid var(--news-line);
}
.page-news .news-row{
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:0 12px;
  padding:16px 0 18px;
  border-bottom:1px solid var(--news-line);
}
.page-news .news-row__dot{
  width:8px;
  height:8px;
  margin-top:9px;
  border-radius:50%;
  background:var(--lx-cyan);
  box-shadow:0 0 0 3px rgba(39,227,194,.18);
}
.page-news .news-row__dot--moss{
  background:var(--lx-moss);
  box-shadow:0 0 0 3px rgba(109,130,121,.18);
}
.page-news .news-row__body{min-width:0;}
.page-news .news-row__kicker{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 6px;
}
.page-news .news-row__round{
  font-family:var(--lx-font-mono);
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--lx-red);
}
.page-news .news-row__tag{
  padding:2px 9px;
  border-radius:var(--lx-r-pill);
  border:1px solid var(--news-line);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--lx-moss);
}
.page-news .news-row__title{
  margin:0 0 6px;
  font-size:clamp(16px,1.9vw,19px);
  line-height:1.45;
  color:var(--lx-ink);
}
.page-news .news-row__text{
  margin:0;
  max-width:44rem;
  font-size:14px;
  line-height:1.75;
  color:var(--lx-moss);
}
.page-news .news-link{
  display:inline-block;
  margin-top:8px;
  padding-bottom:2px;
  font-family:var(--lx-font-mono);
  font-size:12.5px;
  text-decoration:none;
  color:var(--lx-ink);
  border-bottom:1px solid var(--lx-cyan);
  transition:color .18s var(--lx-ease),border-color .18s var(--lx-ease);
}
.page-news .news-link:hover,
.page-news .news-link:focus-visible{
  color:var(--lx-red);
  border-bottom-color:var(--lx-red);
}

/* ============ 射门观察 ============ */
.page-news .news-shots{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(18px,2.6vw,30px);
  align-items:start;
}
.page-news .news-figure--shots{margin-bottom:0;}
.page-news .news-shots__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
}
.page-news .news-note{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:16px 18px 18px;
  background:var(--lx-white);
  border:1px solid var(--news-line);
  border-left:3px solid var(--lx-cyan);
  border-radius:var(--lx-r-sm);
}
.page-news .news-note--amber{border-left-color:var(--lx-amber);}
.page-news .news-note__kicker{
  margin:0;
  font-family:var(--lx-font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--lx-moss);
}
.page-news .news-note__title{
  margin:0;
  font-size:16px;
  line-height:1.4;
  color:var(--lx-ink);
}
.page-news .news-note__text{
  margin:0;
  font-size:13.5px;
  line-height:1.75;
  color:var(--lx-moss);
}

/* ============ 版本与指南 ============ */
.page-news .news-release{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(18px,2.6vw,32px);
  align-items:start;
}
.page-news .news-spec{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  border-top:1px dashed var(--news-line);
}
.page-news .news-spec__row{
  display:grid;
  gap:5px;
  padding:14px 0 15px;
  border-bottom:1px dashed var(--news-line);
}
.page-news .news-spec__key{
  font-family:var(--lx-font-mono);
  font-size:13px;
  letter-spacing:.02em;
  color:var(--lx-ink);
}
.page-news .news-spec__val{
  font-size:13.5px;
  line-height:1.75;
  color:var(--lx-moss);
}
.page-news .news-figure--release{margin-bottom:0;}

/* ============ 更新节奏 ============ */
.page-news .news-cadence{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  padding:clamp(20px,3.4vw,34px);
  background:var(--lx-char);
  color:var(--lx-paper);
  border-radius:var(--lx-r-lg);
}
.page-news .news-cadence__item{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding-top:12px;
  border-top:1px solid var(--lx-line-strong);
}
.page-news .news-cadence__num{
  font-family:var(--lx-font-mono);
  font-size:clamp(21px,2.8vw,28px);
  line-height:1.1;
  color:var(--lx-amber);
}
.page-news .news-cadence__label{
  font-size:13px;
  line-height:1.7;
  color:var(--lx-mist);
}
.page-news .news-cadence__foot{
  margin:clamp(16px,2.2vw,22px) 0 0;
  padding-left:14px;
  border-left:2px solid var(--lx-cyan);
  font-size:13.5px;
  line-height:1.8;
  color:var(--lx-moss);
}
.page-news .news-next{
  margin-top:clamp(20px,3vw,30px);
  padding:clamp(18px,2.8vw,26px);
  background:var(--lx-white);
  border:1px solid var(--news-line);
  border-radius:var(--lx-r-md);
}
.page-news .news-next__label{
  margin:0 0 12px;
  font-family:var(--lx-font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--lx-red);
}
.page-news .news-next__links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.page-news .news-next .lx-btn--ghost{
  background:transparent;
  color:var(--lx-ink);
  border:1px solid var(--news-line);
}
.page-news .news-next .lx-btn--ghost:hover,
.page-news .news-next .lx-btn--ghost:focus-visible{
  border-color:var(--lx-cyan);
  color:var(--lx-red);
}

/* ============ 断点 ============ */
@media (min-width:620px){
  .page-news .news-shots__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-news .news-cadence{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-news .news-hero__inner{
    grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  }
  .page-news .news-body{
    grid-template-columns:var(--news-rail) minmax(0,1fr);
    gap:clamp(32px,4vw,60px);
  }
  .page-news .news-rail{
    display:block;
    position:sticky;
    top:92px;
    align-self:start;
    padding-left:16px;
    border-left:2px solid var(--lx-cyan);
  }
  .page-news .news-focus{
    grid-auto-flow:row;
    grid-auto-columns:auto;
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);
    overflow:visible;
    padding-bottom:0;
  }
  .page-news .news-shots{
    grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);
  }
  .page-news .news-shots__grid{
    grid-template-columns:minmax(0,1fr);
  }
  .page-news .news-release{
    grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr);
  }
  .page-news .news-spec__row{
    grid-template-columns:150px minmax(0,1fr);
    gap:4px 18px;
    align-items:baseline;
  }
  .page-news .news-cadence{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width:1180px){
  .page-news .news-hero__meta{
    gap:18px 24px;
  }
  .page-news .news-row{
    grid-template-columns:16px minmax(0,1fr);
    padding:18px 0 20px;
  }
}