/* ===================================================
   摄状元®AI创影 - 全站样式统一修复
   日期：2026-07-15
   目标：将所有页面统一为首页风格（深色背景 + 白色卡片 + 红金渐变点缀）
   =================================================== */

/* ============================================
   第一部分：所有页面的通用组件样式修复
   把深色卡片改为白色卡片，与首页风格一致
   ============================================ */

/* ---- 通用卡片 ---- */
.card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
.card:hover {
    border-color: rgba(196, 30, 58, 0.2) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
}
.card-body h3 {
    color: #1A1A2E !important;
}
.card-body p {
    color: #6A6A7A !important;
}
.card-meta {
    color: #8A8A9A !important;
}
.card-tag {
    background: rgba(196, 30, 58, 0.1) !important;
    color: #C41E3A !important;
}

/* ---- Feature Card（工具页、功能展示） ---- */
.feature-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
.feature-card:hover {
    border-color: rgba(196, 30, 58, 0.3) !important;
    box-shadow: 0 8px 30px rgba(196, 30, 58, 0.12) !important;
}
.feature-card h3 {
    color: #1A1A2E !important;
}
.feature-card p {
    color: #6A6A7A !important;
}
.feature-icon {
    background: linear-gradient(135deg, rgba(196, 30, 58, 0.08), rgba(212, 160, 23, 0.08)) !important;
}

/* ---- Partner Card（合伙人页） ---- */
.partner-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
.partner-card:hover {
    border-color: rgba(212, 160, 23, 0.4) !important;
    box-shadow: 0 8px 30px rgba(212, 160, 23, 0.12) !important;
}
.partner-card .partner-level {
    color: #C41E3A !important;
}
.partner-card .partner-desc {
    color: #6A6A7A !important;
}
.partner-card ul li {
    color: #4A4A5A !important;
}
.partner-card ul li::before {
    color: #D4A017 !important;
}

