/* ============================================================
   资讯栏目 · 建站资源（news-ziyuan）
   Hero：H4 左图右文镜像对撞 + 双线框
   列表：资源清单式（左图标 + 右内容 + 右错行）
   布局签名：左线框图标徽章 + 偶行右错 + 末条"数与字对调"
   ============================================================ */

/* ---------- H4 Hero ---------- */
.ban4{padding:150px 0 60px;background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 70%,var(--paper) 100%)}
.ban4-battle{align-items:center}
.ban4-media{position:relative}
.ban4-media img{border-radius:18px;box-shadow:var(--shadow-md)}
.ban4-frame{
  position:absolute;inset:22px -22px -22px 22px;z-index:-1;border-radius:18px;
  border:2px solid var(--sand);outline:2px solid var(--sand-light);outline-offset:6px;
}
.eyebrow4{display:inline-block;font-size:13px;letter-spacing:.3em;color:var(--gold-deep);margin-bottom:16px}
.battle-copy h1{font-size:clamp(28px,4vw,44px);margin-bottom:18px}
.battle-copy>p{font-size:16px;margin-bottom:22px}
.ban4-points{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.ban4-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ban4-tel{display:inline-flex;align-items:center;gap:10px;color:var(--brown)}
.ban4-tel b{font-family:var(--font-serif);font-size:22px;color:var(--brown)}
.ban4-crumb{margin-top:26px}

.wave-flip{transform:scaleY(-1)}

/* ---------- 资源清单列表 ---------- */
.rs-sec{background:var(--paper)}
.rs-row{
  display:grid;grid-template-columns:80px 230px 1fr;gap:24px;align-items:center;
  background:var(--cream);border:1px solid var(--line-soft);border-radius:18px;
  padding:24px 28px;margin-bottom:24px;box-shadow:var(--shadow-sm);
  transition:box-shadow .3s,transform .3s;
}
.rs-thumb{display:block;overflow:hidden;border-radius:12px}
.rs-thumb img{width:100%;height:130px;object-fit:cover;transition:transform .6s ease}
.rs-row:hover .rs-thumb img{transform:scale(1.05)}
/* 签名：偶行右错 40px */
.rs-row--off{transform:translateX(40px)}
.rs-row:hover{box-shadow:var(--shadow-md)}
.rs-row--off:hover{transform:translateX(40px) translateY(-3px)}
.rs-icon{
  width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(233,180,76,.2),rgba(201,144,47,.1));
  border:1px solid rgba(233,180,76,.4);
}
.rs-icon svg{width:30px;height:30px;stroke:var(--gold-deep)}
.rs-body h3{font-size:19px;margin:12px 0 10px;line-height:1.55}
.rs-body h3 a:hover{color:var(--gold-deep)}
.rs-body p{font-size:14.5px;line-height:1.9}
.rs-meta{
  display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap;
  font-size:13px;color:var(--muted);
}
.rs-tags{color:var(--gold-deep)}
.rs-meta a{color:var(--gold-deep);font-weight:600;margin-left:auto}

/* ---------- 热门专题 ---------- */
.hot-sec{background:var(--cream-deep)}
.hot-battle{margin-bottom:64px}
.hot-battle-2{margin-bottom:0}
.battle-copy h3{margin:14px 0 12px}

/* ---------- 使用提醒 ---------- */
.tip-sec{background:var(--cream)}
.tip-list{display:flex;flex-direction:column;gap:18px}
.tip-item{
  display:flex;align-items:center;gap:20px;background:var(--paper);
  border:1px solid var(--line-soft);border-radius:16px;padding:22px 28px;
  box-shadow:var(--shadow-sm);
}
.tip-item b{
  flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--brown);color:var(--gold-bright);font-family:var(--font-serif);font-size:16px;
}
.tip-item p{font-size:14.5px}

/* ---------- CTA ---------- */
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.f-mail{font-size:15px;color:var(--gold-bright)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .rs-row--off{transform:none}
}
@media (max-width:768px){
  .ban4{padding:120px 0 40px}
  .ban4-frame{inset:14px;outline-offset:4px}
  .rs-row{grid-template-columns:1fr;gap:16px}
  .rs-thumb img{height:180px}
  .rs-meta a{margin-left:0}
}