/* ===========================================
   UNI-ENERGY Core Design System v3.0
   商用级统一设计系统 - 全站283页共享
   Primary: #FF6B35 | Dark: #0f172a
   优化：字体系统、视觉层次、响应式
   创建时间：2026-07-03
   =========================================== */

/* ---- Design Tokens ---- */
:root {
  /* 主色调 - 橙电品牌色 */
  --primary: #FF6B35;
  --primary-dark: #E55A2B;
  --primary-light: #FFF3EE;
  --primary-deep: #CC5500;
  --primary-50: #FFF7F3;
  --primary-100: #FFE8DC;
  --primary-200: #FFCDB0;
  --primary-300: #FFA87D;
  --primary-400: #FF8A52;
  --primary-500: #FF6B35;
  --primary-600: #F5571F;
  --primary-700: #E04618;
  --primary-800: #C93D17;
  --primary-900: #A73213;

  /* 深色系 */
  --dark: #0f172a;
  --dark2: #131B2E;
  --dark3: #1e293b;
  --dark4: #334155;

  /* 文本色 - 优化对比度 */
  --text: #1d1d1f;
  --text-secondary: #4a4a4f;
  --text-muted: #6B7280;
  --text-light: #94a3b8;
  --text-white: #FFFFFF;

  /* 边框色 */
  --border: #E5E7EB;
  --border-light: #F0F0F0;
  --border-lighter: #F9FAFB;

  /* 背景色 */
  --bg: #F8F9FA;
  --bg-white: #FFFFFF;
  --bg-light: #f5f5f7;
  --bg-lighter: #fafafa;
  --bg-dark: #0f172a;
  --bg-dark2: #131B2E;

  /* 语义色 */
  --success: #16a34a;
  --success-light: #dcfce7;
  --warning: #f59e0b;
  --warning-light: #fef3c7;
  --danger: #dc2626;
  --danger-light: #fee2e2;
  --info: #3b82f6;
  --info-light: #dbeafe;

  /* 圆角 */
  --radius-sm: 6px;
  --radius: 12px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* 阴影 - 优化层次 */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow: 0 4px 24px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 48px rgba(0,0,0,0.12);
  --shadow-xl: 0 20px 60px rgba(0,0,0,0.15);
  --shadow-inner: inset 0 2px 4px rgba(0,0,0,0.06);

  /* 过渡 */
  --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
  --transition-fast: 0.15s cubic-bezier(0.4,0,0.2,1);
  --transition-slow: 0.5s cubic-bezier(0.4,0,0.2,1);

  /* 布局 */
  --max-w: 1200px;
  --nav-h: 72px;
  --section-pad: 80px;
}

/* ---- 字体系统 v3.0 - 商用级优化 ---- */
/* 优化：减少Google Fonts依赖，优先使用系统字体 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap');

html {
  /* 中文字体优先级：系统字体 → Google Fonts →  fallback */
  font-family: 
    /* 西文 */
    'Inter',
    /* 中文：优先系统字体（快） */
    -apple-system, 
    BlinkMacSystemFont, 
    'PingFang SC',          /* macOS */
    'Hiragino Sans GB',     /* macOS 旧版 */
    'Microsoft YaHei',       /* Windows */
    'WenQuanYi Micro Hei', /* Linux */
    'Noto Sans SC',          /* Google Fonts（备用） */
    sans-serif;
  
  /* 字体渲染优化 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'kern' 1;
  font-kerning: normal;
}

/* 字体大小层级 - 严格的视觉层次 */
.text-xs { font-size: 12px; line-height: 1.5; }
.text-sm { font-size: 14px; line-height: 1.5; }
.text-base { font-size: 16px; line-height: 1.6; }
.text-lg { font-size: 18px; line-height: 1.6; }
.text-xl { font-size: 20px; line-height: 1.5; }
.text-2xl { font-size: 24px; line-height: 1.4; }
.text-3xl { font-size: 30px; line-height: 1.3; }
.text-4xl { font-size: 36px; line-height: 1.2; }
.text-5xl { font-size: 48px; line-height: 1.1; }
.text-6xl { font-size: 60px; line-height: 1.1; }

