.page-news{
  --news-rule:rgba(53,242,200,.16);
  --news-hair:rgba(159,184,172,.13);
  --news-gap:clamp(54px,7vw,92px);
  --news-indent:24px;
  display:block;
  color:var(--bone);
  padding-bottom:var(--block-gap);
  overflow-x:clip;
}

/* ---------- 面包屑 ---------- */
.page-news .breadcrumb{
  padding-top:clamp(18px,3vw,34px);
}
.page-news .breadcrumb-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.04em;
}
.page-news .breadcrumb-item{
  color:var(--stone);
}
.page-news .breadcrumb-item + .breadcrumb-item::before{
  content:"/";
  margin:0 10px;
  color:var(--moss);
}
.page-news .breadcrumb-link{
  color:var(--mist);
  text-decoration:none;
  transition:color .18s ease;
}
.page-news .breadcrumb-link:hover,
.page-news .breadcrumb-link:focus-visible{
  color:var(--cyan);
}

/* ---------- 主题声明块 ---------- */
.page-news .news-masthead{
  display:grid;
  gap:clamp(26px,4vw,42px);
  padding-top:clamp(26px,4vw,46px);
}
.page-news .mast-kicker{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.2em;
  color:var(--cyan);
}
.page-news #news-title{
  margin:0 0 18px;
  font-family:var(--font-cond);
  font-weight:800;
  font-size:clamp(40px,8vw,74px);
  line-height:1.02;
  letter-spacing:-.03em;
  color:var(--bone);
}
.page-news .mast-main .lede{
  margin:0;
  max-width:62ch;
  font-family:var(--font-serif);
  font-size:16px;
  line-height:1.8;
  color:var(--bone);
  opacity:.88;
}
.page-news .mast-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--news-rule);
  border:1px solid var(--news-rule);
  border-radius:var(--r-lg);
  overflow:hidden;
}
.page-news .mast-stats .stat{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:16px 16px 18px;
  background:linear-gradient(158deg,rgba(28,63,51,.62),rgba(7,20,16,.94));
}
.page-news .mast-stats .stat-value{
  font-family:var(--font-mono);
  font-size:clamp(23px,3.4vw,31px);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--amber);
}
.page-news .mast-stats .stat-label{
  font-size:12.5px;
  line-height:1.55;
  color:var(--mist);
}

/* ---------- 区块通用 ---------- */
.page-news .news-section{
  margin-top:var(--news-gap);
}
.page-news .news-section .section-head{
  margin-bottom:clamp(20px,3vw,32px);
}
.page-news .news-section .section-title{
  font-family:var(--font-cond);
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--bone);
}
.page-news .news-section .section-note{
  color:var(--mist);
}
.page-news .news-section .note{
  margin-top:20px;
  max-width:64ch;
  font-size:14px;
  line-height:1.75;
  color:var(--mist);
  border-left:2px solid var(--amber);
  padding-left:14px;
}

/* ---------- 分类筛选带 ---------- */
.page-news .band-track{
  display:flex;
  gap:12px;
  padding:4px 2px 16px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
.page-news .band-track::-webkit-scrollbar{
  height:3px;
}
.page-news .band-track::-webkit-scrollbar-thumb{
  background:var(--news-rule);
  border-radius:var(--pill);
}
.page-news .col-pill{
  flex:0 0 auto;
  scroll-snap-align:start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 18px;
  border:1px solid var(--news-rule);
  border-radius:var(--pill);
  background:rgba(14,42,34,.55);
  color:var(--bone);
  font-size:14px;
  text-decoration:none;
  transition:border-color .18s ease,background-color .18s ease;
}
.page-news .col-pill:nth-child(1){ --pill-accent:var(--clay); }
.page-news .col-pill:nth-child(2){ --pill-accent:var(--mist); }
.page-news .col-pill:nth-child(3){ --pill-accent:var(--cyan); }
.page-news .col-pill:nth-child(4){ --pill-accent:var(--amber); }
.page-news .col-pill:hover,
.page-news .col-pill:focus-visible{
  border-color:var(--pill-accent);
  background:rgba(53,242,200,.09);
}
.page-news .col-pill-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--pill-accent);
  flex:0 0 auto;
}
.page-news .col-pill-note{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--stone);
}

/* ---------- 条目列表 ---------- */
.page-news .news-ledger{
  max-width:1000px;
}
.page-news .ledger-item{
  position:relative;
  padding:24px 0 30px 22px;
}
.page-news .ledger-item::before{
  content:"";
  position:absolute;
  left:0;
  top:30px;
  width:2px;
  height:22px;
  border-radius:2px;
  background:var(--cyan);
  opacity:.4;
}
.page-news .ledger-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin:0 0 12px;
}
.page-news .tag-dot{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  margin-right:7px;
  background:currentColor;
  vertical-align:1px;
}
.page-news .ledger-stamp{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--stone);
}
.page-news .ledger-title{
  margin:0 0 14px;
  font-family:var(--font-cond);
  font-weight:700;
  font-size:clamp(19px,2.4vw,23px);
  line-height:1.42;
  letter-spacing:-.01em;
  color:var(--bone);
}
.page-news .ledger-title::first-letter{
  font-size:1.32em;
  color:var(--cyan);
}
.page-news .ledger-figure{
  margin:0 0 16px;
  border:1px solid var(--news-rule);
  border-radius:var(--r-md);
  overflow:hidden;
  background:linear-gradient(158deg,var(--ink-2),var(--moss));
}
.page-news .ledger-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-news .ledger-figure--tall img{
  aspect-ratio:5 / 4;
}
.page-news .ledger-sum{
  margin:0 0 12px;
  max-width:68ch;
  font-size:15.5px;
  line-height:1.78;
  color:var(--bone);
  opacity:.86;
}
.page-news .ledger-src{
  margin:0;
  font-family:var(--font-mono);
  font-size:11.5px;
  line-height:1.6;
  letter-spacing:.04em;
  color:var(--stone);
}

