.page-news{
  --news-line:linear-gradient(90deg,rgba(79,209,224,.72),rgba(42,107,224,.28) 46%,rgba(143,160,191,0) 100%);
  --news-hair:rgba(143,160,191,.22);
  --news-panel:linear-gradient(160deg,rgba(15,34,68,.78),rgba(8,18,38,.94));
  display:block;
}

/* ---------- 首屏框景 ---------- */
.page-news .news-hero{padding-top:clamp(18px,4vw,40px);}
.page-news .news-hero .crumbs{margin-bottom:clamp(16px,3vw,26px);}
.page-news .news-hero__frame{
  position:relative;
  padding:clamp(26px,5vw,68px) clamp(20px,4vw,64px) clamp(28px,4.5vw,60px);
  border:1px solid rgba(232,180,92,.26);
  border-radius:var(--radius-lg);
  background:
    radial-gradient(120% 130% at 4% -20%,rgba(79,209,224,.18),transparent 58%),
    radial-gradient(90% 120% at 100% 0%,rgba(74,18,38,.5),transparent 60%),
    linear-gradient(150deg,rgba(15,34,68,.94),rgba(8,18,38,.98));
  box-shadow:var(--glow);
  overflow:hidden;
}
.page-news .news-hero__frame::before{
  content:"";
  position:absolute;
  left:-16%;top:-40%;
  width:74%;height:190%;
  background:linear-gradient(90deg,transparent,rgba(232,180,92,.16),rgba(79,209,224,.1),transparent);
  transform:rotate(18deg);
  pointer-events:none;
}
.page-news .news-hero__frame::after{
  content:"";
  position:absolute;left:0;right:0;top:15px;height:9px;
  background-image:repeating-linear-gradient(90deg,rgba(232,180,92,.5) 0 1px,transparent 1px 22px);
  opacity:.45;
}
.page-news .news-hero__frame > *{position:relative;z-index:1;}
.page-news .news-hero__lede{max-width:640px;margin-top:clamp(14px,2.4vw,22px);}
.page-news .news-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3vw,30px);}
.page-news .news-stats{
  list-style:none;
  margin:clamp(28px,4vw,44px) 0 0;
  padding:0;
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.page-news .news-stats .stat{
  padding:16px 18px;
  border-radius:var(--radius-md);
  border:var(--hairline);
  background:rgba(8,18,38,.55);
}
.page-news .news-stats .stat-value{display:block;color:var(--gold);font-size:clamp(20px,2.4vw,26px);}
.page-news .news-stats .stat-label{display:block;margin-top:6px;color:var(--slate);font-size:13px;line-height:1.6;}

/* ---------- 本期上新 ---------- */
.page-news .news-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(16px,2.6vw,24px);}
.page-news .news-tag{
  display:inline-flex;align-items:center;
  padding:6px 13px;
  border-radius:var(--radius-pill);
  border:1px solid transparent;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  line-height:1.5;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .3s var(--ease),border-color .3s var(--ease);
}
.page-news a.news-tag:hover{transform:translateY(-2px);}
.page-news .news-tag--library{color:var(--gold);background:rgba(232,180,92,.12);border-color:rgba(232,180,92,.42);}
.page-news .news-tag--version{color:#9FD9F5;background:rgba(79,209,224,.12);border-color:rgba(79,209,224,.38);}
.page-news .news-tag--industry{color:#CFD6EE;background:rgba(27,36,82,.85);border-color:rgba(143,160,191,.4);}
.page-news .news-tag--family{color:#93D9CB;background:rgba(11,59,60,.62);border-color:rgba(79,209,224,.3);}

.page-news .news-railwrap{margin-top:clamp(18px,3vw,28px);}
.page-news .news-rail{
  display:flex;
  gap:clamp(14px,2vw,20px);
  margin:0;
  padding:4px 4px 20px;
  list-style:none;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.page-news .news-rail > li{
  flex:0 0 min(330px,82vw);
  scroll-snap-align:start;
  display:flex;
}
.page-news .news-rail::-webkit-scrollbar{height:6px;}
.page-news .news-rail::-webkit-scrollbar-track{background:rgba(143,160,191,.14);border-radius:999px;}
.page-news .news-rail::-webkit-scrollbar-thumb{background:rgba(232,180,92,.5);border-radius:999px;}

.page-news .news-card{
  display:flex;
  flex-direction:column;
  width:100%;
  overflow:hidden;
  border:var(--hairline);
  border-radius:var(--radius-md);
  background:linear-gradient(165deg,rgba(27,36,82,.75),rgba(8,18,38,.92));
  box-shadow:var(--glow);
  transition:transform .36s var(--ease),border-color .36s var(--ease);
}
.page-news .news-card:hover{transform:translateY(-4px);border-color:rgba(232,180,92,.6);}
.page-news .news-card__media{aspect-ratio:4 / 3;margin:0;}
.page-news .media-frame img{display:block;width:100%;height:100%;object-fit:cover;}
.page-news .news-card__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;}
.page-news .news-card__body .card-title{margin:0;}
.page-news .news-card__body .card-text{margin:0;}
.page-news .news-card__meta{align-items:center;gap:10px;}
.page-news .news-card__time{color:var(--slate);font-size:12px;letter-spacing:.08em;}

/* ---------- 索引主体 ---------- */
.page-news .news-index{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,48px);
  align-items:start;
}
.page-news .news-index__rail ol{
  list-style:none;
  margin:0;
  padding:0 0 6px;
  display:flex;
  gap:10px;
  overflow-x:auto;
  scrollbar-width:none;
}
.page-news .news-index__rail ol::-webkit-scrollbar{display:none;}
.page-news .news-index__link{
  display:flex;align-items:center;gap:9px;
  padding:10px 15px;
  border:1px solid var(--news-hair);
  border-radius:var(--radius-pill);
  color:var(--slate);
  font-size:14px;
  text-decoration:none;
  white-space:nowrap;
  transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.page-news .news-index__link .mono{color:var(--gold);font-size:12px;}
.page-news .news-index__link:hover,
.page-news .news-index__link:focus-visible{
  color:var(--paper);
  border-color:rgba(232,180,92,.6);
  background:rgba(232,180,92,.08);
}
.page-news .news-index__groups{display:grid;gap:clamp(22px,3.4vw,38px);}

.page-news .news-group{
  position:relative;
  padding:clamp(24px,4vw,44px) clamp(18px,3vw,42px);
  border:var(--hairline);
  border-radius:var(--radius-lg);
  background:var(--news-panel);
  box-shadow:var(--glow);
  overflow:hidden;
}
.page-news .news-group::before{
  content:"";
  position:absolute;
  left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);top:0;
  height:1px;
  background:var(--news-line);
}
.page-news .news-group--wine{
  border-left-width:2px;
  border-left-color:rgba(74,18,38,.95);
  background:linear-gradient(160deg,rgba(74,18,38,.34),rgba(8,18,38,.95));
}
.page-news .news-group--indigo{
  border-left-width:2px;
  border-left-color:rgba(27,36,82,.95);
  background:linear-gradient(160deg,rgba(27,36,82,.55),rgba(8,18,38,.95));
}
.page-news .news-group--teal{
  border-left-width:2px;
  border-left-color:rgba(11,59,60,.95);
  background:linear-gradient(160deg,rgba(11,59,60,.42),rgba(8,18,38,.95));
}
.page-news .news-group__head{margin-bottom:clamp(16px,2.6vw,28px);}
.page-news .news-group__head .chapter-no{margin:0 0 10px;color:var(--gold);font-size:12px;letter-spacing:.12em;}
.page-news .news-group__head .section-title{margin:0;}
.page-news .news-group__head .summary-row{margin:12px 0 0;max-width:660px;color:var(--slate);line-height:1.75;}

.page-news .news-library__grid,
.page-news .news-version__grid,
.page-news .news-family__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,3vw,34px);
  align-items:start;
}
.page-news .news-library__media{aspect-ratio:10 / 7;margin:0;}
.page-news .news-version__media,
.page-news .news-family__media{aspect-ratio:4 / 3;margin:0;}
.page-news .news-library__body{display:grid;gap:14px;}
.page-news .news-library__body .prose{margin:0;}
.page-news .prose a,
.page-news .text-mute a,
.page-news .news-fold__text a{
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid rgba(232,180,92,.45);
}
.page-news .prose a:hover,
.page-news .text-mute a:hover{borborder-bottom-color:var(--gold);}

