/* 优化的字体加载策略 - 本地优先，CDN回退 */

/* 完全本地化的字体加载策略 */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Font Awesome 6 Free Solid'),
       url('/static/fonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Font Awesome 6 Free Regular'),
       url('/static/fonts/fa-regular-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Font Awesome 6 Brands'),
       url('/static/fonts/fa-brands-400.woff2') format('woff2');
}

/* 字体加载状态指示器 */
.font-loading {
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.font-loaded {
  opacity: 1;
}

/* 关键图标优先显示 */
.fa-comments,
.fa-cog,
.fa-folder-open,
.fa-sync,
.fa-arrow-up,
.fa-folder,
.fa-clock,
.fa-plus,
.fa-list,
.fa-trash,
.fa-save,
.fa-paper-plane,
.fa-edit,
.fa-eye {
  font-display: block; /* 强制优先加载这些关键图标 */
}

/* 性能优化：减少字体重绘 */
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands {
  will-change: transform;
  transform: translateZ(0); /* 启用硬件加速 */
}

/* Emoji回退样式 - 当字体加载失败时使用 */
.font-fallback .fa,
.font-fallback .fas,
.font-fallback .fa-solid,
.font-fallback .far,
.font-fallback .fa-regular,
.font-fallback .fab,
.font-fallback .fa-brands {
  font-family: system-ui, -apple-system, sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
}

.font-fallback .fa-comments:before { content: "💬"; }
.font-fallback .fa-cog:before { content: "⚙️"; }
.font-fallback .fa-cloud-arrow-down:before { content: "⬇️"; }
.font-fallback .fa-pen:before { content: "✏️"; }
.font-fallback .fa-check-circle:before { content: "✅"; }
.font-fallback .fa-folder-open:before { content: "📂"; }
.font-fallback .fa-sync:before { content: "🔄"; }
.font-fallback .fa-arrow-up:before { content: "⬆️"; }
.font-fallback .fa-folder:before { content: "📁"; }
.font-fallback .fa-clock:before { content: "🕒"; }
.font-fallback .fa-plus:before { content: "➕"; }
.font-fallback .fa-list:before { content: "📋"; }
.font-fallback .fa-trash:before { content: "🗑️"; }
.font-fallback .fa-save:before { content: "💾"; }
.font-fallback .fa-paper-plane:before { content: "✈️"; }
.font-fallback .fa-edit:before { content: "✏️"; }
.font-fallback .fa-bold:before { content: "B"; font-weight: bold; }
.font-fallback .fa-italic:before { content: "I"; font-style: italic; }
.font-fallback .fa-code:before { content: "</>"; font-family: monospace; }
.font-fallback .fa-quote-left:before { content: """; }
.font-fallback .fa-heading:before { content: "H"; font-weight: bold; }
.font-fallback .fa-eye:before { content: "👁️"; }
.font-fallback .fa-at:before { content: "@"; }
.font-fallback .fa-redo:before { content: "🔄"; }
.font-fallback .fa-user:before { content: "👤"; }
.font-fallback .fa-home:before { content: "🏠"; }
.font-fallback .fa-search:before { content: "🔍"; }
.font-fallback .fa-download:before { content: "⬇️"; }
.font-fallback .fa-upload:before { content: "⬆️"; }