.page-news{
  position:relative;
  background:transparent;
  padding-bottom:4rem;
}

/* 面包屑 */
.page-news .crumbs{
  margin:0 0 1.5rem;
  padding:.6rem 0;
  border-bottom:1px solid var(--color-line);
  font-family:var(--font-data);
  font-size:.8rem;
  color:var(--color-fog);
}
.page-news .crumbs a{
  color:var(--color-fog);
  text-decoration:none;
  transition:color .2s ease;
}
.page-news .crumbs a:hover{
  color:var(--color-orange);
}
.page-news .crumbs .sep{
  margin:0 .6rem;
}

/* 首页封面区 */
.page-news .news-hero{
  position:relative;
  padding:1rem 0 2rem;
  border-bottom:2px solid var(--color-line);
  margin-bottom:3rem;
}
.page-news .news-hero::before{
  content:"";
  display:block;
  width:100%;
  height:4px;
  background:linear-gradient(90deg, var(--color-orange) 0%, var(--color-lime) 100%);
  margin-bottom:1.5rem;
}
.page-news .news-hero__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  margin-bottom:1.25rem;
}
.page-news .news-hero__title{
  font-size:clamp(1.9rem,5vw,3.4rem);
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.02em;
  color:var(--color-paper);
  margin:0 0 1rem;
}
.page-news .news-hero__lead{
  max-width:46em;
  margin:0 0 1.75rem;
  padding-left:1rem;
  border-left:3px solid var(--color-orange);
  font-size:1rem;
  line-height:1.8;
  color:var(--color-fog);
}
.page-news .news-hero__index{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 2rem;
}
.page-news .news-hero__index a{
  font-family:var(--font-data);
  font-size:.8rem;
  letter-spacing:.06em;
  color:var(--color-paper);
  text-decoration:none;
  border-bottom:1px solid transparent;
  padding:.25rem 0;
  transition:color .2s,border-color .2s;
}
.page-news .news-hero__index a:hover{
  color:var(--color-lime);
  border-color:var(--color-lime);
}

/* 章节标题体系 */
.page-news .section-heading{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:2rem;
  padding-bottom:1rem;
  border-bottom:2px solid var(--color-line);
}
.page-news .section-heading__num{
  font-family:var(--font-data);
  font-size:2.2rem;
  font-weight:700;
  line-height:1;
  color:var(--color-orange);
  letter-spacing:-.04em;
}
.page-news .section-heading__text h2{
  font-size:1.35rem;
  font-weight:700;
  color:var(--color-paper);
  margin:0 0 .25rem;
}
.page-news .section-heading__sub{
  margin:0;
  font-size:.85rem;
  color:var(--color-fog);
  font-family:var(--font-data);
}

/* 头条焦点 */
.page-news .news-featured{
  margin-bottom:4rem;
}
.page-news .featured-card{
  position:relative;
  display:grid;
  gap:0;
  border:2px solid var(--color-line);
  box-shadow:var(--shadow);
  background:var(--color-ink-2);
  margin-top:2rem;
}
.page-news .featured-card__media{
  width:100%;
  height:auto;
  display:block;
  border-bottom:2px solid var(--color-line);
}
.page-news .featured-card__content{
  padding:1.5rem;
  display:grid;
  gap:1rem;
  align-content:end;
  background:var(--color-ink-2);
}
.page-news .featured-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
}
.page-news .featured-card__meta .text-data{
  font-size:.8rem;
  color:var(--color-fog);
}
.page-news .featured-card__title{
  font-size:clamp(1.4rem,3.2vw,2rem);
  line-height:1.25;
  font-weight:800;
  color:var(--color-paper);
  margin:0;
}
.page-news .featured-card__desc{
  margin:0;
  font-size:.95rem;
  line-height:1.75;
  color:var(--color-fog);
}
.page-news .featured-card__content .btn{
  justify-self:start;
}

/* 筛选按钮 */
.page-news .news-filter{
  display:flex;
  flex-wrap:nowrap;
  gap:.5rem;
  overflow-x:auto;
  padding:.25rem .25rem .75rem;
  margin:-.25rem -.25rem .75rem;
}
.page-news .filter-btn{
  flex:0 0 auto;
  font-family:var(--font-data);
  font-size:.8rem;
  letter-spacing:.06em;
  padding:.55rem .9rem;
  border:2px solid var(--color-line);
  background:transparent;
  color:var(--color-fog);
  cursor:pointer;
  transition:all .2s ease;
  text-align:center;
}
.page-news .filter-btn:hover{
  border-color:var(--color-orange);
  color:var(--color-paper);
}
.page-news .filter-btn.is-active{
  border-color:var(--color-lime);
  color:var(--color-lime);
  background:rgba(232,241,77,.08);
}

/* 筛选区横幅 */
.page-news .news-banner{
  position:relative;
  display:grid;
  border:2px solid var(--color-line);
  overflow:hidden;
  margin:1.5rem 0;
}
.page-news .news-banner__img{
  width:100%;
  height:auto;
  display:block;
}
.page-news .news-banner__overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:.25rem;
  padding:1.25rem;
  background:linear-gradient(to top,rgba(10,17,40,.92) 0%,rgba(10,17,40,.35) 55%,transparent 100%);
}
.page-news .news-banner__overlay .coord{
  font-size:.75rem;
  margin-bottom:.25rem;
}
.page-news .news-banner__overlay p{
  margin:0;
  font-size:.9rem;
  line-height:1.6;
  color:var(--color-paper);
  max-width:38em;
}

/* 主内容双栏 */
.page-news .news-layout{
  display:grid;
  gap:2rem;
  margin-top:1rem;
}