.page-news .news-fold{
  border:1px solid var(--news-hair);
  border-radius:var(--radius-md);
  background:rgba(8,18,38,.55);
  overflow:hidden;
}
.page-news .news-fold__summary{
  display:flex;align-items:center;gap:10px;
  padding:14px 18px;
  cursor:pointer;
  list-style:none;
  color:var(--paper);
  font-size:15px;
}
.page-news .news-fold__summary::-webkit-details-marker{display:none;}
.page-news .news-fold__summary .mono{color:var(--gold);font-size:12px;letter-spacing:.08em;}
.page-news .news-fold__summary::after{
  content:"+";
  margin-left:auto;
  color:var(--gold);
  font-family:var(--font-mono);
  font-size:16px;
}
.page-news .news-fold[open] .news-fold__summary::after{content:"−";}
.page-news .news-fold__list{
  list-style:none;
  margin:0;
  padding:2px 18px 18px;
  display:grid;
  gap:9px;
}
.page-news .news-fold__list li{
  position:relative;
  padding-left:16px;
  color:var(--slate);
  font-size:15px;
  line-height:1.7;
}
.page-news .news-fold__list li::before{
  content:"";
  position:absolute;
  left:0;top:.72em;
  width:6px;height:6px;
  border-radius:50%;
  background:rgba(232,180,92,.7);
}
.page-news .news-fold__text{margin:0 0 14px;padding:0 18px;color:var(--slate);font-size:15px;line-height:1.75;}
.page-news .news-fold .copy-btn{margin:0 18px 18px;}

