/* Bili Dashboard - 自定义样式 */

/* 滚动条 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #3a3a3e; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* 线条限制 */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 动画 */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
    animation: fadeInUp 0.3s ease-out;
}

/* 脉冲点 */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* 渐变卡片悬浮效果 */
.video-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.video-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(251, 114, 153, 0.1);
}

/* 收藏按钮动画 */
.fav-btn.active {
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.15);
}

/* Toast 动画 */
#toast.show {
    transform: translateY(0);
    opacity: 1;
}

/* 视频封面悬停 */
.video-cover-wrapper {
    overflow: hidden;
}
.video-cover-wrapper img {
    transition: transform 0.3s ease;
}
.video-card:hover .video-cover-wrapper img {
    transform: scale(1.05);
}

/* 响应式调整 */
@media (max-width: 640px) {
    #profile-banner { height: 120px !important; }
}