.page-news{
  --news-hair:1px solid rgba(46,111,99,.42);
  --news-pad:clamp(44px,6vw,88px);
  background:
    radial-gradient(120% 60% at 88% -6%, rgba(19,242,200,.10), transparent 62%),
    repeating-linear-gradient(0deg, rgba(19,242,200,.026) 0 1px, transparent 1px 4px),
    var(--c-deep);
  color:var(--c-ice);
  font-family:var(--font-body);
  overflow-x:hidden;
}

.page-news .section{
  position:relative;
  padding-block:var(--news-pad);
}

.page-news .eyebrow{
  color:var(--c-mint);
  letter-spacing:.22em;
  font-family:var(--font-mono);
}

.page-news .section-title{
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.06;
  font-size:clamp(1.7rem,3.4vw,2.6rem);
  color:var(--c-ice);
}

.page-news .section-lede{
  color:var(--c-sage);
  max-width:62ch;
  font-size:clamp(.95rem,1.4vw,1.05rem);
  line-height:1.75;
}

/* ---------- 首屏 masthead ---------- */
.page-news .news-masthead{
  position:relative;
  padding-top:calc(var(--header-h) + clamp(22px,5vw,56px));
  padding-bottom:clamp(26px,4vw,50px);
}

.page-news .news-masthead::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--c-mint) 6%, rgba(19,242,200,.22) 38%, var(--c-line) 72%, transparent);
}

.page-news .breadcrumb{
  margin-bottom:clamp(18px,3vw,30px);
}

.page-news .display-title{
  font-family:var(--font-display);
  font-weight:200;
  line-height:.92;
  letter-spacing:.01em;
  margin:.16em 0 .2em;
  color:var(--c-ice);
  text-shadow:0 0 60px rgba(19,242,200,.18);
}

.page-news .news-lede{
  max-width:64ch;
  color:var(--c-sage);
  font-size:clamp(1rem,1.6vw,1.16rem);
  line-height:1.8;
  margin:0 0 clamp(22px,3vw,34px);
}

.page-news .news-lede::first-letter{
  color:var(--c-mint);
}

.page-news .masthead-meta{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:clamp(12px,2vw,18px);
  border-top:var(--news-hair);
  padding-top:clamp(16px,2.4vw,24px);
}

.page-news .masthead-meta li{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding-left:14px;
  border-left:2px solid rgba(19,242,200,.35);
}

.page-news .masthead-meta .coord{
  color:var(--c-mint);
}

.page-news .masthead-meta strong{
  font-weight:600;
  font-size:clamp(.92rem,1.4vw,1rem);
  color:var(--c-ice);
  line-height:1.5;
}

/* ---------- 头条 ---------- */
.page-news .headline-card{
  margin-top:clamp(20px,3vw,34px);
  display:grid;
  gap:0;
  border:var(--news-hair);
  background:linear-gradient(155deg, rgba(8,42,36,.96), rgba(11,22,38,.94));
  clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
  overflow:hidden;
  box-shadow:var(--shadow-deep);
}

.page-news .headline-media{
  position:relative;
  overflow:hidden;
}

.page-news .headline-media img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:14 / 9;
  object-fit:cover;
  filter:saturate(.9) contrast(1.05);
}

.page-news .headline-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(4,23,19,0) 40%, rgba(4,23,19,.72) 100%);
  pointer-events:none;
}

.page-news .headline-body{
  padding:clamp(20px,3vw,40px);
  display:flex;
  flex-direction:column;
  gap:clamp(10px,1.6vw,16px);
}

.page-news .headline-tags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.page-news .headline-title{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.35rem,3vw,2.1rem);
  line-height:1.2;
  color:var(--c-ice);
}

.page-news .headline-text{
  margin:0;
  color:var(--c-sage);
  font-size:clamp(.92rem,1.4vw,1rem);
  line-height:1.8;
}

.page-news .headline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

/* ---------- 筛选 + 列表 ---------- */
.page-news .filter-deck{
  margin-top:clamp(22px,3vw,36px);
}

.page-news .filter-row,
.page-news .topic-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:auto;
  padding-bottom:8px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.page-news .filter-row::-webkit-scrollbar,
.page-news .topic-tabs::-webkit-scrollbar{
  display:none;
}

.page-news .filter-btn,
.page-news .topic-tab{
  flex:0 0 auto;
  cursor:pointer;
  padding:9px 16px;
  border:1px solid var(--c-line);
  background:rgba(8,42,36,.7);
  color:var(--c-sage);
  font-family:var(--font-display);
  font-weight:700;
  font-size:.95rem;
  letter-spacing:.05em;
  line-height:1.2;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%);
  transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
}

