/* Joker · home.css —— 首页焦点卡 + 信息流 */
.home { max-width: var(--maxw); margin: 0 auto; }

.home-featured { margin-bottom: 30px; }
.feature-card {
  display: grid; grid-template-columns: 1.05fr 1fr; background: var(--surface);
  border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow); transition: transform .18s, box-shadow .18s;
}
.feature-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.fc-cover { min-height: 260px; background-size: cover; background-position: center; background-color: var(--surface-2); position: relative; }
.fc-cover-fallback { position: absolute; inset: 0; display: grid; place-items: center; color: var(--text-3); font-size: 46px; }
.fc-body { padding: 30px 32px; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.fc-eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: .5px; color: var(--accent); text-transform: uppercase; }
.fc-title { margin: 0; font-size: 26px; line-height: 1.35; }
.fc-title a:hover { color: var(--accent); }
.fc-excerpt { margin: 0; color: var(--text-2); font-size: 14.5px; line-height: 1.75;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.fc-meta { display: flex; gap: 16px; color: var(--text-3); font-size: 13px; margin-top: 4px; }
.fc-meta span { display: inline-flex; align-items: center; gap: 5px; }

.home-head { display: flex; align-items: baseline; gap: 12px; margin: 6px 0 18px; }
.home-title { margin: 0; font-size: 20px; }
.home-sub { color: var(--text-3); font-size: 13px; }

@media (max-width: 720px) {
  .feature-card { grid-template-columns: 1fr; }
  .fc-cover { min-height: 180px; }
  .fc-body { padding: 20px 18px; }
  .fc-title { font-size: 21px; }
}