/* 字体粗细 */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

/* 字体优化 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.3;
  color: var(--text);
  margin-top: 0;
}

h1 { font-size: 36px; margin-bottom: 16px; }
h2 { font-size: 30px; margin-bottom: 14px; }
h3 { font-size: 24px; margin-bottom: 12px; }
h4 { font-size: 20px; margin-bottom: 10px; }
h5 { font-size: 18px; margin-bottom: 8px; }
h6 { font-size: 16px; margin-bottom: 6px; }

p {
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1.6;
  color: var(--text-secondary);
}

/* ---- 配色方案 - 简洁大方 ---- */
/* 主色应用 */
.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }

/* 深色应用 */
.text-dark { color: var(--dark) !important; }
.bg-dark { background-color: var(--dark) !important; }

/* 语义色应用 */
.text-success { color: var(--success) !important; }
.text-warning { color: var(--warning) !important; }
.text-danger { color: var(--danger) !important; }
.text-info { color: var(--info) !important; }

/* ---- 间距系统 - 统一视觉节奏 ---- */
/* 内边距 */
.p-0 { padding: 0; }
.p-1 { padding: 4px; }
.p-2 { padding: 8px; }
.p-3 { padding: 12px; }
.p-4 { padding: 16px; }
.p-5 { padding: 20px; }
.p-6 { padding: 24px; }
.p-8 { padding: 32px; }
.p-10 { padding: 40px; }
.p-12 { padding: 48px; }

/* 外边距 */
.m-0 { margin: 0; }
.m-1 { margin: 4px; }
.m-2 { margin: 8px; }
.m-3 { margin: 12px; }
.m-4 { margin: 16px; }
.m-5 { margin: 20px; }
.m-6 { margin: 24px; }
.m-8 { margin: 32px; }
.m-10 { margin: 40px; }
.m-12 { margin: 48px; }

/* 上下间距 */
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }
.mt-5 { margin-top: 20px; }
.mt-6 { margin-top: 24px; }
.mt-8 { margin-top: 32px; }
.mt-10 { margin-top: 40px; }
.mt-12 { margin-top: 48px; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.mb-5 { margin-bottom: 20px; }
.mb-6 { margin-bottom: 24px; }
.mb-8 { margin-bottom: 32px; }
.mb-10 { margin-bottom: 40px; }
.mb-12 { margin-bottom: 48px; }

/* ---- 布局系统 ---- */
.container {
  max-width: var(--max-w);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.section {
  padding-top: var(--section-pad);
  padding-bottom: var(--section-pad);
}

.section-sm {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-lg {
  padding-top: 120px;
  padding-bottom: 120px;
}

/* 网格系统 */
.grid {
  display: grid;
  gap: 24px;
}

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 768px) {
  .grid-2, .grid-3, .grid-4, .grid-5 {
    grid-template-columns: 1fr;
  }
}

/* Flex系统 */
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.flex-1 { flex: 1; }

/* ---- 按钮系统 v3.0 ---- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  border-radius: var(--radius);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition);
  text-decoration: none;
  white-space: nowrap;
}

.btn-primary {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

.btn-primary:hover {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.btn-outline {
  background: transparent;
  color: var(--primary);
  border-color: var(--primary);
}

.btn-outline:hover {
  background: var(--primary);
  color: #fff;
  transform: translateY(-2px);
}

.btn-sm {
  padding: 8px 20px;
  font-size: 14px;
}

.btn-lg {
  padding: 16px 40px;
  font-size: 16px;
}

.btn-block {
  width: 100%;
}

/* ---- 卡片系统 ---- */
.card {
  background: var(--bg-white);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 24px;
  transition: all var(--transition);
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.card-sm {
  padding: 16px;
}

.card-lg {
  padding: 32px;
}

/* ---- 表单系统 ---- */
.form-group {
  margin-bottom: 20px;
}

.form-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
  margin-bottom: 8px;
}

.form-input,
.form-textarea,
.form-select {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--text);
  background: var(--bg-white);
  border: 2px solid var(--border);
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-light);
}

