.page-news {
  display: block;
  background: var(--paper);
  color: var(--ink);
  overflow-x: hidden;
}

/* ---------- 面包屑 ---------- */
.page-news .news-crumbs {
  padding-top: 18px;
}
.page-news .news-crumbs .crumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--muted);
}
.page-news .news-crumbs .crumbs li + li::before {
  content: "/";
  margin-right: 6px;
  color: var(--line);
}
.page-news .news-crumbs .crumbs a {
  color: var(--indigo);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .18s var(--ease), color .18s var(--ease);
}
.page-news .news-crumbs .crumbs a:hover {
  color: var(--copper);
  border-bottom-color: var(--copper);
}
.page-news .news-crumbs .crumbs [aria-current="page"] {
  color: var(--ink);
}

/* ---------- 首屏 ---------- */
.page-news .news-hero {
  padding-top: 26px;
  border-top: 0;
}
.page-news .news-hero-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  align-items: stretch;
}
.page-news .news-hero-copy .eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--copper);
  margin: 0 0 6px;
}
.page-news .news-hero h1 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(30px, 7vw, 46px);
  line-height: 1.14;
  letter-spacing: -.01em;
  color: var(--indigo-deep);
  margin: 0 0 18px;
  max-width: 15em;
}
.page-news .news-hero h1::after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin-top: 20px;
  background: var(--copper);
}
.page-news .news-hero .lede {
  font-size: 16px;
  line-height: 1.7;
  color: #26344C;
  max-width: 34em;
  margin: 0 0 24px;
}
.page-news .news-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}
.page-news .news-hero-actions .btn {
  flex: 0 1 auto;
}

.page-news .news-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
.page-news .news-stat {
  background: var(--white);
  padding: 14px 16px;
}
.page-news .news-stat-num {
  display: block;
  font-family: var(--font-mono);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--indigo);
}
.page-news .news-stat-label {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--muted);
}

/* ---------- 首屏时间刻度视觉 ---------- */
.page-news .news-scale {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 26px 22px 20px;
  background: linear-gradient(160deg, var(--indigo) 0%, var(--indigo-deep) 100%);
  border: 1px solid var(--indigo-deep);
  overflow: hidden;
}
.page-news .news-scale::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--copper), var(--copper-soft) 55%, transparent);
}
.page-news .news-scale::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -70px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(14, 94, 111, .55) 0%, transparent 70%);
}
.page-news .news-scale-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 16px;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(233, 238, 246, .18);
}
.page-news .news-scale-head-no {
  font-family: var(--font-mono);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--copper-soft);
  line-height: 1;
}
.page-news .news-scale-head-text {
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--on-dark-dim);
}
.page-news .news-scale-item {
  display: grid;
  grid-template-columns: 66px 16px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  border-bottom: 1px dashed rgba(233, 238, 246, .16);
  position: relative;
  z-index: 1;
}
.page-news .news-scale-item:last-child {
  border-bottom: 0;
}
.page-news .news-scale-year {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper-soft);
}
.page-news .news-scale-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--teal);
  justify-self: center;
  box-shadow: 0 0 0 4px rgba(14, 94, 111, .3);
}
.page-news .news-scale-item.is-now .news-scale-dot {
  background: var(--copper);
  box-shadow: 0 0 0 4px rgba(200, 122, 46, .3);
}
.page-news .news-scale-text {
  font-size: 14px;
  line-height: 1.5;
  color: var(--on-dark);
}
.page-news .news-scale-item.is-now .news-scale-text {
  color: #fff;
  font-weight: 500;
}

/* ---------- 章节标题 ---------- */
.page-news .news-chapter {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0 0 10px;
}
.page-news .news-chapter .chapter-no {
  font-family: var(--font-mono);
  font-size: 14px;
  letter-spacing: .04em;
  color: var(--copper);
  padding-bottom: 2px;
  border-bottom: 2px solid var(--copper);
}
.page-news .news-chapter .chapter-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(22px, 4.4vw, 32px);
  line-height: 1.2;
  letter-spacing: -.01em;
  margin: 0;
  color: var(--indigo-deep);
}
.page-news .news-chapter-lede {
  margin: 0 0 26px;
  max-width: 46em;
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}

/* ---------- 深色区块 ---------- */
.page-news .news-band-dark {
  background: linear-gradient(180deg, var(--indigo) 0%, var(--indigo-deep) 100%);
  border-top: 0;
  color: var(--on-dark);
}
.page-news .news-band-dark .news-chapter .chapter-title {
  color: #fff;
}
.page-news .news-band-dark .news-chapter-lede {
  color: var(--on-dark-dim);
}

/* ---------- 本季度头条 ---------- */
.page-news .headline {
  display: grid;
  grid-template-columns: 1fr;
  background: var(--white);
  border: 1px solid var(--line);
  border-top: 3px solid var(--copper);
  box-shadow: var(--shadow-2);
}
.page-news .headline-body {
  padding: 24px 20px 26px;
  color: var(--ink);
}
.page-news .headline-kicker {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--copper);
}
.page-news .headline-title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(21px, 4.6vw, 30px);
  line-height: 1.26;
  color: var(--indigo-deep);
}
.page-news .headline-sum {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.75;
  color: #2A3852;
}
.page-news .headline-points {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  border-top: 1px solid var(--line);
}
.page-news .headline-points li {
  display: grid;
  gap: 4px;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  line-height: 1.6;
  color: #26344C;
}
.page-news .headline-points .mono {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--teal);
}
.page-news .headline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.page-news .headline-media {
  position: relative;
  min-height: 210px;
  background: repeating-linear-gradient(135deg, #E7ECF3 0 10px, #DCE3ED 10px 20px);
}
.page-news .headline-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.9) contrast(1.02);
}

