/* ==========================================================================
   index.css — 首页（头条大图 + 双栏要闻 + 三栏推荐）
   ========================================================================== */

/* ---------- 头条：满宽大图 + 压边文字版块 ---------- */
.lead {
  position: relative;
  display: block;
  border: 1px solid var(--rule);
  background: var(--paper);
}

.lead__media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 7;
  overflow: hidden;
  background: var(--paper-3);
}
.lead__img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.lead:hover .lead__img { transform: scale(1.04); }

.lead__flag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 13px;
  background: var(--hot);
  color: #fff;
  font-family: var(--font-mono);
  font-size: .62rem;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.lead__panel {
  position: relative;
  z-index: 3;
  max-width: 760px;
  margin: -56px 0 0 clamp(14px, 4vw, 40px);
  padding: 20px clamp(18px, 3vw, 32px) 22px;
  border-top: 3px solid var(--brand);
  background: var(--paper);
  box-shadow: var(--shadow);
}

.lead__title {
  margin-bottom: 10px;
  font-family: var(--font-display);
  font-size: clamp(1.42rem, 3.4vw, 2.15rem);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -.015em;
}
.lead__title a:hover { color: var(--brand); }

.lead__text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 12px;
  color: var(--ink-2);
  font-size: .96rem;
}

.lead__meta {
  padding-top: 10px;
  border-top: 1px solid var(--rule);
  color: var(--ink-3);
  font-family: var(--font-mono);
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lead__hit { position: absolute; inset: 0; z-index: 4; }
.lead__hit:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }

@media (max-width: 760px) {
  .lead__media { aspect-ratio: 16 / 10; }
  .lead__panel {
    margin: 0;
    padding: 14px 14px 16px;
    border-top: 0;
    box-shadow: none;
  }
  .lead__title { font-size: 1.34rem; }
  .lead__text { font-size: .9rem; -webkit-line-clamp: 4; line-clamp: 4; }
}