.page-news{
  --news-w:44rem;
  position:relative;
  overflow-x:clip;
  padding-block:clamp(16px,3vw,30px) clamp(56px,9vw,110px);
  background:
    radial-gradient(90% 42% at 88% 0%, rgba(122,60,255,.30), transparent 65%),
    radial-gradient(70% 36% at 2% 20%, rgba(43,230,214,.12), transparent 70%),
    var(--abyss);
  color:var(--ink);
  font-family:var(--font-body);
}

.page-news .crumbs ol{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  margin:0;
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-dim);
}
.page-news .crumbs li+li::before{
  content:"/";
  margin-right:.5rem;
  color:var(--line-strong);
}
.page-news .crumbs a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease), border-color .18s var(--ease);
}
.page-news .crumbs a:hover,
.page-news .crumbs a:focus-visible{
  color:var(--neon);
  border-bottom-color:var(--neon);
}

/* ---------- 首屏 ---------- */
.page-news .news-hero{
  position:relative;
  padding-block:clamp(22px,4vw,42px) clamp(30px,5vw,56px);
}
.page-news .news-hero::before{
  content:"";
  position:absolute;
  inset:8% -18% auto -12%;
  height:min(38vh,300px);
  background:linear-gradient(90deg, transparent, rgba(122,60,255,.55), rgba(43,230,214,.28), transparent);
  transform:rotate(var(--angle));
  filter:blur(34px);
  opacity:.65;
  pointer-events:none;
  z-index:0;
}
.page-news .news-hero__inner{
  position:relative;
  z-index:1;
}
.page-news .news-hero__title{
  margin:.5rem 0 0;
  max-width:18em;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(34px,7vw,80px);
  line-height:1.03;
  letter-spacing:-.02em;
  color:var(--paper);
  text-shadow:0 0 44px rgba(122,60,255,.45);
}
.page-news .news-hero__lead{
  max-width:36rem;
  margin:clamp(16px,2.4vw,24px) 0 0;
  font-size:clamp(16px,1.6vw,18px);
  line-height:1.8;
  color:var(--ink-soft);
}
.page-news .news-hero__acts{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:clamp(20px,3vw,30px);
}
.page-news .news-hero__media{
  margin:clamp(28px,4.5vw,52px) 0 0;
}
.page-news .frame{
  position:relative;
  display:block;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(150deg, var(--deep), var(--abyss));
  box-shadow:0 26px 60px -32px rgba(43,230,214,.35);
}
.page-news .frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-news .frame--wide{aspect-ratio:10 / 3;}
.page-news .frame--tall{aspect-ratio:4 / 3;}

/* ---------- 条目流 ---------- */
.page-news .news-stream{
  position:relative;
  padding-block:clamp(28px,4vw,48px) clamp(30px,5vw,60px);
}
.page-news .news-stream .wrap{
  position:relative;
}
.page-news .news-stream__lead{
  max-width:36rem;
  margin:.6rem 0 0;
  color:var(--ink-soft);
  line-height:1.75;
}
.page-news .news-stream .section__title{
  margin-top:.4rem;
}

@media (min-width:1180px){
  .page-news .news-stream .wrap::before,
  .page-news .news-stream .wrap::after{
    content:"";
    position:absolute;
    top:clamp(150px,15vw,210px);
    bottom:60px;
    width:120px;
    background-image:repeating-linear-gradient(180deg, rgba(159,179,217,.42) 0 1px, transparent 1px 16px);
    opacity:.45;
    pointer-events:none;
  }
  .page-news .news-stream .wrap::before{left:0;}
  .page-news .news-stream .wrap::after{right:0;}
}

.page-news .tagbar{
  margin:clamp(20px,3vw,30px) 0 clamp(26px,4vw,42px);
}
.page-news .tagbar__list{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:0;
  padding:0;
  list-style:none;
}
.page-news .tagbar__tag{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .9rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  font-size:13px;
  letter-spacing:.02em;
  color:var(--ink-soft);
  text-decoration:none;
  transition:color .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);
}
.page-news .tagbar__tag:hover,
.page-news .tagbar__tag:focus-visible{
  color:var(--paper);
  border-color:var(--neon);
  box-shadow:0 0 0 1px rgba(43,230,214,.45), 0 0 20px rgba(43,230,214,.28);
}
.page-news .tagbar__tag.is-on{
  border-color:transparent;
  background:linear-gradient(100deg, var(--volt), var(--violet));
  color:#fff;
}
.page-news .tagbar__count{
  font-size:12px;
  color:var(--neon);
}
.page-news .tagbar__tag.is-on .tagbar__count{
  color:var(--paper);
}

