/* 自訂網頁滾動條 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
.dark ::-webkit-scrollbar-track {
    background: #020617; /* slate-950 */
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; /* slate-300 */
    border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
    background: #1e293b; /* slate-800 */
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
.dark ::-webkit-scrollbar-thumb:hover {
    background: #334155;
}

/* 跑馬燈無限循環動畫 */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    display: flex;
    animation: marquee 30s linear infinite;
}

/* 滑鼠移入時減速或暫停 */
.marquee-container:hover .animate-marquee {
    animation-play-state: paused;
}

/* 靜態目錄下的篩選按鈕預設樣式 */
.filter-btn {
    background-color: #f1f5f9; /* slate-100 */
    color: #64748b; /* slate-500 */
    border: 1px solid #e2e8f0;
}
.dark .filter-btn {
    background-color: #0f172a; /* slate-900 */
    color: #94a3b8; /* slate-400 */
    border: 1px solid #1e293b;
}
.filter-btn:hover {
    color: #0f172a;
    background-color: #cbd5e1;
}
.dark .filter-btn:hover {
    color: #f1f5f9;
    background-color: #1e293b;
}
.filter-btn.active {
    background-color: #4f46e5 !important; /* indigo-600 */
    color: #ffffff !important;
    border-color: #4f46e5 !important;
}