/* ================================================================
   摄状元®AI创影 - 全站浅色主题 v5.0
   全面覆盖所有深色背景+白色文字规则
   策略：通配符兜底 + 页面专属类名覆盖 + 内联样式覆盖
   ================================================================ */
/* ========== 0. CSS变量覆盖（最关键！） ========== */
:root {
    --color-text-primary: #1A1A2E !important;
    --color-text-secondary: #4A4A5A !important;
    --color-text-muted: #8A8A9A !important;
    --color-bg-dark: #F0F1F5 !important;
    --color-bg-section: #F0F1F5 !important;
    --color-bg-card: #FFFFFF !important;
    --color-bg-card-hover: #F8F9FC !important;
    --color-border: #E8E8F0 !important;
    --color-border-light: #E0E0E8 !important;
}


/* ========== 1. 全局基础 ========== */
html, body {
    background: #F8F9FC !important;
    color: #1A1A2E !important;
}

/* ========== 2. 导航栏保持深色（不改） ========== */
.site-header, .site-header.scrolled {
    background: rgba(10,10,15,0.95) !important;
}

/* ========== 3. 通配符：强制所有元素文字深色（兜底） ========== */
h1, h2, h3, h4, h5, h6 {
    color: #1A1A2E !important;
}
p, li, span, td, th, dd, dt, label, blockquote {
    color: #4A4A5A !important;
}
small, .small, figcaption, cite, .caption {
    color: #6A6A7A !important;
}

/* ========== 4. 链接默认深色 ========== */
a:not(.btn):not(.btn-primary):not(.btn-outline):not(.btn-gold):not(.btn-register):not(.btn-login):not(.btn-white):not(.btn-cta):not(.btn-hero-primary):not(.btn-hero-secondary):not(.btn-cta-secondary):not(.task-apply-btn):not(.footer-logo):not(.logo):not(.logo-text):not(.nav-item > a):not(.submenu a) {
    color: #C41E3A !important;
}