.form-textarea {
  min-height: 120px;
  resize: vertical;
}

/* ---- 导航系统 ---- */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--nav-h);
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border-light);
  z-index: 1000;
  transition: all var(--transition);
}

.nav.scrolled {
  box-shadow: var(--shadow);
}

.nav-inner {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ---- 页脚系统 ---- */
.footer {
  background: var(--dark);
  color: var(--text-white);
  padding: 60px 0 40px;
}

.footer a {
  color: rgba(255,255,255,0.7);
  transition: color var(--transition-fast);
}

.footer a:hover {
  color: var(--primary);
}

/* ---- 响应式优化 ---- */
@media (max-width: 1200px) {
  :root {
    --max-w: 960px;
  }
}

@media (max-width: 768px) {
  :root {
    --section-pad: 60px;
    --nav-h: 64px;
  }

  h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (max-width: 480px) {
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px; }

  .btn {
    padding: 10px 20px;
    font-size: 14px;
  }
}

/* ---- 动画系统 ---- */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.6s ease-out;
}

.animate-slideInLeft {
  animation: slideInLeft 0.6s ease-out;
}

.animate-slideInRight {
  animation: slideInRight 0.6s ease-out;
}

/* ---- 工具类 ---- */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.font-medium { font-weight: 500; }

.leading-tight { line-height: 1.3; }
.leading-normal { line-height: 1.6; }
.leading-relaxed { line-height: 1.8; }

.tracking-tight { letter-spacing: -0.5px; }
.tracking-normal { letter-spacing: normal; }
.tracking-wide { letter-spacing: 0.5px; }

.rounded-sm { border-radius: var(--radius-sm); }
.rounded { border-radius: var(--radius); }
.rounded-lg { border-radius: var(--radius-lg); }
.rounded-full { border-radius: var(--radius-full); }

.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow { box-shadow: var(--shadow); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }

.transition { transition: all var(--transition); }
.transition-fast { transition: all var(--transition-fast); }

/* 清除浮动 */
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

/* 图片优化 */
img {
  max-width: 100%;
  height: auto;
}

.img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img-contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/* 滚动优化 */
html {
  scroll-behavior: smooth;
}

/* 选择文本颜色 */
::selection {
  background: var(--primary-light);
  color: var(--primary-dark);
}

/* ---- 打印优化 ---- */
@media print {
  .nav, .footer, .btn {
    display: none !important;
  }

  body {
    color: #000;
    background: #fff;
  }
}

