/* ============================================================
   企业新闻页 + 详情页 + 首页新闻模块（2026-09 重排版 · 移动优先）
   ============================================================ */

/* ============ 头条（图片左、标题右，全尺寸左右并排） ============ */
.news-feature{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;margin-bottom:10px;
  align-items:stretch;
}
.news-feature-img{
  width:100%;height:100%;min-height:100%;
  padding:16px;box-sizing:border-box;
  background:
    linear-gradient(135deg,transparent 49%,rgba(37,99,235,.18) 49%,rgba(37,99,235,.18) 51%,transparent 51%) center/100% 100%,
    linear-gradient(45deg,transparent 49%,rgba(14,165,233,.16) 49%,rgba(14,165,233,.16) 51%,transparent 51%) center/100% 100%,
    linear-gradient(135deg,var(--bg-2) 0%,var(--bg) 100%);
  display:grid;place-items:center;overflow:hidden;
}
.news-feature-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;}
.news-feature-body{
  padding:16px 18px 18px;display:flex;flex-direction:column;
  justify-content:center;gap:8px;min-width:0;
}
.news-feature-body h2{
  font-size:17px;color:var(--navy);font-weight:800;line-height:1.45;margin:2px 0 4px;
}
.news-feature-body p{
  font-size:14px;color:var(--text-2);line-height:1.75;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.news-meta{font-size:12.5px;color:var(--text-3);}

/* 手机端头条：图片左 38% / 标题右，摘要隐藏，标题 2 行 */
@media(max-width:767px){
  .news-feature{grid-template-columns:minmax(0,38fr) minmax(0,62fr);}
  .news-feature-img{padding:10px;}
  .news-feature-img img{border-radius:8px;}
  .news-feature-body{padding:10px 12px;gap:6px;}
  .news-feature-body h2{font-size:14px;line-height:1.4;}
  .news-feature-body p:not(.news-meta){display:none;}
  .news-feature-body .news-meta{font-size:11.5px;}
  .news-feature-body .news-tag{font-size:10.5px;padding:2px 8px;}
}
.news-tag{
  display:inline-block;width:fit-content;
  background:rgba(37,99,235,.1);color:var(--blue);
  font-size:11.5px;font-weight:700;letter-spacing:.5px;
  padding:3px 10px;border-radius:99px;
}
.news-more{
  margin-top:4px;display:inline-flex;align-items:center;width:fit-content;
  font-size:14px;font-weight:600;color:var(--blue);
  min-height:40px;
}
.news-more:hover{color:var(--blue-deep);}

/* 标题可点击进详情（替代"阅读全文"链接） */
.news-title-link{
  color:inherit;text-decoration:none;transition:color .18s;
}
.news-title-link:hover{color:var(--blue);}
.news-feature-body h2 .news-title-link,
.news-row h3 .news-title-link{display:inline;}

/* ============ 新闻列表（手机：单列卡片行） ============ */
.news-list{
  list-style:none;margin:0;padding:0;
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;
}
.news-row{
  display:flex;flex-direction:column;gap:3px;
  padding:8px 14px;
  border-top:1px solid var(--border);
  transition:background .18s;
}
.news-row:first-child{border-top:none;}
.news-row:hover{background:var(--bg-2);}
.news-row .news-row-main{min-width:0;}
.news-row .news-tag{justify-self:start;}
.news-row h3{
  font-size:15px;color:var(--navy);font-weight:700;line-height:1.45;
}
.news-row .news-summary{
  font-size:13.5px;color:var(--text-2);line-height:1.7;margin-top:2px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-row .news-row-side{
  display:flex;align-items:center;gap:12px;
}
.news-row .news-row-date{font-size:12.5px;color:var(--text-3);}
.news-row .news-row-link{
  font-size:13px;font-weight:600;color:var(--blue);
  min-height:36px;display:inline-flex;align-items:center;letter-spacing:.5px;
}
.news-row .news-row-link:hover{color:var(--blue-deep);text-decoration:underline;}

/* ≥768：头条左右分栏 */
@media(min-width:768px){
  .news-feature{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;margin-bottom:16px;}
  .news-feature-img{height:auto;align-self:stretch;}
  .news-feature-body{padding:24px 28px 24px 0;}
  .news-feature-body h2{font-size:20px;}
  .news-more{margin-top:6px;}
}

/* ≥960：列表行变三栏（标签 | 正文 | 日期+链接） */
@media(min-width:960px){
  .news-row{
    display:grid;grid-template-columns:110px 1fr auto;
    gap:24px;align-items:center;padding:18px 22px;
  }
  .news-row h3{
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
    font-size:16px;
  }
  .news-row .news-row-side{flex-direction:column;align-items:flex-end;gap:6px;min-width:140px;}
  .news-row .news-row-link{padding:4px 0;}
}

/* ============ 新闻详情页 ============ */
.news-article{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:clamp(22px,4vw,36px) clamp(16px,4vw,52px) clamp(28px,5vw,44px);
  max-width:880px;margin:0 auto;
}
.article-head{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:22px;}
.article-title{
  font-size:clamp(21px,3vw,30px);color:var(--navy);font-weight:800;line-height:1.38;
  margin:12px 0 10px;letter-spacing:-.3px;
}
.article-head .news-meta{margin:0;}
.article-hero{
  border-radius:var(--radius);overflow:hidden;margin-bottom:24px;
  border:1px solid var(--border);
}
.article-hero img{width:100%;height:auto;display:block;max-height:340px;object-fit:cover;}
.article-body p{
  font-size:15.5px;color:var(--text);line-height:1.9;margin:0 0 16px;
}
.article-body p:last-child{margin-bottom:0;}
.article-nav{
  max-width:880px;margin:22px auto 0;
  display:flex;flex-direction:column;gap:12px;align-items:stretch;
}
.article-nav .btn{text-decoration:none;}
.article-contact{
  font-size:15px;font-weight:600;color:var(--blue);
  padding:10px 0;text-align:center;display:inline-block;min-height:44px;
}
.article-contact:hover{color:var(--blue-deep);text-decoration:underline;}
.back-list{padding:8px 0;display:inline-block;min-height:40px;}

@media(min-width:768px){
  .article-body p{text-align:justify;}
  .article-nav{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;}
  .article-contact{text-align:left;padding:8px 0;min-height:0;}
}

/* ============ 分页 ============ */
.news-pager{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:8px;}
.news-page,.news-page-cur{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 12px;
  border:1px solid var(--border);border-radius:9px;
  font-size:13px;font-weight:600;color:var(--text-2);
  background:#fff;transition:all .18s;
}
.news-page:hover{border-color:var(--blue);color:var(--blue);}
.news-page-cur{background:var(--blue);border-color:var(--blue);color:#fff;}

/* ============ 首页嵌入的企业新闻模块 ============ */
.section-head-row{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  margin-bottom:18px;text-align:left;
}
.section-head-row .section-head-text{margin:0;}
.section-head-row .section-head-text p{margin-top:8px;}
.section-head-row h2{margin-top:6px;}
.section-head-more{
  font-size:14px;font-weight:600;color:var(--blue);
  min-height:40px;display:inline-flex;align-items:center;letter-spacing:.5px;
}
.section-head-more:hover{color:var(--blue-deep);text-decoration:underline;}

@media(min-width:768px){
  .section-head-row{
    flex-direction:row;justify-content:space-between;align-items:flex-end;
    gap:24px;margin-bottom:32px;
  }
}

/* 首页头条比新闻页略紧 */
#news .news-feature{margin-bottom:10px;}
#news .news-feature-body h2{font-size:18px;}
/* 首页新闻列表：隐藏摘要，每条只留 标签+标题+日期+链接，更简洁 */
#news .news-row .news-summary{display:none;}
#news .news-list{margin-bottom:0;}
/* 手机端首页头条也只留标题+日期，正文摘要隐藏 */
@media(max-width:840px){
  #news .news-feature-body p:not(.news-meta){display:none;}
}
@media(min-width:768px){
  #news .news-feature{margin-bottom:18px;}
  #news .news-feature-body h2{font-size:19px;}
}