/* ============================================================
   Darra GitLab 性能优化 (darra-perf.css)
   2026-08-05 · git.darra.xyz
   首屏关键样式: 骨架屏 shimmer (桌面端) + FOUC 缓解
   只加不改, 独立命名空间 (darra-*)
   ============================================================ */

/* ---------- 1. 骨架屏: 内容区 shimmer (与 darra-ux-narrow.css 同口径) ----------
   桌面端项目根页: JS 加 html.darra-boot, 内容就绪/1.2s 兜底移除 */
html.darra-boot .content aside[data-testid="project-page-sidebar"],
html.darra-boot .content .tree-holder,
html.darra-boot .content .gl-table,
html.darra-boot .content .blob-content-holder {
  position: relative;
  overflow: hidden;
  background: #f0f2f5;
  border-radius: 4px;
  min-height: 40px;
}
html.darra-dark.darra-boot .content aside[data-testid="project-page-sidebar"],
html.darra-dark.darra-boot .content .tree-holder,
html.darra-dark.darra-boot .content .gl-table,
html.darra-dark.darra-boot .content .blob-content-holder {
  background: #1f1f24;
}
html.darra-boot .content aside[data-testid="project-page-sidebar"]::after,
html.darra-boot .content .tree-holder::after,
html.darra-boot .content .gl-table::after,
html.darra-boot .content .blob-content-holder::after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  animation: darra-perf-shimmer 1.2s infinite;
}
html.darra-dark.darra-boot .content aside[data-testid="project-page-sidebar"]::after,
html.darra-dark.darra-boot .content .tree-holder::after,
html.darra-dark.darra-boot .content .gl-table::after,
html.darra-dark.darra-boot .content .blob-content-holder::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);
}
@keyframes darra-perf-shimmer {
  100% { transform: translateX(100%); }
}