.page-news{
  --news-football:#4FB8FF;
  --news-basketball:#FFB347;
  --news-volleyball:#16E0D2;
  --news-data:#FF5C3A;
  --news-guide:#8FA6B8;
  background:
    radial-gradient(900px 520px at 88% -8%, rgba(22,224,210,.10), transparent 62%),
    radial-gradient(760px 460px at -8% 28%, rgba(255,179,71,.07), transparent 62%);
  padding-bottom:clamp(36px,6vw,72px);
  overflow-x:clip;
}

.page-news .gj-breadcrumb{
  padding-top:20px;
  font-size:13px;
}

/* ---- 首屏 ---- */
.page-news .news-hero{
  display:grid;
  gap:26px;
  padding-top:clamp(16px,3vw,28px);
  padding-bottom:clamp(28px,4vw,48px);
}

.page-news .news-hero h1{
  margin:14px 0 0;
  font-family:var(--gj-font-display);
  font-size:clamp(2.2rem,6.4vw,4.4rem);
  line-height:1.03;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--gj-paper);
}

.page-news .news-hero__text .gj-lede{
  margin:18px 0 0;
  max-width:34em;
  font-size:clamp(.95rem,1.6vw,1.06rem);
  line-height:1.75;
  color:var(--gj-muted);
}

.page-news .news-hero__cta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}

.page-news .news-hero__panel{
  background:linear-gradient(155deg, rgba(22,224,210,.13), rgba(13,42,69,.92) 44%);
  border:1px solid var(--gj-line-strong);
  border-radius:var(--gj-radius);
  box-shadow:var(--gj-shadow-hard);
  padding:18px;
  display:grid;
  gap:13px;
}

.page-news .news-hero__panel-title{
  margin:0;
  font-size:11px;
  letter-spacing:.16em;
  font-weight:800;
  color:var(--gj-cyan);
}

.page-news .mini-score{
  display:grid;
  gap:6px;
  padding:14px 15px;
  border-radius:var(--gj-radius-sm);
  background:rgba(4,16,28,.62);
  border-left:3px solid var(--gj-cyan);
}

.page-news .mini-score--amber{
  border-left-color:var(--gj-amber);
}

.page-news .mini-score__league{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--gj-muted);
}

.page-news .live-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gj-ember);
  animation:news-pulse 1.8s infinite;
}

@keyframes news-pulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(255,92,58,.55); }
  50%{ box-shadow:0 0 0 6px rgba(255,92,58,0); }
}

.page-news .mini-score__num{
  font-family:var(--gj-font-mono);
  font-size:2rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
  color:var(--gj-cyan);
}

.page-news .mini-score--amber .mini-score__num{
  color:var(--gj-amber);
}

.page-news .mini-score__note{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:var(--gj-muted);
}

.page-news .mini-more{
  justify-self:start;
  font-size:13px;
  font-weight:700;
  color:var(--gj-cyan);
  text-decoration:none;
  padding-bottom:2px;
  border-bottom:1px solid rgba(22,224,210,.4);
}

.page-news .mini-more:hover{
  color:var(--gj-paper);
  border-bottom-color:var(--gj-paper);
}

/* ---- 区块标题 ---- */
.page-news .news-section-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px 18px;
  margin-bottom:18px;
}

.page-news .news-section-head h2{
  margin:0;
  font-family:var(--gj-font-display);
  font-size:clamp(1.45rem,3vw,2.2rem);
  line-height:1.12;
  letter-spacing:-.01em;
  font-weight:800;
  color:var(--gj-paper);
}

.page-news .news-section-head p{
  margin:0;
  font-size:13.5px;
}

/* ---- 重点场次轨道 ---- */
.page-news .news-matches{
  padding-bottom:clamp(30px,4vw,52px);
}

.page-news .league-rail{
  position:sticky;
  top:calc(var(--gj-header-h) + 10px);
  z-index:6;
  border:1px solid var(--gj-line-strong);
  border-radius:var(--gj-radius);
  background:rgba(13,42,69,.88);
  backdrop-filter:blur(10px);
  box-shadow:var(--gj-shadow-hard);
  padding:11px;
}

.page-news .league-rail__track{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:4px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}

.page-news .league-pill{
  flex:0 0 auto;
  scroll-snap-align:start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:var(--gj-radius-pill);
  border:1px solid var(--gj-line-strong);
  background:rgba(7,26,47,.78);
  color:var(--gj-paper);
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.page-news .league-pill__dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gj-cyan);
  box-shadow:0 0 0 3px rgba(22,224,210,.16);
}