/* ---- 无障碍优化 ---- */
:focus {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

/* ===========================================
   全站文字/背景色冲突修复覆盖层 v2.0
   修复150+页面内联样式导致的深色文字在深色背景上不可见问题
   2026-07-04
   =========================================== */

/* ---- 1. Footer 强制色彩覆盖 ---- */
/* 根因：core.css .footer background:#0f172a (深色)，
   但150+页面内联style给footer文字设了 #888/#444 等深色 → 不可见 */

.footer,
.footer * {
  color: rgba(255,255,255,0.65) !important;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.footer .footer-title, .footer .footer-logo, .footer .footer-brand,
.footer .ft-title, .footer .ft-col h4, .footer .col-title {
  color: #FFFFFF !important;
}

.footer .footer-logo small,
.footer small,
.footer .copyright,
.footer .footer-copyright,
.footer .ft-copyright {
  color: rgba(255,255,255,0.4) !important;
}

.footer .footer-desc,
.footer .footer-text,
.footer p,
.footer .desc {
  color: rgba(255,255,255,0.55) !important;
}

.footer a, .footer a:link, .footer a:visited {
  color: rgba(255,255,255,0.6) !important;
  text-decoration: none !important;
}

.footer a:hover, .footer a:active, .footer a:focus {
  color: #FF6B35 !important;
}

/* footer 内的图标颜色 */
.footer svg, .footer .icon, .footer i {
  color: rgba(255,255,255,0.5) !important;
}

/* footer 分隔线 */
.footer hr, .footer .divider, .footer .footer-divider {
  border-color: rgba(255,255,255,0.1) !important;
  background: rgba(255,255,255,0.1) !important;
}

/* footer 内的标签/徽章 */
.footer .tag, .footer .badge, .footer .label {
  background: rgba(255,107,53,0.15) !important;
  color: #FF6B35 !important;
}

/* ---- 2. CTA Banner 强制色彩覆盖 ---- */
/* 根因：CTA区域通常用深色背景，但文字可能被内联样式设为深色 */

.cta-banner, .cta-section, .cta-box, .cta-wrap,
.cta, .call-to-action, .cta-area {
  background: #0f172a !important;
  color: #FFFFFF !important;
}

.cta-banner h1, .cta-banner h2, .cta-banner h3, .cta-banner h4,
.cta-section h1, .cta-section h2, .cta-section h3, .cta-section h4,
.cta-box h1, .cta-box h2, .cta-box h3, .cta-box h4,
.cta h1, .cta h2, .cta h3, .cta h4,
.call-to-action h1, .call-to-action h2, .call-to-action h3, .call-to-action h4 {
  color: #FFFFFF !important;
}

.cta-banner p, .cta-section p, .cta-box p, .cta p, .call-to-action p,
.cta-banner .desc, .cta-section .desc, .cta-box .desc, .cta .desc {
  color: rgba(255,255,255,0.75) !important;
}

.cta-banner .btn, .cta-section .btn, .cta-box .btn, .cta .btn,
.call-to-action .btn {
  background: #FF6B35 !important;
  color: #FFFFFF !important;
  border: none !important;
}

.cta-banner .btn:hover, .cta-section .btn:hover, .cta-box .btn:hover, .cta .btn:hover {
  background: #E55A2B !important;
  color: #FFFFFF !important;
}

.cta-banner .btn-outline, .cta-section .btn-outline, .cta-box .btn-outline {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
}

.cta-banner .btn-outline:hover, .cta-section .btn-outline:hover, .cta-box .btn-outline:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: #FFFFFF !important;
}

/* ---- 3. Hero 区域文字色保障 ---- */
/* 根因：部分scene页面 hero 用深色背景但文字设了 #888 */

.hero {
  color: #FFFFFF !important;
}

.hero h1, .hero h2, .hero h3, .hero h4, .hero h5 {
  color: #FFFFFF !important;
}

.hero h1 .accent, .hero h1 .orange, .hero h1 .hl, .hero h1 em, .hero h1 span,
.hero h2 .accent, .hero h2 .orange, .hero h2 .hl, .hero h2 em, .hero h2 span,
.hero .stat-num, .hero .hero-stat-num, .hero .num {
  color: #FF6B35 !important;
}

/* hero 段落 — 深色背景上用浅灰 */
.hero p, .hero .desc, .hero .hero-desc, .hero > p, .hero .subtitle {
  color: rgba(255,255,255,0.75) !important;
}

/* hero 统计数据标签 */
.hero .stat-label, .hero .hero-stat p, .hero .stat-label,
.hero .hero-stat-label {
  color: rgba(255,255,255,0.6) !important;
}

/* hero 徽章 */
.hero .hero-badge, .hero .badge {
  color: #FF6B35 !important;
  background: rgba(255,107,53,0.12) !important;
}

/* page-hero 同理 */
.page-hero {
  color: #FFFFFF !important;
}
.page-hero h1, .page-hero h2, .page-hero h3 {
  color: #FFFFFF !important;
}
.page-hero h1 .orange, .page-hero h1 span, .page-hero h1 em {
  color: #FF6B35 !important;
}
.page-hero p, .page-hero .desc {
  color: rgba(255,255,255,0.72) !important;
}
.page-hero .tag {
  color: #FF6B35 !important;
}

/* mission-hero (橙色背景) */
.mission-hero {
  color: #FFFFFF !important;
}
.mission-hero h1, .mission-hero h2, .mission-hero h3 {
  color: #FFFFFF !important;
}
.mission-hero p {
  color: rgba(255,255,255,0.85) !important;
}

/* contact-hero (深色渐变背景) */
.contact-hero {
  color: #FFFFFF !important;
}
.contact-hero h1, .contact-hero h2 {
  color: #FFFFFF !important;
}
.contact-hero h1 span {
  color: #FF6B35 !important;
}
.contact-hero p {
  color: rgba(255,255,255,0.7) !important;
}

/* hero-merchant (深色渐变背景) */
.hero-merchant {
  color: #FFFFFF !important;
}
.hero-merchant h1, .hero-merchant h2 {
  color: #FFFFFF !important;
}
.hero-merchant h1 span {
  color: #FF6B35 !important;
}
.hero-merchant p {
  color: rgba(255,255,255,0.65) !important;
}

/* chat-hero (深色渐变背景) */
.chat-hero {
  color: #FFFFFF !important;
}
.chat-hero h1, .chat-hero h2 {
  color: #FFFFFF !important;
}
.chat-hero p {
  color: rgba(255,255,255,0.65) !important;
}

/* ---- 4. 导航栏文字色保障 ---- */
/* 导航栏通常白色或透明背景，文字应为深色 */
.nav-logo, .nav-logo a, .nav-brand, .nav-brand a {
  color: #1d1d1f !important;
}

.nav-links a, .nav-links a:link, .nav-links a:visited {
  color: #4a4a4f !important;
}

.nav-links a:hover, .nav-links a.active, .nav-links a.on {
  color: #FF6B35 !important;
}

/* 导航栏在滚动后(白色背景) — 保持深色文字 */
.nav.scrolled .nav-logo,
.nav.scrolled .nav-logo a,
.nav.scrolled .nav-brand,
.nav.scrolled .nav-brand a {
  color: #1d1d1f !important;
}

.nav.scrolled .nav-links a {
  color: #4a4a4f !important;
}

/* nav-logo-text 强制白色 → 如果导航栏背景是深色的话 */
/* 但如果导航栏背景是白色，nav-logo-text 应该是深色 */
/* 根据扫描结果：nav-logo-text color:#fff 在很多页面出现 */
/* 如果导航栏背景是白色 → 白色文字不可见！ */
/* 修复：nav-logo-text 改为深色 */
.nav-logo-text {
  color: #1d1d1f !important;
}

/* ---- 5. 深色背景区域通用保障 ---- */
.bg-dark, .bg-dark * {
  color: rgba(255,255,255,0.8) !important;
}

.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5 {
  color: #FFFFFF !important;
}

.bg-dark .accent, .bg-dark .orange, .bg-dark .highlight {
  color: #FF6B35 !important;
}

/* ---- 6. 特定页面修复 ---- */

/* scene-* 页面 hero p 标签 color:#888 在深色背景上 */
.scene-hero p, .scene-hero .desc {
  color: rgba(255,255,255,0.75) !important;
}

/* secondhand.html hero .slogan-top color:var(--gray) */
.hero .slogan-top {
  color: rgba(255,255,255,0.6) !important;
}

/* generation.html page-hero h1 color:#1a1a1a */
.generation .page-hero h1,
.page-hero h1 {
  color: #FFFFFF !important;
}
.page-hero h1 span {
  color: #FF6B35 !important;
}

/* ---- 7. sidebar 深色背景文字 ---- */
.sidebar, .side-nav, .side-menu {
  color: rgba(255,255,255,0.7) !important;
}

.sidebar h4, .side-nav h4, .side-menu h4,
.sidebar .title, .side-nav .title, .side-menu .title {
  color: #FFFFFF !important;
}

.sidebar a, .side-nav a, .side-menu a {
  color: rgba(255,255,255,0.65) !important;
}

.sidebar a:hover, .side-nav a:hover, .side-menu a:hover,
.sidebar a.active, .side-nav a.active, .side-menu a.active {
  color: #FF6B35 !important;
}

.sidebar-footer, .side-nav-footer {
  color: rgba(255,255,255,0.4) !important;
}

/* ---- 8. 深色卡片/面板文字 ---- */
.dark-card, .dark-panel, .dark-box {
  color: rgba(255,255,255,0.8) !important;
}

.dark-card h1, .dark-card h2, .dark-card h3, .dark-card h4,
.dark-panel h1, .dark-panel h2, .dark-panel h3, .dark-panel h4 {
  color: #FFFFFF !important;
}

/* ---- 9. 表单在深色背景上 ---- */
.footer input, .footer textarea, .footer select {
  background: rgba(255,255,255,0.08) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}

.footer input::placeholder, .footer textarea::placeholder {
  color: rgba(255,255,255,0.35) !important;
}

.footer input:focus, .footer textarea:focus, .footer select:focus {
  border-color: #FF6B35 !important;
  outline: none !important;
}

/* ---- 10. 移动端响应式 ---- */
@media (max-width: 768px) {
  .footer, .footer * {
    text-align: center !important;
  }
  
  .nav-links {
    background: #FFFFFF !important;
  }
  
  .nav-links a {
    color: #1d1d1f !important;
  }
}

/* ===========================================
   高特异性颜色覆盖层 v3.0
   修复内联 !important 无法被覆盖的问题
   2026-07-04
   =========================================== */

/* ---- 1. nav-logo-text 白色文字在白色导航栏上不可见 ---- */
/* 内联: .nav-logo-text{color:#fff!important} 特异性(0,1,0) */
/* 覆盖: .nav .nav-logo-text 特异性(0,2,0) → 更高优先级 */
.nav .nav-logo-text,
.nav-bar .nav-logo-text,
header .nav-logo-text,
.nav-wrap .nav-logo-text,
.nav-inner .nav-logo-text,
.nav-header .nav-logo-text {
  color: #1d1d1f !important;
}

/* 导航栏滚动后(白色背景) */
.nav.scrolled .nav-logo-text,
.nav-bar.scrolled .nav-logo-text {
  color: #1d1d1f !important;
}

/* 导航栏logo区域通用 */
.nav .nav-logo,
.nav .nav-logo a,
.nav .nav-brand,
.nav .nav-brand a,
.nav-bar .nav-logo,
.nav-bar .nav-logo a,
.nav-bar .nav-brand,
.nav-bar .nav-brand a,
header.nav .nav-logo,
header.nav .nav-brand {
  color: #1d1d1f !important;
}

/* ---- 2. footer-desc color:#888 在深色背景上 ---- */
/* 内联: .footer-desc{color:#888} 特异性(0,1,0) */
/* 覆盖: .footer .footer-desc 特异性(0,2,0) */
.footer .footer-desc,
.footer .footer-text,
.footer .desc,
.footer p,
.footer .footer-desc *,
.unified-footer .footer-desc,
.unified-footer .footer-text,
.unified-footer p,
.unified-footer .desc {
  color: rgba(255,255,255,0.55) !important;
}

/* footer-logo small color:#888 */
.footer .footer-logo small,
.unified-footer .footer-logo small,
.footer small,
.unified-footer small {
  color: rgba(255,255,255,0.4) !important;
}

/* footer-title color:#fff 已经是白色，但加一层保障 */
.footer .footer-title,
.unified-footer .footer-title,
.footer .ft-title,
.unified-footer .ft-title {
  color: #FFFFFF !important;
}

/* footer 链接颜色 */
.footer a,
.unified-footer a,
.footer .footer-grid a,
.unified-footer .footer-grid a {
  color: rgba(255,255,255,0.6) !important;
}

.footer a:hover,
.unified-footer a:hover,
.footer .footer-grid a:hover,
.unified-footer .footer-grid a:hover {
  color: #FF6B35 !important;
}

/* footer-logo 本体 */
.footer .footer-logo,
.unified-footer .footer-logo {
  color: #FFFFFF !important;
}

/* ---- 3. hero > p color:#888 在深色背景上 ---- */
/* 内联: .hero>p{color:#888} 特异性(0,1,1) */
/* 覆盖: .hero > p 特异性(0,1,1) + !important 已覆盖 */
/* 但加更高特异性保障 */
.hero > p,
.hero > .desc,
.hero > .subtitle,
.page-hero > p,
.page-hero > .desc,
.scene-hero > p,
.scene-hero > .desc {
  color: rgba(255,255,255,0.75) !important;
}

/* page-hero p color:#666 (generation.html) */
.page-hero p,
.page-hero .desc,
.page-hero .subtitle {
  color: rgba(255,255,255,0.72) !important;
}

/* ---- 4. nav-links color:var(--dark) 保障 ---- */
/* 导航链接在白色背景上应该是深色 */
.nav .nav-links a,
.nav-bar .nav-links a,
header.nav .nav-links a,
.nav-wrap .nav-links a {
  color: #4a4a4f !important;
}

.nav .nav-links a:hover,
.nav .nav-links a.active,
.nav .nav-links a.on,
.nav-bar .nav-links a:hover,
.nav-bar .nav-links a.active,
.nav-bar .nav-links a.on {
  color: #FF6B35 !important;
}

/* ---- 5. CTA banner 高特异性覆盖 ---- */
/* 某些页面 CTA 用了 !important */
.cta-banner *,
.cta-section *,
.cta-box *,
.cta-wrap * {
  color: rgba(255,255,255,0.75) !important;
}

.cta-banner h1, .cta-banner h2, .cta-banner h3, .cta-banner h4,
.cta-section h1, .cta-section h2, .cta-section h3, .cta-section h4,
.cta-box h1, .cta-box h2, .cta-box h3, .cta-box h4 {
  color: #FFFFFF !important;
}

.cta-banner .btn, .cta-section .btn, .cta-box .btn,
.cta-banner .btn-primary, .cta-section .btn-primary, .cta-box .btn-primary {
  background: #FF6B35 !important;
  color: #FFFFFF !important;
  border: none !important;
}

/* ---- 6. 深色 hero 区域所有文字保障 ---- */
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5,
.page-hero h1, .page-hero h2, .page-hero h3, .page-hero h4,
.scene-hero h1, .scene-hero h2, .scene-hero h3,
.mission-hero h1, .mission-hero h2, .mission-hero h3,
.contact-hero h1, .contact-hero h2, .contact-hero h3,
.hero-merchant h1, .hero-merchant h2, .hero-merchant h3,
.chat-hero h1, .chat-hero h2, .chat-hero h3 {
  color: #FFFFFF !important;
}

/* hero 强调色 */
.hero h1 .accent, .hero h1 .orange, .hero h1 .hl, .hero h1 em, .hero h1 span,
.hero h2 .accent, .hero h2 .orange, .hero h2 .hl, .hero h2 em, .hero h2 span,
.page-hero h1 .orange, .page-hero h1 span, .page-hero h1 em,
.scene-hero h1 .orange, .scene-hero h1 span, .scene-hero h1 em,
.hero .stat-num, .hero .hero-stat-num, .hero .num,
.hero-stat .num, .hero-stat h3 {
  color: #FF6B35 !important;
}

/* ---- 7. 移动端导航栏文字色 ---- */
@media (max-width: 768px) {
  .nav .nav-logo-text,
  .nav-bar .nav-logo-text,
  .nav .nav-logo,
  .nav .nav-brand,
  .nav-bar .nav-logo,
  .nav-bar .nav-brand {
    color: #1d1d1f !important;
  }
  
  .nav .nav-links a,
  .nav-bar .nav-links a,
  .nav-links a {
    color: #1d1d1f !important;
  }
  
  .nav .nav-links a:hover,
  .nav-bar .nav-links a:hover,
  .nav-links a:hover {
    color: #FF6B35 !important;
  }
}