/**
 * 词安卫士 · 词库更新日志页样式（06 §3.5 时间线 + §十 视觉体系）
 * BEM wc-cl- 前缀；新增词沿用 --wc-safe 语义（2026-10-29 走查：与首页更新行绿口径统一，
 * 红色只留给命中/移除等风险语义）
 */

/* ---------- 页头 ---------- */
.wc-cl-head {
  padding: var(--wc-sp-8) 0 var(--wc-sp-6);
  background: linear-gradient(180deg, var(--wc-tint) 0%, #ffffff 100%);
}

.wc-cl-main { padding-bottom: var(--wc-sp-8); }

/* ---------- 时间线 ---------- */
.wc-cl-timeline { position: relative; max-width: 720px; margin: 0 auto; padding-left: 56px; }
.wc-cl-timeline::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: var(--wc-border);
}

.wc-cl-item { position: relative; margin-bottom: var(--wc-sp-6); }

.wc-cl-item__ver {
  position: absolute;
  left: -56px;
  top: 2px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--wc-primary);
  color: #fff;
  border-radius: var(--wc-radius-pill);
  font-weight: 700;
  font-size: var(--wc-fs-14);
  font-family: var(--wc-font-mono); /* 版本号 mono（DESIGN：数据一律 mono，2026-10-29 走查） */
  box-shadow: 0 0 0 6px var(--wc-primary-soft);
}

/* ---------- 明细卡片 ---------- */
.wc-cl-card {
  background: #fff;
  border-radius: var(--wc-radius-lg);
  box-shadow: var(--wc-shadow-sm);
  padding: var(--wc-sp-5) var(--wc-sp-6);
}

.wc-cl-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--wc-sp-3);
  flex-wrap: wrap;
  margin-bottom: var(--wc-sp-2);
}
.wc-cl-card__title { font-weight: 700; color: var(--wc-text-hi); font-size: var(--wc-fs-16); }
.wc-cl-card__date { color: var(--wc-text-3); font-size: var(--wc-fs-13); }

.wc-cl-card__counts { display: flex; gap: var(--wc-sp-3); margin-bottom: var(--wc-sp-2); }
.wc-cl-add, .wc-cl-remove {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  border-radius: var(--wc-radius-pill);
  font-size: var(--wc-fs-13);
  font-weight: 600;
}
.wc-cl-add { background: var(--wc-safe-bg); color: var(--wc-safe); }
.wc-cl-remove { background: var(--wc-tint); color: var(--wc-text-2); }

.wc-cl-card__detail { margin: 0; padding: 0; list-style: none; }
.wc-cl-card__detail li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
  color: var(--wc-text-1);
  font-size: var(--wc-fs-14);
  line-height: 1.7;
}
.wc-cl-card__detail li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--wc-hit);
  opacity: .35;
}

/* ---------- 空态 ---------- */
.wc-cl-empty { padding: 56px 0; text-align: center; color: var(--wc-text-2); }
.wc-cl-empty i { font-size: 22px; color: var(--wc-text-3); }
.wc-cl-empty p { margin: var(--wc-sp-2) 0 0; }

/* ---------- 响应式 ---------- */
@media (max-width: 575.98px) {
  .wc-cl-head { padding: var(--wc-sp-6) 0 var(--wc-sp-4); }
  .wc-cl-timeline { padding-left: 44px; }
  .wc-cl-timeline::before { left: 15px; }
  .wc-cl-item__ver { left: -44px; width: 32px; height: 32px; font-size: var(--wc-fs-12); }
  .wc-cl-card { padding: var(--wc-sp-4); }
}