/* ============================================================
   资讯列表 news.html 专属样式（护腰靠垫风 · 独立原创布局）
   ============================================================ */

/* ---------- 页面题头 ---------- */
.page-hero{ background:var(--c-cream); padding:36px 0 44px; border-bottom:1px solid var(--c-line); }
.page-hero-inner{ display:flex; align-items:flex-end; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.ph-text h1{ margin-bottom:10px; }
.ph-text p{ color:var(--c-mute); max-width:58ch; margin:0; }
.ph-tags{ display:flex; gap:10px; flex-wrap:wrap; }
.ph-tags a{
  padding:.5em 1.2em; border-radius:999px; background:#fff; border:1px solid var(--c-line);
  color:var(--c-green-deep); font-size:14px; font-weight:600; transition:all .3s ease;
}
.ph-tags a:hover{ background:var(--c-green-deep); color:#fff; border-color:var(--c-green-deep); }

/* ---------- 资讯中心导语 ---------- */
.news-intro{ padding:34px 0 0; }
.news-intro-inner{
  background:var(--c-green-pale); border-radius:22px; padding:30px 36px;
  display:grid; grid-template-columns:1.3fr 1fr; gap:32px; align-items:center;
}
.news-intro-text{ font-size:14.5px; line-height:1.9; margin:0; color:var(--c-body); }
.news-intro-points{ margin:0; }
.news-intro-points li{ font-size:14px; color:var(--c-green-deep); padding-left:1.4em; position:relative; margin-bottom:9px; }
.news-intro-points li::before{ content:""; position:absolute; left:0; top:.5em; width:8px; height:8px; border-radius:50%; background:var(--c-green); }
.news-intro-points li b{ color:var(--c-green-deep); }
@media (max-width:760px){
  .news-intro-inner{ grid-template-columns:1fr; padding:24px 20px; }
}

/* ---------- 列表 + 侧栏 ---------- */
.news-page{ padding:56px 0 80px; }
.news-layout{ display:grid; grid-template-columns:1fr 340px; gap:44px; align-items:start; }
.news-main{ display:flex; flex-direction:column; gap:20px; }
.news-row{
  display:grid; grid-template-columns:300px 1fr; gap:24px;
  background:#fff; border-radius:20px; overflow:hidden; box-shadow:var(--shadow-soft);
  padding:18px; transition:transform .35s ease, box-shadow .35s ease;
}
.news-row:hover{ transform:translateY(-4px); box-shadow:var(--shadow-float); }
.nr-photo{ display:block; border-radius:14px; overflow:hidden; }
.nr-photo img{ width:100%; height:190px; object-fit:cover; transition:transform .5s ease; }
.news-row:hover .nr-photo img{ transform:scale(1.05); }
.nr-body{ display:flex; flex-direction:column; padding:6px 6px 4px 0; }
.nr-meta{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.nr-meta span{ font-size:12px; color:var(--c-green-deep); background:var(--c-green-pale); padding:.2em .7em; border-radius:999px; font-weight:600; }
.nr-meta time{ font-size:12.5px; color:var(--c-mute); }
.nr-body h2{ font-size:19px; margin-bottom:8px; }
.nr-body h2 a{ color:var(--c-ink); }
.nr-body h2 a:hover{ color:var(--c-green-deep); }
.nr-body p{ font-size:14px; color:var(--c-mute); margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.nr-more{ font-size:13.5px; font-weight:700; color:var(--c-green-deep); margin-top:auto; }
.nr-more:hover{ color:var(--c-green-mid); }

/* ---------- 侧栏 ---------- */
.news-side{ display:flex; flex-direction:column; gap:20px; position:sticky; top:96px; }
.side-card{ background:#fff; border-radius:20px; padding:26px 24px; box-shadow:var(--shadow-soft); }
.side-card h3{ font-size:16.5px; margin-bottom:18px; position:relative; padding-bottom:10px; }
.side-card h3::after{ content:""; position:absolute; left:0; bottom:0; width:26px; height:3px; border-radius:3px; background:var(--c-green); }
.side-tagwall{ display:flex; flex-wrap:wrap; gap:9px; }
.side-tagwall a{ font-size:13.5px; color:var(--c-body); background:var(--c-bg); padding:.4em 1em; border-radius:999px; transition:all .3s ease; }
.side-tagwall a:hover{ background:var(--c-green-deep); color:#fff; }
.side-citylist{ display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.side-citylist a{ font-size:14px; color:var(--c-green-deep); background:var(--c-green-pale); text-align:center; padding:.55em .4em; border-radius:12px; font-weight:600; transition:all .3s ease; }
.side-citylist a:hover{ background:var(--c-green-deep); color:#fff; }
.side-consult{ background:var(--c-green-deep); }
.side-consult h3{ color:#fff; }
.side-consult h3::after{ background:#BFD8BA; }
.side-consult p{ color:rgba(234,243,234,.9); font-size:14px; margin-bottom:18px; }
.side-consult .btn-block{ margin-bottom:12px; }
.side-tel{ display:block; text-align:center; color:#fff; font-size:18px; font-weight:800; letter-spacing:.04em; }
.side-tel:hover{ color:#DCEBD8; }

/* ---------- 热门专题导航 ---------- */
.news-topics{ padding:0 0 70px; }
.nt-head{ max-width:720px; margin-bottom:28px; }
.nt-head h2{ margin-bottom:10px; }
.nt-head p:last-child{ color:var(--c-mute); margin:0; }
.nt-tagwall{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:34px; }
.nt-tagwall li a{
  display:inline-block; padding:.55em 1.4em; border-radius:999px; background:#fff;
  border:1px solid var(--c-line); color:var(--c-green-deep); font-size:14px; font-weight:600;
  transition:all .3s ease;
}
.nt-tagwall li a:hover{ background:var(--c-green-deep); color:#fff; border-color:var(--c-green-deep); }
.nt-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.nt-card{
  background:var(--c-green-pale); border-radius:20px; padding:26px 26px 22px;
  display:flex; flex-direction:column; gap:8px; transition:transform .3s ease, box-shadow .3s ease;
}
.nt-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-float); }
.nt-card b{ font-size:17px; color:var(--c-ink); }
.nt-card p{ font-size:14px; color:var(--c-body); margin:0; line-height:1.8; flex:1; }
.nt-card span{ font-size:13.5px; font-weight:600; color:var(--c-green-deep); }
@media (max-width:900px){ .nt-cards{ grid-template-columns:1fr; } }

/* ---------- 底部行动带 ---------- */
.news-cta{ padding:0 0 90px; }
.news-cta-inner{
  display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;
  background:var(--c-cream); border:1px solid var(--c-line); border-radius:26px; padding:38px 44px;
}
.news-cta-inner h2{ margin-bottom:6px; }
.news-cta-inner p{ color:var(--c-mute); margin:0; }

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .news-layout{ grid-template-columns:1fr 300px; gap:28px; }
}
@media (max-width:980px){
  .news-layout{ grid-template-columns:1fr; }
  .news-side{ position:static; }
}
@media (max-width:760px){
  .news-row{ grid-template-columns:1fr; }
  .nr-photo img{ height:200px; }
  .news-cta-inner{ padding:28px 22px; }
}