/* 自定义样式，修复Tailwind CSS透明度语法问题 */
.from-black-50 {
    --tw-gradient-from: rgba(0, 0, 0, 0.5);
    --tw-gradient-stops: var(--tw-gradient-from),
        var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.from-black-70 {
    --tw-gradient-from: rgba(0, 0, 0, 0.7);
    --tw-gradient-stops: var(--tw-gradient-from),
        var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

/* 课程卡片动画效果 */
.course-card {
    transition: transform 0.3s ease;
}
.course-card:hover {
    transform: translateY(-5px);
}

/* 管理视图进度条样式 */
.admin-progress-bar .bg-green-500 {
    transition: width 0.5s ease-in-out;
}

.admin-progress-bar .bg-yellow-500 {
    transition: width 0.5s ease-in-out;
}

/* 学习者列表项 hover 效果 */
.learner-item {
    transition: background-color 0.2s ease;
}

.learner-item:hover {
    background-color: rgba(79, 70, 229, 0.05);
}