/* ---------- 栏目卡片 ---------- */
.page-news .channel-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.page-news .channel-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 18px 18px;
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 2px solid var(--teal);
  box-shadow: var(--shadow-1);
  transition: transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);
}
.page-news .channel-card:hover {
  transform: translateX(2px);
  border-left-color: var(--copper);
  border-color: var(--line);
  box-shadow: var(--shadow-2);
}
.page-news .channel-tag {
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .05em;
  color: var(--indigo);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 10px;
}
.page-news .channel-title {
  margin: 2px 0 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 19px;
  line-height: 1.35;
  color: var(--indigo-deep);
}
.page-news .channel-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #3A4560;
  flex: 1 1 auto;
}
.page-news .channel-freq {
  margin: 6px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--line);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper);
}

/* ---------- 条目列表 ---------- */
.page-news .entry-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
}
.page-news .entry-filters .chip {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--indigo);
  cursor: pointer;
  transition: background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);
}
.page-news .entry-filters .chip:hover {
  border-color: var(--copper-soft);
  background: rgba(228, 183, 127, .18);
}
.page-news .entry-filters .chip[aria-pressed="true"] {
  background: var(--copper);
  border-color: var(--copper);
  color: #fff;
}

.page-news .segmented {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  margin-bottom: 6px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 2px;
}
.page-news .segmented [role="tab"] {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  padding: 9px 20px;
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: background .18s var(--ease), color .18s var(--ease);
}
.page-news .segmented [role="tab"][aria-selected="true"] {
  background: var(--indigo);
  color: #fff;
}
.page-news .segmented [role="tab"]:focus-visible {
  outline: 2px solid var(--copper);
  outline-offset: 2px;
}

.page-news .entry-list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}
.page-news .entry {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 20px 4px;
  border-bottom: 1px solid var(--line);
  transition: transform .18s var(--ease), background-color .18s var(--ease);
}
.page-news .entry:hover {
  transform: translateX(2px);
  background-color: rgba(255, 255, 255, .72);
}
.page-news .entry-badge {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper);
  border-left: 2px solid var(--copper);
  padding-left: 9px;
  line-height: 1.4;
}
.page-news .entry-title {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 18px;
  line-height: 1.4;
  color: var(--indigo-deep);
}
.page-news .entry-sum {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.75;
  color: #3A4560;
}
.page-news .entry-meta {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--muted);
}
.page-news .entry-meta a {
  color: var(--teal);
  text-decoration: none;
  border-bottom: 1px solid rgba(14, 94, 111, .35);
}
.page-news .entry-meta a:hover {
  color: var(--copper);
  border-bottom-color: var(--copper);
}
.page-news .entry-thumb {
  overflow: hidden;
  background: repeating-linear-gradient(135deg, #E7ECF3 0 10px, #DCE3ED 10px 20px);
  order: -1;
}
.page-news .entry-thumb img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.page-news .news-figure {
  margin: 30px 0 0;
}
.page-news .news-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid var(--line);
  background: repeating-linear-gradient(135deg, #E7ECF3 0 10px, #DCE3ED 10px 20px);
}
.page-news .news-figure .figure-caption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
  border-left: 2px solid var(--teal);
  padding-left: 10px;
}
.page-news .entries-foot {
  margin-top: 26px;
  display: flex;
  justify-content: flex-start;
}

/* ---------- 编辑推荐 ---------- */
.page-news .pick-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.page-news .pick-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 20px 20px;
  background: var(--white);
  border: 1px solid var(--line);
  border-top: 2px solid var(--copper);
  text-decoration: none;
  color: inherit;
  box-shadow: var(--shadow-1);
  transition: transform .18s var(--ease), box-shadow .18s var(--ease);
}
.page-news .pick-card:hover {
  transform: translateX(2px);
  box-shadow: var(--shadow-2);
}
.page-news .pick-tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--teal);
}
.page-news .pick-title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 20px;
  line-height: 1.34;
  color: var(--indigo-deep);
}
.page-news .pick-text {
  margin: 0;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.7;
  color: #3A4560;
}
.page-news .pick-more {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper);
}

