.page-news{
  padding-bottom:72px;
  color:var(--ivory);
}
.page-news img{display:block;max-width:100%;height:auto;}
.page-news h2,
.page-news h3{margin:0;font-weight:800;color:var(--ivory);}

/* 首屏 */
.page-news .news-hero{padding:24px 0 8px;}
.page-news .news-hero__grid{display:grid;gap:26px;}
.page-news .news-eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin:0;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mist);
}
.page-news .news-eyebrow::before{
  content:"";width:9px;height:9px;background:var(--gold);transform:rotate(45deg);
}
.page-news .news-hero h1{
  margin:14px 0 0;font-size:clamp(30px,7.2vw,54px);line-height:1.1;
  letter-spacing:-.01em;font-weight:900;color:var(--ivory);
}
.page-news .news-hero h1 em{font-style:normal;color:var(--gold);}
.page-news .news-lede{
  margin:14px 0 0;max-width:35em;font-size:16px;line-height:1.78;color:var(--bone);
}
.page-news .news-figures{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  margin:22px 0 0;background:var(--hair-soft);border:1px solid var(--hair-soft);
}
.page-news .news-figure{background:var(--ink-soft);padding:13px 14px;}
.page-news .news-figure b{
  display:block;font-family:var(--font-mono);font-size:22px;line-height:1.2;color:var(--gold);
}
.page-news .news-figure span{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--stone-lit);}
.page-news .news-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.page-news .news-hero__media{
  margin:0;border:1px solid var(--hair-strong);background:var(--ink-soft);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);
}
.page-news .news-hero__media img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;}

/* 更新密度横带 */
.page-news .beat{
  margin-top:36px;padding:24px 18px;border:1px solid var(--hair);
  background:linear-gradient(135deg,rgba(31,111,92,.30),rgba(11,27,43,.95) 62%);
  clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,0 calc(100% - 28px));
}
.page-news .beat__head{
  display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;justify-content:space-between;
  padding-bottom:12px;border-bottom:1px solid var(--hair);
}
.page-news .beat__head h2{font-size:clamp(21px,3.6vw,28px);line-height:1.3;}
.page-news .beat__head span{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--mist);}
.page-news .beat__grid{display:grid;gap:18px;margin-top:18px;}
.page-news .beat__cell{border-left:2px solid var(--field);padding-left:14px;}
.page-news .beat__cell b{display:block;font-family:var(--font-mono);font-size:24px;line-height:1.25;color:var(--ivory);}
.page-news .beat__cell b i{font-style:normal;font-size:11px;color:var(--mist);margin-left:8px;letter-spacing:.08em;}
.page-news .beat__cell p{margin:6px 0 0;font-size:13.5px;line-height:1.72;color:var(--bone);}
.page-news .beat__mobile{
  display:grid;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--hair-soft);
}
.page-news .beat__mobile-cap{
  margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--gold);
}
.page-news .beat__mobile-text{margin:8px 0 0;font-size:13.5px;line-height:1.75;color:var(--bone);}
.page-news .beat__mobile-media{margin:0;border:1px solid var(--hair);}
.page-news .beat__mobile-media img{width:100%;aspect-ratio:3/2;object-fit:cover;}
.page-news .beat__foot{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:20px;}
.page-news .beat__foot a{
  font-size:13.5px;color:var(--gold);text-decoration:none;
  border-bottom:1px solid rgba(201,162,39,.45);padding-bottom:2px;transition:color .15s ease,border-color .15s ease;
}
.page-news .beat__foot a:hover{color:var(--ivory);border-color:var(--ivory);}

/* 编辑台双栏 */
.page-news .desk{display:grid;gap:26px;margin-top:46px;}
.page-news .desk__index{border:1px solid var(--hair);background:var(--ink-soft);padding:16px;}
.page-news .desk__cap{
  margin:0 0 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--gold);
}
.page-news .desk__search input{
  width:100%;box-sizing:border-box;background:var(--ink);border:1px solid var(--hair-strong);
  color:var(--ivory);font-family:var(--font-mono);font-size:13px;padding:9px 10px;outline:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.page-news .desk__search input::placeholder{color:var(--stone-lit);}
.page-news .desk__search input:focus{border-color:var(--field);box-shadow:0 0 0 2px rgba(31,111,92,.35);}
.page-news .desk__list{list-style:none;margin:14px 0 0;padding:0;}
.page-news .desk__item a{
  display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;
  padding:9px 0;border-top:1px solid var(--hair-soft);color:var(--bone);
  text-decoration:none;font-size:13.5px;transition:color .15s ease,transform .15s ease;
}
.page-news .desk__item a:hover{color:var(--gold);transform:translateX(3px);}
.page-news .desk__idx,
.page-news .desk__n{font-family:var(--font-mono);font-size:11px;color:var(--stone-lit);}
.page-news .desk__count{margin:14px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--mist);}
.page-news .desk__empty{
  margin:0 0 16px;padding:12px 14px;border:1px dashed var(--hair-strong);
  color:var(--mist);font-size:13.5px;line-height:1.7;
}
.page-news .desk__empty[hidden]{display:none;}

