/* 卡片發光效果修復和增強 */

/* 頁頭卡片發光效果 */
.bg-dark-card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

/* 卡片懸停發光效果 */
.bg-dark-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(255, 83, 180, 0.15) !important;
}

/* 頁頭快速訪問卡片特殊發光效果 */
.py-12.-mt-16 .bg-dark-card {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
}

.py-12.-mt-16 .bg-dark-card:hover {
    box-shadow: 0 10px 25px rgba(255, 83, 180, 0.2) !important;
}

/* 主色調圖標容器發光效果 */
.w-14.h-14.rounded-full.bg-primary\/20,
.w-14.h-14.bg-primary\/20 {
    box-shadow: 0 0 15px rgba(255, 83, 180, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* 次色調圖標容器發光效果 */
.w-14.h-14.rounded-full.bg-secondary\/20,
.w-14.h-14.bg-secondary\/20 {
    box-shadow: 0 0 15px rgba(57, 193, 222, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* 強調色圖標容器發光效果 */
.w-14.h-14.rounded-full.bg-accent\/20,
.w-14.h-14.bg-accent\/20 {
    box-shadow: 0 0 15px rgba(255, 216, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* 綠色圖標容器發光效果 */
.w-14.h-14.rounded-full.bg-green-500\/20,
.w-14.h-14.bg-green-500\/20 {
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* 圖標容器懸停增強效果 */
.card-hover:hover .w-14.h-14.rounded-full,
.card-hover:hover .w-14.h-14 {
    transform: scale(1.05) !important;
}

/* 主色調圖標容器懸停發光增強 */
.card-hover:hover .bg-primary\/20 {
    box-shadow: 0 0 20px rgba(255, 83, 180, 0.35) !important;
}

/* 次色調圖標容器懸停發光增強 */
.card-hover:hover .bg-secondary\/20 {
    box-shadow: 0 0 20px rgba(57, 193, 222, 0.35) !important;
}

/* 強調色圖標容器懸停發光增強 */
.card-hover:hover .bg-accent\/20 {
    box-shadow: 0 0 20px rgba(255, 216, 0, 0.35) !important;
}

/* 綠色圖標容器懸停發光增強 */
.card-hover:hover .bg-green-500\/20 {
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.35) !important;
}

/* 熱門推薦卡片發光效果 */
#single-content .bg-dark-card,
#album-content .bg-dark-card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

#single-content .bg-dark-card:hover,
#album-content .bg-dark-card:hover {
    box-shadow: 0 8px 20px rgba(255, 83, 180, 0.15) !important;
}

/* 播放按鈕發光效果 */
.w-12.h-12.rounded-full.bg-primary {
    box-shadow: 0 0 15px rgba(255, 83, 180, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.bg-dark-card:hover .w-12.h-12.rounded-full.bg-primary {
    box-shadow: 0 0 20px rgba(255, 83, 180, 0.4) !important;
}

/* 添加微妙的邊緣發光效果 */
.card-hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 0;
    box-shadow: 0 0 0 1px rgba(255, 83, 180, 0.1);
    z-index: -1;
}

.card-hover:hover::after {
    opacity: 1;
}

/* 確保卡片內容正確顯示 */
.card-hover {
    position: relative !important;
    z-index: 1 !important;
}