/* ---------- 主干入口 ---------- */
.page-news .news-band-deep {
  background: linear-gradient(180deg, var(--indigo-deep) 0%, #0A1526 100%);
  border-top: 3px solid var(--copper);
  color: var(--on-dark);
}
.page-news .news-band-deep .news-chapter .chapter-title {
  color: #fff;
}
.page-news .news-band-deep .news-chapter-lede {
  color: var(--on-dark-dim);
}
.page-news .trunk-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.page-news .trunk-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 20px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(233, 238, 246, .16);
  text-decoration: none;
  color: inherit;
  transition: background-color .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);
}
.page-news .trunk-card:hover {
  transform: translateX(2px);
  background: rgba(255, 255, 255, .08);
  border-color: var(--copper-soft);
}
.page-news .trunk-no {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--copper-soft);
}
.page-news .trunk-title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 24px;
  line-height: 1.25;
  color: #fff;
}
.page-news .trunk-text {
  margin: 0;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.75;
  color: var(--on-dark);
}
.page-news .trunk-more {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper);
}
.page-news .trunk-foot {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(233, 238, 246, .18);
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.page-news .trunk-foot-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--on-dark);
  max-width: 44em;
}
.page-news .trunk-foot-text .mono {
  font-family: var(--font-mono);
  letter-spacing: .02em;
  color: #fff;
}
.page-news .trunk-mail {
  color: var(--copper-soft);
  text-decoration: none;
  border-bottom: 1px solid rgba(228, 183, 127, .45);
  word-break: break-all;
}
.page-news .trunk-mail:hover {
  color: var(--copper);
  border-bottom-color: var(--copper);
}
.page-news .trunk-foot-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

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

@media (min-width: 760px) {
  .page-news .news-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .page-news .entry {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 20px;
    padding: 22px 8px;
    align-items: start;
  }
  .page-news .entry--with-media {
    grid-template-columns: 88px minmax(0, 1fr) 200px;
  }
  .page-news .entry-thumb {
    order: 0;
  }
  .page-news .headline-body {
    padding: 30px 28px 32px;
  }
  .page-news .pick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-news .trunk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .page-news .news-hero-split {
    grid-template-columns: 5fr 7fr;
    gap: 40px;
  }
  .page-news .headline {
    grid-template-columns: minmax(0, 1fr) 42%;
  }
  .page-news .headline-media {
    min-height: 100%;
    order: 0;
  }
}

