.page-news{
  --news-rail-w:224px;
  --news-gap:clamp(26px,3.4vw,52px);
  --track:50%;
  --tag-fallback:var(--grass);
  background:
    radial-gradient(1100px 460px at 88% -10%, rgba(47,128,201,.13), transparent 64%),
    radial-gradient(760px 400px at 2% 4%, rgba(22,122,85,.11), transparent 62%),
    var(--paper);
  padding-bottom:clamp(48px,7vw,96px);
  overflow-x:clip;
}

.page-news .wrap{position:relative;}
.page-news .breadcrumbs{padding-top:16px;}

/* ---------- 首屏 ---------- */
.page-news .news-masthead{
  position:relative;
  display:grid;
  gap:26px;
  padding:clamp(22px,4.4vw,52px) 0 clamp(20px,3vw,38px);
}
.page-news .news-masthead::before{
  content:"";
  position:absolute;
  left:30%;
  right:-5vw;
  bottom:-14px;
  height:clamp(120px,17vw,196px);
  border-radius:var(--r-xl);
  background:linear-gradient(112deg, rgba(47,128,201,.17), rgba(22,122,85,.11) 54%, rgba(232,85,31,.09));
  transform:skewY(-4.5deg);
  z-index:0;
  pointer-events:none;
}
.page-news .masthead-lead,
.page-news .masthead-aside{position:relative;z-index:1;}

.page-news .news-masthead h1{
  margin:10px 0 0;
  font-family:var(--font-sans);
  font-weight:900;
  font-size:clamp(30px,5.4vw,50px);
  line-height:1.12;
  letter-spacing:-.015em;
  color:var(--ink);
}
.page-news .news-masthead .lede{
  margin-top:16px;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.85;
  color:var(--ink-soft);
}

.page-news .masthead-aside{
  display:grid;
  gap:14px;
  align-content:start;
  padding:22px;
  border-radius:var(--r-lg);
  background:var(--glass);
  border:1px solid var(--glass-line);
  backdrop-filter:blur(10px);
  box-shadow:var(--shadow-soft);
}
.page-news .aside-kicker{
  margin:0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:13px;
  letter-spacing:.14em;
  color:var(--ink-mute);
}
.page-news .masthead-stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:11px;
}
.page-news .masthead-stats li{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px dashed var(--line-strong);
}
.page-news .masthead-stats li:last-child{border-bottom:0;padding-bottom:0;}
.page-news .masthead-stats .stat-label{font-size:13px;color:var(--ink-mute);}
.page-news .masthead-stats .stat-value{font-size:22px;color:var(--ink);}
.page-news .masthead-aside .btn{justify-self:start;}

/* ---------- 羽毛弧线分隔 ---------- */
.page-news .feather-divider{
  margin:0 0 clamp(16px,2.6vw,32px);
  line-height:0;
}
.page-news .feather-divider svg{
  display:block;
  width:100%;
  height:clamp(48px,6.5vw,88px);
}

/* ---------- 主体栅格 ---------- */
.page-news .news-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--news-gap);
  align-items:start;
}

/* ---------- 左栏索引 ---------- */
.page-news .news-rail{
  border-top:2px solid var(--ink);
  padding-top:14px;
  min-width:0;
}
.page-news .rail-title{
  margin:0 0 12px;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:13px;
  letter-spacing:.16em;
  color:var(--ink-mute);
}
.page-news .news-rail .toc-list{
  list-style:none;
  margin:0 0 20px;
  padding:0;
  display:grid;
  gap:2px;
}
.page-news .news-rail .toc-link{
  position:relative;
  display:block;
  padding:9px 10px 9px 20px;
  font-size:15px;
  line-height:1.4;
  color:var(--ink-soft);
  text-decoration:none;
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  transition:color .2s var(--ease), background .2s var(--ease);
}
.page-news .news-rail .toc-link::before{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--silver);
  transform:translateY(-50%);
  transition:background .2s var(--ease), transform .2s var(--ease);
}
.page-news .news-rail .toc-link:hover{
  color:var(--grass);
  background:var(--grass-soft);
}
.page-news .news-rail .toc-link:hover::before{background:var(--grass);}
.page-news .news-rail .toc-link.is-active,
.page-news .news-rail .toc-link[aria-current="page"]{
  color:var(--deep);
  background:var(--grass-soft);
  font-weight:700;
}
.page-news .news-rail .toc-link.is-active::before,
.page-news .news-rail .toc-link[aria-current="page"]::before{
  background:var(--flame);
  transform:translateY(-50%) scale(1.4);
}
.page-news .rail-card{
  padding:16px;
  border-radius:var(--r-md);
  font-size:13px;
  line-height:1.75;
  color:var(--ink-soft);
}
.page-news .rail-card p{margin:0;}
.page-news .rail-card-title{
  margin:0 0 6px;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:13px;
  color:var(--deep);
}

