/* ============================================================
   Font Awesome 本地兜底
   ------------------------------------------------------------
   原有 25 个模块的图标依赖 cdnjs 上的 Font Awesome。
   若 CDN 被墙/超时，图标会全部变成空白方块，看起来像"乱码/坏了"。
   本文件在检测到字体未加载时（html.fa-missing）接管，
   用纯 CSS 画一个中性占位图形，保证界面不出现空白方块。

   注意：这不替代 Font Awesome，只是「兜底占位」，让页面在任何网络下都完整。
   ============================================================ */

html.fa-missing [class^="fa-"]::before,
html.fa-missing [class*=" fa-"]::before,
html.fa-missing .fas::before,
html.fa-missing .far::before,
html.fa-missing .fab::before,
html.fa-missing .fa::before {
    content: '' !important;
    display: inline-block;
    width: .62em;
    height: .62em;
    vertical-align: -.02em;
    border-radius: 2px;
    background: currentColor;
    opacity: .5;
    font-family: inherit !important;
}

/* 侧栏/顶栏图标位置保持原有尺寸与对齐，避免布局跳动 */
html.fa-missing .sb-ico [class^="fa-"]::before,
html.fa-missing .sb-icon [class^="fa-"]::before,
html.fa-missing .mm-ico [class^="fa-"]::before {
    width: .72em;
    height: .72em;
}

/* 工作台内部的图标本来就是内联 SVG，不受影响；这里排除掉以免误伤 */
.wb-host [class^="fa-"],
.wb-host [class*=" fa-"] {
    background: none;
}