/**
 * 统一图片浮动操作条样式（/ai 与 /pro 共用）
 * 宿主容器需有 class="img-actions-host" 与 position:relative
 */
.img-actions-host { position: relative; }

.img-actions-bar {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 6;
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 3px;
    padding: 4px 6px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.72));
    opacity: 0; transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease;
    pointer-events: none;
}
.img-actions-host:hover .img-actions-bar,
.img-actions-host:focus-within .img-actions-bar {
    opacity: 1; transform: none; pointer-events: auto;
}

.img-act-btn {
    width: 26px; height: 26px;
    border: none; border-radius: 6px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff; font-size: 0.72rem; line-height: 1;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; transition: background .15s ease, color .15s ease;
}
.img-act-btn:hover { background: rgba(255, 255, 255, 0.38); }
.img-act-btn:disabled { opacity: 0.65; cursor: default; }
.img-act-btn.faved { color: #ff6b81; }            /* 已收藏 */
.img-act-btn.refunding { background: rgba(25, 135, 84, 0.85); }  /* 退款审核中 */
.img-act-btn.refunded { background: rgba(25, 135, 84, 0.85); }   /* 已退回/已拒绝 */
.img-act-hidden { display: none !important; }     /* 待反查补全的按钮 */

/* 紧凑模式：小尺寸缩略图（如 /pro 历史轮次 48px），按钮换行排布 */
.img-actions-bar.compact {
    flex-wrap: wrap; padding: 2px; gap: 1px;
    background: rgba(0, 0, 0, 0.55);
}
.img-actions-bar.compact .img-act-btn {
    width: 14px; height: 14px; font-size: 0.42rem; border-radius: 3px;
}

/* 触屏设备无悬停：常显缩小版，贴底不遮主体 */
@media (hover: none) {
    .img-actions-bar {
        opacity: 0.92; transform: none; pointer-events: auto;
        padding: 2px 3px; gap: 2px;
    }
    .img-act-btn { width: 20px; height: 20px; font-size: 0.56rem; }
}