.action-wrapper {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 999;
}

#image-preview-box {
    position: absolute;
    bottom: 0px; /* 位于按钮上方 */
    right: 0;
    width: 350px; /* 预览图宽度 */
    height: 400px;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    z-index: 10000;

    /* 初始状态：不可见，且位于目标位置的右下方 */
    opacity: 0;
    visibility: hidden;
    transform: translate(0px, 0px) scale(0.8);

    /* 贝塞尔曲线让移动更有弹性（任务 12 优化） */
    transition:
            opacity 0.4s ease,
            transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
            visibility 0.4s;
}

/* 激活状态 */
#image-preview-box.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0);
    pointer-events: auto; /* 激活后允许鼠标移入 */
    display: block !important;
    opacity: 1 !important;
    bottom: 0px; /* 位于按钮上方 */
    right: 0;
}

#image-preview-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*pointer-events: none;*/
}

#preview-btn {
    padding: 10px 20px;
    background: #007AFF;
    color: white;
    border: none;
    cursor: pointer;
}


/* 默认隐藏（移动端） */
.action-wrapper {
    display: none;
}

/* 仅在 PC 端显示 (屏幕宽度 >= 768px) */
@media screen and (min-width: 768px) {
    .action-wrapper {
        display: block;
        position: fixed;
        bottom: 0px;
        right: 0px;
        z-index: 999;
    }

    #preview-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 180px;
        font-size: 24px;
        padding: 18px 16px;
        line-height: 30px;
        height: 66px;
        color: black;
        cursor: pointer;
        border: none; /* 边框颜色将通过 JS 动态设置 */
        transition: opacity 0.2s;
    }

    #preview-btn:hover {
        opacity: 0.9;
    }

    #image-preview-box:hover{
        cursor: pointer;
    }

    /*#image-preview-box {*/
    /*    position: absolute;*/
    /*    bottom: 0px;*/
    /*    right: 0px;*/
    /*    display: none; !* 初始隐藏预览图 *!*/
    /*}*/
}