/* 弹窗遮罩层 */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999; /* 确保遮罩层在底层 */
        }

        /* 弹窗内容容器 */
        .modal-content {
            background-color: #fff;
            padding: 50px 20px 20px 20px; /* 上方留出更多空间给关闭按钮 */
            border-radius: 8px;
            max-width: 90vw;
            max-height: 90vh;
            overflow: auto;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            position: relative; /* 作为关闭按钮的定位参考 */
            text-align: center;
            box-sizing: border-box;
            margin-top: 20px; /* 弹窗整体向下移动一些，避免贴边 */
        }

        /* 图片样式 */
        .modal-content img {
            max-width: 100%;   /* 确保图片不会超出其容器 */
            max-height: 80vh;  /* 图片最大高度为视口高度的 80% */
            display: block;
            margin: 0 auto;
            height: auto;      /* 保持图片宽高比 */
        }

        /* 关闭按钮样式优化 */
        .close-btn {
            position: absolute;
            top: 10px;      /* 距离顶部 10px */
            right: 10px;     /* 距离右侧 10px */
            font-size: 24px;
            cursor: pointer;
            color: white;
            background-color: rgba(0, 0, 0, 0.7);
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 50%;
            z-index: 10;
            transition: background-color 0.2s ease;
        }

        .close-btn:hover {
            background-color: rgba(0, 0, 0, 0.95); /* 悬停加深背景 */
        }

        /* export.css 安全版（Chrome/Safari/Firefox通用） */
        .loading {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;

            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;

            min-width: 200px;
            min-height: 48px;
            padding: 16px 24px;
            border-radius: 8px;

            color: white;
            font-size: 16px;
            background-color: rgba(0, 0, 0, 0.7);

            opacity: 0;
            visibility: visible;
        }

       /*.loading {*/
       /*     display: flex;*/
       /*     align-items: center;        !* 垂直居中 *!*/
       /*     gap: 12px;                  !* spinner 和文字之间留空隙 *!*/
       /*     font-family: Arial, sans-serif;*/
       /*     font-size: 18px;*/
       /*     color: white;*/
       /*     padding: 20px;*/
       /*     border-radius: 10px;*/
       /*     background: rgba(0, 0, 0, 0.7);*/
       /*     visibility: hidden;*/
       /*     opacity: 1;*/
       /*     transition: opacity 0.3s ease-in-out;*/
       /*     z-index: 9999;*/

       /*     !* 关键样式：让 div 居中于视口 *!*/
       /*     position: fixed;*/
       /*     top: 50%;*/
       /*     left: 50%;*/
       /*     translate(-50%, -50%)*/
       /* }*/

        /*!* 让关闭按钮单独一行显示 *!*/
        /*.close-btn {*/
        /*    flex-basis: 100%;           !* 占满整行，强制换行 *!*/
        /*    margin-top: 10px;*/
        /*    text-align: center;         !* 居中按钮文本 *!*/
        /*}*/
        /* 显示时加上.visible类即可 */
        .loading.visible {
            visibility: visible;
            opacity: 1;
        }

        /*.loading span {*/
        /*    font-size: 16px;*/
        /*    color: #333;*/
        /*    overflow: hidden;*/
        /*    text-overflow: ellipsis;*/
        /*    white-space: nowrap;*/
        /*}*/

        /* 保存按钮样式 */
        .save-btn {
            margin-top: 10px;
            padding: 15px 15px; /* 上方留出更多空间给关闭按钮 */
            background-color: #5c1197;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 18px;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }

        .save-btn:hover {
            background-color: #0056b3;
        }

        .hidden {
            display: none;
        }
        .alert-content{
            background-color: #5c1197;
            color: white;
            padding: 15px 20px 15px 20px; /* 上方留出更多空间给关闭按钮 */
        }

        .spinner {
            width: 24px;
            height: 24px;
            border: 3px solid #ccc;
            border-top: 3px solid #007bff; /* 蓝色高亮部分 */
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* 响应式设计：小屏设备适配 */
        @media (max-width: 600px) {
            .modal-content {
                padding: 10px;
                border-radius: 6px;
            }

            .close-btn {
                font-size: 20px;
                top: 5px;
                right: 10px;
            }

            /*.loading {*/
            /*    font-size: 14px;*/
            /*}*/
        }
        /* 移动端适配：按钮稍大一些 */
        @media (max-width: 600px) {
            .save-btn {
                font-size: 16px;
                padding: 10px 20px;
            }
        }