/* ─── Stream 主题配色（CSS 变量） ─── */
:root {
    --bg-primary: #0f0f0f;
    --bg-secondary: #1a1a1a;
    --text-primary: #e5e5e5;
    --text-secondary: rgba(255, 255, 255, .7);
    --text-muted: #777;
    --accent: #e50914;
    --accent-hover: #ff1a2b;
    --card-bg: #1a1a1a;
    --card-placeholder: #222;
    --border-color: rgba(255, 255, 255, .06);
    --hover-bg: rgba(255, 255, 255, .08);
    --active-bg: rgba(229, 9, 20, .1);
    --header-bg: rgba(15, 15, 15, .98);
}

/* 滚动条美化 */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f0f0f; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* 选中文本颜色 */
::selection { background: var(--accent); color: #fff; }

/* 加载动画 */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}
.vod-card {
    animation: fadeInUp .35s ease both;
}
.vod-card:nth-child(1) { animation-delay: .02s; }
.vod-card:nth-child(2) { animation-delay: .04s; }
.vod-card:nth-child(3) { animation-delay: .06s; }
.vod-card:nth-child(4) { animation-delay: .08s; }
.vod-card:nth-child(5) { animation-delay: .10s; }
.vod-card:nth-child(6) { animation-delay: .12s; }
.vod-card:nth-child(7) { animation-delay: .14s; }
.vod-card:nth-child(8) { animation-delay: .16s; }
.vod-card:nth-child(9) { animation-delay: .18s; }
.vod-card:nth-child(10) { animation-delay: .20s; }
.vod-card:nth-child(11) { animation-delay: .22s; }
.vod-card:nth-child(12) { animation-delay: .24s; }