/* Course-specific Themes - 每个课程独特的配色 */

/* 小喵学字 - 优雅紫色主题 */
.theme-xiaomiao .course-hero {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.theme-xiaomiao h2::before {
  background: linear-gradient(180deg, #667eea, #764ba2);
}

.theme-xiaomiao .course-tag {
  background: rgba(102, 126, 234, 0.2);
}

/* 小小喵上 - 温暖橙色主题 */
.theme-xiaoxiaomiao .course-hero {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.theme-xiaoxiaomiao h2::before {
  background: linear-gradient(180deg, #f093fb, #f5576c);
}

.theme-xiaoxiaomiao .course-tag {
  background: rgba(240, 147, 251, 0.2);
}

/* 21天成语 - 清新蓝绿主题 */
.theme-chengyu .course-hero {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.theme-chengyu h2::before {
  background: linear-gradient(180deg, #4facfe, #00f2fe);
}

.theme-chengyu .course-tag {
  background: rgba(79, 172, 254, 0.2);
}

/* 论语 - 古典金色主题 */
.theme-lunyu .course-hero {
  background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
}

.theme-lunyu h2::before {
  background: linear-gradient(180deg, #f6d365, #fda085);
}

.theme-lunyu .course-tag {
  background: rgba(246, 211, 101, 0.2);
}

/* 课内古诗词 - 诗意绿色主题 */
.theme-gushici .course-hero {
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

.theme-gushici h2::before {
  background: linear-gradient(180deg, #a8edea, #fed6e3);
}

.theme-gushici .course-tag {
  background: rgba(168, 237, 234, 0.3);
}

/* 课内文言文 - 深邃蓝色主题 */
.theme-wenyanwen .course-hero {
  background: linear-gradient(135deg, #5f72bd 0%, #9b23ea 100%);
}

.theme-wenyanwen h2::before {
  background: linear-gradient(180deg, #5f72bd, #9b23ea);
}

.theme-wenyanwen .course-tag {
  background: rgba(95, 114, 189, 0.2);
}

/* 家长指南 - 温馨粉色主题 */
.theme-jiazhang .course-hero {
  background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
}

.theme-jiazhang h2::before {
  background: linear-gradient(180deg, #ffecd2, #fcb69f);
}

.theme-jiazhang .course-tag {
  background: rgba(255, 236, 210, 0.4);
}

/* 通用主题增强 */
[class*="theme-"] .course-hero {
  position: relative;
  overflow: hidden;
}

[class*="theme-"] .course-hero::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
  animation: float 6s ease-in-out infinite;
}

/* 卡片样式增强 */
[class*="theme-"] .feature-card {
  background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);
  backdrop-filter: blur(10px);
}