/* 文件位置: static/css/components/progress-optimized.css
 * 描述: 首页“网络情况”进度条的性能友好动画样式
 * 目的: 以 transform: scaleX 替代 width 过渡，降低重排/重绘成本
 * 相关: views/stats/dashboard.html, static/js/utils/ProgressBarManager.js, static/js/dashboard.js */

/* 进度条填充：使用变换替代宽度动画 */
.progress-transform {
  width: 100%;
  height: 100%;
  transform-origin: left center;
  transform: scaleX(0);
  will-change: transform;
  transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* 禁用态：彻底关闭过渡 */
.progress-bar-no-animation {
  transition: none !important;
}

/* 快速态：更短过渡 */
.progress-bar-fast {
  transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 常规态：中等过渡（默认由 .progress-transform 提供，可覆盖） */
.progress-bar-normal {
  transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* 满格提示：降低频率与强度，避免高频重绘 */
.full-bar-glow {
  box-shadow: none;
}
.full-bar-glow.active {
  box-shadow: 0 0 8px rgba(99, 102, 241, 0.35);
  animation: fullbar-pulse 1.6s ease-in-out infinite;
}
@keyframes fullbar-pulse {
  0% { box-shadow: 0 0 6px rgba(99, 102, 241, 0.25); }
  50% { box-shadow: 0 0 10px rgba(99, 102, 241, 0.45); }
  100% { box-shadow: 0 0 6px rgba(99, 102, 241, 0.25); }
}

/* 高亮提示：轻量化，不再强制回流触发 */
.progress-highlight {
  outline: none; /* 保持轻量，具体效果交由 JS 控制是否添加 */
}

/* 进度轨道：禁止 backdrop-filter 以降低合成成本（只影响轨道区域） */
.progress-track-no-glass {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 说明：dashboard 页面已取消文字过渡，.net-smooth 移除以减小样式体积 */