/* =============================================================
   资讯列表页 news.html 专属样式 —— 左右错落布局
   ============================================================= */

/* ---------- 页首 ---------- */
.news-hero{
  position:relative;color:#F4EFE5;
  padding:calc(var(--topbar-h) + var(--header-h) + 70px) 0 46px;
  overflow:hidden;
}
.news-hero-bg{
  position:absolute;inset:0;z-index:-2;
  background:url("../images/banner-city.jpg") center/cover no-repeat;
}
.news-hero-overlay{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(42,38,32,.94) 10%,rgba(42,38,32,.68) 55%,rgba(42,38,32,.4) 100%);
}
.news-hero-inner{
  display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;
}
.news-hero-inner h1{font-size:clamp(32px,4.2vw,46px);color:#F7F2E9;letter-spacing:.05em;margin-bottom:18px}
.news-hero-sub{max-width:520px;color:#CDC5B5;font-size:15px;line-height:1.9}
.news-hero-note{
  justify-self:end;background:rgba(243,239,231,.94);color:var(--ink);
  border-radius:var(--radius);padding:26px 30px;box-shadow:var(--shadow);
  transform:rotate(1.2deg);max-width:300px;
}
.news-hero-note .num{font-size:46px}
.news-hero-note p{font-size:13.5px;color:var(--ink-soft);line-height:1.8;margin-top:8px}
.news-hero .breadcrumb{margin-top:38px;color:rgba(244,239,229,.7)}
.news-hero .breadcrumb a{color:#CDC5B5}
.news-hero .breadcrumb a:hover{color:#fff}

/* ---------- 列表区 ---------- */
.news-layout{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start}
.news-toolbar{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-bottom:34px;padding-bottom:18px;border-bottom:2px solid var(--line);
}
.news-toolbar .section-title{font-size:26px}
.article-list{display:grid;gap:30px}
.article-row{
  display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:start;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px;transition:all .35s ease;
}
.article-row:hover{border-color:rgba(174,135,73,.4);box-shadow:var(--shadow-soft);transform:translateX(6px)}
.article-thumb{display:block;overflow:hidden;border-radius:var(--radius)}
.article-thumb img{width:240px;height:160px;object-fit:cover;transition:transform .6s ease}
.article-row:hover .article-thumb img{transform:scale(1.06)}
.article-info time{font-size:12px;color:var(--ink-faint);letter-spacing:.08em}
.article-info h3{font-size:17.5px;line-height:1.5;margin:8px 0 10px}
.article-info h3 a:hover{color:var(--earth-deep)}
.article-info p{
  font-size:13.5px;color:var(--ink-soft);line-height:1.85;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-bottom:12px;
}
.article-row:nth-child(even){transform:translateX(-10px);border-style:dashed}
.article-row:nth-child(even):hover{transform:translateX(4px)}

/* ---------- 侧栏 ---------- */
.news-side{display:grid;gap:22px;position:sticky;top:calc(var(--header-h) + 30px)}
.side-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 24px;
}
.side-card h3{font-size:16px;letter-spacing:.1em;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--line)}
.side-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.85;margin-bottom:16px}
.side-card .btn{margin-bottom:10px}
.side-card--contact{background:var(--dark);border-color:rgba(201,193,178,.2)}
.side-card--contact h3{color:#EDE7DA;border-bottom-color:rgba(201,193,178,.2)}
.side-card--contact p{color:#B8B0A1}
.side-links{display:grid;gap:4px}
.side-links a{
  display:flex;align-items:center;gap:9px;padding:9px 10px;
  font-size:13.5px;color:var(--ink-soft);border-radius:var(--radius);
  transition:all .25s ease;
}
.side-links a::before{content:"";width:5px;height:5px;background:var(--brown-light);flex:none}
.side-links a:hover{background:var(--paper-deep);color:var(--earth-deep);padding-left:16px}
.side-card--quote .quote-block{border-left-color:var(--earth);background:var(--paper-deep);font-size:15px}
.side-sign{margin-top:14px;font-size:12px;letter-spacing:.16em;color:var(--ink-faint);text-align:right}
.side-card--wx .wx-num{
  font-family:var(--font-serif);font-size:30px;color:var(--earth-deep);
  letter-spacing:.06em;margin-bottom:4px;
}

/* ---------- 转化区 ---------- */
.cta-band{
  background:linear-gradient(115deg,rgba(42,38,32,.93) 0 55%,rgba(42,38,32,.78) 100%);
  color:#F4EFE5;
}
.cta-band .section-tag{color:var(--earth-light)}
.cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-title{font-size:clamp(24px,3vw,32px);color:#F7F2E9;letter-spacing:.04em;margin-bottom:10px}
.cta-sub{color:#CDC5B5;font-size:15px}
.cta-btn{white-space:nowrap}

/* ---------- 响应式 ---------- */
@media (max-width:991px){
  .news-hero-inner{grid-template-columns:1fr}
  .news-hero-note{justify-self:start}
  .news-layout{grid-template-columns:1fr}
  .news-side{position:static}
}
@media (max-width:640px){
  .article-row{grid-template-columns:1fr}
  .article-thumb img{width:100%;height:auto}
  .article-row:nth-child(even){transform:none}
}