.page-news .filter-btn:hover,
.page-news .topic-tab:hover{
  color:var(--c-ice);
  border-color:var(--c-mint);
}

.page-news #cat-all:checked ~ .filter-row [for="cat-all"],
.page-news #cat-city:checked ~ .filter-row [for="cat-city"],
.page-news #cat-youth:checked ~ .filter-row [for="cat-youth"],
.page-news #cat-corp:checked ~ .filter-row [for="cat-corp"],
.page-news #cat-campus:checked ~ .filter-row [for="cat-campus"],
.page-news #topic-city:checked ~ .topic-tabs [for="topic-city"],
.page-news #topic-youth:checked ~ .topic-tabs [for="topic-youth"],
.page-news #topic-corp:checked ~ .topic-tabs [for="topic-corp"],
.page-news #topic-campus:checked ~ .topic-tabs [for="topic-campus"]{
  background:var(--c-mint);
  border-color:var(--c-mint);
  color:#041713;
}

.page-news #cat-all:focus-visible ~ .filter-row [for="cat-all"],
.page-news #cat-city:focus-visible ~ .filter-row [for="cat-city"],
.page-news #cat-youth:focus-visible ~ .filter-row [for="cat-youth"],
.page-news #cat-corp:focus-visible ~ .filter-row [for="cat-corp"],
.page-news #cat-campus:focus-visible ~ .filter-row [for="cat-campus"],
.page-news #topic-city:focus-visible ~ .topic-tabs [for="topic-city"],
.page-news #topic-youth:focus-visible ~ .topic-tabs [for="topic-youth"],
.page-news #topic-corp:focus-visible ~ .topic-tabs [for="topic-corp"],
.page-news #topic-campus:focus-visible ~ .topic-tabs [for="topic-campus"]{
  outline:2px solid var(--c-orange);
  outline-offset:2px;
}

.page-news #cat-city:checked ~ .feed .feed-item:not([data-cat="city"]),
.page-news #cat-youth:checked ~ .feed .feed-item:not([data-cat="youth"]),
.page-news #cat-corp:checked ~ .feed .feed-item:not([data-cat="corp"]),
.page-news #cat-campus:checked ~ .feed .feed-item:not([data-cat="campus"]){
  display:none;
}

.page-news .feed{
  list-style:none;
  margin:clamp(14px,2.4vw,26px) 0 0;
  padding:0;
  display:grid;
  gap:clamp(12px,1.6vw,18px);
}

.page-news .feed-item{
  border-left:2px solid var(--c-line);
  background:linear-gradient(100deg, rgba(8,42,36,.9), rgba(4,23,19,.55));
  padding:clamp(16px,2.4vw,26px);
  transition:border-color .2s var(--ease), transform .25s var(--ease), background .25s var(--ease);
}

.page-news .feed-item:hover{
  border-left-color:var(--c-mint);
  background:linear-gradient(100deg, rgba(11,22,38,.95), rgba(8,42,36,.7));
  transform:translateX(4px);
}

.page-news .feed-time{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
}

.page-news .feed-time .coord{
  color:var(--c-amber);
  letter-spacing:.1em;
}

.page-news .feed-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.page-news .feed-cat{
  font-family:var(--font-display);
  font-weight:800;
  font-size:.9rem;
  letter-spacing:.12em;
  color:var(--c-mint);
  padding:3px 9px;
  border:1px solid rgba(19,242,200,.4);
  background:rgba(19,242,200,.08);
}

.page-news .feed-meta .coord{
  color:var(--c-sage);
}

.page-news .feed-title{
  margin:0 0 8px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.1rem,2vw,1.42rem);
  line-height:1.3;
  color:var(--c-ice);
}

.page-news .feed-text{
  margin:0;
  color:var(--c-sage);
  font-size:.96rem;
  line-height:1.78;
}

.page-news .brief{
  margin-top:12px;
  border-top:1px dashed rgba(46,111,99,.55);
  padding-top:10px;
}

.page-news .brief summary{
  cursor:pointer;
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:.82rem;
  letter-spacing:.12em;
  color:var(--c-mint);
}

.page-news .brief summary::-webkit-details-marker{
  display:none;
}

.page-news .brief summary::before{
  content:"+";
  display:inline-block;
  width:16px;
  height:16px;
  line-height:15px;
  text-align:center;
  border:1px solid var(--c-mint);
  font-size:.8rem;
}