.page-news .news-flow{
  position:relative;
  max-width:var(--news-w);
  margin-inline:auto;
}
.page-news .news-group{
  margin-bottom:clamp(28px,4vw,46px);
}
.page-news .news-group__title{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin:0 0 .85rem;
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--mist);
}
.page-news .news-group__num{
  display:inline-block;
  padding:.1rem .45rem;
  border:1px solid rgba(43,230,214,.5);
  border-radius:4px;
  color:var(--neon);
  font-size:12px;
}
.page-news .entry-list{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}

.page-news .news-group--split{
  display:grid;
  gap:clamp(18px,3vw,28px);
}
@media (min-width:900px){
  .page-news .news-group--split{
    grid-template-columns:minmax(0,1fr) minmax(0,260px);
    align-items:start;
  }
  .page-news .news-group__media{
    position:sticky;
    top:calc(var(--head-h) + 20px);
  }
}

/* 条目卡片 */
.page-news .entry{
  position:relative;
  background:linear-gradient(158deg, rgba(10,33,72,.94), rgba(4,18,42,.92));
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);
  will-change:transform;
}
.page-news .entry::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:100%;
  background:linear-gradient(180deg, var(--volt), var(--neon));
  opacity:.85;
}
.page-news .entry--flag::after{background:linear-gradient(180deg, var(--coral), var(--volt));}
.page-news .entry:hover{
  transform:translateY(-4px);
  border-color:rgba(43,230,214,.55);
  box-shadow:0 20px 42px -22px rgba(43,230,214,.4);
}
@media (min-width:1024px){
  .page-news .entry--wide{
    margin-inline:-52px;
  }
  .page-news .entry--wide .entry__title{
    font-size:25px;
  }
}

.page-news .entry__h{margin:0;}
.page-news .entry__btn{
  display:grid;
  gap:.5rem;
  width:100%;
  padding:clamp(16px,2.4vw,22px) clamp(52px,6vw,68px) clamp(16px,2.4vw,22px) clamp(16px,2.6vw,26px);
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.page-news .entry__btn:focus-visible{
  outline:2px solid var(--neon);
  outline-offset:-2px;
}
.page-news .entry__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
}
.page-news .entry__tag{
  padding:.26rem .58rem;
  border:1px solid rgba(122,60,255,.55);
  border-radius:4px;
  background:rgba(122,60,255,.20);
  color:#cdb8ff;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
}
.page-news .entry__tag--event{
  border-color:rgba(255,107,74,.55);
  background:rgba(255,107,74,.16);
  color:#ffb9a6;
}
.page-news .entry__tag--catalog{
  border-color:rgba(43,230,214,.55);
  background:rgba(43,230,214,.14);
  color:#9df4ea;
}
.page-news .entry__tag--data{
  border-color:rgba(255,209,102,.55);
  background:rgba(255,209,102,.14);
  color:#ffe3a3;
}
.page-news .entry__tag--service{
  border-color:rgba(14,140,110,.7);
  background:rgba(14,140,110,.2);
  color:#8fe3cc;
}
.page-news .entry__batch{
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mist);
}
.page-news .entry__badge{
  padding:.22rem .5rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--ink-dim);
}
.page-news .entry__badge--live{
  border-color:rgba(43,230,214,.65);
  color:var(--neon);
}
.page-news .entry__badge--running{
  border-color:rgba(255,107,74,.65);
  color:var(--coral);
}
.page-news .entry__title{
  display:block;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(18px,2.2vw,22px);
  line-height:1.38;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-news .entry__sum{
  display:block;
  font-size:15px;
  line-height:1.7;
  color:var(--ink-soft);
}
.page-news .entry__mark{
  position:absolute;
  top:clamp(18px,2.6vw,24px);
  right:clamp(16px,2.6vw,24px);
  width:16px;
  height:16px;
}
.page-news .entry__mark::before,
.page-news .entry__mark::after{
  content:"";
  position:absolute;
  background:var(--neon);
  transition:transform .3s var(--ease), opacity .3s var(--ease);
}
.page-news .entry__mark::before{
  top:7px;left:0;width:16px;height:2px;
}
.page-news .entry__mark::after{
  top:0;left:7px;width:2px;height:16px;
}
.page-news .entry__btn[aria-expanded="true"] .entry__mark::after{
  transform:scaleY(0);
  opacity:0;
}

/* 展开面板 */
.page-news .news-flow .acc__panel{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .36s var(--ease);
}
.page-news .news-flow .acc__btn[aria-expanded="true"] + .acc__panel{
  grid-template-rows:1fr;
}
.page-news .news-flow .acc__panel .acc__inner{
  overflow:hidden;
  padding-inline:clamp(16px,2.6vw,26px);
}
.page-news .news-flow .acc__panel .acc__inner > *{
  margin:0 0 .7rem;
  font-size:15px;
  line-height:1.8;
  color:var(--ink-soft);
}
.page-news .news-flow .acc__panel .acc__inner > *:last-child{
  margin-bottom:clamp(16px,2.4vw,22px);
}
.page-news .entry__facts{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .9rem;
  margin:.2rem 0 0;
  padding:0;
  list-style:none;
}
.page-news .entry__facts li{
  padding-left:.55rem;
  border-left:2px solid var(--neon);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--mist);
}

