/**
 * BlokeAI 工具类
 * 可复用的通用样式工具
 */

/* 渐变文字 */
.text-gradient {
    background: var(--blk-primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 常规文字色 */
.text-normal {
    color: var(--blk-text-dark);
}

/* 滚动动画 */
.agent-anim {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.agent-anim.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 脉冲动画 */
@keyframes blk-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* 交错入场动画 */
.anim-stagger-1 { animation: blk-fadeUp 0.5s ease 0.1s both; }
.anim-stagger-2 { animation: blk-fadeUp 0.5s ease 0.2s both; }
.anim-stagger-3 { animation: blk-fadeUp 0.5s ease 0.3s both; }
.anim-stagger-4 { animation: blk-fadeUp 0.5s ease 0.4s both; }

@keyframes blk-fadeUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 隐藏滚动条（保留滚动功能） */
.blk-hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.blk-hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* 文本截断 */
.blk-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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