@media (min-width: 1000px) {
  .page-news .channel-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .page-news .pick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-news .trunk-foot {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .page-news .trunk-foot-actions {
    flex: 0 0 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .channel-card,
  .page-news .entry,
  .page-news .pick-card,
  .page-news .trunk-card {
    transition: none;
  }
  .page-news .channel-card:hover,
  .page-news .entry:hover,
  .page-news .pick-card:hover,
  .page-news .trunk-card:hover {
    transform: none;
  }
}
</style>
<<<END>>>

Wait — I mistakenly closed with `</style>`. The instruction says no style tags. Let me output correctly without it.

Correct final output below.
<main id="main-content" class="page-news">

  <div class="wrap news-crumbs">
    <nav class="crumbs" aria-label="页面路径">
      <ol>
        <li><a href="/">首页</a></li>
        <li aria-current="page">品牌纪事</li>
      </ol>
    </nav>
  </div>

  <section class="section news-hero" data-chapter="01" data-chapter-title="本期概览">
    <div class="wrap">
      <div class="news-hero-split">
        <div class="news-hero-copy">
          <p class="eyebrow mono">品牌纪事 · 持续更新</p>
          <h1>条款改了什么、网点动了哪里，乐投都写在季度纪事里</h1>
          <p class="lede">乐投官网安装把每个季度的质保条款调整、网点条件变化和安装现场记录写成一条条能查的内容。您在谈项目之前先翻一翻，就能判断眼下的质保档位和网点类型哪一类更贴合自己的工程。</p>
          <div class="news-hero-actions">
            <a class="btn btn--primary" href="#quarter-headline">读本季度头条</a>
            <a class="btn btn--ghost" href="#entries">按栏目找内容</a>
          </div>
          <div class="news-stats">
            <div class="news-stat">
              <span class="news-stat-num mono">76 期</span>
              <span class="news-stat-label">季度更新记录</span>
            </div>
            <div class="news-stat">
              <span class="news-stat-num mono">312 个</span>
              <span class="news-stat-label">安装服务网点</span>
            </div>
            <div class="news-stat">
              <span class="news-stat-num mono">19 个</span>
              <span class="news-stat-label">完整经营年度</span>
            </div>
            <div class="news-stat">
              <span class="news-stat-num mono">26 个</span>
              <span class="news-stat-label">服务覆盖省级行政区</span>
            </div>
          </div>
        </div>

        <div class="news-scale" aria-hidden="true">
          <div class="news-scale-head">
            <span class="mono news-scale-head-no">2006</span>
            <span class="news-scale-head-text">起点</span>
          </div>
          <div class="news-scale-item">
            <span class="news-scale-year mono">2006</span>
            <span class="news-scale-dot"></span>
            <span class="news-scale-text">第一个直营班组开始承接上门安装</span>
          </div>
          <div class="news-scale-item">
            <span class="news-scale-year mono">第 01 期</span>
            <span class="news-scale-dot"></span>
            <span class="news-scale-text">首份季度条款记录发布</span>
          </div>
          <div class="news-scale-item">
            <span class="news-scale-year mono">第 46 家</span>
            <span class="news-scale-dot"></span>
            <span class="news-scale-text">直营网点布点到位</span>
          </div>
          <div class="news-scale-item is-now">
            <span class="news-scale-year mono">第 76 期</span>
            <span class="news-scale-dot"></span>
            <span class="news-scale-text">本季度条款与网点条件更新</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section news-band-dark" id="quarter-headline" data-chapter="02" data-chapter-title="本季度头条" data-reveal>
    <div class="wrap">
      <header class="chapter news-chapter">
        <span class="chapter-no mono">02</span>
        <h2 class="chapter-title">本季度头条</h2>
      </header>
      <p class="news-chapter-lede">每季度只挑改变客户决策的那一件事说清楚，先说结论，再给影响范围和条款期数。</p>

      <article class="headline">
        <div class="headline-body">
          <p class="headline-kicker mono">季度更新 · 第 76 期 · 本季度</p>
          <h3 class="headline-title">协作网点单班组人数下限定格为 3 人，质保档位对应关系同步改写</h3>
          <p class="headline-sum">本季度条款核对已经完成。协作网点单班组人数要求明确为不少于 3 人，直营网点保持不少于 6 人；3 年、5 年、8 年三档质保与网点类型的对应关系一并更新，与安装类别挂钩的写法作了简化。</p>
          <ul class="headline-points">
            <li><span class="mono">影响范围</span>全国 266 家协作网点，覆盖 26 个省级行政区</li>
            <li><span class="mono">条款期数</span>第 76 期，对应季度更新栏目</li>
            <li><span class="mono">交付周期</span>协作网点质保期内平均 12 个工作日，直营网点 7 个工作日</li>
          </ul>
          <div class="headline-actions">
            <a class="btn btn--primary" href="/features/">对照质保与交付周期</a>
            <a class="btn btn--quiet" href="/help-center/">看条款怎么用</a>
          </div>
        </div>
        <div class="headline-media">
          <img src="{zhanqunpic:h:720w:1280}" width="1280" height="720" alt="安装现场的工作台与整排工具特写，冷灰调，无人物正面" decoding="async">
        </div>
      </article>
    </div>
  </section>

  <section class="section news-channels" data-chapter="03" data-chapter-title="栏目与专题" data-reveal>
    <div class="wrap">
      <header class="chapter news-chapter">
        <span class="chapter-no mono">03</span>
        <h2 class="chapter-title">四个栏目，四种读法</h2>
      </header>
      <p class="news-chapter-lede">想弄明白条款怎么变，就盯季度更新；想知道身边有没有人能上门，就看网点动态。</p>

      <div class="channel-grid">
        <article class="channel-card">
          <span class="channel-tag mono">沿革回顾</span>
          <h3 class="channel-title">从 2006 年一路写下来</h3>
          <p class="channel-text">讲的是班组怎么布点、直营与协作怎么分工，帮您理解一家安装服务商为什么值得托付。</p>
          <p class="channel-freq mono">每季度 1 篇</p>
        </article>

        <article class="channel-card">
          <span class="channel-tag mono">季度更新</span>
          <h3 class="channel-title">条款与周期的最新状态</h3>
          <p class="channel-text">质保档位、团队规模要求、交付周期有什么变化，都在这里逐条列出，自 2006 年起累计 76 期。</p>
          <p class="channel-freq mono">每季度 1 期</p>
        </article>

        <article class="channel-card">
          <span class="channel-tag mono">网点动态</span>
          <h3 class="channel-title">谁在扩班组、谁在复训</h3>
          <p class="channel-text">直营与协作网点的班组调整、复训排期与承接范围变化，影响您所在区域能不能就近安排上门。</p>
          <p class="channel-freq mono">每月更新</p>
        </article>

        <article class="channel-card">
          <span class="channel-tag mono">现场纪实</span>
          <h3 class="channel-title">真实工况下的安装过程</h3>
          <p class="channel-text">不停产窗口安装、复杂工况处理、联合验收的现场记录，让您在签约前就看清施工是怎么做的。</p>
          <p class="channel-freq mono">按项目跟进</p>
        </article>
      </div>
    </div>
  </section>

  <section class="section news-entries" id="entries" data-chapter="04" data-chapter-title="近期条目" data-reveal>
    <div class="wrap">
      <header class="chapter news-chapter">
        <span class="chapter-no mono">04</span>
        <h2 class="chapter-title">近期条目</h2>
      </header>
      <p class="news-chapter-lede">按栏目挑，或者直接翻本季度和上一季度两段记录。</p>

      <div class="entry-filters" role="group" aria-label="按栏目筛选">
        <button type="button" class="chip" aria-pressed="true">全部</button>
        <button type="button" class="chip" aria-pressed="false">沿革回顾</button>
        <button type="button" class="chip" aria-pressed="false">季度更新</button>
        <button type="button" class="chip" aria-pressed="false">网点动态</button>
        <button type="button" class="chip" aria-pressed="false">现场纪实</button>
      </div>

      <div data-tabs>
        <div class="segmented" role="tablist" aria-label="按时间浏览条目">
          <button type="button" role="tab" id="tab-now" aria-selected="true" aria-controls="panel-now">本季度</button>
          <button type="button" role="tab" id="tab-prev" aria-selected="false" aria-controls="panel-prev" tabindex="-1">上一季度</button>
        </div>

        <div role="tabpanel" id="panel-now" aria-labelledby="tab-now" tabindex="0">
          <ul class="entry-list">
            <li class="entry" data-reveal>
              <span class="entry-badge mono">第 76 期</span>
              <div class="entry-body">
                <h3 class="entry-title">协作网点班组人数下限调整，质保档位对应关系同步更新</h3>
                <p class="entry-sum">协作网点单班组不少于 3 人，直营网点不少于 6 人；3 年、5 年、8 年三档质保与网点类型一一对应，安装类别不再单独加条件。</p>
                <p class="entry-meta mono">季度更新 · 本季度 · <a href="/features/">对照表</a></p>
              </div>
            </li>

            <li class="entry entry--with-media" data-reveal>
              <span class="entry-badge mono">沿革 41</span>
              <div class="entry-body">
                <h3 class="entry-title">从 2006 年的第一个直营班组讲起</h3>
                <p class="entry-sum">那年乐投只在一个城市承接上门安装，班组自带工具；十九个完整经营年度之后，直营网点到了 46 家，协作网点 266 家。</p>
                <p class="entry-meta mono">沿革回顾 · 本季度 · <a href="/mission/">看完整沿革</a></p>
              </div>
              <div class="entry-thumb">
                <img src="{zhanqunpic:h:600w:800}" width="800" height="600" alt="台账翻页特写，纸页边缘与手写栏线清晰可见" loading="lazy" decoding="async">
              </div>
            </li>

            <li class="entry entry--with-media" data-reveal>
              <span class="entry-badge mono">网点 29</span>
              <div class="entry-body">
                <h3 class="entry-title">直营网点新增两个跨区域安装班组</h3>
                <p class="entry-sum">新班组主攻复杂工况与跨省项目，质保期内平均交付周期维持 7 个工作日；协作网点承担本地区域常规安装，平均 12 个工作日。</p>
                <p class="entry-meta mono">网点动态 · 本季度 · <a href="/connect/">咨询本地网点</a></p>
              </div>
              <div class="entry-thumb">
                <img src="{zhanqunpic:h:600w:900}" width="900" height="600" alt="包装箱与编号标签特写，标签格式清晰规整" loading="lazy" decoding="async">
              </div>
            </li>

            <li class="entry" data-reveal>
              <span class="entry-badge mono">纪实 18</span>
              <div class="entry-body">
                <h3 class="entry-title">一次不停产安装的完整记录</h3>
                <p class="entry-sum">项目方要求产线白天照常运转，班组把安装拆成三个夜间窗口完成，联合验收放在第四个窗口，验收单与安装记录按单号归档。</p>
                <p class="entry-meta mono">现场纪实 · 本季度</p>
              </div>
            </li>
          </ul>
        </div>

        <div role="tabpanel" id="panel-prev" aria-labelledby="tab-prev" tabindex="0" hidden>
          <ul class="entry-list">
            <li class="entry" data-reveal>
              <span class="entry-badge mono">第 75 期</span>
              <div class="entry-body">
                <h3 class="entry-title">验收单留存与补办流程写进条款</h3>
                <p class="entry-sum">验收单与安装记录留存 5 年，客户可按单号回溯核对；遗失补办需要提供安装日期与网点编号，补办周期不超过 3 个工作日。</p>
                <p class="entry-meta mono">季度更新 · 上一季度 · <a href="/help-center/">补办怎么申请</a></p>
              </div>
            </li>

            <li class="entry" data-reveal>
              <span class="entry-badge mono">网点 28</span>
              <div class="entry-body">
                <h3 class="entry-title">266 家协作网点完成年度复训排期</h3>
                <p class="entry-sum">安装人员持证上岗率保持 100%，每人每年参加 2 次复训，内容包含新增条款与验收规范，复训结束才能接新单。</p>
                <p class="entry-meta mono">网点动态 · 上一季度</p>
              </div>
            </li>

            <li class="entry" data-reveal>
              <span class="entry-badge mono">沿革 40</span>
              <div class="entry-body">
                <h3 class="entry-title">46 家直营网点是怎么一家家开出来的</h3>
                <p class="entry-sum">直营网点承担跨区域安装与复杂工况处理，从第一家到第 46 家用掉十九个完整经营年度，山东以青岛作为本地化服务示例。</p>
                <p class="entry-meta mono">沿革回顾 · 上一季度 · <a href="/mission/">看网点体系分工</a></p>
              </div>
            </li>

            <li class="entry" data-reveal>
              <span class="entry-badge mono">纪实 17</span>
              <div class="entry-body">
                <h3 class="entry-title">工具台上的更换件</h3>
                <p class="entry-sum">一次常规保养结束后，班组把拆下的旧件与新备件并排清点，按编号登记后随验收单一起归档，方便项目方日后对账。</p>
                <p class="entry-meta mono">现场纪实 · 上一季度</p>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <figure class="figure news-figure">
        <img src="{zhanqunpic:h:600w:900}" width="900" height="600" alt="工具台上更换下来的配件与新品并列摆放的俯拍记录" loading="lazy" decoding="async">
        <figcaption class="figure-caption">本季度抽检的一组更换件：旧件与新备件并排登记，随验收单归档留存 5 年。</figcaption>
      </figure>

      <div class="entries-foot">
        <a class="btn btn--quiet" href="#quarter-headline">回到本季度头条</a>
      </div>
    </div>
  </section>

  <section class="section news-picks" data-chapter="05" data-chapter-title="编辑推荐" data-reveal>
    <div class="wrap">
      <header class="chapter news-chapter">
        <span class="chapter-no mono">05</span>
        <h2 class="chapter-title">下单前先读这三条</h2>
      </header>
      <p class="news-chapter-lede">三条内容对应三个最常问的问题：条件差在哪、这家做了多久、出问题找谁。</p>

      <div class="pick-grid">
        <a class="pick-card" href="/features/">
          <span class="pick-tag mono">条件对照</span>
          <h3 class="pick-title">直营和协作到底差在哪</h3>
          <p class="pick-text">交付周期 7 天与 12 天、班组 6 人与 3 人、质保 3 年 5 年 8 年三档如何匹配您的工程类型。</p>
          <span class="pick-more mono">去功能与比价 →</span>
        </a>

        <a class="pick-card" href="/mission/">
          <span class="pick-tag mono">经营年限</span>
          <h3 class="pick-title">十九个完整经营年度意味着什么</h3>
          <p class="pick-text">从 2006 年第一个直营班组到 312 个安装服务网点，网点体系怎么长出来、为什么值得长期合作。</p>
          <span class="pick-more mono">去品牌沿革 →</span>
        </a>

        <a class="pick-card" href="/help-center/">
          <span class="pick-tag mono">售后实务</span>
          <h3 class="pick-title">质保期怎么算、单子丢了怎么办</h3>
          <p class="pick-text">质保激活时间点、网点切换条件、验收单补办所需材料，58 条问答按质保、网点、交付、验收、售后归类。</p>
          <span class="pick-more mono">去帮助中心 →</span>
        </a>
      </div>
    </div>
  </section>

  <section class="section news-band-deep" data-chapter="06" data-chapter-title="继续核对" data-reveal>
    <div class="wrap">
      <header class="chapter news-chapter">
        <span class="chapter-no mono">06</span>
        <h2 class="chapter-title">看完纪事，接着把条件定下来</h2>
      </header>
      <p class="news-chapter-lede">读到这里，您已经知道条款和网点最近怎么变。下一步就是拿自己的项目去比一比。</p>

      <div class="trunk-grid">
        <a class="trunk-card" href="/features/">
          <span class="trunk-no mono">主线一</span>
          <h3 class="trunk-title">功能与比价</h3>
          <p class="trunk-text">27 个对照字段覆盖质保条款、安装服务网点与交付周期，按地区、网点类型、质保周期三个维度筛出适合您的组合。</p>
          <span class="trunk-more mono">开始对照 →</span>
        </a>

        <a class="trunk-card" href="/mission/">
          <span class="trunk-no mono">主线二</span>
          <h3 class="trunk-title">品牌沿革</h3>
          <p class="trunk-text">自 2006 年起的经营节点、直营与协作两类网点的分工，以及乐投对交付与质保的长期承诺。</p>
          <span class="trunk-more mono">看沿革 →</span>
        </a>
      </div>

      <div class="trunk-foot">
        <p class="trunk-foot-text">还有具体问题要问？客服邮箱 <a class="trunk-mail" href="mailto:info@letou-install-2006.com.cn">info@letou-install-2006.com.cn</a>，咨询电话 <span class="mono">17149944998</span>，工作日 9:00-18:00 接待；咨询安装网点与质保条款请在邮件标题注明“乐投安装/质保”。</p>
        <div class="trunk-foot-actions">
          <a class="btn btn--ghost" href="/help-center/">去帮助中心</a>
          <a class="btn btn--primary" href="/connect/">联系乐投</a>
        </div>
      </div>
    </div>
  </section>

</main>

.page-news {
  display: block;
  background: var(--paper);
  color: var(--ink);
  overflow-x: hidden;
}

/* ---------- 面包屑 ---------- */
.page-news .news-crumbs {
  padding-top: 18px;
}
.page-news .news-crumbs .crumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--muted);
}
.page-news .news-crumbs .crumbs li + li::before {
  content: "/";
  margin-right: 6px;
  color: var(--line);
}
.page-news .news-crumbs .crumbs a {
  color: var(--indigo);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .18s var(--ease), color .18s var(--ease);
}
.page-news .news-crumbs .crumbs a:hover {
  color: var(--copper);
  border-bottom-color: var(--copper);
}
.page-news .news-crumbs .crumbs [aria-current="page"] {
  color: var(--ink);
}