/* ---- News Item（新闻页） ---- */
.news-item {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
.news-item:hover {
    border-color: rgba(196, 30, 58, 0.2) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
}
.news-info h3 a {
    color: #1A1A2E !important;
}
.news-info h3 a:hover {
    color: #C41E3A !important;
}
.news-info p {
    color: #6A6A7A !important;
}
.news-date {
    color: #8A8A9A !important;
}

/* ---- Pricing Card（定价卡片） ---- */
.pricing-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
.pricing-card.featured {
    border-color: #D4A017 !important;
    box-shadow: 0 8px 30px rgba(212, 160, 23, 0.15) !important;
}
.pricing-name {
    color: #1A1A2E !important;
}
.pricing-price {
    color: #C41E3A !important;
}
.pricing-unit {
    color: #8A8A9A !important;
}
.pricing-features li {
    color: #4A4A5A !important;
}
.pricing-features li::before {
    color: #D4A017 !important;
}

/* ---- Stat Card（统计数据） ---- */
.stat-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}
.stat-card:hover {
    border-color: rgba(196, 30, 58, 0.3) !important;
    box-shadow: 0 8px 30px rgba(196, 30, 58, 0.12) !important;
}
.stat-number {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
.stat-label {
    color: #8A8A9A !important;
}

/* ---- Section Header（区域标题） ---- */
.section-header h2 {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ---- About 页面 ---- */
.about-content p {
    color: rgba(255, 255, 255, 0.75) !important;
}
.tech-badge {
    background: rgba(196, 30, 58, 0.15) !important;
    border-color: rgba(196, 30, 58, 0.35) !important;
    color: #E8324F !important;
}


/* ============================================
   第二部分：training.php（状元训练营）专项修复
   原样式为浅色主题，需改为深色主题与首页一致
   ============================================ */

/* 覆盖 training.php 内联 :root 变量 */
body.page-training {
    --bg-light: #111118;
    --bg-white: #1A1A24;
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0C0;
    --text-muted: #707080;
    --border: #2A2A38;
    --shadow: rgba(196, 30, 58, 0.15);
    --shadow-hover: rgba(196, 30, 58, 0.25);
}

/* training-wrap 背景改为深色 */
body.page-training .training-wrap {
    background: #0A0A0F !important;
    color: #B0B0C0 !important;
}

/* Hero 区域改为深色 + 红色光晕 */
body.page-training .hero-section {
    background: radial-gradient(ellipse at 50% 50%, rgba(196,30,58,0.15) 0%, transparent 60%), #0A0A0F !important;
}
body.page-training .hero-title {
    color: #FFFFFF !important;
}
body.page-training .hero-title span {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
body.page-training .hero-subtitle {
    color: rgba(255,255,255,0.7) !important;
}
body.page-training .hero-section::before {
    background: radial-gradient(circle, rgba(196,30,58,0.1) 0%, transparent 70%) !important;
}
body.page-training .hero-section::after {
    background: radial-gradient(circle, rgba(212,160,23,0.08) 0%, transparent 70%) !important;
}

/* 按钮样式调整 */
body.page-training .btn-primary-lg {
    background: linear-gradient(135deg, #C41E3A, #E8324F) !important;
    color: #fff !important;
}
body.page-training .btn-outline-lg {
    background: transparent !important;
    color: #D4A017 !important;
    border-color: rgba(212, 160, 23, 0.6) !important;
}
body.page-training .btn-outline-lg:hover {
    background: rgba(212, 160, 23, 0.1) !important;
    color: #F0C040 !important;
}

/* Section 交替背景改为深色交替 */
body.page-training .section-alt {
    background: #111118 !important;
}

/* 标题改为白色/渐变色 */
body.page-training .section-title {
    color: #FFFFFF !important;
}
body.page-training .section-desc {
    color: rgba(255,255,255,0.6) !important;
}
body.page-training .section-tag {
    background: rgba(196,30,58,0.15) !important;
    color: #E8324F !important;
}

/* Why 卡片改为深色卡片（与首页一致的白色卡片） */
body.page-training .why-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
body.page-training .why-card h3 {
    color: #1A1A2E !important;
}
body.page-training .why-card p {
    color: #6A6A7A !important;
}
body.page-training .why-card ul li {
    color: #4A4A5A !important;
    border-bottom-color: #E8E8F0 !important;
}

/* 课程卡片 */
body.page-training .curriculum-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}
body.page-training .curriculum-card h3 {
    color: #1A1A2E !important;
}
body.page-training .curriculum-card .price {
    color: #C41E3A !important;
}
body.page-training .curriculum-card ul li {
    color: #4A4A5A !important;
}
body.page-training .curriculum-card .btn-enroll {
    background: linear-gradient(135deg, #C41E3A, #E8324F) !important;
    color: #fff !important;
}

/* 学员成果卡片 */
body.page-training .testimonial-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}
body.page-training .testimonial-card .name {
    color: #1A1A2E !important;
}
body.page-training .testimonial-card .role {
    color: #8A8A9A !important;
}
body.page-training .testimonial-card .achievement {
    color: #C41E3A !important;
}
body.page-training .testimonial-card .quote {
    color: #6A6A7A !important;
}

/* CTA 区域 */
body.page-training .cta-section {
    background: linear-gradient(135deg, rgba(196,30,58,0.15), rgba(212,160,23,0.1)) !important;
}
body.page-training .cta-section h2 {
    color: #FFFFFF !important;
}
body.page-training .cta-section p {
    color: rgba(255,255,255,0.7) !important;
}

/* 教师微课标签 */
body.page-training .subject-tab {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: rgba(255,255,255,0.8) !important;
}
body.page-training .subject-tab.active,
body.page-training .subject-tab:hover {
    background: rgba(196,30,58,0.2) !important;
    border-color: rgba(196,30,58,0.4) !important;
    color: #E8324F !important;
}


/* ============================================
   第三部分：music.php（AI配乐）专项修复
   统一为深色主题 + 白色卡片
   ============================================ */

/* 覆盖 music.php 内联 :root 变量 */
body.page-music {
    --bg-white: #1A1A24;
    --bg-light: #111118;
    --bg-section: #0E0E16;
    --text-dark: #FFFFFF;
    --text-body: #B0B0C0;
    --text-muted: #707080;
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.5);
    --shadow-hover: 0 12px 48px rgba(196,30,58,0.25);
}

/* Music 页面的白色卡片区域改为深色背景 + 白色卡片 */
body.page-music .section {
    background: #0A0A0F !important;
}
body.page-music .section-alt {
    background: #111118 !important;
}

/* 功能卡片 */
body.page-music .music-feature-card,
body.page-music .feature-box {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}
body.page-music .music-feature-card h3,
body.page-music .feature-box h3 {
    color: #1A1A2E !important;
}
body.page-music .music-feature-card p,
body.page-music .feature-box p {
    color: #6A6A7A !important;
}

/* 场景卡片 */
body.page-music .scene-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}
body.page-music .scene-card h3 {
    color: #1A1A2E !important;
}
body.page-music .scene-card p {
    color: #6A6A7A !important;
}

/* 定价卡片 */
body.page-music .price-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}
body.page-music .price-card h3 {
    color: #1A1A2E !important;
}
body.page-music .price-card .price {
    color: #C41E3A !important;
}
body.page-music .price-card .price-note {
    color: #8A8A9A !important;
}
body.page-music .price-card p {
    color: #6A6A7A !important;
}