/* ---------- 版本时间线 ---------- */
.page-news .news-timeline{list-style:none;margin:0;padding:0;}
.page-news .news-timeline > li{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:18px 0;
  border-bottom:1px solid rgba(143,160,191,.16);
}
.page-news .news-timeline > li::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:var(--beam);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .5s var(--ease);
}
.page-news .news-timeline > li:hover::after{transform:scaleX(1);}
.page-news .news-timeline__ver{color:var(--gold);font-size:13px;letter-spacing:.08em;}
.page-news .news-timeline__body .card-title{margin:0 0 6px;}
.page-news .news-timeline__body .card-text{margin:0;}

/* ---------- 专题系列 ---------- */
.page-news .news-series{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:clamp(14px,2vw,20px);
}
.page-news .news-series > li{
  position:relative;
  padding:20px 20px 24px;
  border:1px solid var(--news-hair);
  border-radius:var(--radius-md);
  background:rgba(8,18,38,.6);
  transition:transform .36s var(--ease),border-color .36s var(--ease);
}
.page-news .news-series > li:hover{transform:translateY(-3px);border-color:rgba(232,180,92,.55);}
.page-news .news-series > li::after{
  content:"";
  position:absolute;left:20px;right:20px;bottom:0;height:1px;
  background:var(--beam);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .5s var(--ease);
}
.page-news .news-series > li:hover::after{transform:scaleX(1);}
.page-news .news-series .card-title{margin:12px 0 8px;}
.page-news .news-series .card-text{margin:0;}

/* ---------- 家庭读物 ---------- */
.page-news .news-family__list{list-style:none;margin:0;padding:0;}
.page-news .news-family__list > li{
  position:relative;
  padding:14px 0;
  border-bottom:1px solid rgba(143,160,191,.16);
}
.page-news .news-family__list > li::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:var(--beam);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .5s var(--ease);
}
.page-news .news-family__list > li:hover::after{transform:scaleX(1);}
.page-news .news-family__list h3{margin:0 0 6px;font-size:17px;color:var(--paper);}
.page-news .news-family__list p{margin:0;color:var(--slate);font-size:15px;line-height:1.75;}
.page-news .news-family__grid + .text-mute{margin-top:clamp(16px,2.4vw,24px);}

/* ---------- 索取资料 ---------- */
.page-news .news-request{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(20px,3vw,34px);
  align-items:start;
}
.page-news .news-request__main .prose{margin:0;}
.page-news .news-request__actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;}
.page-news .news-contact{
  margin:0;
  padding:clamp(18px,2.6vw,26px);
  border:1px solid var(--news-hair);
  border-radius:var(--radius-md);
  background:rgba(8,18,38,.66);
  display:grid;
  gap:16px;
}
.page-news .news-contact .contact-item{display:grid;gap:6px;}
.page-news .news-contact .contact-label{color:var(--slate);font-size:13px;letter-spacing:.08em;}
.page-news .news-contact .contact-value{margin:0;color:var(--paper);font-size:16px;line-height:1.65;}
.page-news .news-group > .news-fold{margin-top:clamp(20px,3vw,30px);}
.page-news .news-group > .text-mute{margin:clamp(16px,2.4vw,22px) 0 0;}

/* ---------- 焦点与响应式 ---------- */
.page-news a:focus-visible,
.page-news button:focus-visible,
.page-news summary:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
  border-radius:var(--radius-sm);
}
.page-news .news-rail:focus-visible{outline:2px solid var(--gold);outline-offset:4px;}

@media (max-width:560px){
  .page-news .news-hero__actions .btn,
  .page-news .news-request__actions .btn{flex:1 1 100%;justify-content:center;}
  .page-news .news-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;}
  .page-news .news-tags::-webkit-scrollbar{display:none;}
}

@media (min-width:760px){
  .page-news .news-series{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-news .news-timeline > li{grid-template-columns:132px minmax(0,1fr);gap:26px;align-items:start;}
}

@media (min-width:860px){
  .page-news .news-library__grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);}
  .page-news .news-version__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);}
  .page-news .news-family__grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);}
  .page-news .news-request{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);}
}

@media (min-width:960px){
  .page-news .news-index{grid-template-columns:190px minmax(0,1fr);}
  .page-news .news-index__rail{position:sticky;top:118px;}
  .page-news .news-index__rail ol{flex-direction:column;overflow:visible;padding-bottom:0;gap:8px;}
  .page-news .news-index__link{white-space:normal;}
}

@media (prefers-reduced-motion:reduce){
  .page-news *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
  .page-news .news-card:hover,
  .page-news .news-series > li:hover{transform:none;}
}