/* ===== 色系列表響應式樣式 ===== */
.color-list .color-item {
    transition: all 0.3s ease;
}

    .color-list .color-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

/* 手機版：列表模式 */
@media (max-width: 767px) {
    .row > * {
        margin-top: 0;
    }

    .color-list .card-body {
        padding: 1rem;
    }

    .color-list .avatar {
        width: 2.5rem;
        height: 2.5rem;
    }
}

/* 平板/桌面版：卡片模式 */
@media (min-width: 768px) {
    .color-list .card {
        height: 100%;
    }

    .color-list .card-body {
        padding: 1.25rem;
    }
}