.page-news .dot{width:7px;height:7px;display:block;transform:rotate(45deg);}
.page-news .dot--rules{background:var(--gold);}
.page-news .dot--product{background:var(--field);}
.page-news .dot--event{background:var(--clay);}
.page-news .dot--tech{background:var(--mist);}
.page-news .dot--ops{background:var(--bone);}

/* 小节标题条 */
.page-news .news-head{
  display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between;
  padding-bottom:12px;border-bottom:1px solid var(--hair);margin-bottom:14px;
}
.page-news .news-head h2{font-size:clamp(21px,3.6vw,30px);line-height:1.26;}
.page-news .news-head__idx{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--stone-lit);}

/* 观察条目 */
.page-news .obs-feed{list-style:none;margin:0;padding:0;}
.page-news .obs{
  display:grid;gap:9px;padding:16px 2px;border-bottom:1px solid var(--hair-soft);
  transition:background .15s ease;
}
.page-news .obs:hover{background:rgba(46,125,91,.10);}
.page-news .obs--lead{
  background:linear-gradient(155deg,rgba(46,125,91,.34),rgba(11,27,43,.97) 72%);
  border:1px solid var(--hair-strong);padding:18px;box-shadow:var(--shadow-hard);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);
}
.page-news .obs--lead:hover{background:linear-gradient(155deg,rgba(46,125,91,.42),rgba(11,27,43,.97) 72%);}
.page-news .obs__bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.page-news .obs__no{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--stone-lit);}
.page-news .obs__cat{
  font-family:var(--font-mono);font-size:11px;padding:2px 7px;
  border:1px solid currentColor;color:var(--field);white-space:nowrap;
}
.page-news .obs__cat--rules{color:var(--gold);}
.page-news .obs__cat--product{color:var(--field);}
.page-news .obs__cat--event{color:var(--clay);}
.page-news .obs__cat--tech{color:var(--mist);}
.page-news .obs__cat--ops{color:var(--bone);}
.page-news .obs__when{
  margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ivory);
  background:rgba(243,235,221,.10);padding:2px 8px;white-space:nowrap;
}
.page-news .obs__title{font-size:17px;line-height:1.45;font-weight:700;color:var(--ivory);}
.page-news .obs--lead .obs__title{font-size:clamp(19px,3.4vw,24px);line-height:1.35;}
.page-news .obs__sum{margin:0;font-size:14px;line-height:1.74;color:var(--bone);}
.page-news .obs__tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;}
.page-news .obs__tag{
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;
  padding:2px 6px;border:1px solid var(--hair);color:var(--stone-lit);
}
.page-news .obs__read{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--mist);}

/* 专题卡 */
.page-news .topics{margin-top:52px;}
.page-news .topics__grid{display:grid;gap:20px;}
.page-news .topic{
  display:grid;gap:14px;padding:20px;background:var(--bone);color:var(--ink-deep);
  border:1px solid rgba(17,24,32,.16);box-shadow:var(--shadow-hard);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);
}
.page-news .topic h3{font-size:clamp(18px,3.2vw,22px);line-height:1.36;color:var(--ink-deep);}
.page-news .topic p{margin:0;font-size:14px;line-height:1.76;color:#2c3540;}
.page-news .topic__kicker{
  margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:#7a5c1b;
}
.page-news .topic__media{margin:0;border:1px solid rgba(17,24,32,.18);}
.page-news .topic__media img{width:100%;aspect-ratio:3/2;object-fit:cover;}
.page-news .topic__points{margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.page-news .topic__points li{
  position:relative;padding-left:16px;font-size:13.5px;line-height:1.68;color:#39434f;
}
.page-news .topic__points li::before{
  content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:var(--field);transform:rotate(45deg);
}
.page-news .topic__link{
  align-self:start;font-size:14px;font-weight:600;color:var(--field);text-decoration:none;
  border-bottom:2px solid rgba(31,111,92,.35);padding-bottom:2px;transition:color .15s ease,border-color .15s ease;
}
.page-news .topic__link:hover{color:var(--ink-deep);border-color:var(--gold);}
.page-news .topic--dark{
  background:linear-gradient(160deg,var(--ink-soft),var(--ink-deep) 82%);
  color:var(--bone);border-color:var(--hair-strong);
}
.page-news .topic--dark h3{color:var(--ivory);}
.page-news .topic--dark p{color:var(--bone);}
.page-news .topic--dark .topic__kicker{color:var(--gold);}
.page-news .topic--dark .topic__points li{color:rgba(243,235,221,.84);}
.page-news .topic--dark .topic__points li::before{background:var(--gold);}
.page-news .topic--dark .topic__link{color:var(--gold);border-color:rgba(201,162,39,.4);}
.page-news .topic--dark .topic__link:hover{color:var(--ivory);border-color:var(--ivory);}

/* 活动运营观察 */
.page-news .field-note{
  display:grid;gap:20px;margin-top:52px;padding:24px 18px;border:1px solid var(--hair);
  background:linear-gradient(200deg,rgba(184,107,75,.20),rgba(11,27,43,.92) 58%);
}
.page-news .field-note__kicker{
  margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--clay);
}
.page-news .field-note h2{margin:10px 0 0;font-size:clamp(21px,3.6vw,30px);line-height:1.3;}
.page-news .field-note p{margin:12px 0 0;font-size:14.5px;line-height:1.78;color:var(--bone);}
.page-news .field-note__list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px;}
.page-news .field-note__list li{
  position:relative;padding-left:20px;font-size:13.5px;line-height:1.7;color:rgba(243,235,221,.86);
}
.page-news .field-note__list li::before{content:"→";position:absolute;left:0;top:0;color:var(--clay);font-size:12px;}
.page-news .field-note__links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:18px;}
.page-news .field-note__links a{
  font-size:13.5px;color:var(--gold);text-decoration:none;
  border-bottom:1px solid rgba(201,162,39,.42);padding-bottom:2px;
  transition:color .15s ease,border-color .15s ease;
}
.page-news .field-note__links a:hover{color:var(--ivory);border-color:var(--ivory);}
.page-news .field-note__media{margin:0;border:1px solid var(--hair-strong);align-self:start;}
.page-news .field-note__media img{width:100%;aspect-ratio:3/2;object-fit:cover;}

