.page-news{
  --news-hero-shade:#0B2554;
  --news-card-bg:#FFFFFF;
  --news-text-muted:#5F6E88;
  --news-border:rgba(10,29,63,.12);
  --news-line-soft:rgba(201,162,39,.35);
  --news-gold-grad:linear-gradient(135deg, var(--royal-gold) 0%, var(--golden-highlight) 100%);
  background:var(--neutral-canvas);
  color:var(--dark-slate);
}

.page-news .site-container{
  max-width:var(--container-max);
  padding-left:var(--space-4);
  padding-right:var(--space-4);
}

.page-news .news-breadcrumb{
  padding-top:var(--space-4);
}

.page-news section[id]{
  scroll-margin-top:calc(var(--header-height) + 12px);
}

/* ========== Hero ========== */
.page-news .news-hero{
  background:linear-gradient(135deg, var(--deep-blue) 0%, var(--news-hero-shade) 70%, var(--deep-blue) 100%);
  padding:var(--space-6) 0 var(--space-7);
  overflow:hidden;
  position:relative;
  border-bottom:1px solid var(--news-line-soft);
}

.page-news .news-hero::before{
  content:"";
  position:absolute;
  top:-18%;
  right:-8%;
  width:44%;
  height:86%;
  background:
    linear-gradient(90deg, transparent 49%, rgba(201,162,39,.20) 50%, transparent 51%),
    linear-gradient(0deg, transparent 49%, rgba(201,162,39,.20) 50%, transparent 51%);
  background-size:48px 48px;
  transform:skewX(-14deg);
  opacity:.55;
  pointer-events:none;
}

.page-news .news-hero::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:100%;
  height:6px;
  background:var(--news-gold-grad);
  clip-path:polygon(0 0, 100% 0, 100% 42%, 0 100%);
  pointer-events:none;
}

.page-news .news-hero__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-5);
  position:relative;
  z-index:1;
}

.page-news .news-hero__main{
  max-width:760px;
}

.page-news .news-hero .eyebrow{
  color:var(--golden-highlight);
  letter-spacing:.12em;
  margin-bottom:var(--space-2);
}

.page-news .news-hero h1{
  font-family:var(--font-heading);
  font-weight:900;
  font-size:clamp(1.75rem, 5vw, 3rem);
  line-height:1.25;
  color:#FFFFFF;
  letter-spacing:-.01em;
  margin:0 0 var(--space-3);
  border-left:4px solid var(--royal-gold);
  padding-left:var(--space-3);
}

.page-news .news-hero__desc{
  font-family:var(--font-body);
  color:#DCE4F2;
  font-size:1.05rem;
  line-height:1.7;
  margin:0 0 var(--space-4);
}

.page-news .news-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}

.page-news .news-hero__side{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:var(--space-3);
}

.page-news .news-hero__stat{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  border-left:2px solid var(--royal-gold);
  border-radius:var(--radius);
  padding:var(--space-4);
}

.page-news .news-hero__stat .stat__value{
  color:var(--golden-highlight);
}

.page-news .news-hero__stat .stat__label{
  color:#B9C8DE;
}

/* ========== 公告列表 ========== */
.page-news .news-notices{
  padding:var(--space-7) 0;
}

.page-news .news-lead-img{
  margin:var(--space-5) 0 0;
  background:#FFFFFF;
  border:1px solid var(--light-grey);
  border-top:4px solid var(--royal-gold);
  box-shadow:var(--shadow-lg);
  line-height:0;
}

.page-news .news-lead-img img{
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-news .filter-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-2);
  margin:var(--space-5) 0 var(--space-4);
  padding:var(--space-3);
  background:#FFFFFF;
  border:1px solid var(--light-grey);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}

.page-news .filter-bar__label{
  font-family:var(--font-body);
  font-size:.9rem;
  color:var(--news-text-muted);
  margin-right:var(--space-1);
}

.page-news .filter-chip{
  display:inline-flex;
  align-items:center;
  padding:.4rem .9rem;
  border:1px solid rgba(10,29,63,.18);
  border-radius:999px;
  font-family:var(--font-heading);
  font-size:.82rem;
  font-weight:700;
  color:var(--deep-blue);
  background:#FFFFFF;
  text-decoration:none;
  transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}

.page-news .filter-chip:hover,
.page-news .filter-chip:focus-visible{
  background:var(--deep-blue);
  border-color:var(--deep-blue);
  color:var(--golden-highlight);
  box-shadow:var(--shadow-sm);
}

.page-news .notice-timeline{
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
}

.page-news .notice-timeline::before{
  content:"";
  position:absolute;
  left:20px;
  top:12px;
  bottom:12px;
  width:1px;
  background:linear-gradient(to bottom, var(--royal-gold) 0%, rgba(201,162,39,.15) 62%, transparent 100%);
}

.page-news .notice-item{
  position:relative;
  padding:0 0 var(--space-5) 56px;
}