/* 文章列表 */
.page-news .news-list{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.page-news .news-card{
  position:relative;
  display:grid;
  grid-template-columns:2.4rem 1fr;
  gap:.5rem 1rem;
  padding:1rem;
  background:var(--color-ink-2);
  border:2px solid var(--color-line);
  transition:transform .2s ease,box-shadow .2s ease;
  margin:0;
}
.page-news .news-card:hover{
  transform:translateY(-4px) rotate(.35deg);
  box-shadow:var(--shadow);
}
.page-news .news-card__num{
  font-family:var(--font-data);
  font-size:2rem;
  font-weight:700;
  line-height:1;
  color:var(--color-orange);
  opacity:.85;
}
.page-news .news-card__body{
  min-width:0;
}
.page-news .news-card__cat{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:.5rem;
}
.page-news .news-card__cat .text-data{
  font-size:.75rem;
  color:var(--color-fog);
  letter-spacing:.04em;
}
.page-news .news-card__body h3{
  font-size:1.05rem;
  line-height:1.45;
  font-weight:700;
  color:var(--color-paper);
  margin:0 0 .5rem;
}
.page-news .news-card__body p{
  margin:0;
  font-size:.88rem;
  line-height:1.65;
  color:var(--color-fog);
}
.page-news .news-card--thumb{
  grid-template-columns:2.4rem 4.25rem 1fr;
  align-items:start;
}
.page-news .news-card--thumb .news-card__thumb{
  grid-column:2;
  width:100%;
  height:auto;
  display:block;
  border:1px solid var(--color-line);
}
.page-news .news-card--thumb .news-card__body{
  grid-column:3;
}

/* 侧栏 */
.page-news .news-side{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.page-news .side-card{
  border:2px solid var(--color-line);
  padding:1rem;
  background:var(--color-ink-2);
}
.page-news .side-card__head{
  margin-bottom:1rem;
  padding-bottom:.6rem;
  border-bottom:1px solid var(--color-line);
}
.page-news .side-card__head .text-data{
  display:block;
  font-size:.75rem;
  letter-spacing:.1em;
  color:var(--color-orange);
  margin-bottom:.35rem;
}
.page-news .side-card__head h3{
  margin:0;
  font-size:1.05rem;
  color:var(--color-paper);
  font-weight:700;
}
.page-news .version-list{
  list-style:none;
  margin:0 0 1rem;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.8rem;
}
.page-news .version-list li{
  display:flex;
  gap:.6rem;
  font-size:.85rem;
}
.page-news .version-list .text-data{
  font-size:.78rem;
  color:var(--color-lime);
  white-space:nowrap;
}
.page-news .version-list p{
  margin:0;
  color:var(--color-fog);
  line-height:1.5;
}
.page-news .stat-list{
  list-style:none;
  margin:0 0 1rem;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.page-news .stat-list li{
  border:1px solid var(--color-line);
  padding:.75rem;
  text-align:center;
}
.page-news .stat-list strong{
  display:block;
  font-family:var(--font-data);
  font-size:1.35rem;
  font-weight:700;
  color:var(--color-orange);
}
.page-news .stat-list span{
  font-size:.8rem;
  color:var(--color-fog);
}
.page-news .btn-ghost{
  justify-self:start;
}

/* 赛季专题 */
.page-news .news-seasonal{
  margin-top:4rem;
}
.page-news .season-grid{
  display:grid;
  gap:1.5rem;
}
.page-news .season-card{
  display:grid;
  border:2px solid var(--color-line);
  background:var(--color-ink-2);
  box-shadow:var(--shadow);
}
.page-news .season-card__media{
  width:100%;
  height:auto;
  display:block;
  border-bottom:2px solid var(--color-line);
}
.page-news .season-card__content{
  padding:1.5rem;
  display:grid;
  align-content:start;
  gap:.75rem;
}
.page-news .season-card__content h3{
  font-size:1.25rem;
  line-height:1.4;
  font-weight:700;
  color:var(--color-paper);
  margin:0;
}
.page-news .season-card__content p{
  margin:0;
  font-size:.9rem;
  line-height:1.7;
  color:var(--color-fog);
}
.page-news .season-card__content .btn{
  justify-self:start;
}
.page-news .season-list{
  display:grid;
  gap:.75rem;
}
.page-news .season-list__item{
  display:flex;
  gap:1rem;
  padding:1rem;
  border:2px solid var(--color-line);
  background:var(--color-ink-2);
  transition:transform .2s ease,box-shadow .2s ease;
}
.page-news .season-list__item:hover{
  transform:translateX(4px);
  box-shadow:var(--shadow);
}
.page-news .season-list__num{
  font-family:var(--font-data);
  font-size:1.2rem;
  font-weight:700;
  color:var(--color-lime);
  min-width:2.5rem;
}
.page-news .season-list__item h4{
  margin:0 0 .4rem;
  font-size:.95rem;
  color:var(--color-paper);
  font-weight:700;
}
.page-news .season-list__item p{
  margin:0;
  font-size:.85rem;
  line-height:1.6;
  color:var(--color-fog);
}

/* 桌面端增强 */
@media (min-width: 768px){
  .page-news .news-layout{
    grid-template-columns:minmax(0,1fr) 17rem;
    gap:2rem;
  }
  .page-news .featured-card{
    grid-template-columns:1.35fr 1fr;
    align-items:stretch;
  }
  .page-news .featured-card__media{
    height:100%;
    object-fit:cover;
    border-bottom:0;
    border-right:2px solid var(--color-line);
  }
  .page-news .featured-card__content{
    padding:2.5rem;
  }
  .page-news .season-grid{
    grid-template-columns:1.1fr .9fr;
    align-items:start;
  }
  .page-news .news-filter{
    flex-wrap:wrap;
    overflow:visible;
  }
  .page-news .news-hero__lead{
    font-size:1.05rem;
  }
}