/* ===== 整页深色渐变背景（与首页一致） ===== */
.sf-page-bg{
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(1200px 600px at 75% 20%, rgba(123,76,255,.35), rgba(123,76,255,0) 70%),
    radial-gradient(1000px 520px at 20% 40%, rgba(255,45,85,.25), rgba(255,45,85,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(280px,1fr));
  align-items:stretch;
}

/* 卡片（深色） */
.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(123,76,255,.45);
  box-shadow:0 16px 44px rgba(123,76,255,.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:#7b4cff;
  color:#fff;
  border-color:#7b4cff;
}
.pg .gap{
  border:0;
  background:transparent;
  color:#a9b3c7;
  padding:0 6px;
}

/* 面包屑（若模板是浅色，可补高对比） */
.breadcrumb, .breadcrumb a{
  color:#cfd8ea;
}
.breadcrumb a:hover{ color:#fff; }