/* ============================================================
   news.html 资讯列表页独立样式（吊灯轻奢风 · 横条式资讯流）
   ============================================================ */

/* ---------- Hero ---------- */
.news-hero{background:linear-gradient(160deg,#2A2E35 0%,#1C1F25 70%,#24272E 100%)}

/* ---------- 栏目说明 ---------- */
.news-intro{background:var(--white)}
.news-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.news-intro-card{
  position:relative;background:var(--mist);border:1px solid var(--line);
  border-radius:18px;padding:38px 32px;overflow:hidden;
  transition:all .35s ease;
}
.news-intro-card::before{
  content:"";position:absolute;left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5;
}
.news-intro-card:hover{transform:translateY(-6px);background:#fff;box-shadow:var(--shadow);border-color:var(--gold-2)}
.news-intro-num{
  display:block;font-family:var(--font-serif);font-size:40px;font-weight:700;line-height:1;
  color:transparent;-webkit-text-stroke:1px var(--gold-3);margin-bottom:16px;
}
.news-intro-card h3{font-size:19px;margin-bottom:10px}
.news-intro-card p{font-size:14px;color:var(--gray);line-height:1.9}

/* ---------- 资讯列表（横条式） ---------- */
.news-list-section{background:var(--mist)}
.news-list{display:flex;flex-direction:column;gap:22px}
.news-row{
  display:grid;grid-template-columns:340px 1fr;gap:30px;
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  padding:18px;transition:all .35s ease;
}
.news-row:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--gold-2)}
.news-row-media{position:relative;display:block;overflow:hidden;border-radius:12px}
.news-row-media img{width:100%;height:210px;object-fit:cover;transition:transform .6s ease}
.news-row:hover .news-row-media img{transform:scale(1.05)}
.news-row-index{
  position:absolute;right:10px;bottom:10px;font-family:var(--font-serif);
  font-size:13px;color:#fff;background:rgba(35,38,44,.7);border-radius:20px;padding:3px 11px;
}
.news-row-body{display:flex;flex-direction:column;justify-content:center;padding:6px 10px}
.news-row-date{
  font-size:12.5px;letter-spacing:2px;color:var(--gold-3);margin-bottom:10px;
  display:flex;align-items:center;gap:10px;
}
.news-row-date::before{content:"";width:26px;height:1px;background:var(--gold)}
.news-row-title{font-size:20px;margin-bottom:12px;line-height:1.5}
.news-row-title a:hover{color:var(--gold-3)}
.news-row-zhaiyao{
  font-size:14px;color:var(--gray);line-height:1.9;margin-bottom:16px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-row-more{
  align-self:flex-start;display:inline-flex;align-items:center;gap:6px;
  color:var(--gold-3);font-size:13.5px;font-weight:600;
}
.news-row-more:hover{gap:10px}

/* ---------- 热门话题 ---------- */
.news-tags-section{background:var(--white)}
.news-tags{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.news-tag{
  padding:10px 22px;border-radius:40px;font-size:14px;
  background:var(--mist);border:1px solid var(--line);color:var(--ink-2);
  transition:all .3s ease;
}
.news-tag:hover{
  background:linear-gradient(135deg,var(--gold-2),var(--gold-3));
  color:#fff;border-color:transparent;transform:translateY(-3px);
  box-shadow:0 10px 22px rgba(160,127,63,.3);
}

/* ---------- 三条提醒 ---------- */
.news-tips-section{background:var(--mist)}
.news-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.news-tip{
  position:relative;background:var(--white);border:1px solid var(--line);
  border-radius:18px;padding:36px 30px;transition:all .35s ease;overflow:hidden;
}
.news-tip::after{
  content:"";position:absolute;right:-36px;top:-36px;width:110px;height:110px;
  border:1px solid rgba(195,164,104,.2);border-radius:50%;
}
.news-tip:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-2)}
.news-tip-mark{
  font-family:var(--font-serif);font-size:38px;font-weight:700;color:var(--gold-2);
  margin-bottom:14px;line-height:1;
}
.news-tip h3{font-size:18px;margin-bottom:12px}
.news-tip p{font-size:13.8px;color:var(--gray);line-height:1.9}
.news-tips-note{
  margin-top:34px;text-align:center;font-size:14px;color:var(--gray);
  background:var(--white);border:1px dashed var(--line-2);border-radius:12px;padding:18px 26px;
}

/* ---------- 栏目介绍 ---------- */
.news-about-channel{background:var(--white)}
.news-about-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.news-about-media{position:relative;margin:0}
.news-about-media img{border-radius:18px;box-shadow:var(--shadow)}
.news-about-media::before{
  content:"";position:absolute;top:-20px;left:-20px;width:140px;height:140px;
  border-top:2px solid var(--gold);border-left:2px solid var(--gold);border-radius:8px;opacity:.5;
}
.news-about-media-cap{
  position:absolute;right:18px;bottom:18px;background:rgba(35,38,44,.78);color:var(--gold-2);
  font-size:12.5px;letter-spacing:2px;border-radius:30px;padding:6px 16px;
}
.news-about-text h2{margin-bottom:20px}
.news-about-text p{font-size:14.5px;color:var(--gray);line-height:2;margin-bottom:14px}

/* ---------- CTA ---------- */
.news-cta{background:linear-gradient(150deg,#2A2E35,#1C1F25 60%,#26292F);position:relative;overflow:hidden}
.news-cta::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(520px 300px at 18% 25%,rgba(217,190,133,.15),transparent 60%);
}
.news-cta-card{
  position:relative;text-align:center;border:1px solid rgba(217,190,133,.3);
  border-radius:22px;padding:60px 50px;background:rgba(255,255,255,.03);
}
.news-cta-card h2{color:#fff;font-size:30px;letter-spacing:2px;margin-bottom:18px}
.news-cta-card p{color:#B5B1A4;max-width:700px;margin:0 auto 30px;font-size:15px}
.news-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.news-cta-wechat{font-size:13.5px;color:#8E8A80;letter-spacing:1px}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .news-intro-grid,.news-tips{grid-template-columns:repeat(2,1fr)}
  .news-about-inner{grid-template-columns:1fr;gap:48px}
  .news-row{grid-template-columns:1fr;gap:18px}
  .news-row-media img{height:220px}
}
@media (max-width:640px){
  .news-intro-grid,.news-tips{grid-template-columns:1fr}
  .news-cta-card{padding:40px 22px}
  .news-cta-card h2{font-size:24px}
  .news-row{padding:12px}
}