.page-news{
  --news-primary:#FF2A6D;
  --news-secondary:#05D9E8;
  --news-deep:#0B0A13;
  --news-violet:#6A4C93;
  --news-rose:#B9375E;
  --news-text:#F8F0E5;
  --news-warn:#FF9F1C;
  --news-success:#2DE14B;
  --news-glass:rgba(255,255,255,0.08);
  --news-line:rgba(5,217,232,0.3);
  --news-shadow:0 0 24px rgba(255,42,109,0.25);
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(ellipse at 85% 5%,rgba(255,42,109,0.13),transparent 40%),
    radial-gradient(ellipse at 5% 65%,rgba(5,217,232,0.07),transparent 35%),
    linear-gradient(180deg,var(--clr-bg,#2E1A47) 0%,var(--clr-bg-deep,#0B0A13) 100%);
}
.page-news .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  font-size:var(--fs-small,.875rem);
  color:rgba(248,240,229,.65);
}
.page-news .breadcrumb__link{
  color:var(--news-secondary);
  text-decoration:none;
  transition:color .2s ease;
}
.page-news .breadcrumb__link:hover{
  color:var(--news-text);
  text-decoration:underline;
}
.page-news .breadcrumb__sep{
  opacity:.5;
}
.page-news .breadcrumb__current{
  color:rgba(248,240,229,.9);
}
.page-news .tag{
  font-size:.75rem;
  letter-spacing:.08em;
}
.page-news .btn--sm{
  align-self:flex-start;
  padding:.6rem 1.1rem;
  font-size:.8125rem;
}
.page-news .news-cover{
  position:relative;
  padding:2.5rem 0 4rem;
}
.page-news .news-cover__inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:2rem;
}
.page-news .news-cover__main{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1.4rem;
}
.page-news .news-cover__tags{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.page-news .news-cover__title{
  margin:0;
  font-family:var(--font-display);
  font-size:var(--fs-h1,2.8rem);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:var(--ls-display,.05em);
  line-height:1.08;
  color:var(--news-text);
  text-shadow:0 0 26px rgba(255,42,109,.32);
}
.page-news .news-cover__subline{
  display:block;
  margin-top:.8rem;
  font-size:1.25rem;
  letter-spacing:.14em;
  color:var(--news-primary);
  text-transform:uppercase;
}
.page-news .news-cover__lead{
  margin:0;
  max-width:36em;
  line-height:1.8;
  color:rgba(248,240,229,.76);
  font-size:1rem;
}
.page-news .news-cover__stats{
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem;
  border:2px solid var(--news-secondary);
  background:rgba(5,217,232,.06);
  padding:1rem 1.25rem;
  width:100%;
}
.page-news .news-cover__stat{
  display:flex;
  flex-direction:column;
  gap:.25rem;
}
.page-news .news-cover__stat strong{
  font-family:var(--font-display);
  font-size:1.35rem;
  font-weight:900;
  color:var(--news-primary);
}
.page-news .news-cover__stat span{
  font-size:.8125rem;
  color:rgba(248,240,229,.68);
  letter-spacing:.04em;
}
.page-news .news-cover__media{
  position:relative;
  border:3px solid var(--news-secondary);
  box-shadow:10px 10px 0 rgba(255,42,109,.35);
  transform:rotate(1.5deg);
  overflow:hidden;
}
.page-news .news-cover__media::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,42,109,.14),transparent 45%,rgba(5,217,232,.1));
  pointer-events:none;
  z-index:1;
}
.page-news .news-cover__img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .news-cover__coords{
  position:absolute;
  right:1rem;
  bottom:1rem;
  z-index:2;
  font-family:var(--font-display);
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--news-deep);
  background:var(--news-secondary);
  padding:.4rem .75rem;
  transform:rotate(-2deg);
  box-shadow:4px 4px 0 rgba(11,10,19,.7);
  border:1px solid transparent;
}
.page-news .news-latest{
  padding:3rem 0 1rem;
}
.page-news .news-latest__head{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  margin-bottom:2.5rem;
}
.page-news .news-latest__tabs{
  display:flex;
  gap:.625rem;
  overflow-x:auto;
  padding-bottom:.5rem;
  scrollbar-width:thin;
  scrollbar-color:var(--news-primary) rgba(255,255,255,.08);
  -webkit-overflow-scrolling:touch;
}
.page-news .news-latest__tab{
  flex:0 0 auto;
  font-family:var(--font-display);
  font-size:.8125rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--news-text);
  background:rgba(5,217,232,.06);
  border:2px solid var(--news-secondary);
  padding:.5rem 1rem;
  cursor:pointer;
  transition:background-color .2s ease,box-shadow .2s ease,color .2s ease;
}
.page-news .news-latest__tab:hover{
  background:rgba(5,217,232,.18);
  box-shadow:0 0 14px rgba(5,217,232,.35);
}
.page-news .news-latest__tab.is-active{
  background:var(--news-secondary);
  color:var(--news-deep);
  box-shadow:0 0 18px rgba(5,217,232,.5);
}
.page-news .news-latest__list{
  display:grid;
  grid-template-columns:1fr;
  gap:1.75rem;
}
.page-news .news-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:1.5rem;
  border:2px solid var(--news-line);
  background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(11,10,19,.82) 100%);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.page-news .news-card:hover{
  transform:translateY(-4px);
  border-color:var(--news-primary);
  box-shadow:0 0 0 1px rgba(255,42,109,.3),0 14px 30px rgba(0,0,0,.45);
}
.page-news .news-card__media{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(5,217,232,.25);
  aspect-ratio:2/1;
}
.page-news .news-card__media::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(46,26,71,.32),transparent 62%);
  pointer-events:none;
  z-index:1;
}
.page-news .news-card__img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
.page-news .news-card:hover .news-card__img{
  transform:scale(1.02);
}
.page-news .news-card__num{
  position:absolute;
  top:.75rem;
  right:.75rem;
  z-index:2;
  font-family:var(--font-display);
  font-size:.75rem;
  font-weight:900;
  padding:.25rem .5rem;
  color:var(--news-secondary);
  background:var(--news-deep);
  border:1px solid var(--news-secondary);
  opacity:.9;
}
.page-news .news-card__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.8rem;
}
.page-news .news-card__time{
  font-family:var(--font-display);
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(248,240,229,.55);
  border-bottom:1px solid rgba(255,255,255,.15);
  padding-bottom:.75rem;
  display:inline-block;
}
.page-news .news-card__tags{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.page-news .news-card__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.25rem;
  font-weight:800;
  line-height:1.35;
  color:var(--news-text);
}
.page-news .news-card__summary{
  margin:0;
  font-size:.9375rem;
  line-height:1.75;
  color:rgba(248,240,229,.74);
}
.page-news .news-card__cta{
  margin-top:auto;
}
.page-news .news-card--f{
  padding:0;
  border-color:rgba(178,55,94,.5);
}
.page-news .news-card--f .news-card__media{
  aspect-ratio:16/9;
}
.page-news .news-card--f .news-card__content{
  padding:1.5rem;
}
.page-news .news-features{
  padding:3rem 0 2rem;
}
.page-news .news-features__head{
  display:flex;
  flex-direction:column;
  gap:.75rem;
  margin-bottom:2.25rem;
}
.page-news .news-features__lead{
  margin:0;
  color:rgba(248,240,229,.7);
  font-size:.9375rem;
  line-height:1.7;
  max-width:34em;
}
.page-news .news-features__track{
  display:grid;
  gap:1.75rem;
}
.page-news .news-feature{
  position:relative;
  padding:1.75rem 1.5rem 1.5rem;
  border:2px solid var(--news-line);
  background:linear-gradient(145deg,rgba(255,42,109,.14),rgba(46,26,71,.6) 62%);
  overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.page-news .news-feature::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent 45%,rgba(5,217,232,.1));
  pointer-events:none;
}
.page-news .news-feature:hover{
  border-color:var(--news-secondary);
  box-shadow:0 0 0 1px rgba(5,217,232,.3),0 14px 32px rgba(0,0,0,.42);
}
.page-news .news-feature__content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.85rem;
}
.page-news .news-feature__flag{
  font-family:var(--font-display);
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--news-primary);
  border:1px solid var(--news-primary);
  padding:.3rem .65rem;
}
.page-news .news-feature__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.375rem;
  font-weight:900;
  line-height:1.2;
  color:var(--news-text);
  text-shadow:0 0 18px rgba(255,42,109,.3);
}
.page-news .news-feature__desc{
  margin:0;
  font-size:.9375rem;
  line-height:1.8;
  color:rgba(248,240,229,.78);
}
.page-news .news-subscription{
  padding:3rem 0 4.5rem;
}
.page-news .news-subscription__panel{
  position:relative;
  display:grid;
  gap:2.25rem;
  padding:2rem 1.25rem 1.75rem;
  border:3px solid var(--news-warn);
  background:linear-gradient(135deg,rgba(255,159,28,.1),rgba(11,10,19,.78));
  box-shadow:0 0 0 1px rgba(255,159,28,.2),10px 10px 0 rgba(255,159,28,.16);
  overflow:hidden;
}
.page-news .news-subscription__panel::before{
  content:'订阅接口 · 当季说明';
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:1;
  font-family:var(--font-display);
  font-size:.625rem;
  letter-spacing:.18em;
  color:rgba(255,159,28,.65);
  border:1px solid rgba(255,159,28,.45);
  padding:.25rem .55rem;
  transform:rotate(3deg);
  background:rgba(11,10,19,.4);
}
.page-news .news-subscription__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1.25rem;
}
.page-news .news-subscription__lead{
  margin:0;
  color:rgba(248,240,229,.78);
  line-height:1.8;
  font-size:.9375rem;
  max-width:32em;
}
.page-news .news-subscription__points{
  display:grid;
  gap:1.25rem;
  width:100%;
}
.page-news .news-subscription__point{
  display:flex;
  gap:.875rem;
  align-items:flex-start;
}
.page-news .news-subscription__point h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1rem;
  font-weight:800;
  color:var(--news-text);
}
.page-news .news-subscription__point p{
  margin:0;
  font-size:.9375rem;
  line-height:1.75;
  color:rgba(248,240,229,.76);
}
.page-news .news-subscription__point .legend__dot{
  flex:0 0 auto;
  width:10px;
  height:10px;
  margin-top:.45rem;
  border-radius:50%;
}
.page-news .news-subscription__visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.25rem;
  border:2px solid rgba(255,159,28,.45);
  background:rgba(11,10,19,.35);
  transform:rotate(-1.5deg);
}
.page-news .news-subscription__visual::after{
  content:'S-INDEX 03';
  position:absolute;
  right:.75rem;
  bottom:.75rem;
  font-family:var(--font-display);
  font-size:.625rem;
  letter-spacing:.16em;
  color:var(--news-warn);
  opacity:.8;
  border:1px solid rgba(255,159,28,.35);
  padding:.2rem .45rem;
  background:rgba(11,10,19,.5);
}
.page-news .news-subscription__img{
  display:block;
  width:100%;
  max-width:300px;
  height:auto;
  object-fit:cover;
  border:1px solid rgba(255,159,28,.3);
}
@media (min-width:768px){
  .page-news .news-cover__inner{
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:2.5rem;
  }
  .page-news .news-cover__media{
    transform:rotate(2.5deg);
  }
  .page-news .news-latest__list{
    grid-template-columns:repeat(2,1fr);
    align-items:start;
  }
  .page-news .news-card--a,
  .page-news .news-card--f{
    grid-column:1 / -1;
  }
  .page-news .news-card--f{
    flex-direction:row;
    align-items:stretch;
  }
  .page-news .news-card--f .news-card__media{
    flex:0 0 42%;
    aspect-ratio:auto;
  }
  .page-news .news-card--f .news-card__content{
    flex:1;
    padding:1.75rem 1.5rem;
  }
  .page-news .news-features__track{
    grid-template-columns:repeat(2,1fr);
    gap:2rem;
  }
  .page-news .news-feature:nth-child(2){
    transform:translateY(1.75rem);
  }
}
@media (min-width:900px){
  .page-news .news-subscription__panel{
    grid-template-columns:1.35fr .65fr;
    align-items:center;
    padding:2.5rem;
  }
}
@media (min-width:1100px){
  .page-news .news-latest__list{
    grid-template-columns:repeat(12,1fr);
  }
  .page-news .news-card--a{
    grid-column:span 7;
  }
  .page-news .news-card--b{
    grid-column:span 5;
    margin-top:4rem;
  }
  .page-news .news-card--c{
    grid-column:span 5;
  }
  .page-news .news-card--d{
    grid-column:span 4;
    margin-top:2.5rem;
  }
  .page-news .news-card--e{
    grid-column:span 3;
    margin-top:1rem;
  }
  .page-news .news-card--f{
    grid-column:1 / -1;
  }
  .page-news .news-features__track{
    grid-template-columns:repeat(3,1fr);
  }
  .page-news .news-feature:nth-child(3){
    transform:translateY(.75rem);
  }
}