/* ============================================================
   活动预告（首页「活动预告 · 儋州进行时」）
   依赖 css/style.css 的变量与 .reveal 动画
   ============================================================ */

/* ---------- 倒计时主推位 ---------- */
.ev-cd{
  position:relative;display:grid;grid-template-columns:minmax(0,420px) 1fr auto;
  gap:0;background:#fff;border:1px solid #e6ebf3;border-radius:var(--radius,14px);
  overflow:hidden;box-shadow:0 10px 30px -22px rgba(7,34,95,.28);margin-bottom:1.6rem;
}
.ev-cd-media{
  background-size:cover;background-position:center;min-height:230px;
}
.ev-cd-media::after{content:"";display:block;height:100%}
.ev-cd-body{padding:1.5em 1.7em;display:flex;flex-direction:column;justify-content:center;gap:.45em;min-width:0}
.ev-cd-kicker{display:flex;align-items:center;gap:.8em;flex-wrap:wrap}
.ev-cd-date{font-size:.78rem;font-weight:700;color:var(--accent-deep,#e07f00);letter-spacing:.05em}
.ev-cd-body h3{font-size:1.34rem;font-weight:800;color:var(--ink,#0c1b33);line-height:1.4;margin:0}
.ev-cd-body p{margin:0;color:var(--muted,#5c6b82);font-size:.88rem;line-height:1.85;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev-cd-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.5em}
.ev-cd-place{font-size:.8rem;color:var(--ink-soft,#33415a);font-weight:600;display:inline-flex;gap:.4em;align-items:center}
.ev-cd-place::before{content:"📍";font-size:.9em;filter:grayscale(1) opacity(.65)}
.ev-cd-act{display:flex;gap:.6em;flex-wrap:wrap}
.ev-cd-act .btn{padding:.6em 1.15em;font-size:.82rem}

.ev-cd-count{
  flex:none;width:168px;display:grid;place-content:center;text-align:center;gap:.15em;
  background:linear-gradient(165deg,var(--navy,#0a3190),var(--navy-deep,#07225f));color:#fff;
}
.ev-cd-count b{font-size:2.6rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.ev-cd-count span{font-size:.76rem;letter-spacing:.14em;opacity:.85}
.ev-cd-count.live{background:linear-gradient(165deg,#c2410c,#9a3412)}
.ev-cd-count.live b{font-size:1.7rem;letter-spacing:.06em}

/* ---------- 状态徽章 ---------- */
.ev-pill{display:inline-block;font-size:.64rem;font-weight:800;letter-spacing:.1em;
  border-radius:999px;padding:.3em .85em;white-space:nowrap}
.ev-pill.soon{background:var(--navy-dim,rgba(10,49,144,.12));color:var(--navy,#0a3190)}
.ev-pill.on{background:#c2410c;color:#fff}
.ev-pill.done{background:#eef1f6;color:var(--faint,#95a2b5)}

/* ---------- 卡片（带缩略图版） ---------- */
.grid .ev2{display:flex;flex-direction:column;gap:.2em}
.ev2-top{display:flex;gap:1em;align-items:flex-start}
.ev-thumb{
  flex:none;width:104px;height:78px;border-radius:10px;background-size:cover;background-position:center;
  border:1px solid #e6ebf3;display:block;
}
.ev2-head{min-width:0}
.ev2-when{display:flex;flex-wrap:wrap;gap:.3em 1em;align-items:center;margin-top:.15em}
.ev2-when time{font-size:.76rem;font-weight:700;color:var(--accent-deep,#e07f00);letter-spacing:.04em}
.ev2-place{font-size:.76rem;color:var(--muted,#5c6b82);display:inline-flex;gap:.35em;align-items:center}
.ev2-place::before{content:"📍";font-size:.85em;filter:grayscale(1) opacity(.6)}
.ev2-act{display:flex;gap:1.4em;align-items:center}
.ev-card .ev2-act .ev-more{margin:0}
.ev-card .ev-body p{margin-bottom:.6em}

/* ---------- 响应式 ---------- */
@media(max-width:860px){
  .ev-cd{grid-template-columns:1fr}
  .ev-cd-media{min-height:180px}
  .ev-cd-count{width:auto;padding:.9em 1em;grid-auto-flow:column;place-content:center;gap:.5em}
  .ev-cd-count b{font-size:1.7rem}
  .ev-cd-count.live b{font-size:1.3rem}
}
@media(max-width:560px){
  .ev2-top{flex-direction:column}
  .ev-thumb{width:100%;height:150px}
}