/* ========== 5. Hero 区域浅色化 ========== */
.hero, section.hero {
    background: linear-gradient(135deg, #FFF5F5 0%, #FFFBF0 50%, #F8F9FC 100%) !important;
}
.hero::before { background: none !important; }
.hero h1, .hero h1 .gradient-text,
.page-index .hero h1, .page-index .hero h1 .gradient-text {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.hero .slogan {
    color: #B8860B !important;
}
.hero .description, .hero .desc {
    color: #4A4A5A !important;
}
.hero-badge {
    background: rgba(196,30,58,0.08) !important;
    border-color: rgba(196,30,58,0.2) !important;
    color: #C41E3A !important;
}
.hero-badge-icon { color: #C41E3A !important; }
.hero-badge span { color: #C41E3A !important; }

/* ========== 6. Page Banner 浅色化（子页面顶部横幅） ========== */
.page-banner, .page-banner .page-banner-inner, .page-banner .banner-content {
    background: linear-gradient(135deg, #FFF5F5 0%, #FFFBF0 50%, #F8F9FC 100%) !important;
}
.page-banner h1, .page-banner .banner-title {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.page-banner p, .page-banner .banner-desc, .page-banner .banner-subtitle {
    color: #4A4A5A !important;
}
.page-banner .breadcrumb, .page-banner .breadcrumb-item, .page-banner .breadcrumb a {
    color: #8A8A9A !important;
}

/* ========== 7. Section 背景浅色化 ========== */
.section { background: #F8F9FC !important; }
.section-dark { background: #F0F1F5 !important; }
.section-alt, .section-gray, .section-light {
    background: #F0F1F5 !important;
}

/* ========== 8. section-dark 内文字强制深色 ========== */
.section-dark *, .section-dark *::before, .section-dark *::after {
    color: inherit;
}
.section-dark h1, .section-dark h2, .section-dark h3,
.section-dark h4, .section-dark h5, .section-dark h6,
.section-dark p, .section-dark li, .section-dark span,
.section-dark .text-muted, .section-dark .text-secondary,
.section-dark .subtitle, .section-dark .description,
.section-dark .desc, .section-dark .intro, .section-dark .summary {
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
}
.section-dark .text-muted, .section-dark .text-secondary,
.section-dark .subtitle, .section-dark .desc,
.section-dark .summary, .section-dark p {
    color: #4A4A5A !important;
}

/* ========== 9. Section Header ========== */
.section-header h2, .section-header .section-title {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.section-header .subtitle, .section-header p, .section-header .section-desc {
    color: #6A6A7A !important;
}
.section-header .divider {
    background: linear-gradient(90deg, #C41E3A, #D4A017) !important;
}

/* ========== 10. Feature Cards ========== */
.feature-card, .feature-item, .card {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.feature-card:hover, .feature-item:hover {
    border-color: #C41E3A !important;
    box-shadow: 0 8px 30px rgba(196,30,58,0.1) !important;
}
.feature-card h3, .feature-card h4, .feature-card .title,
.feature-item h3, .feature-item h4, .feature-item .title {
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
}
.feature-card p, .feature-card .desc, .feature-card .text,
.feature-item p, .feature-item .desc {
    color: #6A6A7A !important;
}
.feature-icon {
    background: linear-gradient(135deg, rgba(196,30,58,0.08), rgba(212,160,23,0.08)) !important;
}

/* ========== 11. 各页面专属 Hero/Banner 区域浅色化 ========== */
/* courses.php */
.mikc-banner, .mikc-banner * {
    background: linear-gradient(135deg, #FFF5F5 0%, #FFFBF0 50%, #F8F9FC 100%) !important;
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
}
.mikc-banner h1, .mikc-banner .gradient-text {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.mikc-banner p, .mikc-banner .subtitle {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}

/* partners.php */
.page-partners .partner-hero,
.page-partners .partner-hero *,
.page-partners .partner-hero .hero-badge,
.partner-hero, .partner-hero * {
    background: linear-gradient(135deg, #FFF5F5 0%, #FFFBF0 50%, #F8F9FC 100%) !important;
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
}
.partner-hero h1, .partner-hero .gradient-text {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.partner-hero .subtitle, .partner-hero p, .partner-hero .desc {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}
.partner-hero .hero-badge span, .partner-hero .badge-text {
    color: #C41E3A !important;
    -webkit-text-fill-color: #C41E3A !important;
}
.partner-hero .hero-features span, .partner-hero .hero-features p {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}

/* tools.php */
.tools-hero, .tools-hero * {
    background: linear-gradient(135deg, #FFF5F5 0%, #FFFBF0 50%, #F8F9FC 100%) !important;
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
}
.tools-hero h1, .tools-hero .gradient-text {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.tools-hero p, .tools-hero .subtitle, .tools-hero .desc {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}

/* music.php */
.music-hero, .music-hero * {
    background: linear-gradient(135deg, #FFF5F5 0%, #FFFBF0 50%, #F8F9FC 100%) !important;
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
}
.music-hero h1, .music-hero .gradient-text {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.music-hero p, .music-hero .subtitle, .music-hero .desc {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}
.music-hero .badge, .music-hero .badge span {
    color: #C41E3A !important;
    -webkit-text-fill-color: #C41E3A !important;
}

/* dreamer.php & index.php 东方追梦人区块 */
.dreamer-intro, .dreamer-section, .dreamer-hero,
.dreamer-intro *, .dreamer-section *, .dreamer-hero * {
    background: linear-gradient(135deg, #FFF5F5 0%, #FFFBF0 50%, #F8F9FC 100%) !important;
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
}
.dreamer-intro h1, .dreamer-intro h2, .dreamer-intro .gradient-text,
.dreamer-section h1, .dreamer-section h2, .dreamer-section .gradient-text {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.dreamer-intro p, .dreamer-intro span, .dreamer-intro .desc,
.dreamer-section p, .dreamer-section span, .dreamer-section .desc {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}

/* ========== 12. 卡片通用样式 ========== */
.card-body h3, .card-body h4, .card-title {
    color: #1A1A2E !important;
}
.card-body p, .card-body .text-muted, .card-text {
    color: #6A6A7A !important;
}
.stat-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.stat-number { color: #C41E3A !important; }
.stat-label { color: #8A8A9A !important; }

/* ========== 13. 按钮样式 ========== */
a.btn-primary, .btn-primary, a.btn-primary:link, a.btn-primary:visited,
a.btn-primary:hover, a.btn-primary:active,
.section a.btn-primary, .section-dark a.btn-primary {
    background: linear-gradient(135deg, #C41E3A, #E8324F) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
a.btn-outline, .btn-outline, a.btn-outline:link, a.btn-outline:visited,
.section a.btn-outline, .section-dark a.btn-outline,
.page-index a.btn-outline {
    color: #C41E3A !important;
    -webkit-text-fill-color: #C41E3A !important;
    border-color: #C41E3A !important;
}
a.btn-outline:hover {
    background: #C41E3A !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
a.btn-gold, .btn-gold, a.btn-gold:link, a.btn-gold:visited,
.section a.btn-gold {
    background: linear-gradient(135deg, #D4A017, #F0C040) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
.btn-white, a.btn-white {
    background: #FFFFFF !important;
    color: #C41E3A !important;
    -webkit-text-fill-color: #C41E3A !important;
    border: 2px solid rgba(196,30,58,0.3) !important;
}
.btn-white:hover {
    background: #C41E3A !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* ========== 14. Footer 浅色化 ========== */
.site-footer {
    background: #F0F1F5 !important;
    border-top: 1px solid #E0E0E8 !important;
}
.site-footer, .site-footer * {
    color: #4A4A5A !important;
}
.site-footer h4, .site-footer h3, .site-footer .footer-title {
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
    background: none !important;
}
.site-footer .footer-logo, .site-footer .footer-brand .footer-logo {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.site-footer .footer-tech {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}
.site-footer .footer-slogan {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}
.site-footer a {
    color: #4A4A5A !important;
}
.site-footer a:hover {
    color: #C41E3A !important;
}
.site-footer .footer-links a {
    color: #4A4A5A !important;
}
.site-footer .footer-bottom {
    border-top-color: #E0E0E8 !important;
}
.site-footer .footer-bottom p {
    color: #5A5A6A !important;
}
.site-footer .footer-disclaimer {
    color: #5A5A6A !important;
}
.site-footer .footer-qr-item span {
    color: #6A6A7A !important;
}
.site-footer .footer-divider {
    border-color: #E0E0E8 !important;
}

/* ========== 15. CTA 横幅（保持红金渐变背景+白字） ========== */
.cta-banner {
    background: linear-gradient(135deg, #C41E3A 0%, #D4A017 100%) !important;
}
.cta-banner h2, .cta-banner h3 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
.cta-banner p {
    color: rgba(255,255,255,0.9) !important;
}
.cta-banner .btn-white {
    background: #FFFFFF !important;
    color: #C41E3A !important;
    -webkit-text-fill-color: #C41E3A !important;
}

/* ========== 16. 任务卡片 ========== */
.task-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.task-card-title { color: #1A1A2E !important; }
.task-card-desc { color: #6A6A7A !important; }

/* ========== 17. 创作流程 ========== */
.workflow-step-title { color: #1A1A2E !important; }
.workflow-step-desc { color: #8A8A9A !important; }
.workflow-arrow { color: #D0D0E0 !important; }

/* ========== 18. 资产展示 ========== */
.asset-showcase-content h3 { color: #1A1A2E !important; }
.asset-showcase-content p { color: #6A6A7A !important; }
.asset-features li { color: #4A4A5A !important; }
.asset-entry-item {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.asset-entry-title { color: #1A1A2E !important; }
.asset-entry-desc { color: #8A8A9A !important; }

/* ========== 19. 优势卡片 ========== */
.advantage-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.advantage-card .adv-title { color: #1A1A2E !important; }
.advantage-card .adv-subtitle { color: #8A8A9A !important; }
.advantage-card .adv-list li { color: #4A4A5A !important; }

/* ========== 20. 创作类型卡片 ========== */
.creation-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.creation-card .creation-title { color: #1A1A2E !important; }
.creation-card .creation-desc { color: #6A6A7A !important; }

/* ========== 21. 新闻卡片 ========== */
.news-item, .news-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.news-item h3 a, .news-card h3 a, .news-item h3, .news-card h3 {
    color: #1A1A2E !important;
}
.news-item p, .news-card p {
    color: #6A6A7A !important;
}
.news-date, .news-card .date {
    color: #A0A0B0 !important;
}

/* ========== 22. 内联样式强制覆盖（关键！） ========== */
[style*="color:#fff"], [style*="color: #fff"],
[style*="color:#FFF"], [style*="color: #FFF"],
[style*="color:#ffffff"], [style*="color: #ffffff"],
[style*="color:#FFFFFF"], [style*="color: #FFFFFF"] {
    color: #1A1A2E !important;
    -webkit-text-fill-color: #1A1A2E !important;
}
[style*="color:rgba(255,255,255"],
[style*="color: rgba(255,255,255"] {
    color: #4A4A5A !important;
    -webkit-text-fill-color: #4A4A5A !important;
}

/* 内联白色背景覆盖 */
[style*="background:rgba(255,255,255,0.1)"],
[style*="background: rgba(255,255,255,0.1)"] {
    background: #FFFFFF !important;
    border: 1px solid #E8E8F0 !important;
}

/* ========== 23. 受众标签（首页Hero区域标签，改为浅色背景深色字） ========== */
.audience-tag {
    background: rgba(196,30,58,0.08) !important;
    border-color: rgba(196,30,58,0.2) !important;
    color: #C41E3A !important;
}

/* ========== 24. 表单与输入框 ========== */
input, textarea, select {
    color: #1A1A2E !important;
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
input::placeholder, textarea::placeholder {
    color: #A0A0B0 !important;
}

/* ========== 25. 表格 ========== */
table { color: #4A4A5A !important; }
th { color: #1A1A2E !important; }
td { color: #4A4A5A !important; }

/* ========== 26. 代码块 ========== */
code, pre, kbd {
    color: #1A1A2E !important;
    background: #F0F1F5 !important;
}

/* ========== 27. 通用工具类覆盖 ========== */
.text-white { color: #1A1A2E !important; -webkit-text-fill-color: #1A1A2E !important; }
.text-light { color: #6A6A7A !important; }
.text-muted { color: #8A8A9A !important; }
.bg-dark, .bg-black { background: #F0F1F5 !important; }

/* ========== 28. 合伙人页面额外覆盖 ========== */
.partner-benefits, .partner-benefits *,
.partner-steps, .partner-steps *,
.partner-faq, .partner-faq * {
    color: #1A1A2E !important;
}
.partner-benefits h3, .partner-steps h3, .partner-faq h3 {
    color: #1A1A2E !important;
}
.partner-benefits p, .partner-steps p, .partner-faq p {
    color: #4A4A5A !important;
}

/* ========== 29. 工具页面额外覆盖 ========== */
.tool-card, .tools-card, .service-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.tool-card h3, .tools-card h3, .service-card h3 {
    color: #1A1A2E !important;
}
.tool-card p, .tools-card p, .service-card p {
    color: #6A6A7A !important;
}

/* ========== 30. Music页面额外覆盖 ========== */
.scenarios-grid, .pricing-section, .steps-section {
    background: #F8F9FC !important;
}
.scenario-card, .pricing-card, .step-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.scenario-card h3, .pricing-card h3, .step-card h3 {
    color: #1A1A2E !important;
}
.scenario-card p, .pricing-card p, .step-card p {
    color: #6A6A7A !important;
}

/* ========== 31. Courses页面额外覆盖 ========== */
.mikc-section { background: #F8F9FC !important; }
.mikc-section.dark { background: #F0F1F5 !important; }
.workflow-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.workflow-card h3 { color: #1A1A2E !important; }
.workflow-card p { color: #6A6A7A !important; }
.subject-tag {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.subject-name { color: #1A1A2E !important; }
.subject-desc { color: #8A8A9A !important; }
.guide-section {
    background: #FFFFFF !important;
}
.guide-text strong { color: #1A1A2E !important; }
.guide-text span { color: #6A6A7A !important; }

/* ========== 32. Training页面额外覆盖 ========== */
.training-card, .course-card {
    background: #FFFFFF !important;
    border-color: #E8E8F0 !important;
}
.training-card h3, .course-card h3 { color: #1A1A2E !important; }
.training-card p, .course-card p { color: #6A6A7A !important; }

/* ========== 33. About/Contact 页面 ========== */
.about-content, .contact-content {
    background: #F8F9FC !important;
    color: #4A4A5A !important;
}
.about-content h2, .contact-content h2 { color: #1A1A2E !important; }
.about-content p, .contact-content p { color: #4A4A5A !important; }

/* ========== 34. Logo ========== */
.logo-text, .footer-logo {
    background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}