/* ---------- 首屏 ---------- */
.page-news .news-hero {
  padding-top: 26px;
  border-top: 0;
}
.page-news .news-hero-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  align-items: stretch;
}
.page-news .news-hero-copy .eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--copper);
  margin: 0 0 6px;
}
.page-news .news-hero h1 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(30px, 7vw, 46px);
  line-height: 1.14;
  letter-spacing: -.01em;
  color: var(--indigo-deep);
  margin: 0 0 18px;
  max-width: 15em;
}
.page-news .news-hero h1::after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin-top: 20px;
  background: var(--copper);
}
.page-news .news-hero .lede {
  font-size: 16px;
  line-height: 1.7;
  color: #26344C;
  max-width: 34em;
  margin: 0 0 24px;
}
.page-news .news-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.page-news .news-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
.page-news .news-stat {
  background: var(--white);
  padding: 14px 16px;
}
.page-news .news-stat-num {
  display: block;
  font-family: var(--font-mono);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--indigo);
}
.page-news .news-stat-label {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--muted);
}

/* ---------- 首屏时间刻度视觉 ---------- */
.page-news .news-scale {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 26px 22px 20px;
  background: linear-gradient(160deg, var(--indigo) 0%, var(--indigo-deep) 100%);
  border: 1px solid var(--indigo-deep);
  overflow: hidden;
}
.page-news .news-scale::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--copper), var(--copper-soft) 55%, transparent);
}
.page-news .news-scale::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -70px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(14, 94, 111, .55) 0%, transparent 70%);
}
.page-news .news-scale-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 16px;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(233, 238, 246, .18);
}
.page-news .news-scale-head-no {
  font-family: var(--font-mono);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--copper-soft);
  line-height: 1;
}
.page-news .news-scale-head-text {
  font-size: 12px;
  letter-spacing: .18em;
  color: var(--on-dark-dim);
}
.page-news .news-scale-item {
  display: grid;
  grid-template-columns: 66px 16px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  border-bottom: 1px dashed rgba(233, 238, 246, .16);
  position: relative;
  z-index: 1;
}
.page-news .news-scale-item:last-child {
  border-bottom: 0;
}
.page-news .news-scale-year {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper-soft);
}
.page-news .news-scale-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--teal);
  justify-self: center;
  box-shadow: 0 0 0 4px rgba(14, 94, 111, .3);
}
.page-news .news-scale-item.is-now .news-scale-dot {
  background: var(--copper);
  box-shadow: 0 0 0 4px rgba(200, 122, 46, .3);
}
.page-news .news-scale-text {
  font-size: 14px;
  line-height: 1.5;
  color: var(--on-dark);
}
.page-news .news-scale-item.is-now .news-scale-text {
  color: #fff;
  font-weight: 500;
}

