.page-news{
  --news-line:rgba(217,210,195,.14);
  --news-shadow:0 28px 64px -44px rgba(0,0,0,.95);
  display:block;
  padding-bottom:clamp(44px,8vw,96px);
  background:
    radial-gradient(1100px 560px at 84% -8%, rgba(60,224,208,.13), transparent 64%),
    radial-gradient(860px 520px at 4% 4%, rgba(201,162,39,.14), transparent 68%),
    var(--purple);
  color:var(--ivory);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.75;
}

.page-news .breadcrumbs{padding:20px 0 0}
.page-news .breadcrumbs__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-size:13px;letter-spacing:.04em}
.page-news .breadcrumbs__item{display:flex;align-items:center;gap:8px;color:var(--mist)}
.page-news .breadcrumbs__item + .breadcrumbs__item::before{content:"/";color:rgba(217,210,195,.4)}
.page-news .breadcrumbs__link{color:var(--mist);text-decoration:none;border-bottom:1px solid transparent;transition:color .25s var(--ease),border-color .25s var(--ease)}
.page-news .breadcrumbs__link:hover,.page-news .breadcrumbs__link:focus-visible{color:var(--cyan);border-bottom-color:var(--line-cyan)}
.page-news .breadcrumbs__link[aria-current="page"]{color:var(--gold-light);border-bottom-color:transparent}

/* 首屏门廊 */
.page-news .news-hero{
  display:grid;
  gap:22px;
  padding-top:clamp(24px,4vw,40px);
}
.page-news .news-hero__frame{
  position:relative;
  padding:clamp(22px,4vw,46px);
  border:1px solid var(--line-gold);
  border-radius:var(--radius-lg);
  background:linear-gradient(158deg, rgba(21,15,38,.94), rgba(43,27,74,.74));
  box-shadow:inset 0 0 0 1px rgba(201,162,39,.08), var(--news-shadow);
  overflow:hidden;
}
.page-news .news-hero__frame::before{
  content:"";
  position:absolute;
  top:11px;
  left:12px;
  right:12px;
  height:7px;
  background:repeating-linear-gradient(90deg, rgba(201,162,39,.55) 0 1px, transparent 1px 18px);
  pointer-events:none;
}
.page-news .news-hero__frame::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-90px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(60,224,208,.22), transparent 70%);
  pointer-events:none;
}
.page-news .eyebrow{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cyan);
}
.page-news .news-hero__title{
  margin:16px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(32px,7vw,62px);
  line-height:1.06;
  letter-spacing:-.02em;
  background:linear-gradient(96deg,var(--gold-light),var(--ivory) 48%,var(--gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.page-news .news-hero__lead{
  max-width:56ch;
  margin:18px 0 0;
  font-size:clamp(15px,1.7vw,17px);
  line-height:1.85;
  color:rgba(247,241,227,.86);
}
.page-news .news-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.page-news .news-hero__actions .btn{flex:1 1 160px;justify-content:center;text-align:center}
.page-news .news-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  margin:26px 0 0;
  padding:16px 0 0;
  list-style:none;
  border-top:1px solid var(--news-line);
  font-size:13px;
  color:var(--mist);
}
.page-news .news-hero__num{
  font-family:var(--font-mono);
  font-size:20px;
  font-weight:600;
  color:var(--gold-light);
  margin-right:6px;
}
.page-news .news-hero__visual{
  margin:0;
  border-radius:var(--radius-lg);
  border:1px solid var(--line-cyan);
  background:rgba(21,15,38,.6);
  overflow:hidden;
}
.page-news .news-hero__visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/7;
  object-fit:cover;
}

/* 章节节奏 */
.page-news .news-section{padding-top:clamp(46px,7vw,88px)}
.page-news .section-head{margin-bottom:24px}
.page-news .section-kicker{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--cyan);
  text-transform:uppercase;
}
.page-news .section-title{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(24px,4vw,40px);
  line-height:1.2;
  letter-spacing:-.015em;
  color:var(--ivory);
}
.page-news .section-lead{
  max-width:62ch;
  margin:14px 0 0;
  font-size:15px;
  line-height:1.8;
  color:rgba(217,210,195,.86);
}

