@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    .line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .line-clamp-3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

/* 工作流节点样式 */
.node-sm .react-flow__node {
    transform-origin: center;
    transform: scale(0.8);
}

/* 按钮动画 */
@keyframes progress {
    0% {
        width: 0;
    }

    50% {
        width: 70%;
    }

    100% {
        width: 100%;
    }
}

.animate-progress {
    animation: progress 2s infinite;
}