/* ---------- 章节标题 ---------- */
.page-news .news-chapter {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0 0 10px;
}
.page-news .news-chapter .chapter-no {
  font-family: var(--font-mono);
  font-size: 14px;
  letter-spacing: .04em;
  color: var(--copper);
  padding-bottom: 2px;
  border-bottom: 2px solid var(--copper);
}
.page-news .news-chapter .chapter-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(22px, 4.4vw, 32px);
  line-height: 1.2;
  letter-spacing: -.01em;
  margin: 0;
  color: var(--indigo-deep);
}
.page-news .news-chapter-lede {
  margin: 0 0 26px;
  max-width: 46em;
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}

/* ---------- 深色区块 ---------- */
.page-news .news-band-dark {
  background: linear-gradient(180deg, var(--indigo) 0%, var(--indigo-deep) 100%);
  border-top: 0;
  color: var(--on-dark);
}
.page-news .news-band-dark .news-chapter .chapter-title {
  color: #fff;
}
.page-news .news-band-dark .news-chapter-lede {
  color: var(--on-dark-dim);
}

/* ---------- 本季度头条 ---------- */
.page-news .headline {
  display: grid;
  grid-template-columns: 1fr;
  background: var(--white);
  border: 1px solid var(--line);
  border-top: 3px solid var(--copper);
  box-shadow: var(--shadow-2);
}
.page-news .headline-body {
  padding: 24px 20px 26px;
  color: var(--ink);
}
.page-news .headline-kicker {
  margin: 0 0 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--copper);
}
.page-news .headline-title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(21px, 4.6vw, 30px);
  line-height: 1.26;
  color: var(--indigo-deep);
}
.page-news .headline-sum {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.75;
  color: #2A3852;
}
.page-news .headline-points {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  border-top: 1px solid var(--line);
}
.page-news .headline-points li {
  display: grid;
  gap: 4px;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  line-height: 1.6;
  color: #26344C;
}
.page-news .headline-points .mono {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--teal);
}
.page-news .headline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.page-news .headline-media {
  position: relative;
  min-height: 210px;
  background: repeating-linear-gradient(135deg, #E7ECF3 0 10px, #DCE3ED 10px 20px);
}
.page-news .headline-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.9) contrast(1.02);
}