/* 本月摘要 */
.page-news .news-summary{display:grid;gap:16px}
.page-news .news-summary__card{
  position:relative;
  padding:24px 22px;
  border-radius:var(--radius-lg);
  border:1px solid rgba(201,162,39,.2);
  background:linear-gradient(165deg, rgba(122,31,61,.5), rgba(43,27,74,.92));
  box-shadow:var(--news-shadow);
  overflow:hidden;
}
.page-news .news-summary__card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--gold);
}
.page-news .news-summary__card--cyan::before{background:var(--cyan)}
.page-news .news-summary__card--coral::before{background:var(--coral)}
.page-news .news-summary__card h3{
  margin:14px 0 0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:20px;
  line-height:1.35;
  color:var(--ivory);
}
.page-news .news-summary__card p{
  margin:10px 0 0;
  font-size:15px;
  line-height:1.8;
  color:rgba(247,241,227,.82);
}
.page-news .news-summary__card .btn{margin-top:18px}

/* 记录查询 */
.page-news .news-records{display:grid;gap:26px;align-items:center}
.page-news .news-records__lead{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.85;
  color:rgba(247,241,227,.84);
}
.page-news .news-records__list{margin:20px 0 0}
.page-news .news-modes{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.page-news .news-modes .pill{cursor:default}
.page-news .news-records__media{
  margin:0;
  border-radius:var(--radius-lg);
  border:1px solid var(--line-cyan);
  background:rgba(14,59,58,.42);
  overflow:hidden;
}
.page-news .news-records__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
}
.page-news .news-records__media .media-frame__caption{
  display:block;
  margin:0;
  padding:12px 18px 16px;
  font-size:13px;
  line-height:1.7;
  color:var(--mist);
  background:rgba(21,15,38,.72);
}

/* 版本轨道 */
.page-news .news-versions{display:grid;gap:28px}
.page-news .news-versions__media{
  margin:0;
  border-radius:var(--radius-lg);
  border:1px solid var(--line-gold);
  background:linear-gradient(180deg, rgba(122,31,61,.34), rgba(21,15,38,.9));
  overflow:hidden;
}
.page-news .news-versions__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
}
.page-news .news-versions__media figcaption{
  padding:12px 18px 16px;
  font-size:13px;
  line-height:1.7;
  color:var(--mist);
}
.page-news .news-track{
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
}
.page-news .news-track::before{
  content:"";
  position:absolute;
  top:6px;
  bottom:6px;
  left:5px;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg,var(--gold),var(--cyan) 58%,rgba(60,224,208,.12));
}
.page-news .news-track__item{
  position:relative;
  padding:0 0 26px 30px;
}
.page-news .news-track__item:last-child{padding-bottom:0}
.page-news .news-track__item::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--night);
  border:2px solid var(--gold);
  box-shadow:0 0 12px rgba(201,162,39,.55);
}
.page-news .news-track__ver{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--gold-light);
}
.page-news .news-track__item h3{
  margin:6px 0 0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:20px;
  line-height:1.35;
  color:var(--ivory);
}
.page-news .news-track__item p{
  margin:8px 0 0;
  font-size:15px;
  line-height:1.8;
  color:rgba(217,210,195,.86);
}

/* 公告带横幅 */
.page-news .news-banner{
  margin:0 0 28px;
  border-radius:var(--radius-lg);
  border:1px solid rgba(255,107,74,.28);
  background:rgba(122,31,61,.28);
  overflow:hidden;
}
.page-news .news-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/1;
  object-fit:cover;
}
.page-news .news-banner figcaption{
  padding:10px 18px 14px;
  font-size:13px;
  line-height:1.7;
  color:var(--mist);
}