/* 流程步骤 */
body.page-music .step-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}
body.page-music .step-card .step-number {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    color: #FFFFFF !important;
}
body.page-music .step-card h3 {
    color: #1A1A2E !important;
}
body.page-music .step-card p {
    color: #6A6A7A !important;
}

/* 页面内文字颜色调整 */
body.page-music .section h2 {
    color: #FFFFFF !important;
}
body.page-music .section h3 {
    color: #FFFFFF !important;
}
body.page-music .section p {
    color: #B0B0C0 !important;
}

/* CTA 区域 */
body.page-music .cta-section {
    background: linear-gradient(135deg, rgba(196,30,58,0.15), rgba(212,160,23,0.1)) !important;
}
body.page-music .cta-section h2 {
    color: #FFFFFF !important;
}
body.page-music .cta-section p {
    color: rgba(255,255,255,0.7) !important;
}


/* ============================================
   第四部分：Contact 页面（联系我们）
   ============================================ */
body.page-contact .contact-card,
body.page-contact .contact-info-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}
body.page-contact .contact-card h3,
body.page-contact .contact-info-card h3 {
    color: #1A1A2E !important;
}
body.page-contact .contact-card p,
body.page-contact .contact-info-card p {
    color: #6A6A7A !important;
}


/* ============================================
   第五部分：Dreamer 页面（东方追梦人）
   ============================================ */
body.page-dreamer .dreamer-card,
body.page-dreamer .direction-card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}
body.page-dreamer .dreamer-card h3,
body.page-dreamer .direction-card h3 {
    color: #1A1A2E !important;
}
body.page-dreamer .dreamer-card p,
body.page-dreamer .direction-card p {
    color: #6A6A7A !important;
}


/* ============================================
   第六部分：通用 - 深色背景上的 section 文字
   ============================================ */

/* 确保所有 section 内的标题和文字在深色背景上可见 */
.section h2,
.section h3 {
    color: var(--color-text-primary);
}
.section p,
.section li {
    color: var(--color-text-secondary);
}

/* Section 内白色卡片的文字保持深色（已在上面设置） */
/* Section 内直接在深色背景上的文字保持浅色 */


/* ============================================
   第七部分：响应式补充
   ============================================ */
@media (max-width: 768px) {
    .card, .feature-card, .partner-card, .news-item, .course-card, .pricing-card {
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04) !important;
    }
}