/* ---------- 条目流容器 ---------- */
.page-news .news-stream{
  display:grid;
  gap:clamp(38px,5.6vw,80px);
  min-width:0;
}
.page-news .news-section{
  min-width:0;
  scroll-margin-top:96px;
}
.page-news .section-intro{
  margin:0 0 clamp(18px,2.4vw,28px);
  max-width:40em;
  font-size:16px;
  line-height:1.85;
  color:var(--ink-soft);
}
.page-news .entry-link{
  justify-self:start;
  display:inline-block;
  font-size:14px;
  font-weight:700;
  color:var(--grass);
  text-decoration:none;
  border-bottom:2px solid rgba(22,122,85,.3);
  padding-bottom:2px;
  transition:color .2s var(--ease), border-color .2s var(--ease);
}
.page-news .entry-link:hover{
  color:var(--flame);
  border-bottom-color:var(--flame);
}

/* ---------- 羽毛标签 ---------- */
.page-news .feather-tag{
  display:inline-flex;
  align-items:center;
  padding:5px 17px 5px 12px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  color:#fff;
  background:var(--tag-fallback);
  clip-path:polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%);
}
.page-news .feather-tag--grass{background:var(--grass);}
.page-news .feather-tag--sky{background:var(--sky);}
.page-news .feather-tag--deep{background:var(--deep);}

/* ---------- 大卡片 ---------- */
.page-news .feature-card{
  display:grid;
  border-radius:var(--r-xl);
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}
.page-news .feature-media{position:relative;}
.page-news .feature-card .figure-frame{border-radius:0;}
.page-news .feature-body{
  display:grid;
  gap:12px;
  align-content:start;
  padding:clamp(20px,3vw,34px);
}
.page-news .feature-title{
  margin:0;
  font-size:clamp(20px,2.6vw,27px);
  font-weight:900;
  line-height:1.34;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-news .feature-body p{
  margin:0;
  font-size:16px;
  line-height:1.85;
  color:var(--ink-soft);
}
.page-news .entry-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-news .entry-time{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--ink-mute);
}

/* ---------- 条目网格 ---------- */
.page-news .entry-stream{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(14px,2vw,22px);
  margin-top:clamp(16px,2.4vw,26px);
}

.page-news .entry{
  position:relative;
  display:grid;
  gap:10px;
  align-content:start;
  padding:clamp(18px,2.4vw,26px);
  border-radius:var(--r-lg);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
  transition:transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);
}
.page-news .entry:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lift);
  border-color:rgba(22,122,85,.3);
}
.page-news .entry-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.page-news .entry-index{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:26px;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--silver);
  transition:color .2s var(--ease);
}
.page-news .entry:hover .entry-index{color:var(--flame);}
.page-news .entry-title{
  margin:0;
  font-size:clamp(17px,2vw,20px);
  font-weight:700;
  line-height:1.42;
  color:var(--ink);
}
.page-news .entry-text{
  margin:0;
  font-size:15px;
  line-height:1.8;
  color:var(--ink-soft);
}

/* ---------- 迷你赛道轴 ---------- */
.page-news .track{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:4px;
}
.page-news .track-label{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--ink-mute);
  white-space:nowrap;
}
.page-news .track-rail{
  position:relative;
  flex:1 1 auto;
  height:5px;
  min-width:40px;
  border-radius:var(--r-pill);
  background:linear-gradient(90deg, var(--grass-soft), var(--sky-soft));
  overflow:hidden;
}
.page-news .track-rail::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--track,50%);
  border-radius:var(--r-pill);
  background:linear-gradient(90deg, var(--grass), var(--sky));
}
.page-news .track--2{--track:58%;}
.page-news .track--4{--track:94%;}

