.page-news{
  --news-gold:#C9A227;
  --news-deep:#0A1F44;
  --news-paper:#F5F3EF;
  --news-ink:#111111;
  --news-line:#D8D2C8;
  --news-silver:#B6C3D6;
  --news-red:#B71C1C;
  --news-space-6:64px;
  --news-space-5:40px;
  --news-space-4:24px;
  --news-space-3:16px;
  --news-space-2:8px;
  --news-content:1280px;
  font-family: var(--lb-font-body,"Noto Serif SC","Source Han Serif CN","Songti SC","SimSun",serif);
  color: var(--news-ink);
  background:
    repeating-linear-gradient(-45deg, transparent 0 8px, rgba(10,31,68,0.016) 8px 16px),
    var(--news-paper);
  line-height:1.75;
}
.page-news *,
.page-news *::before,
.page-news *::after{
  box-sizing:border-box;
}
.page-news img{
  max-width:100%;
  height:auto;
  display:block;
}
.page-news a{
  color:inherit;
  text-underline-offset:3px;
}
.page-news .lb-container{
  width:min(var(--news-content), 100%);
  margin-inline:auto;
  padding-inline:clamp(16px, 4vw, 40px);
}
.page-news__crumbs{
  max-width:var(--news-content);
  margin-inline:auto;
  margin-block:24px 0;
  padding-inline:clamp(16px, 4vw, 40px);
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:0.85rem;
  color:var(--news-ink);
  letter-spacing:0.05em;
}
.page-news__crumbs a{
  color:var(--news-ink);
}
.page-news__crumbs a:hover{
  color:var(--news-gold);
}
.page-news__masthead{
  position:relative;
  margin-block:0 64px;
  padding-block:48px 16px;
  background:
    linear-gradient(135deg, var(--news-deep) 0%, var(--news-deep) 58%, var(--news-gold) 58.4%, var(--news-deep) 58.8%, var(--news-deep) 100%);
  color:#fff;
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 18px));
}
.page-news__masthead::after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(115deg, transparent 0 22px, rgba(245,243,239,0.06) 22px 23px, transparent 23px 46px);
  pointer-events:none;
}
.page-news__masthead-inner{
  position:relative;
  z-index:1;
  width:min(var(--news-content), 100%);
  margin-inline:auto;
  padding-inline:clamp(16px, 4vw, 40px);
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.page-news__kicker{
  margin-bottom:8px;
}
.page-news__masthead h1{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:clamp(1.85rem, 4.5vw, 3.2rem);
  font-weight:900;
  line-height:1.15;
  letter-spacing:-0.02em;
  max-width:16em;
  margin:0;
  text-wrap:balance;
}
.page-news__lede{
  font-size:1.05rem;
  max-width:46em;
  margin-block:16px 8px;
  color:rgba(245,243,239,0.92);
}
.page-news__masthead-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}
.page-news__masthead-note{
  margin-top:24px;
  padding-left:20px;
  border-left:3px solid var(--news-gold);
}
.page-news__masthead-note .lb-annotate{
  color:rgba(245,243,239,0.75);
  font-size:0.92rem;
  margin:0;
  max-width:38em;
}
.page-news__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:48px 40px;
  padding-bottom:72px;
}
.page-news__main-column{
  min-width:0;
  display:grid;
  gap:72px;
}
.page-news__aside{
  min-width:0;
  display:grid;
  gap:40px;
  align-content:start;
}
.page-news__section{
  display:grid;
  gap:28px;
}
.page-news__section-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px 20px;
  border-bottom:3px solid var(--news-deep);
  padding-bottom:12px;
}
.page-news__section-head h2{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:clamp(1.35rem, 2.6vw, 1.9rem);
  font-weight:800;
  line-height:1.2;
  margin:0;
  letter-spacing:-0.01em;
}
.page-news__section-desc{
  margin:0;
  color:#6E6A67;
  font-size:0.95rem;
  max-width:34em;
}
.page-news__archive-link{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:0.85rem;
  white-space:nowrap;
}
.page-news__latest-feature{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  background:var(--news-paper);
  border:2px solid var(--news-deep);
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}
.page-news__feature-img{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:220px;
  max-height:340px;
}
.page-news__feature-body{
  padding:0 24px 28px;
  display:grid;
  gap:12px;
  align-content:center;
}
.page-news__feature-tag{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:0.16em;
  color:var(--news-red);
  text-transform:uppercase;
}
.page-news__feature-body h3{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:clamp(1.2rem, 2.2vw, 1.65rem);
  font-weight:800;
  line-height:1.25;
  margin:0;
}
.page-news__feature-body p{
  margin:0;
  color:#111;
  font-size:0.98rem;
  max-width:42em;
}
.page-news__feature-body .lb-btn{
  justify-self:start;
  margin-top:6px;
}
.page-news__article-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:2px solid var(--news-line);
}
.page-news__article-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:8px 16px;
  align-items:center;
  padding-block:18px;
  border-bottom:1px solid var(--news-line);
}
.page-news__article-item:hover{
  background:rgba(10,31,68,0.03);
}
.page-news__article-date{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:0.78rem;
  font-weight:700;
  color:var(--news-gray, #6E6A67);
  background:var(--news-silver);
  padding:3px 10px;
  clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 100%, 0 100%);
  white-space:nowrap;
}
.page-news__article-title{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-weight:700;
  font-size:1rem;
  text-decoration:none;
  line-height:1.4;
}
.page-news__article-title:hover{
  color:var(--news-gold);
}
.page-news__chart-panel{
  position:relative;
  display:grid;
  gap:16px;
  padding:24px;
}
.page-news__chart-panel.lb-panel{
  border:2px solid var(--news-deep);
  background:var(--news-paper);
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
}
.page-news__chart-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 20px;
}
.page-news__chart-meta .lb-kicker{
  margin:0;
}
.page-news__chart-meta p{
  margin:0;
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-weight:700;
}
.page-news__chart-img{
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:contain;
  object-position:left center;
  background:
    linear-gradient(rgba(10,31,68,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,31,68,0.04) 1px, transparent 1px);
  background-size:40px 40px;
  border:1px solid var(--news-line);
}
.page-news__chart-notes p{
  margin:0;
  font-size:0.88rem;
  color:#6E6A67;
}
.page-news__data-spotlight{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}
.page-news__spotlight-item{
  display:grid;
  gap:4px;
  padding:16px;
  background:var(--news-deep);
  color:#fff;
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}
.page-news__spotlight-item .lb-stat{
  font-family:var(--lb-font-data,"SF Mono","Cascadia Code","Consolas",monospace);
  font-size:1.7rem;
  font-weight:700;
  line-height:1.1;
  color:#fff;
}
.page-news__spotlight-item .lb-stat--gold{
  color:var(--news-gold);
}
.page-news__spotlight-item .lb-stat__label{
  font-size:0.8rem;
  color:rgba(245,243,239,0.78);
}
.page-news__column-banner{
  width:100%;
  height:auto;
  object-fit:cover;
  border:2px solid var(--news-deep);
}
.page-news__column-intro{
  margin:0;
  max-width:44em;
}
.page-news__column-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:20px;
}
.page-news__column-card{
  position:relative;
  padding:24px 20px 20px;
  background:var(--news-paper);
  border:1px solid var(--news-line);
  transition:box-shadow 300ms ease, transform 300ms ease;
}
.page-news__column-card.lb-card:hover{
  box-shadow:8px 8px 0 var(--news-deep);
  transform:translate(-2px, -2px);
}
.page-news__card-num{
  position:absolute;
  top:8px;
  right:12px;
  font-family:var(--lb-font-data,"SF Mono","Cascadia Code","Consolas",monospace);
  font-size:2.2rem;
  font-weight:700;
  color:transparent;
  -webkit-text-stroke:1px var(--news-line);
  line-height:1;
}
.page-news__column-card h3{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:1.08rem;
  font-weight:800;
  margin:0 0 8px;
  line-height:1.3;
}
.page-news__column-card p{
  margin:0 0 12px;
  font-size:0.92rem;
  color:#111;
}
.page-news__season-track{
  background:repeating-linear-gradient(-45deg, rgba(182,195,214,0.35) 0 10px, rgba(182,195,214,0.15) 10px 20px);
  padding:24px;
  border-inline-start:6px solid var(--news-gold);
}
.page-news__season-track-title{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-weight:800;
  margin:0 0 16px;
  font-size:1rem;
}
.page-news__progress-row{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:8px;
  margin-bottom:12px;
  counter-reset:seg;
}
.page-news__progress-seg{
  position:relative;
  display:block;
  height:34px;
  background:var(--news-line);
  clip-path:polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  transition:background 300ms ease;
}
.page-news__progress-seg::after{
  content:attr(style);
  position:absolute;
  inset-inline-start:8px;
  top:9px;
  font-family:var(--lb-font-data,"SF Mono","Cascadia Code","Consolas",monospace);
  font-size:0.8rem;
  font-weight:700;
  letter-spacing:0.04em;
}
.page-news__progress-seg.is-done{
  background:var(--news-deep);
  color:#fff;
}
.page-news__progress-seg.is-current{
  background:linear-gradient(90deg, var(--news-gold), var(--news-deep));
  color:#fff;
  border:2px solid var(--news-deep);
}
.page-news__progress-note{
  margin:12px 0 0;
  font-size:0.9rem;
  color:#111;
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
}
.page-news__aside-block{
  display:grid;
  gap:16px;
}
.page-news__aside-title{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:1.1rem;
  font-weight:800;
  margin:0;
  padding-left:14px;
  border-left:4px solid var(--news-gold);
  line-height:1.2;
}
.page-news__archive-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:2px solid var(--news-deep);
}
.page-news__archive-list li{
  border-bottom:1px solid var(--news-line);
}
.page-news__archive-list a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 4px;
  text-decoration:none;
  font-weight:700;
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:0.95rem;
  transition:padding-left 300ms ease, color 300ms ease;
}
.page-news__archive-list a:hover{
  color:var(--news-gold);
  padding-left:10px;
}
.page-news__archive-list span{
  font-family:var(--lb-font-data,"SF Mono","Cascadia Code","Consolas",monospace);
  font-size:0.82rem;
  background:var(--news-silver);
  padding:2px 8px;
  clip-path:polygon(0 0, calc(100% - 5px) 0, 100% 100%, 0 100%);
}
.page-news__tags-block .page-news__tag{
  display:inline-block;
  margin:0 8px 10px 0;
}
.page-news__recommend{
  display:grid;
  gap:16px;
}
.page-news__recommend-card{
  position:relative;
  display:grid;
  gap:8px;
  padding:22px 18px 18px;
  background:var(--news-deep);
  color:#fff;
  text-decoration:none;
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
  transition:transform 300ms ease, box-shadow 300ms ease;
}
.page-news__recommend-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 24px rgba(10,31,68,0.16);
}
.page-news__recommend-type{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--news-gold);
  margin:0;
}
.page-news__recommend-card h3{
  font-family:var(--lb-font-head,"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",sans-serif);
  font-size:1.05rem;
  font-weight:800;
  margin:0;
  line-height:1.3;
}
.page-news__recommend-card p:not(.page-news__recommend-type){
  font-size:0.88rem;
  color:rgba(245,243,239,0.82);
  margin:0;
}
.page-news__recommend-link{
  justify-self:start;
  margin-top:4px;
}
.page-news__aside-img{
  width:100%;
  height:auto;
  max-height:300px;
  object-fit:cover;
  border:2px solid var(--news-deep);
}
.page-news__bottom-note{
  background:var(--news-deep);
  color:rgba(245,243,239,0.88);
  padding-block:32px;
  margin-top:0;
}
.page-news__bottom-note .lb-annotate{
  max-width:56em;
  margin-inline:auto;
  font-size:0.92rem;
  color:rgba(245,243,239,0.82);
}
.page-news__bottom-note a{
  color:var(--news-gold);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-news__bottom-note a:hover{
  color:#e5bd4c;
}

@media (min-width:960px){
  .page-news__layout{
    grid-template-columns:minmax(0, 1fr) minmax(280px, 340px);
    align-items:start;
  }
  .page-news__latest-feature{
    grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);
  }
  .page-news__feature-body{
    padding:32px 28px;
  }
  .page-news__chart-panel{
    padding:32px;
  }
  .page-news__aside-img{
    max-height:none;
    height:100%;
    max-height:auto;
    object-fit:cover;
    min-height:280px;
  }
}

@media (max-width:680px){
  .page-news__data-spotlight{
    grid-template-columns:1fr;
  }
  .page-news__column-grid{
    grid-template-columns:1fr;
  }
  .page-news__article-item{
    grid-template-columns:1fr;
    gap:6px;
  }
  .page-news__article-date{
    justify-self:start;
  }
  .page-news__progress-seg::after{
    font-size:0.7rem;
    inset-inline-start:5px;
  }
  .page-news__latest-feature{
    grid-template-columns:1fr;
  }
  .page-news__feature-img{
    min-height:180px;
  }
  .page-news__masthead{
    clip-path:polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 10px));
    padding-top:32px;
  }
}

.page-news {
  --news-gray: currentColor;
}