/* ============================================
   news 行业洞察页 · sg 体系专属样式（样式分离）
   依赖：home.css 的 :root 变量与通用 sg- 类
   配色：深空蓝 + 品牌橙，与首页/关于/套餐/案例一致。
   布局：保留两栏（侧栏 + 文章列表），缩略图 4:3 横版。
   ============================================ */

/* ① 页头 Hero：栏目大图背景 + 深蓝蒙层（与案例页一致手法） */
.sgnews-hero .sg-bg{opacity:.45}
.sgnews-hero .sg-bg img{width:100%; height:100%; object-fit:cover; display:block}
.sgnews-hero .sg-bg img[src=""],.sgnews-hero .sg-bg img:not([src]){display:none}

/* ② 面包屑（sg 细样式） */
.sgnews-crumb{background:var(--sg-bg); border-bottom:1px solid var(--sg-line); padding:10px 0}
.sgnews-crumb .containe{max-width:1200px; margin:0 auto; padding:0 24px; box-sizing:border-box; font-size:13px; color:var(--sg-sub)}
.sgnews-crumb a{color:var(--sg-sub)}
.sgnews-crumb a:hover{color:var(--sg-orange2)}

/* ③ 两栏主体 */
.sgnews-main{padding:44px 0 10px}
.sgnews-main .containe{max-width:1200px; margin:0 auto; padding:0 24px; box-sizing:border-box; display:flex; gap:26px; align-items:flex-start}

/* 侧栏（分类 / 热门 / 最新，sg 白卡） */
.sgnews-side{width:300px; flex-shrink:0; display:flex; flex-direction:column; gap:20px}
.sgnews-side-card{background:var(--sg-card); border:1px solid var(--sg-line); border-radius:14px; padding:20px}
.sgnews-side-card h3{font-size:16px; color:var(--sg-navy); margin:0 0 14px; padding-bottom:10px; border-bottom:2px solid var(--sg-orange)}
.sgnews-cats{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px}
.sgnews-cats a{display:block; padding:8px 12px; border:1px solid var(--sg-line); border-radius:8px; font-size:14px; color:var(--sg-sub); transition:.2s}
.sgnews-cats a:hover,.sgnews-cats a.act{border-color:var(--sg-orange2); color:var(--sg-orange2)}
.sgnews-hot{list-style:none; margin:0; padding:0}
.sgnews-hot li{margin-bottom:12px}
.sgnews-hot a{display:flex; gap:10px; align-items:flex-start}
.sgnews-hot img{width:76px; height:57px; object-fit:cover; border-radius:8px; flex-shrink:0}
.sgnews-hot h4{font-size:13.5px; color:var(--sg-ink); margin:0 0 4px; line-height:1.5}
.sgnews-hot span{font-size:12px; color:var(--sg-sub)}
.sgnews-tags{display:flex; flex-wrap:wrap; gap:8px}
.sgnews-tags a{font-size:13px; color:var(--sg-sub); border:1px solid var(--sg-line); border-radius:16px; padding:5px 12px; transition:.2s}
.sgnews-tags a:hover{border-color:var(--sg-orange2); color:var(--sg-orange2)}

/* 右栏文章列表（左图右文横排，图 4:3） */
.sgnews-list{flex:1; min-width:0}
.sgnews-ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px}
.sgnews-item{background:var(--sg-card); border:1px solid var(--sg-line); border-radius:14px; overflow:hidden; transition:.25s}
.sgnews-item:hover{box-shadow:0 12px 32px rgba(11,27,52,.10); transform:translateY(-3px)}
.sgnews-item a{display:flex; gap:18px; align-items:center}
.sgnews-thumb{width:240px; height:180px; flex-shrink:0; position:relative; overflow:hidden; background:var(--sg-bg)}
.sgnews-thumb img{width:100%; height:100%; object-fit:cover}
.sgnews-con{padding:18px 20px 18px 0; flex:1; min-width:0}
.sgnews-con h3{font-size:18px; color:var(--sg-navy); margin:0 0 8px; line-height:1.45}
.sgnews-con p{font-size:14px; color:var(--sg-sub); margin:0 0 10px; line-height:1.7}
.sgnews-date{font-size:12.5px; color:var(--sg-orange2)}

/* ④ 分页（覆盖旧 .pagination，圆角胶囊 + 橙色当前页） */
.sgnews-page{padding:26px 0 8px}
.sgnews-page .pagination{display:flex; justify-content:center; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0}
.sgnews-page .pagination .page-item,
.sgnews-page .pagination .page-link,
.sgnews-page .pagination a,
.sgnews-page .pagination span{display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 12px; border:1px solid var(--sg-line); border-radius:8px; font-size:14px; color:var(--sg-sub); background:var(--sg-card); transition:.2s; line-height:1}
.sgnews-page .pagination a:hover{border-color:var(--sg-orange2); color:var(--sg-orange2)}
.sgnews-page .pagination .cur,
.sgnews-page .pagination .current,
.sgnews-page .pagination .active{background:var(--sg-orange2); border-color:var(--sg-orange2); color:#fff; font-weight:600}

@media screen and (max-width:900px){
  .sgnews-main .containe{flex-direction:column}
  .sgnews-side{width:100%}
  .sgnews-cats{flex-direction:row; flex-wrap:wrap}
}
@media screen and (max-width:640px){
  .sgnews-item a{flex-direction:column; align-items:stretch}
  .sgnews-thumb{width:100%; height:auto; padding-top:75%}
  .sgnews-thumb img{position:absolute; inset:0; width:100%; height:100%}
  .sgnews-con{padding:14px 16px}
}