/* ---------- 更新节奏 ---------- */
.page-news .news-cadence{
  position:relative;
  padding-block:clamp(36px,6vw,72px);
  background:linear-gradient(120deg, rgba(10,33,72,.9), rgba(75,31,168,.30) 62%, rgba(4,18,42,.9));
  border-block:1px solid var(--line);
}
.page-news .cadence-grid{
  display:grid;
  gap:clamp(24px,4vw,44px);
}
@media (min-width:900px){
  .page-news .cadence-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:center;
  }
}
.page-news .cadence-copy > p:not(.label){
  max-width:36rem;
  margin:.8rem 0 0;
  color:var(--ink-soft);
  line-height:1.8;
}
.page-news .cadence-list{
  display:grid;
  gap:2px;
  margin:clamp(18px,2.6vw,26px) 0 0;
  padding:0;
  list-style:none;
}
.page-news .cadence-list li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:baseline;
  padding:11px 0;
  border-bottom:1px dashed var(--line);
  font-size:15px;
  line-height:1.7;
  color:var(--ink-soft);
}
.page-news .cadence-key{
  white-space:nowrap;
  font-size:13px;
  letter-spacing:.06em;
  color:var(--neon);
}

/* ---------- 回溯与归档 ---------- */
.page-news .news-archive{
  padding-block:clamp(38px,6vw,76px);
}
.page-news .archive-grid{
  display:grid;
  gap:clamp(24px,4vw,46px);
}
@media (min-width:900px){
  .page-news .archive-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    align-items:center;
  }
}
.page-news .archive-copy > p{
  max-width:34rem;
  margin:.85rem 0 0;
  color:var(--ink-soft);
  line-height:1.8;
}
.page-news .archive-copy .btn{
  margin-top:clamp(18px,2.6vw,26px);
}
.page-news .archive-media{
  aspect-ratio:3 / 2;
}

/* ---------- 跟得上 ---------- */
.page-news .news-watch{
  padding-block:clamp(34px,5vw,68px);
}
.page-news .watch-list{
  display:grid;
  gap:16px;
  margin:clamp(22px,3vw,32px) 0 0;
  padding:0;
  list-style:none;
}
@media (min-width:820px){
  .page-news .watch-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
.page-news .watch-item{
  position:relative;
  padding:clamp(18px,2.4vw,26px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(10,33,72,.55);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}
.page-news .watch-item__num{
  display:block;
  font-size:26px;
  letter-spacing:.06em;
  color:var(--neon);
}
.page-news .watch-item__title{
  margin:.5rem 0 .4rem;
  font-family:var(--font-display);
  font-size:19px;
  font-weight:700;
  line-height:1.35;
  color:var(--paper);
}
.page-news .watch-item p{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--ink-soft);
}
.page-news .watch-cta{
  margin:clamp(20px,3vw,30px) 0 0;
  padding-top:clamp(16px,2.4vw,22px);
  border-top:1px solid var(--line);
  font-size:15px;
  line-height:1.8;
  color:var(--ink-dim);
}
.page-news .watch-cta a{
  color:var(--neon);
  text-decoration:none;
  border-bottom:1px solid rgba(43,230,214,.45);
  transition:border-color .18s var(--ease), color .18s var(--ease);
}
.page-news .watch-cta a:hover,
.page-news .watch-cta a:focus-visible{
  color:var(--paper);
  border-bottom-color:var(--paper);
}

@media (max-width:560px){
  .page-news .entry__title{
    font-size:17px;
  }
  .page-news .tagbar__list{
    gap:.4rem;
  }
  .page-news .tagbar__tag{
    padding:.42rem .7rem;
    font-size:12px;
  }
  .page-news .cadence-list li{
    grid-template-columns:1fr;
    gap:4px;
  }
}