.page-news{
  background:var(--color-space);
  color:var(--color-light);
  overflow-x:clip;
}
.page-news .breadcrumb{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:1.25rem 0 0;
  font-size:.8125rem;
  font-family:var(--font-body);
  color:var(--color-muted);
}
.page-news .breadcrumb-separator{
  color:rgba(158,176,204,.4);
}
.page-news .breadcrumb-item{
  color:var(--color-muted);
  text-decoration:none;
  transition:color .25s ease;
}
.page-news .breadcrumb-item:hover{
  color:var(--color-electric);
}
.page-news .breadcrumb-item[aria-current="page"]{
  color:var(--color-electric);
}
.page-news .section-kicker{
  font-size:.75rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--color-purple);
  font-family:var(--font-heading);
  margin-bottom:.5rem;
}
.page-news .section-lead{
  font-family:var(--font-body);
  font-size:.9375rem;
  line-height:1.75;
  color:var(--color-muted);
  margin-top:.5rem;
  max-width:38rem;
}
.page-news .section-heading{
  display:flex;
  gap:1rem;
  align-items:flex-start;
  margin-bottom:2rem;
}
.page-news .chapter-number{
  font-family:var(--font-heading);
  font-size:clamp(2rem,7vw,3.25rem);
  font-weight:700;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px var(--color-electric);
  flex-shrink:0;
  margin-top:.125rem;
}
.page-news .chapter-content{
  padding-top:.25rem;
}
.page-news .section-title{
  font-family:var(--font-heading);
  font-weight:700;
  font-size:clamp(1.625rem,4.5vw,2.375rem);
  color:var(--color-light);
  line-height:1.1;
  margin:0;
}
.page-news .data-chip{
  display:inline-flex;
  align-items:center;
  padding:.25rem .625rem;
  font-size:.6875rem;
  letter-spacing:.08em;
  font-family:var(--font-heading);
  color:var(--color-electric);
  background:rgba(0,212,255,.1);
  border:1px solid rgba(0,212,255,.25);
  border-radius:999px;
  white-space:nowrap;
}

/* 页头 */
.page-news-hero{
  position:relative;
  padding:clamp(2rem,6vw,4rem) 0 1.5rem;
}
.page-news-hero::before{
  content:"";
  position:absolute;
  right:-16%;
  top:-3rem;
  width:34rem;
  height:34rem;
  background:radial-gradient(circle,rgba(155,89,182,.22) 0,transparent 68%);
  pointer-events:none;
}
.page-news-hero::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,var(--color-electric),transparent 55%);
  opacity:.35;
  pointer-events:none;
}
.page-news-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.75rem;
  align-items:end;
  position:relative;
  z-index:1;
}
.page-news-hero__heading h1{
  font-family:var(--font-heading);
  font-size:clamp(2.5rem,9vw,4.5rem);
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.02;
  margin:.5rem 0 1rem;
  color:var(--color-light);
  position:relative;
  display:inline-block;
}
.page-news-hero__heading h1::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-.375rem;
  width:58%;
  height:3px;
  background:linear-gradient(90deg,var(--color-electric),var(--color-purple));
  clip-path:polygon(0 0,100% 0,calc(100% - .625rem) 100%,0 100%);
}
.page-news-hero__stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.75rem;
}
.page-news-hero__stat{
  background:rgba(255,255,255,.04);
  border:1px solid var(--color-border);
  border-radius:var(--radius);
  padding:1rem .75rem;
  text-align:center;
  backdrop-filter:blur(6px);
  transition:border-color .3s ease,transform .3s ease;
}
.page-news-hero__stat:hover{
  border-color:rgba(0,212,255,.4);
  transform:translateY(-2px);
}
.page-news-hero__stat-num{
  display:block;
  font-family:var(--font-heading);
  font-size:1.5rem;
  font-weight:700;
  color:var(--color-electric);
  line-height:1.2;
}
.page-news-hero__stat-label{
  display:block;
  font-size:.6875rem;
  color:var(--color-muted);
  margin-top:.25rem;
  letter-spacing:.06em;
}

