/* ==========================================================================
   news-jianzhan.html · 建站知识 —— 头条大卡 + 横排行
   ========================================================================== */

.kj-hero{padding:140px 0 30px}
.kj-hero h1{margin:14px 0 12px}
.kj-hero-desc{color:var(--ink-2);font-size:15.5px}

/* 头条 */
.kj-feature{padding:20px 0}
.kj-feature-card{display:block;position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.kj-feature-card img{width:100%;height:auto;display:block}
.kj-feature-body{position:absolute;left:0;right:0;bottom:0;padding:30px 34px;background:linear-gradient(180deg,rgba(52,40,28,0),rgba(52,40,28,.82));color:#fff}
.kj-feature-body h2{color:#fff;margin:10px 0 8px;font-size:clamp(20px,2.6vw,28px)}
.kj-feature-body p{color:rgba(255,255,255,.8);font-size:14px;max-width:640px}
.kj-feature-body .chip{background:rgba(255,255,255,.18);color:#fff}

/* 列表行 */
.kj-list{padding:30px 0}
.kj-row{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:20px;margin-bottom:20px;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.kj-row:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.kj-row-media img{border-radius:var(--r-sm);width:100%;height:auto}
.kj-row-body h2{font-size:19px;margin:10px 0 8px}
.kj-row-body h2 a{color:var(--ink)}
.kj-row-body h2 a:hover{color:var(--brown)}
.kj-row-body p{color:var(--ink-2);font-size:14px;margin-bottom:10px}
.kj-row-body time{font-size:12.5px;color:var(--muted)}

/* CTA */
.kj-cta{background:var(--brown-deep);border-radius:26px;margin:20px 28px 0;padding:56px 28px;text-align:center}
.kj-cta h2{color:#fff;margin:0 0 22px}
.kj-cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.kj-cta p{color:rgba(255,255,255,.65);font-size:14px}

@media (max-width:900px){
  .kj-row{grid-template-columns:1fr}
  .kj-cta{margin:16px 16px 0}
}