/* 动态列表 */
.page-news .news-feed__head{margin-bottom:18px}
.page-news .news-filter{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
}
.page-news .news-filter .pill{text-decoration:none}
.page-news .news-feed{display:grid;gap:12px}
.page-news .news-feed__item{
  border:1px solid var(--news-line);
  border-radius:var(--radius-md);
  background:linear-gradient(150deg, rgba(14,59,58,.52), rgba(21,15,38,.9));
  box-shadow:var(--news-shadow);
  overflow:hidden;
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-news .news-feed__item:hover,
.page-news .news-feed__item:focus-within{
  border-color:var(--line-gold);
  transform:translateY(-1px);
}
.page-news .news-feed .accordion__trigger{
  width:100%;
  display:grid;
  gap:10px;
  align-items:center;
  padding:18px 18px 12px;
  border:0;
  background:transparent;
  color:inherit;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
}
.page-news .news-feed__time{
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--cyan);
}
.page-news .news-feed .accordion__label{
  font-size:15.5px;
  font-weight:500;
  line-height:1.6;
  color:var(--ivory);
}
.page-news .news-feed .badge{justify-self:start}
.page-news .news-feed .accordion__icon{
  justify-self:end;
  width:24px;
  height:24px;
  color:var(--gold-light);
  transition:transform .3s var(--ease),color .3s var(--ease);
}
.page-news .news-feed .accordion__trigger[aria-expanded="true"] .accordion__icon{
  transform:rotate(180deg);
  color:var(--cyan);
}
.page-news .news-feed__brief{
  margin:0;
  padding:0 18px 16px;
  font-size:14px;
  line-height:1.75;
  color:rgba(217,210,195,.84);
}
.page-news .news-feed .accordion__panel{
  border-top:1px dashed rgba(201,162,39,.3);
}
.page-news .news-feed .accordion__body{
  padding:16px 18px 20px;
  font-size:14.5px;
  line-height:1.85;
  color:rgba(247,241,227,.82);
}
.page-news .news-feed .accordion__body p{margin:0 0 10px}
.page-news .news-feed .accordion__body p:last-of-type{margin-bottom:0}
.page-news .news-feed .accordion__body .btn{margin-top:12px}

/* 收藏与规则入口 */
.page-news .news-keep{display:grid;gap:20px}
.page-news .news-keep__lead{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.85;
  color:rgba(247,241,227,.84);
}
.page-news .news-keep__list{margin:20px 0 0}
.page-news .news-keep__aside{
  border-radius:var(--radius-lg);
  border:1px solid rgba(201,162,39,.24);
  background:linear-gradient(160deg, rgba(122,31,61,.62), rgba(21,15,38,.92));
  padding:24px 22px;
  box-shadow:var(--news-shadow);
}
.page-news .news-keep__aside .panel__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:22px;
  line-height:1.35;
  color:var(--gold-light);
}
.page-news .news-keep__aside .panel__body p{
  margin:12px 0 0;
  font-size:15px;
  line-height:1.8;
  color:rgba(247,241,227,.84);
}
.page-news .news-keep__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.page-news .news-keep__actions .btn{flex:1 1 150px;justify-content:center;text-align:center}

/* 桌面端错位分栏 */
@media (min-width:768px){
  .page-news .news-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .page-news .news-feed .accordion__trigger{
    grid-template-columns:88px minmax(0,1fr) auto 28px;
    gap:16px;
    padding:20px 22px 12px;
  }
  .page-news .news-feed__brief{padding:0 22px 18px}
  .page-news .news-feed .accordion__body{padding:18px 22px 22px}
  .page-news .news-feed__time{text-align:left}
}

@media (min-width:1000px){
  .page-news .news-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:stretch;
    gap:26px;
  }
  .page-news .news-hero__visual{border-radius:var(--radius-lg)}
  .page-news .news-hero__visual img{height:100%;aspect-ratio:auto;min-height:100%}
  .page-news .news-hero__actions .btn{flex:0 0 auto}
  .page-news .news-records{
    grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
    gap:36px;
  }
  .page-news .news-versions{
    grid-template-columns:minmax(0,.6fr) minmax(0,1fr);
    gap:38px;
    align-items:start;
  }
  .page-news .news-versions__media{position:sticky;top:96px}
  .page-news .news-banner{margin-bottom:34px}
  .page-news .news-keep{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:34px;
    align-items:start;
  }
  .page-news .news-summary__card{padding:26px 24px}
}

@media (min-width:1200px){
  .page-news .news-hero__frame{padding:48px 46px}
  .page-news .news-track__item{padding-bottom:30px}
}

@media (prefers-reduced-motion:reduce){
  .page-news .news-feed__item,
  .page-news .news-feed .accordion__icon{transition:none}
  .page-news .news-feed__item:hover{transform:none}
}