/* ---------- 签表观察 ---------- */
.page-news .bracket-grid{
  display:grid;
  gap:clamp(18px,2.6vw,30px);
  grid-template-columns:minmax(0,1fr);
}
.page-news .bracket-figure{
  margin:0;
  position:relative;
}
.page-news .bracket-figure .figure-frame{
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--shadow-card);
}
.page-news .bracket-figure .figure-caption{
  margin-top:10px;
  font-family:var(--font-serif);
  font-size:13px;
  color:var(--ink-mute);
}
.page-news .bracket-body{
  display:grid;
  gap:clamp(16px,2.2vw,24px);
  min-width:0;
}
.page-news .bracket-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:clamp(14px,2vw,20px);
}
.page-news .bracket-list li{
  display:grid;
  gap:8px;
  padding-left:18px;
  border-left:3px solid var(--sky-soft);
}
.page-news .bracket-list h3{
  margin:0;
  font-size:clamp(16px,1.9vw,19px);
  font-weight:700;
  line-height:1.42;
  color:var(--ink);
}
.page-news .bracket-list p{
  margin:0;
  font-size:15px;
  line-height:1.82;
  color:var(--ink-soft);
}
.page-news .bracket-panel{
  padding:clamp(20px,2.8vw,30px);
  border-radius:var(--r-lg);
}
.page-news .panel-kicker{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--lime);
}
.page-news .panel-text{
  margin:0 0 16px;
  font-size:15px;
  line-height:1.85;
  color:rgba(255,255,255,.88);
}

/* ---------- 规则快读 ---------- */
.page-news .rules-grid{
  display:grid;
  gap:clamp(18px,2.6vw,30px);
  grid-template-columns:minmax(0,1fr);
}
.page-news .rules-visual .figure-frame{
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--shadow-card);
}
.page-news .rule-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-news .rule-item{
  position:relative;
  display:grid;
  gap:6px;
  padding:16px 18px 16px 20px;
  border-radius:var(--r-md);
  background:var(--sky-soft);
  border-left:3px solid var(--sky);
}
.page-news .rule-no{
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  color:var(--sky-deep);
}
.page-news .rule-item h3{
  margin:0;
  font-size:16px;
  font-weight:700;
  line-height:1.42;
  color:var(--deep);
}
.page-news .rule-item p{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:var(--ink-soft);
}
.page-news .rules-more{
  margin:clamp(18px,2.4vw,26px) 0 0;
  font-size:15px;
  line-height:1.8;
  color:var(--ink-soft);
}
.page-news .rules-more .entry-link{margin-left:6px;}

/* ---------- 看台故事 ---------- */
.page-news .stands-banner{
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--shadow-card);
  margin-bottom:clamp(18px,2.4vw,28px);
}
.page-news .stands-grid{
  display:grid;
  gap:clamp(14px,2vw,20px);
  grid-template-columns:minmax(0,1fr);
}
.page-news .stands-card{
  display:grid;
  gap:10px;
  align-content:start;
  padding:clamp(18px,2.4vw,24px);
  border-radius:var(--r-lg);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}
.page-news .stands-card h3{
  margin:0;
  font-size:clamp(16px,1.9vw,19px);
  font-weight:700;
  line-height:1.42;
  color:var(--ink);
}
.page-news .stands-card p{
  margin:0;
  font-size:15px;
  line-height:1.82;
  color:var(--ink-soft);
}

