/* 单词King — 全库动效进度条
   配合 apply-unlimited.js 使用，接在 study.html 已有样式表之后加载。
   只影响新增的 .book-progress，不动原有 .session-progress。 */

.book-progress {
  margin-top: 0.45rem;
  opacity: 0.9;
  font-size: 0.78em;
}

.book-progress .track {
  height: 5px;
  border-radius: 999px;
  overflow: hidden;
}

#bookProgressBar {
  display: block;
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #785b87 0%, #b48fc4 100%);
  transition: width 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
  position: relative;
  overflow: hidden;
  will-change: width;
}

/* 缓慢扫过的高光：暗示"还在推进"，但不像进度条那样抢注意力 */
#bookProgressBar::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
  transform: translateX(-100%);
  animation: wk-progress-shimmer 2.8s ease-in-out infinite;
}

@keyframes wk-progress-shimmer {
  0%   { transform: translateX(-100%); }
  60%  { transform: translateX(60%); }
  100% { transform: translateX(100%); }
}

/* 走满就停高光，避免"已经完成还在动"的焦虑感 */
#bookProgressBar[data-pct="100"]::after { animation: none; }

/* 「整库一轮」选项稍作强调，让用户一眼看到它存在 */
.size-all {
  font-weight: 600;
}

/* 尊重系统减弱动效设置 */
@media (prefers-reduced-motion: reduce) {
  #bookProgressBar { transition: none; }
  #bookProgressBar::after { animation: none; }
}