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

.box {
    color: blue;
}

// 添加新的样式
.Adelay-02 {
    animation-delay: 0.2s;
    animation-duration: 0.1s;
}

.Adelay-03 {
    animation-delay: 0.3s;
    animation-duration: 0.1s;
}

.Adelay-04 {
    animation-delay: 0.4s;
    animation-duration: 0.1s;
}

.Adelay-05 {
    animation-delay: 0.5s;
    animation-duration: 0.1s;
}

.Adelay-1 {
    animation-delay: 1s;
    animation-duration: 0.1s;
}

.Adelay-15 {
    animation-delay: 1.5s;
    animation-duration: 0.1s;
}

.Adelay-2 {
    animation-delay: 2s;
    animation-duration: 0.1s;
}

.Adelay-25 {
    animation-delay: 2.5s;
    animation-duration: 0.1s;
}

//保留一行
.one-line {
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 溢出显示省略号（可选） */
    display: inline-block;
    /* 使块元素能应用省略号 */
    max-width: 100%;
    /* 配合省略号的宽度限制 */
}
//保留三行
.my_text_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}