/* 自定义样式补充 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
}

/* 知识点状态颜色 */
.status-locked { color: #9ca3af; }
.status-available { color: #60a5fa; }
.status-learning { color: #fbbf24; }
.status-mastered { color: #34d399; }
.status-review { color: #f87171; }

/* 学习地图卡片 */
.topic-card {
    @apply px-4 py-3 rounded-xl border-2 transition-all duration-200 cursor-pointer;
}
.topic-card:hover {
    @apply shadow-md transform -translate-y-0.5;
}

/* 聊天消息气泡 */
.message-bubble {
    @apply px-4 py-3 rounded-2xl max-w-[80%] leading-relaxed;
}
.message-bubble.user {
    @apply bg-indigo-600 text-white ml-auto rounded-br-md;
}
.message-bubble.assistant {
    @apply bg-white border border-gray-200 mr-auto rounded-bl-md shadow-sm;
}

/* 进度条动画 */
.progress-bar {
    @apply h-2.5 rounded-full transition-all duration-500 ease-out;
}

/* 加载中动画 */
.typing-indicator::after {
    content: '';
    animation: dots 1.5s steps(4, end) infinite;
}
@keyframes dots {
    0% { content: ''; }
    25% { content: '.'; }
    50% { content: '..'; }
    75% { content: '...'; }
}