/* css/animations.css */
/* 模态框动画 */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.channel-order-modal .modal {
    animation: slideUp 0.3s ease-out;
}

/* 按钮点击反馈 */
.action-btn:active,
.btn-icon:active {
    transform: scale(0.95);
    transition: transform 0.1s;
}

/* 输入框焦点效果 */
.weight-input:focus,
.limit-input:focus {
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
    outline: none;
}

/* 行悬停效果 */
.channel-order-table tbody tr {
    transition: background-color 0.2s;
}

.channel-order-table tbody tr:hover {
    background-color: #f8f9fa;
}

@media (prefers-color-scheme: dark) {
    .channel-order-table tbody tr:hover {
        background-color: #2d3748;
    }
}