.page-news .brief[open] summary::before{
  content:"−";
}

.page-news .brief ul{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  gap:8px;
}

.page-news .brief li{
  position:relative;
  padding-left:16px;
  color:var(--c-sage);
  font-size:.9rem;
  line-height:1.75;
}

.page-news .brief li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:1px;
  background:var(--c-mint);
}

.page-news .feed-note{
  margin:clamp(18px,2.6vw,28px) 0 0;
  color:var(--c-sage);
  font-size:.92rem;
  line-height:1.8;
}

.page-news .feed-note a,
.page-news .cadence-step a,
.page-news .cadence-foot a{
  color:var(--c-mint);
  text-decoration:none;
  border-bottom:1px solid rgba(19,242,200,.45);
  padding-bottom:1px;
}

.page-news .feed-note a:hover,
.page-news .cadence-step a:hover,
.page-news .cadence-foot a:hover{
  color:var(--c-mist);
  border-color:var(--c-mist);
}

/* ---------- 比分速览 ---------- */
.page-news .score-grid{
  margin-top:clamp(20px,3vw,34px);
  display:grid;
  gap:clamp(12px,2vw,18px);
  grid-template-columns:minmax(0,1fr);
}

.page-news .score-card{
  position:relative;
  padding:clamp(16px,2.4vw,22px);
  background:var(--c-data);
  border:1px solid rgba(46,111,99,.55);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
  transition:border-color .22s var(--ease), transform .22s var(--ease);
}

.page-news .score-card:hover,
.page-news .score-card:focus{
  border-color:var(--c-mint);
  transform:translateY(-3px);
  outline:none;
}

.page-news .score-card:focus-visible{
  outline:2px solid var(--c-orange);
  outline-offset:3px;
}

.page-news .score-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(46,111,99,.5);
}

.page-news .score-head .coord{
  color:var(--c-mint);
  letter-spacing:.14em;
}

.page-news .score-line{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:5px 0;
}

.page-news .score-team{
  font-size:.95rem;
  color:var(--c-ice);
  letter-spacing:.02em;
}

.page-news .score-num{
  font-family:var(--font-mono);
  font-weight:600;
  font-size:clamp(1.7rem,3.4vw,2.2rem);
  line-height:1;
  color:var(--c-amber);
  letter-spacing:-.02em;
}

.page-news .score-note{
  margin:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  color:var(--c-sage);
  font-size:.86rem;
  line-height:1.7;
  transition:max-height .28s var(--ease), opacity .24s var(--ease), margin .24s var(--ease);
}

.page-news .score-card:hover .score-note,
.page-news .score-card:focus .score-note{
  max-height:140px;
  opacity:1;
  margin-top:12px;
}

.page-news .score-media,
.page-news .topic-media,
.page-news .cadence-media{
  margin:clamp(20px,3vw,34px) 0 0;
  position:relative;
  border:1px solid rgba(46,111,99,.5);
  overflow:hidden;
}

.page-news .score-media img,
.page-news .topic-media img,
.page-news .cadence-media img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  filter:saturate(.92) contrast(1.06);
}

.page-news .score-media img{
  aspect-ratio:12 / 8;
}

.page-news .topic-media img{
  aspect-ratio:12 / 8;
}

.page-news .cadence-media img{
  aspect-ratio:10 / 12;
}

.page-news .score-media::after,
.page-news .topic-media::after,
.page-news .cadence-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(0deg, rgba(19,242,200,.05) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, rgba(4,23,19,0) 55%, rgba(4,23,19,.75) 100%);
  pointer-events:none;
}

.page-news .media-caption{
  position:relative;
  z-index:1;
  display:block;
  padding:10px 14px;
  color:var(--c-sage);
  font-size:.82rem;
  line-height:1.6;
  border-top:1px solid rgba(46,111,99,.5);
  background:rgba(8,42,36,.9);
}

/* ---------- 专题 ---------- */
.page-news .topic-deck{
  margin-top:clamp(20px,3vw,34px);
  display:grid;
  gap:clamp(20px,3vw,36px);
}

.page-news .topic-main{
  min-width:0;
}

.page-news .topic-panels{
  margin-top:clamp(14px,2.2vw,22px);
}

.page-news .topic-panel{
  display:none;
  border-left:2px solid var(--c-mint);
  padding:clamp(14px,2.4vw,26px);
  background:linear-gradient(120deg, rgba(8,42,36,.9), rgba(4,23,19,.5));
}