/* 订阅与线索 */
.page-news .dispatch{
  display:grid;gap:18px;margin-top:48px;padding:24px 20px;
  background:linear-gradient(125deg,rgba(31,111,92,.55),rgba(11,27,43,.96) 72%);
  border:1px solid var(--hair-strong);
  clip-path:polygon(0 0,100% 0,100% 100%,24px 100%,0 calc(100% - 24px));
}
.page-news .dispatch h2{font-size:clamp(21px,3.6vw,28px);line-height:1.3;}
.page-news .dispatch p{margin:10px 0 0;font-size:14px;line-height:1.76;color:var(--bone);}
.page-news .dispatch__form{display:grid;gap:10px;}
.page-news .dispatch__form input{
  width:100%;box-sizing:border-box;background:rgba(11,27,43,.78);
  border:1px solid var(--hair-strong);color:var(--ivory);font-family:var(--font-mono);
  font-size:14px;padding:11px 12px;outline:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.page-news .dispatch__form input::placeholder{color:var(--stone-lit);}
.page-news .dispatch__form input:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,39,.28);}
.page-news .dispatch .btn{justify-self:start;}
.page-news .dispatch__hint{margin:0;font-size:12px;line-height:1.65;color:rgba(243,235,221,.72);}

/* 宽度适配 */
@media (min-width:720px){
  .page-news .news-figures{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-news .beat{padding:28px 26px;}
  .page-news .beat__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
  .page-news .beat__mobile{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:22px;}
  .page-news .topics__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-news .field-note{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);padding:28px 26px;gap:26px;}
  .page-news .dispatch{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;padding:28px 26px;gap:26px;}
  .page-news .obs{
    grid-template-columns:minmax(0,1fr) 140px;column-gap:22px;
    grid-template-areas:
      "bar bar"
      "title read"
      "sum read"
      "tags read";
    align-items:start;
  }
  .page-news .obs__bar{grid-area:bar;}
  .page-news .obs__title{grid-area:title;}
  .page-news .obs__sum{grid-area:sum;}
  .page-news .obs__tags{grid-area:tags;}
  .page-news .obs__read{grid-area:read;text-align:right;padding-top:2px;}
}
@media (min-width:900px){
  .page-news .news-hero{padding:30px 0 10px;}
  .page-news .news-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:38px;align-items:start;}
  .page-news .news-hero__media{margin-top:8px;}
  .page-news .news-hero__media img{aspect-ratio:3/2;}
}
@media (min-width:960px){
  .page-news .desk{grid-template-columns:214px minmax(0,1fr);gap:34px;align-items:start;}
  .page-news .desk__index{position:sticky;top:24px;}
}
@media (hover:hover) and (min-width:720px){
  .page-news .obs__read{opacity:0;transition:opacity .15s ease;}
  .page-news .obs:hover .obs__read,
  .page-news .obs:focus-within .obs__read,
  .page-news .obs--lead .obs__read{opacity:1;}
}
<<<END>>>