/* 01 最新动态 */
.page-news-feed{
  padding-top:clamp(2.5rem,7vw,5rem);
}
.page-news-feed__toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  align-items:center;
  margin-bottom:1.75rem;
  padding-bottom:1.25rem;
  border-bottom:1px solid var(--color-border);
}
.page-news-feed__toolbar-label{
  font-size:.75rem;
  font-family:var(--font-heading);
  letter-spacing:.16em;
  color:var(--color-muted);
  text-transform:uppercase;
  margin-right:.5rem;
}
.page-news-chip{
  display:inline-flex;
  align-items:center;
  padding:.375rem .875rem;
  font-size:.8125rem;
  font-family:var(--font-heading);
  color:var(--color-muted);
  text-decoration:none;
  border:1px solid var(--color-border);
  border-radius:999px;
  background:rgba(255,255,255,.02);
  transition:color .25s ease,border-color .25s ease,background .25s ease;
}
.page-news-chip:hover{
  color:var(--color-electric);
  border-color:rgba(0,212,255,.45);
  background:rgba(0,212,255,.06);
}
.page-news-card-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}
.page-news-card{
  background:rgba(255,255,255,.03);
  border:1px solid var(--color-border);
  border-radius:var(--radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.page-news-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:rgba(0,212,255,.3);
}
.page-news-card__media{
  border-radius:0;
  border-bottom:1px solid var(--color-border);
  width:100%;
}
.page-news-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-news-card__body{
  padding:1.25rem;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  flex:1;
}
.page-news-card__meta{
  display:flex;
  align-items:center;
  gap:.625rem;
  font-size:.75rem;
  color:var(--color-muted);
}
.page-news-card__time{
  font-family:var(--font-heading);
  letter-spacing:.08em;
}
.page-news-card__body h3{
  font-family:var(--font-heading);
  font-size:1.125rem;
  font-weight:700;
  color:var(--color-light);
  line-height:1.3;
  margin:0;
}
.page-news-card__summary{
  font-family:var(--font-body);
  font-size:.875rem;
  line-height:1.7;
  color:var(--color-muted);
  margin:0;
  max-height:4.75em;
  overflow:hidden;
  transition:max-height .45s ease;
}
.page-news-card:hover .page-news-card__summary,
.page-news-card:focus-within .page-news-card__summary{
  max-height:14em;
}
.page-news-card .btn{
  align-self:flex-start;
  margin-top:auto;
}
.page-news-card--accent{
  background:linear-gradient(135deg,rgba(155,89,182,.14) 0,rgba(11,29,58,.6) 60%,rgba(0,212,255,.1) 100%);
  border-color:rgba(155,89,182,.35);
  position:relative;
  justify-content:center;
}
.page-news-card--accent::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:5.5rem;
  height:5.5rem;
  background:linear-gradient(225deg,rgba(0,212,255,.2),transparent 70%);
  clip-path:polygon(100% 0,0 0,100% 100%);
}
.page-news-card--accent:hover{
  border-color:rgba(155,89,182,.6);
}
.page-news-card--accent .page-news-card__body{
  padding:clamp(1.5rem,4vw,2.5rem);
}