.page-news .league-pill__dot--football{ background:var(--news-football); box-shadow:0 0 0 3px rgba(79,184,255,.16); }
.page-news .league-pill__dot--basketball{ background:var(--news-basketball); box-shadow:0 0 0 3px rgba(255,179,71,.16); }
.page-news .league-pill__dot--volleyball{ background:var(--news-volleyball); }
.page-news .league-pill__dot--table{ background:var(--gj-blue); box-shadow:0 0 0 3px rgba(79,184,255,.16); }
.page-news .league-pill__dot--badminton{ background:var(--gj-paper); box-shadow:0 0 0 3px rgba(244,248,251,.14); }
.page-news .league-pill__dot--esports{ background:var(--gj-ember); box-shadow:0 0 0 3px rgba(255,92,58,.16); }

.page-news .league-pill__count{
  font-family:var(--gj-font-mono);
  font-size:11px;
  font-weight:700;
  color:var(--gj-muted);
}

/* ---- 战报列表 ---- */
.page-news .news-reports{
  padding-bottom:clamp(32px,5vw,60px);
}

.page-news .news-banner{
  margin:0 0 24px;
  border:1px solid var(--gj-line-strong);
  border-radius:var(--gj-radius);
  box-shadow:var(--gj-shadow-hard);
}

.page-news .news-banner img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}

.page-news .report-list{
  list-style:none;
  margin:0;
  padding:0 0 0 22px;
  position:relative;
  display:grid;
  gap:13px;
}

.page-news .report-list::before{
  content:"";
  position:absolute;
  left:5px;
  top:12px;
  bottom:12px;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg, rgba(22,224,210,.65), rgba(79,184,255,.4) 48%, rgba(255,92,58,.45));
}

.page-news .report{
  position:relative;
}

.page-news .report::before{
  content:"";
  position:absolute;
  left:-22px;
  top:20px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--gj-ink);
  border:2px solid var(--gj-cyan);
  box-shadow:0 0 0 4px rgba(7,26,47,.92);
}

.page-news .report__inner{
  border:1px solid var(--gj-line);
  border-radius:var(--gj-radius-sm);
  background:rgba(13,42,69,.58);
  padding:15px 17px;
  transition:transform .28s var(--gj-ease), border-color .28s var(--gj-ease), box-shadow .28s var(--gj-ease), background .28s var(--gj-ease);
}

.page-news .report__inner:hover{
  transform:translateY(-4px);
  border-color:rgba(22,224,210,.65);
  box-shadow:var(--gj-shadow-hard);
  background:rgba(13,42,69,.88);
}

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

.page-news .report__cat{
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  padding:3px 9px;
  border-radius:6px;
  border:1px solid currentColor;
  color:var(--gj-muted);
}

.page-news .report--football .report__cat{ color:var(--news-football); background:rgba(79,184,255,.1); }
.page-news .report--basketball .report__cat{ color:var(--news-basketball); background:rgba(255,179,71,.1); }
.page-news .report--volleyball .report__cat{ color:var(--news-volleyball); background:rgba(22,224,210,.1); }
.page-news .report--data .report__cat{ color:var(--news-data); background:rgba(255,92,58,.1); }
.page-news .report--guide .report__cat{ color:var(--news-guide); background:rgba(143,166,184,.12); }

.page-news .report__when{
  font-size:12px;
  letter-spacing:.04em;
  color:var(--gj-muted);
}

.page-news .report__score{
  margin-left:auto;
  font-family:var(--gj-font-mono);
  font-size:14px;
  font-weight:800;
  color:var(--gj-cyan);
  padding:2px 8px;
  border-radius:6px;
  background:rgba(22,224,210,.12);
  white-space:nowrap;
}

.page-news .report__title{
  margin:0 0 6px;
  font-size:1.02rem;
  line-height:1.4;
  font-weight:800;
  color:var(--gj-paper);
}

.page-news .report__excerpt{
  margin:0;
  font-size:13.8px;
  line-height:1.68;
  color:var(--gj-muted);
}

/* ---- 分类焦点 ---- */
.page-news .news-focus{
  padding-bottom:clamp(32px,5vw,60px);
}

.page-news .focus-grid{
  display:grid;
  gap:16px;
}

.page-news .focus-card{
  display:grid;
  gap:12px;
  align-content:start;
  padding:16px;
  border:1px solid var(--gj-line);
  border-radius:var(--gj-radius);
  background:rgba(13,42,69,.6);
  border-top:3px solid var(--gj-line-strong);
}

.page-news .focus-card--football{ border-top-color:var(--news-football); }
.page-news .focus-card--basketball{ border-top-color:var(--news-basketball); }
.page-news .focus-card--data{ border-top-color:var(--news-data); }

.page-news .focus-card .gj-media{
  margin:0;
}

.page-news .focus-card img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}

.page-news .focus-card h3{
  margin:0;
  font-size:1.03rem;
  line-height:1.35;
  font-weight:800;
  color:var(--gj-paper);
}

