/* 父容器：放在封面图容器里（position:relative 的子元素） */
.ml-cover-badges {
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  gap: 8px;
  z-index: 5;
}

/* 徽章基础样式 */
.ml-badge {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 8px 10px;
  border-radius: 6px;
  color: #fff;
  backdrop-filter: blur(6px);
  background: rgba(0,0,0,0.35);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  font-weight: 600;
  white-space: nowrap;
}

/* 色板（可按需微调） */
.ml-badge--primary   { background: linear-gradient(0deg, rgba(22,119,255,.95), rgba(22,119,255,.85)); }
.ml-badge--secondary { background: linear-gradient(0deg, rgba(82,82,102,.95),  rgba(82,82,102,.85)); }
.ml-badge--success   { background: linear-gradient(0deg, rgba(16,185,129,.95), rgba(16,185,129,.85)); }
.ml-badge--warning   { background: linear-gradient(0deg, rgba(245,158,11,.95), rgba(245,158,11,.85)); }
.ml-badge--danger    { background: linear-gradient(0deg, rgba(239,68,68,.95),  rgba(239,68,68,.85)); }

/* 响应式优化 */
@media (max-width: 480px) {
  .ml-cover-badges { top: 8px; right: 8px; gap: 6px; }
  .ml-badge { font-size: 11px; padding: 7px 9px; border-radius: 5px; }
}
/* 父容器：放在封面图容器里（position:relative 的子元素） */
.ml-cover-badges {
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  gap: 8px;
  z-index: 5;
}

/* 徽章基础样式 */
.ml-badge {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 8px 10px;
  border-radius: 6px;
  color: #fff;
  backdrop-filter: blur(6px);
  background: rgba(0,0,0,0.35);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  font-weight: 600;
  white-space: nowrap;
}

/* 色板（可按需微调） */
.ml-badge--primary   { background: linear-gradient(0deg, rgba(22,119,255,.95), rgba(22,119,255,.85)); }
.ml-badge--secondary { background: linear-gradient(0deg, rgba(82,82,102,.95),  rgba(82,82,102,.85)); }
.ml-badge--success   { background: linear-gradient(0deg, rgba(16,185,129,.95), rgba(16,185,129,.85)); }
.ml-badge--warning   { background: linear-gradient(0deg, rgba(245,158,11,.95), rgba(245,158,11,.85)); }
.ml-badge--danger    { background: linear-gradient(0deg, rgba(239,68,68,.95),  rgba(239,68,68,.85)); }

/* 响应式优化 */
@media (max-width: 480px) {
  .ml-cover-badges { top: 8px; right: 8px; gap: 6px; }
  .ml-badge { font-size: 11px; padding: 7px 9px; border-radius: 5px; }
}