/* ========================================
   亮色主题 - 高端白色主题 v3
   西域算力 AI视频创作平台
   ======================================== */

/* === 全局 CSS 变量覆盖 === */
:root,:host {
  /* 主背景 - 纯白 */
  --bg-primary: #ffffff !important;
  --bg-secondary: #f8f9fc !important;
  --bg-card: #ffffff !important;
  --bg-card-hover: #f0f2f8 !important;
  --bg-input: #f5f7fa !important;

  /* 主色调 - 科技蓝 */
  --accent-primary: #1677ff !important;
  --accent-secondary: #0958d9 !important;

  /* 文字 - 深色层次 */
  --text-primary: #1a1a2e !important;
  --text-secondary: #4a4a6a !important;
  --text-tertiary: #7a7a9a !important;
  --text-muted: #aaaaba !important;

  /* 功能色 */
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --info: #1677ff;

  /* 边框 */
  --border-color: rgba(0,0,0,0.08) !important;
  --van-border-color: rgba(0,0,0,0.1) !important;

  /* 阴影 */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  --shadow-glow: 0 0 20px rgba(22,119,255,0.12);

  /* Vant变量 */
  --van-text-color: #1a1a2e !important;
  --van-text-color-2: #4a4a6a !important;
  --van-text-color-3: #7a7a9a !important;
  --van-active-color: #f0f2f8 !important;
  --van-background: #f8f9fc !important;
  --van-background-2: #ffffff !important;
  --van-background-3: #ffffff !important;

  /* Tabbar */
  --tabbar-bg: rgba(255,255,255,0.95);
}

/* === 基础元素 === */
html {
  background: #ffffff !important;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #ffffff !important;
  color: #1a1a2e !important;
  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif;
}

#app {
  background: #ffffff !important;
  min-height: 100vh;
}

/* === Vant 组件覆盖 === */
.van-nav-bar {
  background: #ffffff !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.van-nav-bar__title {
  color: #1a1a2e !important;
  font-weight: 600;
}

.van-tabbar {
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}

.van-tabbar-item {
  color: #7a7a9a !important;
}

.van-tabbar-item--active {
  color: #1677ff !important;
}

.van-cell {
  background: #ffffff !important;
}

.van-cell-group {
  background: #ffffff !important;
}

.van-popup {
  background: #ffffff !important;
}

.van-action-sheet {
  background: #ffffff !important;
}

.van-dialog {
  background: #ffffff !important;
  border-radius: 16px !important;
}

.van-overlay {
  background: rgba(0,0,0,0.4);
}

.van-tag--primary {
  background: #1677ff;
}

.van-button--primary {
  background: #1677ff;
  border-color: #1677ff;
}

/* === 页面容器 === */
.page-container {
  background: #ffffff !important;
  min-height: 100vh;
}

/* === 卡片样式 === */
.glass-card,
[class*='card'],
.van-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}

.glass-card:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* === 输入框 === */
.van-field,
input,
textarea,
select {
  background: #f5f7fa !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  color: #1a1a2e !important;
  border-radius: 12px !important;
}

.van-field__control {
  color: #1a1a2e !important;
}

.van-field__control::placeholder {
  color: #aaaaba !important;
}

/* === 列表/标签 === */
.van-list {
  background: transparent !important;
}

.van-tabs__nav {
  background: #ffffff !important;
}

.van-tab--active {
  color: #1677ff !important;
}

.van-tabs__line {
  background: #1677ff !important;
}

/* === 搜索栏 === */
.van-search {
  background: #ffffff !important;
}

.van-search__content {
  background: #f5f7fa !important;
  border-radius: 20px !important;
}

/* === 图片/视频容器 === */
.video-container,
.image-container,
.preview-area {
  background: #f0f2f8 !important;
  border-radius: 12px !important;
}

/* === 渐变背景元素覆盖为纯色 === */
[style*="linear-gradient"] {
  /* 保留渐变的用此覆盖 */
}

/* === 高分辨率适配 === */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  img, video {
    image-rendering: -webkit-optimize-contrast;
  }
}

/* === 移动端安全区 === */
@supports (padding: max(0px)) {
  body {
    padding-top: max(0px, env(safe-area-inset-top));
    padding-bottom: max(0px, env(safe-area-inset-bottom));
  }
}

/* === v5: 强制字幕颜色 == */
.header-text .sub-text,
.brand-desc,
.hero-desc,
.feature-text .feature-desc,
[class*="sub-text"],
[class*="subtitle"],
[class*="desc"] {
  color: #475569 !important;
  opacity: 1 !important;
}

/* 卡片描述文字 */
[class*="card"] [class*="desc"],
[class*="feature"] [class*="desc"] {
  color: #475569 !important;
  font-weight: 400 !important;
}

/* === v6: 强制设置页面文字颜色 === */
/* 设置页面分组标题 */
.settings-group .group-title {
  color: #4a4a6a !important;
  font-weight: 500 !important;
}

/* 设置页面版本信息 */
.version-info span {
  color: #7a7a9a !important;
}

/* Vant Cell 标题文字 - 强制深色 */
.van-cell__title {
  color: #1a1a2e !important;
}

.van-cell__title span {
  color: #1a1a2e !important;
}

/* Vant Cell 值文字 */
.van-cell__value {
  color: #4a4a6a !important;
}

/* Vant Cell 标签文字 */
.van-cell__label {
  color: #7a7a9a !important;
}

/* 强制所有 Vant 文字颜色 */
[class*="van-"] {
  color: inherit;
}

.van-cell {
  color: #1a1a2e !important;
}

/* 设置页面特定覆盖 */
.settings-page .van-cell__title {
  color: #1a1a2e !important;
}

.settings-page .van-cell__value {
  color: #4a4a6a !important;
}

/* === v6 补充：全面修复设置页面文字可见性 === */

/* 强制所有 van-cell 内的文字颜色 */
.van-cell,
.van-cell *,
.van-cell__title,
.van-cell__title *,
.van-cell__value,
.van-cell__value *,
.van-cell__label,
.van-cell__label *,
.van-cell__right-icon,
.van-cell__right-icon * {
  color: #1a1a2e !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 设置页面特定 */
.settings-page,
.settings-page *,
.settings-content,
.settings-content *,
.settings-group,
.settings-group * {
  color: #1a1a2e !important;
}

/* 分组标题 */
.settings-group .group-title {
  color: #4a4a6a !important;
  font-weight: 500 !important;
}

/* 版本信息 */
.version-info,
.version-info * {
  color: #7a7a9a !important;
}

/* Switch 组件文字 */
.van-switch,
.van-switch * {
  color: inherit !important;
}

/* 强制覆盖可能的 inline styles */
[style*="color: #fff"],
[style*="color:#fff"],
[style*="color: #ffffff"],
[style*="color:#ffffff"] {
  color: #1a1a2e !important;
}

[style*="color:transparent"] {
  color: #1a1a2e !important;
}

[style*="opacity: 0"],
[style*="opacity:0"] {
  opacity: 1 !important;
}