/* ============================================
   摄状元®AI创影 - 深色主题补丁
   覆盖残余硬编码浅色值
   ============================================ */

/* ── 全局 ── */
body {
  background: #0F0F1A;
  color: #E8E8F0;
}

/* ── 卡片深色背景 ── */
.card,
.advantage-card,
.creation-card,
.task-card,
.course-card,
.eco-benefit,
.news-item {
  background: #161625 !important;
  border-color: #2A2A40 !important;
  color: #E8E8F0;
}

.card:hover,
.advantage-card:hover,
.creation-card:hover,
.task-card:hover,
.course-card:hover,
.eco-benefit:hover {
  box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
}

/* ── 卡片内文字 ── */
.advantage-card h3,
.creation-card h3,
.task-card h3,
.course-card h3,
.news-item .news-info h3 {
  color: #E8E8F0 !important;
}

.advantage-card p,
.creation-card p,
.task-card p,
.creation-desc,
.creation-tags {
  color: #B0B0C0 !important;
}

/* ── section-alt 深色 ── */
.section-alt {
  background: #161625 !important;
}

/* ── section-dark 深色 ── */
.section-dark {
  background: #1E1E30 !important;
}

.section-dark .section-header h2 {
  color: #FFFFFF !important;
}

.section-dark .section-header .subtitle {
  color: rgba(255,255,255,0.7) !important;
}

/* ── 注册banner ── */
.register-banner {
  background: linear-gradient(135deg, #1E1E30, #2A2A40) !important;
  border: 1px solid #2A2A40 !important;
  color: #E8E8F0;
}

.register-banner-left h3 {
  color: #E8E8F0 !important;
}

.register-banner-left p {
  color: #B0B0C0 !important;
}

.benefit-item {
  color: #B0B0C0 !important;
}

/* ── 工作流步骤 ── */
.workflow-step-icon {
  background: linear-gradient(135deg, #C41E3A, #D4A017) !important;
  color: #FFFFFF !important;
}

.workflow-step-title {
  color: #E8E8F0 !important;
}

.workflow-step-desc {
  color: #B0B0C0 !important;
}

/* ── 资产展示 ── */
.asset-showcase-content h3 {
  color: #E8E8F0 !important;
}

.asset-showcase-content p {
  color: #B0B0C0 !important;
}

.asset-entry-item {
  background: #161625 !important;
  border: 1px solid #2A2A40 !important;
  color: #E8E8F0;
}

.asset-entry-item:hover {
  background: #1E1E30 !important;
}

/* ── 任务大厅 ── */
.task-type-badge {
  color: #FFFFFF !important;
}

.task-budget {
  color: #F0C040 !important;
}

/* ── 数字人头像 ── */
.asset-avatar {
  background: #252540 !important;
  border: 2px solid #2A2A40 !important;
}

/* ── 表单 ── */
.form-group input,
.form-group select,
.form-group textarea {
  background: #1E1E30 !important;
  color: #E8E8F0 !important;
  border-color: #2A2A40 !important;
}

.form-group label {
  color: #E8E8F0 !important;
}

/* ── 弹窗 ── */
.modal-box {
  background: #1E1E30 !important;
  color: #E8E8F0;
}

.modal-box h2 {
  color: #E8E8F0 !important;
}

/* ── 新闻 ── */
.news-item .news-date {
  background: #1E1E30 !important;
}

/* ── 技术徽章 ── */
.tech-badge {
  background: rgba(196,30,58,0.15) !important;
  border-color: rgba(196,30,58,0.3) !important;
  color: #E8324F !important;
}

/* ── 音乐播放器 ── */
.music-player-section {
  background: linear-gradient(135deg, #0F0F1A, #161625) !important;
}

/* ── CTA Banner内文字（渐变背景上） ── */
.cta-banner h2,
.cta-banner p {
  color: #FFFFFF !important;
}

/* ── 滚动条深色 ── */
::-webkit-scrollbar {
  width: 8px;
  background: #161625;
}

::-webkit-scrollbar-thumb {
  background: #2A2A40;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3A3A50;
}

/* ── 选区颜色 ── */
::selection {
  background: rgba(196,30,58,0.3);
  color: #FFFFFF;
}

/* ── 移动端额外适配 ── */
@media (max-width: 1023px) {
  .hero {
    background: linear-gradient(135deg, #0F0F1A 0%, #12121F 50%, #0F0F1A 100%) !important;
  }
  
  /* 确保暗色板块文字在深色背景下可见 */
  .section-dark .section-header h2 { color: #FFFFFF !important; }
  .section-dark .section-header .subtitle { color: rgba(255,255,255,0.7) !important; }
  
  /* 移动端底部导航栏 */
  #mobileNavButtons {
    background: rgba(10,10,15,0.98) !important;
  }
}