/**
 * LMS Course Category Color Styles
 * 佛教课程分类颜色样式
 * 
 * 每个分类都有独特的颜色主题，用于课程卡片上的分类标签
 */

/* 移除包含分类标签的stat-item的背景 */
.lms-course-stats .lms-stat-item:has(.lms-stat-text[class*="lms-category-"]) {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    padding: 0 !important;
}

/* 基础分类标签样式 */
.lms-course-stats .lms-stat-item .lms-stat-text[class*="lms-category-"],
.lms-course-category-badge .lms-category-text[class*="lms-category-"],
.lms-course-category-tag {
    display: inline-block !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    font-size: 12px;
    font-weight: 500 !important;
    text-align: center !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    margin-right: 4px !important;
}

@media (max-width: 768px) {
    .lms-course-stats .lms-stat-item .lms-stat-text[class*="lms-category-"],
    .lms-course-category-badge .lms-category-text[class*="lms-category-"],
    .lms-course-category-tag {
        font-size: 8px;
        padding: 1px 6px;
        border-radius: 6px;
    }
}

.lms-course-stats .lms-stat-item .lms-stat-text[class*="lms-category-"]:hover,
.lms-course-category-badge .lms-category-text[class*="lms-category-"]:hover,
.lms-course-category-tag:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* 五论系列 - 使用深色系，体现学术严肃性 */

/* 五论-中观 - 深蓝色（智慧、深度思考）*/
.lms-category-五论-中观 {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%) !important;
    border-color: rgba(30, 64, 175, 0.3) !important;
}

/* 五论-俱舍 - 深绿色（系统性、结构性）*/
.lms-category-五论-俱舍 {
    background: linear-gradient(135deg, #166534 0%, #22c55e 100%) !important;
    border-color: rgba(22, 101, 52, 0.3) !important;
}

/* 五论-因明 - 紫色（逻辑、推理）*/
.lms-category-五论-因明 {
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
    border-color: rgba(124, 58, 237, 0.3) !important;
}

/* 五论-戒律 - 深红色（严格、规范）*/
.lms-category-五论-戒律 {
    background: linear-gradient(135deg, #dc2626 0%, #f87171 100%) !important;
    border-color: rgba(220, 38, 38, 0.3) !important;
}

/* 五论-般若 - 金黄色（般若智慧、光明）*/
.lms-category-五论-般若 {
    background: linear-gradient(135deg, #d97706 0%, #fbbf24 100%) !important;
    border-color: rgba(217, 119, 6, 0.3) !important;
    color: #1f2937 !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.3) !important;
}

/* 实修系列 - 使用暖色系，体现实践性 */

/* 实修 - 橙色（活力、实践）*/
.lms-category-实修 {
    background: linear-gradient(135deg, #ea580c 0%, #fb923c 100%) !important;
    border-color: rgba(234, 88, 12, 0.3) !important;
}

/* 开示 - 温暖的红色（指导、启发）*/
.lms-category-开示 {
    background: linear-gradient(135deg, #be123c 0%, #f43f5e 100%) !important;
    border-color: rgba(190, 18, 60, 0.3) !important;
}

/* 念修 - 青绿色（宁静、专注）*/
.lms-category-念修 {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
    border-color: rgba(5, 150, 105, 0.3) !important;
}

/* 经典系列 - 使用中性色系，体现经典性 */

/* 佛经讲解 - 深青色（经典、庄重）*/
.lms-category-佛经讲解 {
    background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%) !important;
    border-color: rgba(15, 118, 110, 0.3) !important;
}

.lms-category-净土 {
    background: linear-gradient(135deg, #760f0f 0%, #b81414 100%) !important;
    border-color: rgba(15, 118, 110, 0.3) !important;
}

/* 入门 - 紫色（ 初学者友好 ）*/
.lms-category-入门 {
    background: linear-gradient(135deg, #600f76 0%, #b814b5 100%) !important;
    border-color: rgba(15, 118, 110, 0.3) !important;
}

/* 论典讲解 - 深灰蓝色（学术、权威）*/
.lms-category-论典讲解 {
    background: linear-gradient(135deg, #374151 0%, #6b7280 100%) !important;
    border-color: rgba(55, 65, 81, 0.3) !important;
}

/* 经论原文 - 墨蓝色（原始、纯粹）*/
.lms-category-经论原文 {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
    border-color: rgba(30, 58, 138, 0.3) !important;
}

/* 传记与历史 - 使用棕色系，体现历史感 */

/* 传记 - 棕色（历史、人物）*/
.lms-category-传记 {
    background: linear-gradient(135deg, #92400e 0%, #d97706 100%) !important;
    border-color: rgba(146, 64, 14, 0.3) !important;
}

/* 法王教言 - 紫金色（尊贵、教导）*/
.lms-category-法王教言 {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%) !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
}

/* 文化与现代 - 使用现代色彩 */

/* 传统文化 - 深绿色（传承、文化）*/
.lms-category-传统文化 {
    background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;
    border-color: rgba(6, 95, 70, 0.3) !important;
}

/* 著作 - 靛青色（现代、学术）*/
.lms-category-著作 {
    background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%) !important;
    border-color: rgba(67, 56, 202, 0.3) !important;
}

/* 其他 - 中性灰色 */
.lms-category-其他 {
    background: linear-gradient(135deg, #4b5563 0%, #9ca3af 100%) !important;
    border-color: rgba(75, 85, 99, 0.3) !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .lms-course-stats .lms-stat-item .lms-stat-text[class*="lms-category-"],
    .lms-course-category-tag {
        font-size: 8px;
        padding: 3px 6px;
        border-radius: 8px;
    }
}

/* 深色模式支持 */
@media (prefers-color-scheme: dark) {
    .lms-course-stats .lms-stat-item .lms-stat-text[class*="lms-category-"],
    .lms-course-category-tag {
        box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
        border-color: rgba(255,255,255,0.1);
    }
    
    .lms-course-stats .lms-stat-item .lms-stat-text[class*="lms-category-"]:hover,
    .lms-course-category-tag:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    }
}

/* 特殊效果：鼠标悬停时的发光效果 */
.lms-course-card:hover .lms-course-stats .lms-stat-item .lms-stat-text[class*="lms-category-"],
.lms-course-card:hover .lms-course-category-badge .lms-category-text[class*="lms-category-"] {
    box-shadow: 0 0 10px rgba(255,255,255,0.3), 0 4px 8px rgba(0,0,0,0.15);
}

/* 分类标签的动态效果 */
@keyframes categoryPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.lms-course-stats .lms-stat-item .lms-stat-text[class*="lms-category-"]:active,
.lms-course-category-badge .lms-category-text[class*="lms-category-"]:active {
    animation: categoryPulse 0.3s ease-in-out;
}