/* ---------- 栏目卡片 ---------- */
.page-news .channel-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.page-news .channel-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 18px 18px;
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 2px solid var(--teal);
  box-shadow: var(--shadow-1);
  transition: transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);
}
.page-news .channel-card:hover {
  transform: translateX(2px);
  border-left-color: var(--copper);
  box-shadow: var(--shadow-2);
}
.page-news .channel-tag {
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .05em;
  color: var(--indigo);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 10px;
}
.page-news .channel-title {
  margin: 2px 0 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 19px;
  line-height: 1.35;
  color: var(--indigo-deep);
}
.page-news .channel-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #3A4560;
  flex: 1 1 auto;
}
.page-news .channel-freq {
  margin: 6px 0 0;
  padding-top: 10px;
  border-top: 1px dashed var(--line);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper);
}

/* ---------- 条目列表 ---------- */
.page-news .entry-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
}
.page-news .entry-filters .chip {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--indigo);
  cursor: pointer;
  transition: background-color .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);
}
.page-news .entry-filters .chip:hover {
  border-color: var(--copper-soft);
  background: rgba(228, 183, 127, .18);
}
.page-news .entry-filters .chip[aria-pressed="true"] {
  background: var(--copper);
  border-color: var(--copper);
  color: #fff;
}

.page-news .segmented {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  margin-bottom: 6px;
  background: var(--white);
  border: 1px solid var(--line);
}
.page-news .segmented [role="tab"] {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  padding: 9px 20px;
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: background-color .18s var(--ease), color .18s var(--ease);
}
.page-news .segmented [role="tab"][aria-selected="true"] {
  background: var(--indigo);
  color: #fff;
}
.page-news .segmented [role="tab"]:focus-visible {
  outline: 2px solid var(--copper);
  outline-offset: 2px;
}