/* ---------- 更新日志 ---------- */
.page-news .log-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-news .log-item{
  position:relative;
  padding:0 0 18px 26px;
  border-left:2px solid var(--line-strong);
}
.page-news .log-item:last-child{
  padding-bottom:0;
  border-left-color:transparent;
}
.page-news .log-item::before{
  content:"";
  position:absolute;
  left:-7px;
  top:16px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--paper);
  border:2px solid var(--flame);
}
.page-news .log-item:last-child::before{background:var(--flame);}
.page-news .log-detail summary{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px;
  padding:10px 0;
  cursor:pointer;
  list-style:none;
}
.page-news .log-detail summary::-webkit-details-marker{display:none;}
.page-news .log-detail summary::after{
  content:"＋";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--ink-mute);
}
.page-news .log-detail[open] summary::after{content:"－";}
.page-news .log-ver{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:18px;
  color:var(--grass);
}
.page-news .log-time{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--ink-mute);
}
.page-news .log-head{
  font-size:16px;
  font-weight:700;
  color:var(--ink);
}
.page-news .log-points{
  list-style:none;
  margin:2px 0 14px;
  padding:0;
  display:grid;
  gap:8px;
  font-size:15px;
  line-height:1.78;
  color:var(--ink-soft);
}
.page-news .log-points li{
  position:relative;
  padding-left:18px;
}
.page-news .log-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:2px;
  background:var(--silver);
}

/* ---------- 订阅与投稿 ---------- */
.page-news .subscribe-panel{
  display:grid;
  gap:clamp(20px,3vw,34px);
  padding:clamp(24px,3.6vw,42px);
  border-radius:var(--r-xl);
  background:linear-gradient(132deg, #0B2A22 0%, #10453A 58%, #14584A 100%);
  color:#EAF3EE;
}
.page-news .subscribe-lead h2{
  margin:10px 0 12px;
  font-size:clamp(21px,2.8vw,29px);
  font-weight:900;
  line-height:1.32;
  letter-spacing:-.01em;
  color:#fff;
}
.page-news .subscribe-lead p{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color:rgba(234,243,238,.85);
  max-width:36em;
}
.page-news .eyebrow--on-dark{
  color:var(--lime);
}
.page-news .eyebrow--on-dark::before{background:var(--lime);}
.page-news .subscribe-actions{
  display:grid;
  gap:14px;
  align-content:start;
}
.page-news .subscribe-actions .btn{justify-self:start;}
.page-news .subscribe-contact{
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:grid;
  gap:8px;
  font-size:14px;
}
.page-news .subscribe-contact li{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:baseline;
}
.page-news .subscribe-contact span{
  min-width:64px;
  font-family:var(--font-serif);
  font-size:13px;
  color:rgba(234,243,238,.62);
}
.page-news .subscribe-contact a{
  font-family:var(--font-mono);
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(155,211,74,.5);
}
.page-news .subscribe-contact a:hover{
  color:var(--lime);
  border-bottom-color:var(--lime);
}
.page-news .subscribe-note{
  margin:2px 0 0;
  font-size:13px;
  line-height:1.75;
  color:rgba(234,243,238,.62);
}

/* ---------- 图片框兜底 ---------- */
.page-news .figure-frame{overflow:hidden;}
.page-news .figure-frame img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}

/* ---------- 响应式 ---------- */
@media (min-width:760px){
  .page-news .entry-stream{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .stands-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .stands-card:first-child{grid-column:1 / -1;}
}

@media (min-width:940px){
  .page-news .news-masthead{
    grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr);
    align-items:end;
  }
  .page-news .feature-card{
    grid-template-columns:minmax(0,1fr);
  }
  .page-news .feature-body .entry-link{justify-self:start;}
  .page-news .bracket-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
  .page-news .rules-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);}
  .page-news .subscribe-panel{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);}
}

@media (min-width:1024px){
  .page-news .news-layout{grid-template-columns:var(--news-rail-w) minmax(0,1fr);}
  .page-news .news-rail{position:sticky;top:92px;}
  .page-news .feature-card{
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  }
  .page-news .feature-card .figure-frame{height:100%;}
  .page-news .feature-card .figure-frame img{height:100%;}
  .page-news .stands-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-news .stands-card:first-child{grid-column:auto;}
}

@media (max-width:479px){
  .page-news .track-label{font-size:10px;}
  .page-news .masthead-aside{padding:18px;}
  .page-news .feather-tag{padding:4px 14px 4px 10px;font-size:11px;}
}

@media (prefers-reduced-motion:reduce){
  .page-news .entry,
  .page-news .entry-index,
  .page-news .news-rail .toc-link,
  .page-news .news-rail .toc-link::before,
  .page-news .entry-link{
    transition:none;
  }
  .page-news .entry:hover{transform:none;}
}
<<<END>>>