/* ---------- 窗口分隔带 ---------- */
.page-news .phase-band{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 16px;
  margin:34px 0 6px;
  padding:15px 20px;
  border-left:2px solid var(--amber);
  border-radius:0 var(--r-md) var(--r-md) 0;
  background:linear-gradient(100deg,rgba(28,63,51,.96),rgba(7,20,16,.6));
}
.page-news .phase-idx{
  font-family:var(--font-mono);
  font-size:clamp(25px,3.6vw,34px);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--amber);
}
.page-news .phase-text{
  margin:0;
  font-family:var(--font-cond);
  font-size:15px;
  letter-spacing:.02em;
  color:var(--bone);
}
.page-news .phase-count{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--mist);
}

/* ---------- 专题系列 ---------- */
.page-news .series-grid{
  display:grid;
  gap:18px;
}
.page-news .series-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:22px 22px 24px;
  border:1px solid var(--news-rule);
  border-radius:var(--r-lg);
  background:linear-gradient(155deg,rgba(28,63,51,.78),rgba(7,20,16,.94));
  overflow:hidden;
  transition:border-color .18s ease;
}
.page-news .series-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(53,242,200,.12),transparent 42%);
}
.page-news .series-card:hover{
  border-color:rgba(53,242,200,.42);
}
.page-news .series-figure{
  margin:-6px 0 4px;
  border-radius:var(--r-md);
  overflow:hidden;
  background:var(--ink-2);
}
.page-news .series-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
}
.page-news .series-name{
  margin:0;
  font-family:var(--font-cond);
  font-weight:700;
  font-size:18px;
  line-height:1.4;
  letter-spacing:-.01em;
  color:var(--bone);
}
.page-news .series-span{
  margin:0;
  font-size:12.5px;
  line-height:1.6;
  color:var(--mist);
}
.page-news .series-count{
  font-family:var(--font-mono);
  font-size:20px;
  line-height:1;
  color:var(--amber);
  margin-right:4px;
}
.page-news .series-desc{
  margin:0;
  font-size:14px;
  line-height:1.72;
  color:var(--bone);
  opacity:.82;
}
.page-news .series-list{
  margin:2px 0 0;
  padding:14px 0 0;
  list-style:none;
  border-top:1px solid var(--news-hair);
  display:flex;
  flex-direction:column;
  gap:9px;
}
.page-news .series-list li{
  position:relative;
  padding-left:15px;
  font-size:13px;
  line-height:1.6;
  color:var(--mist);
}
.page-news .series-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--clay);
}
.page-news .series-card:nth-child(2) .series-list li::before{ background:var(--mist); }
.page-news .series-card:nth-child(3) .series-list li::before{ background:var(--cyan); }

/* ---------- 写作规范 ---------- */
.page-news .rule-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:2px;
}
.page-news .rule-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  padding:20px 22px;
  border-radius:var(--r-md);
  background:rgba(14,42,34,.46);
}
.page-news .rule-idx{
  font-family:var(--font-mono);
  font-size:21px;
  line-height:1.1;
  color:var(--cyan);
}
.page-news .rule-name{
  margin:0 0 8px;
  font-family:var(--font-cond);
  font-weight:700;
  font-size:17px;
  line-height:1.4;
  color:var(--bone);
}
.page-news .rule-body p{
  margin:0;
  max-width:62ch;
  font-size:14px;
  line-height:1.75;
  color:var(--mist);
}

/* ---------- 回访提示 ---------- */
.page-news .revisit-panel{
  display:grid;
  gap:24px;
  padding:clamp(22px,3.4vw,36px);
  border-radius:var(--r-lg);
  border:1px solid var(--news-rule);
  background:linear-gradient(120deg,rgba(28,63,51,.7),rgba(7,20,16,.92));
}
.page-news .revisit-copy p{
  margin:14px 0 0;
  max-width:64ch;
  font-size:15px;
  line-height:1.78;
  color:var(--bone);
  opacity:.85;
}
.page-news .revisit-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 响应式 ---------- */
@media (min-width:760px){
  .page-news .rule-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-news .news-masthead{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:end;
    gap:clamp(34px,5vw,76px);
  }
  .page-news .news-ledger .ledger-item:nth-of-type(3n+2){
    margin-left:var(--news-indent);
  }
  .page-news .news-ledger .ledger-item:nth-of-type(3n){
    margin-right:var(--news-indent);
  }
  .page-news .series-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-news .revisit-panel{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:40px;
  }
  .page-news .revisit-links{
    justify-content:flex-end;
  }
}

@media (max-width:559px){
  .page-news .mast-stats{
    grid-template-columns:minmax(0,1fr);
  }
  .page-news .ledger-item{
    padding-left:16px;
  }
  .page-news .phase-count{
    margin-left:0;
    width:100%;
  }
  .page-news .rule-item{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
}
<<<END>>>