/* ============================================================
   dksg.cn · news.html 资讯列表页专属样式
   布局：曲线页头 + 主列表/侧栏咬合 + 深色 CTA 带
   ============================================================ */

/* ---------- 板块 1：资讯页头 ---------- */
.news-hero{
  position:relative;
  background:
    linear-gradient(96deg,rgba(28,26,23,.86) 0%,rgba(28,26,23,.6) 55%,rgba(28,26,23,.34) 100%),
    url(../images/banner-news.jpg) center/cover no-repeat;
  color:var(--cream);
  padding:128px 0 150px;
  /* 页头曲线柔化裁切 */
  clip-path:polygon(0 0,100% 0,100% 82%,92% 88%,80% 92%,66% 94.5%,52% 95.8%,38% 96.4%,26% 95.8%,16% 94.2%,8% 91.6%,3% 88.4%,0 85%);
}
.news-hero-inner{ max-width:1260px; margin:0 auto; padding:0 24px; }
.news-hero .keycap{ background:rgba(242,232,213,.12); color:var(--tan); border-color:rgba(242,232,213,.35); box-shadow:0 3px 0 rgba(242,232,213,.22); }
.news-hero h1{ color:var(--cream); font-size:clamp(30px,4.4vw,48px); margin:18px 0 14px; letter-spacing:2px; }
.news-hero p{ color:rgba(242,232,213,.8); font-size:15.5px; max-width:620px; }

/* ---------- 板块 1.5：频道说明与内容导览 ---------- */
.news-intro{ padding:44px 0 8px; }
.news-intro-inner{ display:grid; grid-template-columns:1fr 340px; gap:34px; align-items:start; }
.news-intro-copy h2{ font-size:20px; margin-bottom:14px; color:var(--ink); }
.news-intro-copy p{ font-size:14px; color:var(--brown-3); line-height:1.95; margin-bottom:10px; }
.news-intro-copy a{ color:var(--brown-2); font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.news-intro-copy a:hover{ color:var(--ink); }
.news-intro-nav{ display:flex; flex-wrap:wrap; gap:10px; }
.chip{
  display:inline-block; padding:9px 16px; font-size:13.5px; color:var(--ink-2);
  background:var(--paper-2); border:1px solid var(--line); border-radius:22px;
  transition:all .25s ease;
}
.chip:hover{ background:var(--brown-2); border-color:var(--brown-2); color:var(--cream); transform:translateY(-2px); }

/* ---------- 侧栏：证书与投标速览 ---------- */
.side-cert p{ font-size:13px; color:var(--brown-3); line-height:1.8; margin-bottom:10px; }
.side-cert ul li{ padding:8px 0; border-bottom:1px dashed var(--line); }
.side-cert ul li:last-child{ border-bottom:0; }
.side-cert ul li a{ font-size:13.5px; color:var(--ink-2); }
.side-cert ul li a:hover{ color:var(--brown-3); padding-left:6px; }

/* ---------- 板块 2.5：资讯阅读路径 ---------- */
.n-guide{ padding:56px 0 20px; }
.n-guide-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.n-guide-card{
  background:var(--paper-2); border:1px solid var(--line); border-radius:0 16px 16px 16px;
  padding:24px 22px; clip-path:polygon(0 0,24px 0,100% 0,100% 100%,0 100%);
}
.n-guide-card h3{ font-size:16.5px; color:var(--brown-2); margin-bottom:10px; padding-bottom:8px; border-bottom:2px solid var(--brown-3); }
.n-guide-card p{ font-size:13.6px; color:var(--brown-3); line-height:1.9; }
.n-guide-card a{ color:var(--brown-2); font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.n-guide-card a:hover{ color:var(--ink); }
.n-guide-note{ margin-top:18px; font-size:12.8px; color:var(--tan); }

/* ---------- 板块 2：列表与侧栏 ---------- */
.news-list-sec{ padding:70px 0 30px; }
.news-layout{ display:grid; grid-template-columns:1fr 340px; gap:40px; align-items:start; }
.list-title{
  font-size:22px; color:var(--ink); padding-left:16px; position:relative; margin-bottom:26px;
}
.list-title::before{
  content:""; position:absolute; left:0; top:4px; bottom:4px; width:5px;
  background:var(--brown-3); border-radius:3px;
}

/* 列表行：图文咬合 */
.nrow{
  display:flex; gap:22px; padding:22px 0; border-bottom:1px dashed var(--line);
  transition:transform .22s ease;
}
.nrow:hover{ transform:translateX(8px); }
.nrow-pic{ flex:none; width:260px; height:170px; overflow:hidden; border-radius:12px; }
.nrow-pic img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.nrow:hover .nrow-pic img{ transform:scale(1.06); }
.nrow-body h3{ font-size:19px; margin-bottom:8px; line-height:1.5; }
.nrow-body h3 a:hover{ color:var(--brown-3); }
.nrow-body p{ font-size:14px; color:var(--brown-3); line-height:1.85; margin-bottom:12px; }
.nrow-meta{ display:flex; align-items:center; gap:18px; }
.nrow-meta time{ font-family:var(--font-mono); font-size:12.5px; color:var(--tan); }
.nrow-more{ font-size:13.5px; font-weight:600; color:var(--brown-2); }
.nrow-more:hover{ color:var(--ink); }

/* 侧栏 */
.news-side{ display:flex; flex-direction:column; gap:22px; position:sticky; top:94px; }
.side-card{
  background:var(--paper-2); border:1px solid var(--line); border-radius:16px;
  padding:24px 22px;
  /* 侧栏卡片右上折角 */
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);
}
.side-card h3{ font-size:16.5px; margin-bottom:14px; padding-bottom:10px; border-bottom:2px solid var(--brown-3); }
.side-card ul li{ padding:9px 0; border-bottom:1px dashed var(--line); }
.side-card ul li:last-child{ border-bottom:0; }
.side-card ul li a{ font-size:14px; color:var(--ink-2); }
.side-card ul li a:hover{ color:var(--brown-3); padding-left:6px; }
.side-policy .btn{ margin-top:12px; }
.side-cta p{ font-size:13.8px; color:var(--brown-3); margin-bottom:14px; line-height:1.85; }
.side-tel{ display:block; margin-top:12px; font-family:var(--font-mono); font-size:15px; color:var(--brown-2); font-weight:700; }

/* ---------- 板块 3：底部 CTA ---------- */
.n-cta{
  background:var(--ink);
  clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);
  padding:110px 0 96px;
  color:var(--cream);
}
.n-cta-inner{ text-align:center; }
.n-cta h2{ color:var(--cream); font-size:28px; margin-bottom:10px; }
.n-cta p{ color:rgba(242,232,213,.75); font-size:15px; margin-bottom:26px; }
.n-cta .btn-ghost{ color:var(--cream); border-color:rgba(242,232,213,.5); }
.n-cta .btn-ghost:hover{ border-color:var(--cream); color:var(--cream); }

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .news-layout{ grid-template-columns:1fr; }
  .news-intro-inner{ grid-template-columns:1fr; }
  .news-side{ position:static; }
  .n-guide-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .nrow{ flex-direction:column; }
  .nrow-pic{ width:100%; height:auto; aspect-ratio:16/9; }
  .news-hero{ padding:108px 0 120px; }
}