.page-news .notice-item:last-child{
  padding-bottom:0;
}

.page-news .notice-item__node{
  position:absolute;
  left:6px;
  top:4px;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#FFFFFF;
  border:2px solid var(--royal-gold);
  color:var(--royal-gold);
  font-family:var(--font-data);
  font-size:.7rem;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 0 5px rgba(201,162,39,.12);
  z-index:1;
}

.page-news .notice-card{
  background:var(--news-card-bg);
  border:1px solid var(--light-grey);
  border-left:3px solid var(--royal-gold);
  border-radius:var(--radius);
  padding:var(--space-4);
  box-shadow:var(--shadow-sm);
  transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition);
}

.page-news .notice-card:hover,
.page-news .notice-card:focus-within{
  box-shadow:var(--shadow-md);
  transform:translateX(4px);
  border-color:var(--royal-gold);
}

.page-news .notice-card__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin-bottom:var(--space-2);
}

.page-news .notice-card__edition{
  font-family:var(--font-data);
  font-size:.8rem;
  color:var(--orange-pop);
  letter-spacing:.02em;
}

.page-news .notice-card__title{
  font-family:var(--font-heading);
  font-weight:800;
  font-size:1.12rem;
  line-height:1.45;
  color:var(--deep-blue);
  margin:0 0 var(--space-1);
}

.page-news .notice-card__desc{
  font-family:var(--font-body);
  font-size:.97rem;
  line-height:1.7;
  color:var(--news-text-muted);
  margin:0;
}

/* ========== 赛讯动态 ========== */
.page-news .news-match{
  background:var(--deep-blue);
  padding:var(--space-7) 0;
}

.page-news .news-match .eyebrow{
  color:var(--electric-cyan);
}

.page-news .news-match .section-title{
  color:#FFFFFF;
}

.page-news .news-match .section-subtitle{
  color:#C5D0E4;
}

.page-news .news-match__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-5);
}

.page-news .news-match__media{
  margin:0;
  line-height:0;
  position:relative;
}

.page-news .news-match__media::after{
  content:"";
  position:absolute;
  right:-10px;
  bottom:-10px;
  width:72%;
  height:72%;
  border-right:2px solid var(--orange-pop);
  border-bottom:2px solid var(--orange-pop);
  pointer-events:none;
}

.page-news .news-match__media img{
  width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid rgba(201,162,39,.3);
}

.page-news .news-match__media figcaption{
  margin-top:var(--space-2);
  padding-top:var(--space-1);
  font-family:var(--font-body);
  font-size:.85rem;
  line-height:1.5;
  color:#9FB1CD;
}

.page-news .match-list{
  list-style:none;
  padding:0;
  margin:var(--space-4) 0 0;
  border-top:1px solid rgba(255,255,255,.12);
}

.page-news .match-item{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  padding:var(--space-4) 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  transition:background var(--transition), padding-left var(--transition);
}

.page-news .match-item:hover,
.page-news .match-item:focus-within{
  background:rgba(255,255,255,.04);
  padding-left:var(--space-2);
}

.page-news .match-item__date{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--font-data);
  font-size:.8rem;
  color:var(--orange-pop);
}

.page-news .match-item__date svg{
  flex:0 0 auto;
}

.page-news .match-item__body strong{
  display:block;
  font-family:var(--font-heading);
  font-size:1.04rem;
  font-weight:800;
  color:#FFFFFF;
  margin-bottom:var(--space-1);
}

.page-news .match-item__body span{
  font-family:var(--font-body);
  font-size:.93rem;
  color:#B9C8DE;
  line-height:1.6;
}

.page-news .match-item .tag{
  align-self:flex-start;
}

/* ========== 入驻信息 ========== */
.page-news .news-partners{
  background:var(--neutral-canvas);
  padding:var(--space-7) 0;
}

.page-news .partners-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-5);
  margin-top:var(--space-5);
}

.page-news .partners-media{
  position:relative;
  margin:0;
  line-height:0;
}

.page-news .partners-media::before{
  content:"";
  position:absolute;
  left:-12px;
  top:-12px;
  width:56%;
  height:56%;
  background:linear-gradient(135deg, rgba(201,162,39,.32) 0%, rgba(201,162,39,.05) 100%);
  clip-path:polygon(0 0, 100% 0, 0 100%);
  z-index:0;
}

.page-news .partners-media img{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid var(--light-grey);
  box-shadow:var(--shadow-md);
}

.page-news .partners-content{
  position:relative;
  z-index:2;
  background:#FFFFFF;
  border:1px solid var(--light-grey);
  border-radius:var(--radius);
  padding:var(--space-5);
  box-shadow:var(--shadow-md);
}

.page-news .partners-content p{
  font-family:var(--font-body);
  font-size:.98rem;
  line-height:1.75;
  color:var(--news-text-muted);
  margin:0 0 var(--space-4);
}