.page-news .entry-list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}
.page-news .entry {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 20px 4px;
  border-bottom: 1px solid var(--line);
  transition: transform .18s var(--ease), background-color .18s var(--ease);
}
.page-news .entry:hover {
  transform: translateX(2px);
  background-color: rgba(255, 255, 255, .72);
}
.page-news .entry-badge {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper);
  border-left: 2px solid var(--copper);
  padding-left: 9px;
  line-height: 1.4;
}
.page-news .entry-title {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 18px;
  line-height: 1.4;
  color: var(--indigo-deep);
}
.page-news .entry-sum {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.75;
  color: #3A4560;
}
.page-news .entry-meta {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--muted);
}
.page-news .entry-meta a {
  color: var(--teal);
  text-decoration: none;
  border-bottom: 1px solid rgba(14, 94, 111, .35);
}
.page-news .entry-meta a:hover {
  color: var(--copper);
  border-bottom-color: var(--copper);
}
.page-news .entry-thumb {
  overflow: hidden;
  background: repeating-linear-gradient(135deg, #E7ECF3 0 10px, #DCE3ED 10px 20px);
  order: -1;
}
.page-news .entry-thumb img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.page-news .news-figure {
  margin: 30px 0 0;
}
.page-news .news-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid var(--line);
  background: repeating-linear-gradient(135deg, #E7ECF3 0 10px, #DCE3ED 10px 20px);
}
.page-news .news-figure .figure-caption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
  border-left: 2px solid var(--teal);
  padding-left: 10px;
}
.page-news .entries-foot {
  margin-top: 26px;
  display: flex;
  justify-content: flex-start;
}

/* ---------- 编辑推荐 ---------- */
.page-news .pick-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.page-news .pick-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 20px 20px;
  background: var(--white);
  border: 1px solid var(--line);
  border-top: 2px solid var(--copper);
  text-decoration: none;
  color: inherit;
  box-shadow: var(--shadow-1);
  transition: transform .18s var(--ease), box-shadow .18s var(--ease);
}
.page-news .pick-card:hover {
  transform: translateX(2px);
  box-shadow: var(--shadow-2);
}
.page-news .pick-tag {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--teal);
}
.page-news .pick-title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 20px;
  line-height: 1.34;
  color: var(--indigo-deep);
}
.page-news .pick-text {
  margin: 0;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.7;
  color: #3A4560;
}
.page-news .pick-more {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper);
}

/* ---------- 主干入口 ---------- */
.page-news .news-band-deep {
  background: linear-gradient(180deg, var(--indigo-deep) 0%, #0A1526 100%);
  border-top: 3px solid var(--copper);
  color: var(--on-dark);
}
.page-news .news-band-deep .news-chapter .chapter-title {
  color: #fff;
}
.page-news .news-band-deep .news-chapter-lede {
  color: var(--on-dark-dim);
}
.page-news .trunk-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.page-news .trunk-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 20px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(233, 238, 246, .16);
  text-decoration: none;
  color: inherit;
  transition: background-color .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);
}
.page-news .trunk-card:hover {
  transform: translateX(2px);
  background: rgba(255, 255, 255, .08);
  border-color: var(--copper-soft);
}
.page-news .trunk-no {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--copper-soft);
}
.page-news .trunk-title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 24px;
  line-height: 1.25;
  color: #fff;
}
.page-news .trunk-text {
  margin: 0;
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.75;
  color: var(--on-dark);
}
.page-news .trunk-more {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--copper);
}
.page-news .trunk-foot {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(233, 238, 246, .18);
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.page-news .trunk-foot-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--on-dark);
  max-width: 44em;
}
.page-news .trunk-foot-text .mono {
  font-family: var(--font-mono);
  letter-spacing: .02em;
  color: #fff;
}
.page-news .trunk-mail {
  color: var(--copper-soft);
  text-decoration: none;
  border-bottom: 1px solid rgba(228, 183, 127, .45);
  word-break: break-all;
}
.page-news .trunk-mail:hover {
  color: var(--copper);
  border-bottom-color: var(--copper);
}
.page-news .trunk-foot-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

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

@media (min-width: 760px) {
  .page-news .news-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .page-news .entry {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 20px;
    padding: 22px 8px;
    align-items: start;
  }
  .page-news .entry--with-media {
    grid-template-columns: 88px minmax(0, 1fr) 200px;
  }
  .page-news .entry-thumb {
    order: 0;
  }
  .page-news .headline-body {
    padding: 30px 28px 32px;
  }
  .page-news .pick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-news .trunk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .page-news .news-hero-split {
    grid-template-columns: 5fr 7fr;
    gap: 40px;
  }
  .page-news .headline {
    grid-template-columns: minmax(0, 1fr) 42%;
  }
  .page-news .headline-media {
    min-height: 100%;
  }
}

@media (min-width: 1000px) {
  .page-news .channel-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .page-news .pick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .page-news .trunk-foot {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .page-news .trunk-foot-actions {
    flex: 0 0 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-news .channel-card,
  .page-news .entry,
  .page-news .pick-card,
  .page-news .trunk-card,
  .page-news .segmented [role="tab"],
  .page-news .entry-filters .chip {
    transition: none;
  }
  .page-news .channel-card:hover,
  .page-news .entry:hover,
  .page-news .pick-card:hover,
  .page-news .trunk-card:hover {
    transform: none;
  }
}