.sf-page-bg{
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    /* 品牌高光（红） + 深色渐变背景 */
    radial-gradient(1200px 600px at 75% 20%, rgba(248,44,59,.28), rgba(248,44,59,0) 70%),
    radial-gradient(1000px 520px at 20% 40%, rgba(248,44,59,.18), rgba(248,44,59,0) 65%),
    linear-gradient(160deg, #12141d 0%, #0b0d13 60%, #0b0d13 100%);
}

.news-title{
  margin: 12px 0 18px;
  font-size: clamp(22px, 3.6vw, 40px);
  font-weight: 700;
  color: #eef2ff;
}

.news-grid{
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  justify-content: center;  
  max-width: 900px;      
  margin: 0 auto;          
}

.news-card{
  max-width: 420px;  
  margin: 0 auto;     
}

.news-card{
  background:#141824;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  overflow:hidden;
  height:100%;
  display:flex;
  flex-direction:column;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.news-card:hover{
  transform: translateY(-2px);
  border-color: rgba(248,44,59,.55);       /* #f82c3b */
  box-shadow:0 16px 44px rgba(248,44,59,.28);
}

.news-card img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.news-card .txt{
  padding:14px 16px;
  flex:1;
}
.news-card .txt h4{
  margin:0 0 8px;
  line-height:1.5;
  font-size:18px;
  color:#fff;
}
.news-card .lead{
  color:#b6c0da;
  line-height:1.75;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.news-card .date{
  padding:8px 16px 14px;
  color:#9fb0d0;
  font-size:13px;
}

.news-card-link{
  display:block;
  position:relative;
  z-index:1;
  text-decoration:none;
  color:inherit;
}

.pg{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:18px;
}
.pg a,
.pg span{
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:6px;
  text-decoration:none;
  color:#e6ebff;
  background: rgba(255,255,255,.04);
}
.pg a:hover{ background: rgba(255,255,255,.08); }
.pg .on{
  background:#f82c3b;               /* 主色 */
  color:#fff;
  border-color:#f82c3b;
}
.pg .gap{
  border:0;
  background:transparent;
  color:#a9b3c7;
  padding:0 6px;
}

.breadcrumb, .breadcrumb a{
  color:#cfd8ea;
}
.breadcrumb a:hover{ color:#fff; }