/* ============================================================
   news.css —— 资讯列表页
   骨架 S5 侧栏+主栏
   光影 D2 对角光斑/暗角 · D3 斜角切角卡片
   ============================================================ */

/* ---------- 页头 ---------- */
.news-hero{
  padding:140px 0 56px;background:linear-gradient(135deg,#F5F5F2 0%,#fff 60%,#EBEBE7 100%);
  position:relative;overflow:hidden;
}
.news-hero::before{
  content:"";position:absolute;top:-120px;left:-120px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(199,180,154,.30),transparent 65%);
}
.news-hero::after{
  content:"";position:absolute;right:-140px;bottom:-140px;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,rgba(122,101,76,.13),transparent 65%);
}
.news-hero .container{position:relative;z-index:1;}
.news-hero h1{font-size:clamp(30px,4vw,44px);margin:16px 0 12px;}
.news-hero p{color:var(--text-weak);max-width:640px;font-size:15px;}

/* ---------- S5 布局 ---------- */
.s5-layout{display:grid;grid-template-columns:1fr 300px;gap:34px;align-items:start;}
.news-main{min-width:0;}
.news-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.news-tabs a{
  padding:8px 18px;font-size:13.5px;border:1px solid var(--line);background:#fff;color:var(--text);
  border-radius:var(--radius);
}
.news-tabs a.active{background:linear-gradient(135deg,var(--brown-200),var(--brown-400));color:#fff;border-color:transparent;}

.news-list{display:flex;flex-direction:column;gap:16px;}
.news-item{
  display:flex;gap:16px;background:#fff;border:1px solid var(--line);padding:14px;
  box-shadow:var(--shadow-s);transition:transform .25s ease,box-shadow .25s ease;
}
.news-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-b);}
.ni-thumb{flex-shrink:0;width:240px;height:160px;overflow:hidden;background:var(--gray-100);}
.ni-thumb img{width:100%;height:100%;object-fit:cover;}
.ni-body{display:flex;flex-direction:column;min-width:0;}
.ni-title{font-weight:700;font-size:15px;color:var(--text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-item:hover .ni-title{color:var(--brown-400);}
.ni-desc{font-size:13px;color:var(--text-weak);margin-top:6px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ni-time{margin-top:auto;font-size:12px;color:var(--text-weak);}

/* ---------- 侧栏 D3 切角 ---------- */
.news-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:90px;}
.side-card{
  background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-s);
}
.side-card h3{
  font-size:15px;color:var(--brown-400);letter-spacing:1px;margin-bottom:12px;
  padding-bottom:10px;border-bottom:2px solid var(--brown-100);
}
.side-link{display:block;padding:8px 0;font-size:14px;color:var(--text);border-bottom:1px dashed var(--line);}
.side-link:last-child{border-bottom:0;}
.side-link:hover{color:var(--brown-400);padding-left:6px;}
.side-img{background:#fff;border:1px solid var(--line);padding:14px;box-shadow:var(--shadow-s);}
.side-img img{width:100%;height:auto;}
.side-img p{font-size:13px;color:var(--text-weak);margin:12px 0;}
.side-call{width:100%;}

/* ---------- 相关页面 ---------- */
.sec-head{max-width:640px;margin-bottom:34px;}
.sec-head h2{font-size:clamp(24px,3vw,34px);margin:14px 0 10px;}
.sec-head h2 b{color:var(--brown-400);}
.sec-head p{color:var(--text-weak);}
.rel-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.rel-card{
  background:#fff;border:1px solid var(--line);padding:20px;font-weight:700;color:var(--text);
  box-shadow:var(--shadow-s);position:relative;transition:all .25s ease;
}
.rel-card::before{
  content:"";position:absolute;top:0;left:0;width:100%;height:3px;
  background:linear-gradient(135deg,var(--brown-100),var(--brown-300));
}
.rel-card:hover{color:var(--brown-400);transform:translateY(-2px);}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .s5-layout{grid-template-columns:1fr;}
  .news-side{position:static;}
  .rel-links{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .news-item{flex-direction:column;}
  .ni-thumb{width:100%;height:180px;}
  .rel-links{grid-template-columns:1fr;}
}

/* ===== 补写内容通用样式 gb-* ===== */
.gb-lead{color:var(--text-weak);line-height:1.9;font-size:15px;max-width:760px;}
.gb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.gb-cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;}
.gb-card{background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-s);}
.gb-card h3{font-size:16px;color:var(--brown-400);margin-bottom:8px;}
.gb-card p{font-size:14px;color:var(--text-weak);line-height:1.85;margin:0;}
.gb-list{list-style:none;padding:0;margin:18px 0 0;}
.gb-list li{padding:9px 0 9px 24px;position:relative;font-size:14.5px;border-bottom:1px dashed var(--line);line-height:1.8;}
.gb-list li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,var(--brown-100),var(--brown-300));}
.gb-note{margin-top:22px;font-size:13.5px;color:var(--text-weak);line-height:1.85;}
@media(max-width:920px){.gb-cols{grid-template-columns:1fr;}.gb-cols2{grid-template-columns:1fr;}}