.page-news .focus-card p{
  margin:0;
  font-size:13.5px;
  line-height:1.7;
  color:var(--gj-muted);
}

/* ---- 时间线读法 ---- */
.page-news .news-read{
  padding-bottom:clamp(32px,5vw,60px);
}

.page-news .read-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:13px;
}

.page-news .read-step{
  position:relative;
  padding:17px 18px 17px 60px;
  border:1px solid var(--gj-line);
  border-radius:var(--gj-radius-sm);
  background:linear-gradient(150deg, rgba(7,26,47,.92), rgba(13,42,69,.6));
}

.page-news .read-step__idx{
  position:absolute;
  left:16px;
  top:17px;
  font-family:var(--gj-font-mono);
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--gj-cyan);
}

.page-news .read-step h3{
  margin:0 0 5px;
  font-size:.98rem;
  font-weight:800;
  color:var(--gj-paper);
}

.page-news .read-step p{
  margin:0;
  font-size:13.5px;
  line-height:1.7;
  color:var(--gj-muted);
}

/* ---- 数据更新 ---- */
.page-news .news-updates{
  padding-bottom:clamp(32px,5vw,60px);
}

.page-news .news-band{
  display:grid;
  gap:16px;
  padding:22px;
  border-radius:var(--gj-radius);
  margin-bottom:22px;
}

.page-news .news-band__item{
  display:grid;
  gap:5px;
}

.page-news .news-band__num{
  font-family:var(--gj-font-mono);
  font-size:clamp(1.7rem,4vw,2.3rem);
  font-weight:800;
  line-height:1;
  color:var(--gj-cyan);
}

.page-news .news-band__label{
  font-size:12px;
  letter-spacing:.08em;
  color:var(--gj-muted);
}

.page-news .update-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--gj-line);
}

.page-news .update-item{
  display:grid;
  gap:5px;
  padding:16px 0;
  border-bottom:1px solid var(--gj-line);
}

.page-news .update-item__ver{
  font-family:var(--gj-font-mono);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--gj-amber);
}

.page-news .update-item__body{
  margin:0;
  font-size:13.8px;
  line-height:1.7;
  color:var(--gj-muted);
}

.page-news .update-item__body strong{
  color:var(--gj-paper);
  font-weight:700;
}

/* ---- 从战报到观赛 ---- */
.page-news .news-watch{
  padding-bottom:clamp(26px,4vw,44px);
}

.page-news .watch-card{
  display:grid;
  gap:22px;
  padding:clamp(20px,4vw,36px);
  border:1px solid var(--gj-line-strong);
  border-radius:var(--gj-radius);
  background:
    linear-gradient(120deg, rgba(255,179,71,.15), rgba(7,26,47,.95) 48%),
    radial-gradient(620px 320px at 92% 0%, rgba(22,224,210,.18), transparent 66%);
  box-shadow:var(--gj-shadow-hard-lg);
}

.page-news .watch-card h2{
  margin:10px 0 0;
  font-family:var(--gj-font-display);
  font-size:clamp(1.45rem,3vw,2.1rem);
  line-height:1.16;
  font-weight:800;
  color:var(--gj-paper);
}

.page-news .watch-card__main p{
  margin:14px 0 0;
  max-width:36em;
  font-size:14px;
  line-height:1.75;
  color:var(--gj-muted);
}

.page-news .watch-card__side{
  display:grid;
  gap:10px;
  align-content:center;
}

.page-news .watch-card__step{
  margin:0 0 4px;
  font-family:var(--gj-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--gj-amber);
}

/* ---- 底部帮助 ---- */
.page-news .news-help{
  padding-bottom:8px;
}

.page-news .news-help p{
  margin:0;
  font-size:13.5px;
  line-height:1.85;
  color:var(--gj-muted);
  max-width:52em;
}

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

@media (min-width:760px){
  .page-news .focus-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
  .page-news .update-item{
    grid-template-columns:160px minmax(0,1fr);
    gap:20px;
    align-items:baseline;
  }
}

@media (min-width:920px){
  .page-news .news-hero{
    grid-template-columns:minmax(0,7fr) minmax(0,4fr);
    gap:clamp(28px,4vw,56px);
    align-items:end;
  }
  .page-news .news-hero__panel{
    padding:20px;
  }
}

@media (min-width:860px){
  .page-news .watch-card{
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
    align-items:center;
  }
}

@media (max-width:640px){
  .page-news .league-rail{
    position:static;
  }
  .page-news .news-hero__cta .gj-btn{
    flex:1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce){
  .page-news .live-dot{
    animation:none;
  }
  .page-news .report__inner:hover{
    transform:none;
  }
}