/* 02 专题系列 */
.page-news-series{
  padding-top:clamp(2.5rem,7vw,5rem);
}
.page-news-series__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
}
.page-news-series__feature{
  background:rgba(255,255,255,.03);
  border:1px solid var(--color-border);
  border-radius:var(--radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:border-color .3s ease,box-shadow .3s ease;
}
.page-news-series__feature:hover{
  border-color:rgba(0,212,255,.35);
  box-shadow:var(--shadow-md);
}
.page-news-series__media{
  border-radius:0;
  width:100%;
}
.page-news-series__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-news-series__body{
  padding:1.5rem;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  flex:1;
}
.page-news-series__body h3{
  font-family:var(--font-heading);
  font-size:1.375rem;
  font-weight:700;
  color:var(--color-light);
  line-height:1.25;
  margin:0;
}
.page-news-series__body p{
  font-family:var(--font-body);
  font-size:.875rem;
  line-height:1.7;
  color:var(--color-muted);
  margin:0;
}
.page-news-series__list{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.page-news-series__item{
  display:block;
  background:rgba(255,255,255,.025);
  border:1px solid var(--color-border);
  border-left:3px solid var(--color-purple);
  border-radius:.5rem;
  padding:1.125rem 1.25rem;
  text-decoration:none;
  transition:background .3s ease,border-left-color .3s ease,transform .3s ease;
}
.page-news-series__item:hover{
  background:rgba(155,89,182,.08);
  border-left-color:var(--color-electric);
  transform:translateX(4px);
}
.page-news-series__item-tag{
  display:inline-block;
  font-size:.6875rem;
  font-family:var(--font-heading);
  letter-spacing:.14em;
  color:var(--color-orange);
  margin-bottom:.5rem;
}
.page-news-series__item h4{
  font-family:var(--font-heading);
  font-size:1rem;
  font-weight:700;
  color:var(--color-light);
  line-height:1.3;
  margin:0 0 .375rem;
}
.page-news-series__item p{
  font-family:var(--font-body);
  font-size:.8125rem;
  line-height:1.65;
  color:var(--color-muted);
  margin:0;
}

/* 03 数据洞察 */
.page-news-insight{
  padding-top:clamp(2.5rem,7vw,5rem);
}
.page-news-insight__panel{
  background:var(--color-light);
  border-radius:calc(var(--radius) + .25rem);
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr;
  box-shadow:var(--shadow-md);
  color:var(--color-ink);
}
.page-news-insight__chart{
  padding:1.25rem;
  background:linear-gradient(135deg,rgba(0,212,255,.06),rgba(155,89,182,.06));
  border-bottom:1px solid rgba(17,24,39,.08);
}
.page-news-insight__chart-media{
  border-radius:var(--radius);
  overflow:hidden;
  width:100%;
}
.page-news-insight__chart-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-news-insight__chart-note{
  font-size:.75rem;
  color:var(--color-muted);
  text-align:right;
  margin:.625rem 0 0;
  font-family:var(--font-body);
}
.page-news-insight__content{
  padding:1.75rem 1.5rem;
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}
.page-news-insight__content h3{
  font-family:var(--font-heading);
  font-size:1.375rem;
  font-weight:700;
  color:var(--color-ink);
  margin:0;
  line-height:1.25;
}
.page-news-insight__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1rem;
}
.page-news-insight__item{
  background:rgba(255,255,255,.85);
  border:1px solid rgba(17,24,39,.08);
  border-radius:.625rem;
  padding:1rem 1.125rem;
  transition:border-color .3s ease,box-shadow .3s ease;
}
.page-news-insight__item:hover{
  border-color:rgba(0,212,255,.5);
  box-shadow:0 .25rem 1rem rgba(0,0,0,.08);
}
.page-news-insight__label{
  display:block;
  font-family:var(--font-heading);
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-purple);
  margin-bottom:.25rem;
}
.page-news-insight__value{
  display:inline-block;
  font-family:var(--font-heading);
  font-size:1.625rem;
  font-weight:700;
  color:var(--color-ink);
  line-height:1.1;
  margin-bottom:.25rem;
}
.page-news-insight__item p{
  font-family:var(--font-body);
  font-size:.8125rem;
  line-height:1.6;
  color:var(--color-muted);
  margin:0;
}
.page-news-insight__content .btn{
  align-self:flex-start;
}

/* 底部联系 CTA */
.page-news-cta{
  padding:clamp(2.5rem,6vw,4rem) 0 clamp(3rem,8vw,5rem);
}
.page-news-cta p{
  font-family:var(--font-body);
  font-size:.9375rem;
  line-height:1.75;
  color:var(--color-muted);
  background:rgba(255,255,255,.03);
  border:1px solid var(--color-border);
  border-left:3px solid var(--color-orange);
  border-radius:.625rem;
  padding:1.25rem 1.5rem;
  margin:0;
}
.page-news-cta a{
  color:var(--color-electric);
  text-decoration:none;
  border-bottom:1px solid rgba(0,212,255,.4);
  transition:color .25s ease,border-color .25s ease;
}
.page-news-cta a:hover{
  color:var(--color-orange);
  border-bottom-color:var(--color-orange);
}

/* 桌面端 */
@media (min-width:768px){
  .page-news-hero__grid{
    grid-template-columns:1.35fr .9fr;
    gap:3rem;
  }
  .page-news-hero__stats{
    margin-bottom:.375rem;
  }
  .page-news-hero__stat-num{
    font-size:1.75rem;
  }
  .page-news-card-grid{
    grid-template-columns:repeat(2,1fr);
    gap:1.5rem;
  }
  .page-news-card--accent{
    grid-column:1/-1;
    min-height:auto;
  }
  .page-news-card--accent .page-news-card__body{
    padding:2.25rem 2.5rem;
  }
  .page-news-card--accent .page-news-card__summary{
    max-width:52rem;
  }
  .page-news-series__grid{
    grid-template-columns:1.1fr .9fr;
    gap:2rem;
    align-items:stretch;
  }
  .page-news-insight__panel{
    grid-template-columns:1.15fr .85fr;
  }
  .page-news-insight__chart{
    padding:1.5rem;
    border-bottom:0;
    border-right:1px solid rgba(17,24,39,.08);
  }
  .page-news-insight__content{
    padding:2.25rem 2rem;
  }
  .page-news-cta p{
    max-width:48rem;
  }
}

@media (min-width:1200px){
  .page-news-card:hover .page-news-card__summary{
    max-height:14em;
  }
}