.page-news .partners-stats{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:var(--space-3);
}

.page-news .partners-stats .stat{
  background:var(--deep-blue);
  border-radius:var(--radius);
  padding:var(--space-4);
  text-align:center;
}

.page-news .partners-stats .stat__value{
  color:var(--golden-highlight);
}

.page-news .partners-stats .stat__label{
  color:#C5D0E4;
}

.page-news .partner-steps{
  list-style:none;
  counter-reset:step;
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-3);
  margin:var(--space-6) 0 0;
  padding:0;
}

.page-news .partner-steps li{
  counter-increment:step;
  display:flex;
  gap:var(--space-3);
  background:#FFFFFF;
  border:1px solid var(--light-grey);
  border-radius:var(--radius);
  padding:var(--space-4);
  position:relative;
}

.page-news .partner-steps li::before{
  content:"0" counter(step);
  flex:0 0 48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-data);
  font-size:.9rem;
  font-weight:700;
  color:var(--deep-blue);
  background:var(--news-gold-grad);
  border-radius:var(--radius);
}

.page-news .partner-steps li > div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.page-news .partner-steps strong{
  font-family:var(--font-heading);
  font-size:1rem;
  font-weight:800;
  color:var(--deep-blue);
}

.page-news .partner-steps span{
  font-family:var(--font-body);
  font-size:.93rem;
  line-height:1.6;
  color:var(--news-text-muted);
}

/* ========== 行业观察 ========== */
.page-news .news-trends{
  background:
    radial-gradient(circle at 90% 10%, rgba(123,47,255,.18), transparent 34%),
    linear-gradient(180deg, #0A1D3F 0%, #081831 100%);
  padding:var(--space-7) 0;
}

.page-news .news-trends .eyebrow{
  color:var(--golden-highlight);
}

.page-news .news-trends .section-title{
  color:#FFFFFF;
}

.page-news .news-trends .section-subtitle{
  color:#C6D3EA;
}

.page-news .news-trends__media{
  margin:var(--space-5) 0 var(--space-6);
}

.page-news .news-trends__media img{
  width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid rgba(201,162,39,.35);
  box-shadow:var(--shadow-lg);
}

.page-news .trend-list{
  border-top:1px solid rgba(255,255,255,.14);
}

.page-news .trend-article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:var(--space-3) var(--space-4);
  align-items:start;
  padding:var(--space-4) 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  transition:background var(--transition), padding-left var(--transition);
}

.page-news .trend-article:hover,
.page-news .trend-article:focus-within{
  background:rgba(255,255,255,.04);
  padding-left:var(--space-3);
}

.page-news .trend-article__no{
  font-family:var(--font-data);
  font-size:.9rem;
  color:var(--golden-highlight);
  line-height:1.8;
}

.page-news .trend-article__body h3{
  font-family:var(--font-heading);
  font-weight:800;
  font-size:1.05rem;
  color:#FFFFFF;
  margin:0 0 var(--space-1);
}

.page-news .trend-article__body p{
  font-family:var(--font-body);
  font-size:.94rem;
  line-height:1.65;
  color:#B9C8DE;
  margin:0;
}

.page-news .trend-article .tag{
  grid-column:2;
  justify-self:start;
}

/* ========== 底部导流 ========== */
.page-news .news-outro{
  margin-top:var(--space-6);
}

.page-news .news-outro__box{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  align-items:center;
  justify-content:space-between;
  background:#FFFFFF;
  border:1px solid var(--light-grey);
  border-left:4px solid var(--royal-gold);
  border-radius:var(--radius);
  padding:var(--space-5);
  box-shadow:var(--shadow-md);
}

.page-news .news-outro__box p{
  max-width:62ch;
  margin:0;
  font-family:var(--font-body);
  font-size:.98rem;
  line-height:1.7;
  color:var(--news-text-muted);
}

.page-news .news-outro__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}

/* ========== 平板与桌面 ========== */
@media (min-width: 720px){
  .page-news .news-hero__inner{
    grid-template-columns:minmax(0, 1.4fr) minmax(260px, .6fr);
    align-items:end;
  }

  .page-news .notice-card{
    padding:var(--space-5);
  }

  .page-news .news-match__grid{
    grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
    gap:var(--space-6);
  }

  .page-news .match-item{
    flex-direction:row;
    align-items:center;
    gap:var(--space-3);
  }

  .page-news .match-item__date{
    flex:0 0 140px;
  }

  .page-news .match-item .tag{
    margin-left:auto;
  }

  .page-news .partners-layout{
    grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);
    gap:var(--space-6);
  }

  .page-news .partner-steps{
    grid-template-columns:repeat(4, 1fr);
  }

  .page-news .partner-steps li{
    flex-direction:column;
  }

  .page-news .trend-article{
    grid-template-columns:auto 1fr auto;
  }

  .page-news .trend-article .tag{
    grid-column:3;
    justify-self:start;
  }
}