/* ============================================================================
 * layui-fallback.css —— layui 图标资源缺失的兜底
 *
 * 背景（2026-10-22 16:30 排查）：
 *   站点上的 layui 2.5.5 只带了 css/ 与 lay/，**images/ 目录整个缺失**。
 *   layui 的图标（弹窗 ×、右上角缩放、加载动画）全是**背景雪碧图**：
 *     .layui-layer-ico    { background: url(icon.png) no-repeat; }
 *     .layui-layer-close1 { background-position: 1px -40px; }   ← × 在雪碧图 (1,-40)
 *     .layui-layer-iconext{ background: url(icon-ext.png) no-repeat; }
 *     .layui-layer-load   { background: url(loading-1.gif) ... }
 *   图标文件不在 ⇒ 这些元素变成 16×16 的**透明方块**：
 *   **能点、能触发，但完全看不见**（用户报「弹窗没有关闭按钮」）。
 *
 *   layui 2.5.5 未发布到 npm，官方也无公开 CDN ⇒ 无法补回原图。
 *
 * 方案：用 inline SVG data-uri **直接画出**这些图标，不依赖任何图片文件。
 *      纯 CSS、零额外请求、立即生效。
 *      （将来若补回 layui 官方 images/，删掉本文件即可，不会有副作用。）
 *
 * 引用位置：必须在 layui.css **之后**加载（本文件靠后加载覆盖）
 * ============================================================================ */

/* ---------------------------------------------------------------------------
 * 1. 弹窗关闭按钮 ×
 *    layui 默认 16×16 雪碧图；这里改成居中的 SVG 叉号
 * ------------------------------------------------------------------------ */
.layui-layer-ico.layui-layer-close,
.layui-layer-ico.layui-layer-close1,
.layui-layer-ico.layui-layer-close2 {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 3.6 L12.4 12.4 M12.4 3.6 L3.6 12.4' stroke='%23666' stroke-width='1.8' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
}

.layui-layer-ico.layui-layer-close:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.6 3.6 L12.4 12.4 M12.4 3.6 L3.6 12.4' stroke='%23000' stroke-width='1.8' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
    opacity: 1;
}

/* ---------------------------------------------------------------------------
 * 2. 弹窗右上角「缩放/还原」图标（.layui-layer-iconext）
 *    原图缺失 → 画一个对角箭头
 * ------------------------------------------------------------------------ */
.layui-layer-iconext {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 3 H13 V7 M13 3 L8 8 M7 13 H3 V9 M3 13 L8 8' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: 16px 16px;
}

/* ---------------------------------------------------------------------------
 * 3. 加载动画（loading-0/1/2.gif 缺失）
 *    用 CSS 旋转代替
 * ------------------------------------------------------------------------ */
.layui-layer-load {
    background: none;
    position: relative;
}

.layui-layer-load::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #cfcfcf;
    border-top-color: #666;
    border-radius: 50%;
    animation: rfns-layui-spin 0.9s linear infinite;
}

.layui-layer-loading .layui-layer-content {
    width: 60px;
    height: 24px;
    background: none;
    position: relative;
}

.layui-layer-loading .layui-layer-content::after {
    content: "加载中...";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 12px;
    color: #666;
    line-height: 24px;
}

.layui-layer-loading .layui-layer-loading1,
.layui-layer-loading .layui-layer-loading2,
.layui-layer-ico16 {
    background: none;
    position: relative;
    border: none;
    box-shadow: none;
}

.layui-layer-loading .layui-layer-loading1::after,
.layui-layer-loading .layui-layer-loading2::after,
.layui-layer-ico16::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
    border: 2px solid #cfcfcf;
    border-top-color: #666;
    border-radius: 50%;
    animation: rfns-layui-spin 0.9s linear infinite;
}

@keyframes rfns-layui-spin {
    to { transform: rotate(360deg); }
}

/* ---------------------------------------------------------------------------
 * 4. layer 遮罩点击关闭时，× 需要更醒目一点（小尺寸下 1.8px 线略细）
 * ------------------------------------------------------------------------ */
.layui-layer-iframe .layui-layer-close,
.layui-layer-page .layui-layer-close {
    top: 6px;
    right: 6px;
}

/* ---------------------------------------------------------------------------
 * 5. 弹窗内容区滚动兜底
 *    layui 的 layer 用固定 area 高度，内容超出时不会自动给滚动条，
 *    表现为「内容被截断 + 底部大片空白」。
 *    这里给内容区补 overflow-y:auto，各弹窗通用。
 * ------------------------------------------------------------------------ */
.layui-layer-content {
    overflow-y: auto;
    overflow-x: hidden;
}

/* layer 自身如果被内容撑高，允许它内部滚动 */
.layui-layer {
    overflow: hidden;
}