.page-news #topic-city:checked ~ .topic-panels [data-topic="city"],
.page-news #topic-youth:checked ~ .topic-panels [data-topic="youth"],
.page-news #topic-corp:checked ~ .topic-panels [data-topic="corp"],
.page-news #topic-campus:checked ~ .topic-panels [data-topic="campus"]{
  display:block;
}

.page-news .topic-panel h3{
  margin:0 0 10px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.15rem,2.2vw,1.6rem);
  line-height:1.25;
  color:var(--c-ice);
}

.page-news .topic-panel p{
  margin:0 0 14px;
  color:var(--c-sage);
  font-size:.95rem;
  line-height:1.8;
}

.page-news .topic-panel ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}

.page-news .topic-panel li{
  position:relative;
  padding-left:20px;
  color:var(--c-ice);
  font-size:.9rem;
  line-height:1.7;
}

.page-news .topic-panel li::before{
  content:"";
  position:absolute;
  left:0;
  top:.7em;
  width:10px;
  height:1px;
  background:var(--c-orange);
}

.page-news .topic-media{
  margin-top:0;
  align-self:start;
}

/* ---------- 更新节奏 ---------- */
.page-news .cadence-grid{
  margin-top:clamp(20px,3vw,34px);
  display:grid;
  gap:clamp(20px,3vw,36px);
}

.page-news .cadence-list{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:cad;
  display:grid;
  gap:clamp(16px,2.4vw,24px);
}

.page-news .cadence-step{
  position:relative;
  padding-left:clamp(44px,7vw,64px);
  padding-bottom:clamp(16px,2.4vw,24px);
  border-bottom:var(--news-hair);
}

.page-news .cadence-step::before{
  counter-increment:cad;
  content:"0" counter(cad);
  position:absolute;
  left:0;
  top:0;
  font-family:var(--font-mono);
  font-size:clamp(1.1rem,2vw,1.45rem);
  line-height:1.2;
  color:var(--c-mint);
  letter-spacing:-.02em;
}

.page-news .cadence-step h3{
  margin:0 0 8px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.05rem,1.9vw,1.32rem);
  line-height:1.3;
  color:var(--c-ice);
}

.page-news .cadence-step p{
  margin:0;
  color:var(--c-sage);
  font-size:.95rem;
  line-height:1.8;
}

.page-news .cadence-media{
  margin-top:0;
  align-self:start;
}

.page-news .cadence-stats{
  margin-top:clamp(22px,3vw,36px);
  display:grid;
  gap:clamp(12px,2vw,18px);
  border-top:var(--news-hair);
  padding-top:clamp(18px,2.6vw,28px);
}

.page-news .cadence-stat{
  display:grid;
  gap:6px;
  padding-left:14px;
  border-left:2px solid rgba(255,107,26,.55);
}

.page-news .stat-num{
  font-family:var(--font-mono);
  font-weight:600;
  font-size:clamp(1.5rem,3.4vw,2rem);
  line-height:1;
  color:var(--c-ice);
  letter-spacing:-.02em;
}

.page-news .stat-label{
  color:var(--c-sage);
  font-size:.82rem;
  line-height:1.65;
}

.page-news .cadence-foot{
  margin:clamp(18px,2.6vw,26px) 0 0;
  color:var(--c-sage);
  font-size:.92rem;
  line-height:1.8;
}

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

  .page-news .score-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .page-news .cadence-stats{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

@media (min-width:760px){
  .page-news .feed-item{
    display:grid;
    grid-template-columns:132px minmax(0,1fr);
    gap:clamp(14px,2vw,26px);
    align-items:start;
  }

  .page-news .feed-time{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    margin-bottom:0;
  }

  .page-news .headline-card{
    grid-template-columns:1.12fr 1fr;
  }

  .page-news .headline-media img{
    aspect-ratio:auto;
    height:100%;
    min-height:320px;
  }

  .page-news .headline-media::after{
    background:linear-gradient(90deg, rgba(4,23,19,0) 55%, rgba(11,22,38,.85) 100%);
  }
}

@media (min-width:960px){
  .page-news .feed-item:nth-child(2n){
    margin-left:clamp(0px,3vw,42px);
  }

  .page-news .score-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }

  .page-news .topic-deck{
    grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);
    align-items:start;
  }

  .page-news .cadence-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);
    align-items:start;
  }

  .page-news .filter-row,
  .page-news .topic-tabs{
    flex-wrap:wrap;
    overflow-x:visible;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-news .feed-item,
  .page-news .score-card,
  .page-news .score-note,
  .page-news .filter-btn,
  .page-news .topic-tab{
    transition:none;
  }
}
<<<END>>>