/* =========================================================
   聚淼成型科技 - 新闻资讯中心样式（v7.4 Pro）
   功能：Hero + 无限循环轮播 loop + 新闻列表 + 侧栏 + 响应式
   优化：无闪烁 / 点击无阻挡 / 图片等高裁切
   ========================================================= */

.news-center-page{
  --brand:#0b6cff;
  --dark:#0048a8;
  --gray:#f6f8fb;
  --border:#e0e6ef;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  background:#fff;
  overflow-x:hidden;
  color:#111;
}

/* -----------------------------
   Hero
----------------------------- */
.news-center-page .hero{
  background:linear-gradient(135deg,var(--brand),var(--dark));
  color:#fff;
  text-align:center;
  padding:100px 20px 80px;
}
.news-center-page .hero h1{font-size:36px;font-weight:800;}
.news-center-page .hero p{font-size:18px;opacity:.85;}

/* -----------------------------
   Main Layout
----------------------------- */
.news-center-page .fullwidth-content .main{
  display:grid;
  grid-template-columns:minmax(0,70%) minmax(260px,30%);
  gap:40px;
  max-width:1200px;
  margin:0 auto 80px;
  padding:0 20px;
}
@media(max-width:960px){
  .news-center-page .fullwidth-content .main{
    display:block;
    padding:0 14px;
  }
}

/* =========================================================
    🎞 无限循环轮播（v7.4 Loop · Smooth）
   ========================================================= */
.news-center-page .slider{
  position:relative;
  width:100%;
  max-width:1200px;
  height:420px;
  overflow:hidden;
  border-radius:10px;
  margin:0 auto 50px;
  cursor:pointer;
}

.news-center-page .slides-wrapper{
  display:flex;
  width:100%;
  height:100%;
  transition:transform .8s ease;
}

.news-center-page .slide{
  flex:0 0 100%;
  height:100%;
  position:relative;
}

.news-center-page .slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:brightness(.78);
  user-select:none;
}

/* 文字层 */
.news-center-page .slide-text{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:30px 40px;
  background:linear-gradient(to top,rgba(0,0,0,.55),transparent);
  pointer-events:none;
}
.news-center-page .slide-text h2 a{
  color:#fff;
  font-size:24px;
  text-decoration:none;
  pointer-events:auto;
}
.news-center-page .slide-text h2 a:hover{text-decoration:underline;}

.news-center-page .slide-text p{
  margin-top:8px;
  color:#eee;
  font-size:15px;
  pointer-events:none;
}

/* 箭头控制 */
.news-center-page .prev,
.news-center-page .next{
  position:absolute;
  top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,.4);
  color:#fff;
  padding:10px 14px;
  border-radius:50%;
  font-size:20px;
  cursor:pointer;
  z-index:10;
  transition:.25s;
}
.news-center-page .prev:hover,
.news-center-page .next:hover{
  background:rgba(0,0,0,.7);
}
.news-center-page .prev{ left:15px; }
.news-center-page .next{ right:15px; }

/* -----------------------------
   Mobile: FullWidth 16:9
----------------------------- */
@media(max-width:960px){
  .news-center-page .slider{
    width:100vw;
    margin-left:calc(-50vw + 50%);
    height:auto;
    aspect-ratio:16/9;
    border-radius:0;
  }
  .news-center-page .prev,
  .news-center-page .next{display:none;}
  .news-center-page .slide-text{
    padding:18px 20px;
  }
}

/* =========================================================
   📰 新闻列表
   ========================================================= */
.news-center-page .news-list{
  border-top:2px solid var(--brand);
  padding-top:15px;
}

.news-center-page .news-item{
  padding:12px 0;
  border-bottom:1px solid var(--border);
  display:flex;
  flex-direction:column;
  gap:5px;
}

.news-center-page .news-item a{
  font-size:17px;
  font-weight:700;
  color:#222;
  text-decoration:none;
}
.news-center-page .news-item a:hover{
  color:var(--brand);
  text-decoration:underline;
}

.news-center-page .news-meta{
  font-size:13px;
  color:#666;
  display:flex;
  gap:14px;
}

/* Pagination */
.news-center-page .pagination{text-align:center;margin-top:18px;}
.news-center-page .pagination a{
  padding:8px 14px;
  border:1px solid var(--brand);
  border-radius:6px;
  color:var(--brand);
}
.news-center-page .pagination a:hover{
  background:var(--brand);
  color:#fff;
}

/* =========================================================
   Sidebar
   ========================================================= */
.news-center-page .sidebar section{
  background:#fff;
  border:1px solid var(--border);
  border-radius:8px;
  margin-bottom:24px;
  box-shadow:0 1px 4px rgba(0,0,0,.05);
}

.news-center-page .sidebar h3{
  background:var(--brand);
  color:#fff;
  padding:12px 16px;
  border-radius:8px 8px 0 0;
}

.news-center-page .sidebar ul{
  padding:12px 16px;
}

.news-center-page .sidebar a{
  color:#333;
  text-decoration:none;
}

.news-center-page .sidebar a:hover{
  color:var(--brand);
}

/* 标签 */
.news-center-page .tags-box{
  padding:14px 16px;
}
.news-center-page .tags-box a{
  background:var(--gray);
  border-radius:6px;
  padding:6px 12px;
  font-size:13px;
  color:#333;
  margin:4px;
  display:inline-block;
}
.news-center-page .tags-box a:hover{
  background:var(--brand);
  color:#fff;
}