/**
 * ============================================
 * 星辰星联 - 公共基础样式 (common.css)
 * ============================================
 * 包含：CSS变量、重置样式、基础排版、通用工具类
 * 适用范围：所有页面
 */

/* ============================================
   CSS 自定义属性 (设计系统)
   ============================================ */
:root {
  /* 品牌主色 */
  --primary: #0036FC;
  --primary-color: #0036FC;
  --primary-dark: #0028CC;
  --primary-light: #0036FC;
  --primary-gradient-start: #0036FC;
  --primary-gradient-end: #0036FC;
  
  /* 背景色 */
  --bg-white: #FFFFFF;
  --bg-light: #F8FAFB;
  --bg-dark: #000930;
  --bg-card: rgba(255, 255, 255, 1);
  
  /* 文字颜色 */
  --text-primary: #000930;
  --text-secondary: #64748B;
  --text-muted: #94A3B8;
  --text-white: #FFFFFF;
  --text-white-muted: rgba(255, 255, 255, 0.6);
  --text-white-subtle: rgba(255, 255, 255, 0.4);
  
  /* 边框颜色 */
  --border-light: #E2E8F0;
  --border-medium: rgba(107, 122, 153, 0.3);
  --border-dark: rgba(51, 65, 85, 0.5);
  
  /* 阴影 */
  --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 12px 40px rgba(0, 54, 252, 0.12);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.12);
  --shadow-card-hover: 0 16px 40px rgba(0, 54, 252, 0.1);
  
  /* 间距 */
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 40px;
  --spacing-3xl: 60px;
  --spacing-4xl: 80px;
  
  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 100px;
  
  /* 字体 */
  --font-regular: "HarmonyOS Sans SC", sans-serif;
  --font-medium: "HarmonyOS Sans SC", sans-serif;
  --font-semibold: "HarmonyOS Sans SC", sans-serif;
  --font-bold: "HarmonyOS Sans SC", sans-serif;
  --font-display: "HarmonyOS Sans SC", sans-serif;
  
  /* 字体大小 */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;
  --text-4xl: 28px;
  --text-5xl: 32px;
  --text-6xl: 36px;
  --text-7xl: 40px;
  --text-8xl: 48px;
  --text-9xl: 60px;
  
  /* 布局 */
  --container-max: 1440px;
  --header-height: 72px;
  
  /* 过渡 */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.6s ease;
  --transition-bounce: cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* ============================================
   深色模式 CSS 变量与样式
   主色调: #000930
   ============================================ */

/* 深色模式变量 - 通过 data-theme="dark" 触发 */
[data-theme="dark"] {
  /* 品牌主色 - 保持 #0036FC 不变 */
  --primary: #0036FC;
  --primary-color: #0036FC;
  --primary-dark: #0028CC;
  --primary-light: #3366FF;
  --primary-gradient-start: #0036FC;
  --primary-gradient-end: #3366FF;

  /* 背景色 - 页面/section 使用 #000930，卡片使用浅色透明 */
  --bg-white: #000930;
  --bg-light: #000930;
  --bg-dark: #000930;
  --bg-card: rgba(255, 255, 255, 0.05);

  /* 文字颜色 */
  --text-primary: #E0E0E0;
  --text-secondary: #B0B0B0;
  --text-muted: #808080;
  --text-white: #FFFFFF;
  --text-white-muted: rgba(255, 255, 255, 0.6);
  --text-white-subtle: rgba(255, 255, 255, 0.4);

  /* 边框颜色 */
  --border-light: rgba(255, 255, 255, 0.15);
  --border-medium: rgba(255, 255, 255, 0.12);
  --border-dark: rgba(255, 255, 255, 0.18);

  /* 阴影 - 深色模式下更浅 */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.12);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.25);
  --shadow-card-hover: 0 8px 24px rgba(0, 54, 252, 0.12);
}

/* 系统偏好深色模式 - 仅当用户未手动设置时生效 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #0036FC;
    --primary-color: #0036FC;
    --primary-dark: #0028CC;
    --primary-light: #3366FF;
    --primary-gradient-start: #0036FC;
    --primary-gradient-end: #3366FF;
    --bg-white: #000930;
    --bg-light: #000930;
    --bg-dark: #000930;
    --bg-card: rgba(255, 255, 255, 0.05);
    --text-primary: #E0E0E0;
    --text-secondary: #B0B0B0;
    --text-muted: #808080;
    --text-white: #FFFFFF;
    --text-white-muted: rgba(255, 255, 255, 0.6);
    --text-white-subtle: rgba(255, 255, 255, 0.4);
    --border-light: rgba(255, 255, 255, 0.15);
    --border-medium: rgba(255, 255, 255, 0.2);
    --border-dark: rgba(255, 255, 255, 0.25);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.12);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
    --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.25);
    --shadow-card-hover: 0 8px 24px rgba(0, 54, 252, 0.12);
  }
}

/* 深色模式全局样式 */
[data-theme="dark"] body {
  background-color: #000930;
  color: #E0E0E0;
}

/* 全局文字颜色覆盖 - 确保所有文字在深色背景下变亮 */
/* 排除悬浮组件，保持其原有浅色样式 */
[data-theme="dark"] body,
[data-theme="dark"] p,
[data-theme="dark"] span:not(.fw-container span):not(.fw-main span),
[data-theme="dark"] div:not(.fw-container):not(.fw-main):not([class*="fw-"]):not(.btn-hero-primary):not(.btn-hero-secondary):not([class*="btn"]),
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] li,
[data-theme="dark"] td,
[data-theme="dark"] th,
[data-theme="dark"] label,
[data-theme="dark"] strong,
[data-theme="dark"] em,
[data-theme="dark"] small {
  color: #E0E0E0;
}

/* 悬浮组件 - 深色模式适配 */
/* 先重置所有子元素 */
[data-theme="dark"] .fw-container,
[data-theme="dark"] .fw-container *,
[data-theme="dark"] .fw-main,
[data-theme="dark"] .fw-main *,
[data-theme="dark"] .fw-top-btn,
[data-theme="dark"] .fw-top-btn *,
[data-theme="dark"] .fw-chat-dialog,
[data-theme="dark"] .fw-chat-dialog *,
[data-theme="dark"] .fw-chat-quick-btn,
[data-theme="dark"] .fw-chat-quick-btn *,
[data-theme="dark"] .fw-chat-footer,
[data-theme="dark"] .fw-chat-footer *,
[data-theme="dark"] .fw-chat-input,
[data-theme="dark"] .fw-chat-input *,
[data-theme="dark"] .fw-item,
[data-theme="dark"] .fw-icon,
[data-theme="dark"] .fw-text,
[data-theme="dark"] .fw-tooltip,
[data-theme="dark"] .fw-card-title,
[data-theme="dark"] .fw-card-phone,
[data-theme="dark"] .fw-divider,
[data-theme="dark"] .fw-chat-header,
[data-theme="dark"] .fw-chat-header *,
[data-theme="dark"] .fw-chat-body,
[data-theme="dark"] .fw-chat-body * {
  background-color: transparent !important;
  color: inherit !important;
  border-color: transparent !important;
}

/* 然后为悬浮组件各部分设置深色样式 */
[data-theme="dark"] .fw-main {
  background-color: #1e1e32 !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .fw-top-btn {
  background-color: #1e1e32 !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .fw-chat-dialog {
  background-color: #1a1a2e !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .fw-chat-header {
  background-color: #0036FC !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .fw-chat-body {
  background-color: #1a1a2e !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .fw-chat-quick-btn {
  background-color: #2a2a4a !important;
  color: #5a9fff !important;
  border: 1px solid #5a9fff !important;
}

[data-theme="dark"] .fw-chat-footer {
  background-color: #1a1a2e !important;
  border-top-color: #333355 !important;
}

[data-theme="dark"] .fw-chat-input {
  background-color: #2a2a4a !important;
  border-color: #444466 !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .fw-item {
  color: #e0e0e0 !important;
}

[data-theme="dark"] .fw-icon {
  color: #e0e0e0 !important;
}

[data-theme="dark"] .fw-text {
  color: #b0b0c0 !important;
}

[data-theme="dark"] .fw-tooltip {
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .fw-card-title {
  background-color: transparent !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .fw-card-phone {
  background-color: transparent !important;
  color: #5a9fff !important;
}

/* 悬浮组件弹框卡片 - 深色背景 */
[data-theme="dark"] .fw-popup-card {
  background-color: #1a1a2e !important;
}

[data-theme="dark"] .fw-popup-card::after {
  border-color: transparent transparent transparent #1a1a2e !important;
}

[data-theme="dark"] .fw-divider {
  background-color: #333355 !important;
}

[data-theme="dark"] .header {
  background-color: rgba(0, 9, 48, 0.98);
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .footer {
  background-color: #000930;
}

/* 浅灰背景区块 - 统一使用 #000930 */
[data-theme="dark"] .section-bg-light,
[data-theme="dark"] [class*="bg-light"] {
  background-color: #000930 !important;
}

/* 白色背景区块 - 使用浅色透明 */
[data-theme="dark"] [style*="background-color: #FFFFFF"],
[data-theme="dark"] [style*="background-color: #ffffff"],
[data-theme="dark"] [style*="background-color: rgb(255, 255, 255)"],
[data-theme="dark"] [style*="background-color: rgba(255, 255, 255"] {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 浅灰背景 rgba(248,250,251) / #F8FAFB - section 级别使用深色背景 */
[data-theme="dark"] [style*="background-color: rgba(248, 250, 251"],
[data-theme="dark"] [style*="background-color: #F8FAFB"],
[data-theme="dark"] [style*="background-color: #f8fafb"],
[data-theme="dark"] [style*="background: #F8FAFB"],
[data-theme="dark"] [style*="background: #f8fafb"],
[data-theme="dark"] [class*="bg-light"] {
  background-color: #000930 !important;
}

/* 浅蓝背景 rgba(239,246,255) / #EFF6FF - section 级别使用深色背景 */
[data-theme="dark"] [style*="background-color: rgba(239, 246, 255"],
[data-theme="dark"] [style*="background-color: #EFF6FF"],
[data-theme="dark"] [style*="background-color: #eff6ff"] {
  background-color: #000930 !important;
}

/* 内联 background 简写属性覆盖（如 background:#fff, background:white） */
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background: #FFF"],
[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background:White"] {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 卡片 - 默认透明背景，去除多余浅色 */
/* 只给真正的卡片类（feature-card, product-card, pain-card 等）单独设置背景 */
[data-theme="dark"] .card,
[data-theme="dark"] [class*="card"]:not(.fw-card):not(.fw-popup-card):not(.fw-card-title):not(.fw-card-phone):not(.fw-card-time):not(.fw-card-qr):not(.feature-card):not(.product-card):not(.product-card-tag):not(.pain-card):not(.solution-card):not(.admin-card):not(.news-card):not(.advantage-card) {
  background-color: transparent !important;
}

/* 真正的卡片类 - 使用浅色透明背景 */
/* 注：feature-card, pain-card, advantage-card, product-card 在后面有单独更完整的定义 */
[data-theme="dark"] .solution-card,
[data-theme="dark"] .admin-card,
[data-theme="dark"] .news-card {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* 图片 - 深色模式下略微降低亮度 */
[data-theme="dark"] img {
  opacity: 0.9;
}

[data-theme="dark"] img:hover {
  opacity: 1;
}

/* 全局横屏适配 */
@media (max-width: 768px) and (orientation: landscape) {
  .section-inner {
    padding: 30px 40px;
  }
}

/* 链接 */
[data-theme="dark"] a {
  color: #E0E0E0;
}

[data-theme="dark"] a:hover {
  color: #0036FC;
}

/* 表单元素 */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: #000930;
  color: #E0E0E0;
  border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #808080;
}

/* 表格 */
[data-theme="dark"] table {
  border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] th,
[data-theme="dark"] td {
  border-color: rgba(255, 255, 255, 0.15);
  color: #E0E0E0;
}

[data-theme="dark"] th {
  background-color: #000930;
}

/* 按钮 - 保持 #0036FC 不变 */
[data-theme="dark"] .btn-hero-primary,
[data-theme="dark"] .cta-btn {
  background-color: #0036FC;
  color: #FFFFFF;
}

[data-theme="dark"] .btn-hero-secondary {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: #E0E0E0;
}

/* 导航下拉菜单 - 仅覆盖非导航下拉的其他dropdown元素 */
[data-theme="dark"] [class*="dropdown"]:not(.dropdown-menu):not([class*="dropdown-menu"]):not(.nav-dropdown):not(.dropdown-item):not(.nav-link-dropdown):not(.has-dropdown) {
  background-color: rgba(0, 9, 48, 0.98);
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* 悬浮组件 - 深色模式下保持浅色（不覆盖） */

/* 产品标签 - 深色模式下保留圆角和浅色背景 */
[data-theme="dark"] .hero-tag {
  background-color: rgba(0, 54, 252, 0.15) !important;
  color: #E0E0E0 !important;
  border: 1px solid rgba(0, 54, 252, 0.3) !important;
  border-radius: 100px !important;
}

/* Pixso-frame 背景处理 */
/* 默认所有 Pixso-frame 容器背景透明（去除多余的浅色背景） */
/* 排除按钮类、icon 类、特殊元素 */
[data-theme="dark"] [class^="Pixso-frame-"]:not(.Pixso-frame-2_32):not(.Pixso-frame-2_27):not(.Pixso-frame-2_118):not(.Pixso-frame-2_262):not(.Pixso-frame-2_263):not(.Pixso-frame-2_265):not(.Pixso-frame-2_267):not(.Pixso-frame-2_269):not(.Pixso-frame-2_272):not([class*="btn"]):not(.Pixso-frame-tag-dot):not(.Pixso-frame-contact-icon):not(.Pixso-frame-step-number):not(.Pixso-frame-hero):not(.Pixso-frame-intro):not(.Pixso-frame-stats):not(.Pixso-frame-values):not(.Pixso-frame-contact):not(.Pixso-frame-value-icon):not(.Pixso-frame-cert-tag):not(.Pixso-frame-process-hero):not(.Pixso-frame-process-section):not(.Pixso-frame-why-section):not(.Pixso-frame-cta-section):not(.Pixso-frame-showcase):not(.Pixso-frame-section):not(.Pixso-frame-more-features):not(.Pixso-frame-showcase-image):not(.Pixso-frame-icon):not(.Pixso-frame-why-icon):not(.Pixso-frame-2_56):not(.Pixso-frame-2_66):not(.Pixso-frame-2_77):not(.Pixso-frame-2_90):not(.Pixso-frame-2_96):not(.Pixso-frame-2_105):not(.Pixso-frame-2_112):not(.Pixso-frame-2_119):not(.Pixso-frame-2_229):not(.Pixso-frame-2_234):not(.Pixso-frame-2_239):not(.Pixso-frame-2_244):not(.Pixso-frame-2_249),
[data-theme="dark"] [class*=" Pixso-frame-"]:not(.Pixso-frame-2_32):not(.Pixso-frame-2_27):not(.Pixso-frame-2_118):not(.Pixso-frame-2_262):not(.Pixso-frame-2_263):not(.Pixso-frame-2_265):not(.Pixso-frame-2_267):not(.Pixso-frame-2_269):not(.Pixso-frame-2_272):not([class*="btn"]):not(.Pixso-frame-tag-dot):not(.Pixso-frame-contact-icon):not(.Pixso-frame-step-number):not(.Pixso-frame-hero):not(.Pixso-frame-intro):not(.Pixso-frame-stats):not(.Pixso-frame-values):not(.Pixso-frame-contact):not(.Pixso-frame-value-icon):not(.Pixso-frame-cert-tag):not(.Pixso-frame-process-hero):not(.Pixso-frame-process-section):not(.Pixso-frame-why-section):not(.Pixso-frame-cta-section):not(.Pixso-frame-showcase):not(.Pixso-frame-section):not(.Pixso-frame-more-features):not(.Pixso-frame-showcase-image):not(.Pixso-frame-icon):not(.Pixso-frame-why-icon):not(.Pixso-frame-2_56):not(.Pixso-frame-2_66):not(.Pixso-frame-2_77):not(.Pixso-frame-2_90):not(.Pixso-frame-2_96):not(.Pixso-frame-2_105):not(.Pixso-frame-2_112):not(.Pixso-frame-2_119):not(.Pixso-frame-2_229):not(.Pixso-frame-2_234):not(.Pixso-frame-2_239):not(.Pixso-frame-2_244):not(.Pixso-frame-2_249) {
  background-color: transparent !important;
}

/* 只有在浅色模式下有白色背景的 Pixso-frame 卡片才使用浅色透明背景 */
/* 首页 Hero 区域深色模式渐变 */
[data-theme="dark"] .Pixso-frame-2_1,
[data-theme="dark"] .Pixso-frame-2_2 {
  background: linear-gradient(180deg, #000930 0%, #001040 100%) !important;
  border: none !important;
}

/* 注：value-card、contact-card 等按用户要求也设为透明 */
[data-theme="dark"] .Pixso-frame-process-card,
[data-theme="dark"] .Pixso-frame-why-card,
[data-theme="dark"] .Pixso-frame-feature-card,
[data-theme="dark"] .Pixso-frame-feature-item,
[data-theme="dark"] .Pixso-frame-2_55,
[data-theme="dark"] .Pixso-frame-2_65,
[data-theme="dark"] .Pixso-frame-2_76,
[data-theme="dark"] .Pixso-frame-2_89,
[data-theme="dark"] .Pixso-frame-2_95,
[data-theme="dark"] .Pixso-frame-2_104,
[data-theme="dark"] .Pixso-frame-2_111,
[data-theme="dark"] .Pixso-frame-2_136,
[data-theme="dark"] .Pixso-frame-2_256 {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 首页产品/方案卡片 stroke 边框深色模式覆盖 */
[data-theme="dark"] .stroke-2_55,
[data-theme="dark"] .stroke-2_65,
[data-theme="dark"] .stroke-2_76,
[data-theme="dark"] .stroke-2_89,
[data-theme="dark"] .stroke-2_95,
[data-theme="dark"] .stroke-2_104,
[data-theme="dark"] .stroke-2_111,
[data-theme="dark"] .stroke-2_142,
[data-theme="dark"] .stroke-2_147,
[data-theme="dark"] .stroke-2_152,
[data-theme="dark"] .stroke-2_157,
[data-theme="dark"] .stroke-2_162,
[data-theme="dark"] .stroke-2_167,
[data-theme="dark"] .stroke-2_172,
[data-theme="dark"] .stroke-2_177,
[data-theme="dark"] .stroke-2_182 {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 首页其他 stroke 元素深色模式覆盖 */
[data-theme="dark"] .stroke-2_26,
[data-theme="dark"] .stroke-2_34,
[data-theme="dark"] .stroke-2_107,
[data-theme="dark"] .stroke-2_123,
[data-theme="dark"] .stroke-2_131,
[data-theme="dark"] .stroke-2_194,
[data-theme="dark"] .stroke-2_201,
[data-theme="dark"] .stroke-2_205,
[data-theme="dark"] .stroke-2_213,
[data-theme="dark"] .stroke-2_274 {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 新图标深色模式 */
[data-theme="dark"] .icon-lock,
[data-theme="dark"] .icon-grid {
  filter: brightness(0) invert(1);
}
[data-theme="dark"] .icon-monitor {
  /* 保持原色蓝色 */
}

/* 解决方案页标签 stroke 深色模式覆盖 */
[data-theme="dark"] .stroke-process-tag {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 产品标签和通用标签 stroke 深色模式覆盖 */
[data-theme="dark"] .stroke-product-tag,
[data-theme="dark"] .stroke-tag {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 平台功能卡片 stroke 边框深色模式覆盖 */
[data-theme="dark"] .stroke-feature-card,
[data-theme="dark"] .stroke-feature-item {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 合作流程卡片 stroke 边框深色模式覆盖 */
[data-theme="dark"] .stroke-process-card,
[data-theme="dark"] .stroke-why-card {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 关于我们卡片 stroke 边框深色模式覆盖 */
[data-theme="dark"] .stroke-value-card,
[data-theme="dark"] .stroke-contact-card {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 为按钮类的 Pixso-frame 显式恢复 #0036FC */
[data-theme="dark"] .Pixso-frame-2_32[class^="Pixso-frame-"],
[data-theme="dark"] .Pixso-frame-2_32,
[data-theme="dark"] [class*="Pixso-frame"][style*="background-color: rgb(0, 54, 252)"],
[data-theme="dark"] [class*="Pixso-frame"][style*="background-color: #0036FC"] {
  background-color: #0036FC !important;
  color: #FFFFFF !important;
}

/* icon 方形背景框 - 浅色透明 */
[data-theme="dark"] .Pixso-frame-2_56,
[data-theme="dark"] .Pixso-frame-2_66,
[data-theme="dark"] .Pixso-frame-2_77,
[data-theme="dark"] .Pixso-frame-2_90,
[data-theme="dark"] .Pixso-frame-2_96,
[data-theme="dark"] .Pixso-frame-2_105,
[data-theme="dark"] .Pixso-frame-2_112,
[data-theme="dark"] [class*="Pixso-frame"][style*="background-color: rgba(199, 222, 255"] {
  background-color: rgba(199, 222, 255, 0.15) !important;
}

/* 子页面卡片样式覆盖 - 浅色透明背景 */
[data-theme="dark"] .advantage-card {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* icon 方形背景框 - 浅色透明 */
[data-theme="dark"] .advantage-icon {
  background: rgba(199, 222, 255, 0.15) !important;
}

/* 去除文字容器背景色 */
[data-theme="dark"] .advantage-title,
[data-theme="dark"] .advantage-desc,
[data-theme="dark"] .section-tag,
[data-theme="dark"] .section-title,
[data-theme="dark"] .section-desc,
[data-theme="dark"] .feature-title,
[data-theme="dark"] .feature-desc,
[data-theme="dark"] .pain-title,
[data-theme="dark"] .pain-desc {
  background-color: transparent !important;
}

/* 功能图标保持蓝色渐变（浅色模式下是蓝色的，深色也保持） */
[data-theme="dark"] .solution-features .feature-icon {
  background: linear-gradient(135deg, #0036FC 0%, #0036FC 100%) !important;
}

/* 痛点图标 - 深色模式下保持蓝色渐变 */
[data-theme="dark"] .pain-icon {
  background: linear-gradient(135deg, rgba(0, 54, 252, 0.3) 0%, rgba(0, 54, 252, 0.3) 100%) !important;
}

/* 痛点卡片 - 浅色透明 */
[data-theme="dark"] .pain-card {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* 子页面 section 级别背景覆盖 - 覆盖子页面 <style> 标签中的硬编码背景色 */
[data-theme="dark"] .pain-points {
  background-color: #000930 !important;
}

[data-theme="dark"] .solution-features {
  background-color: #000930 !important;
}

/* advantages section 覆盖为 #000930 */
[data-theme="dark"] .advantages {
  background-color: #000930 !important;
}

/* about 页面 section 背景覆盖 */
html[data-theme="dark"] .Pixso-frame-hero,
html[data-theme="dark"] .Pixso-frame-intro,
html[data-theme="dark"] .Pixso-frame-stats,
html[data-theme="dark"] .Pixso-frame-values,
html[data-theme="dark"] .Pixso-frame-contact {
  background-color: #000930 !important;
}

/* about 页面卡片浅色透明 */
[data-theme="dark"] .Pixso-frame-value-card,
[data-theme="dark"] .Pixso-frame-contact-card {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* about 页面卡片 hover 动效 */
.Pixso-frame-value-card,
.Pixso-frame-contact-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.Pixso-frame-value-card:hover,
.Pixso-frame-contact-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0, 54, 252, 0.12);
  border-color: #0036FC !important;
}

/* about 页面 icon 方形背景框浅色透明 */
html[data-theme="dark"] .Pixso-frame-value-icon {
  background-color: rgba(199, 222, 255, 0.15) !important;
}

/* about 页面 contact-icon 保持蓝色（浅色模式下是蓝色的） */
html[data-theme="dark"] .Pixso-frame-contact-icon {
  background-color: rgba(0, 25, 255, 1) !important;
}

/* about 页面 cert-tag 浅色透明背景 */
html[data-theme="dark"] .Pixso-frame-cert-tag {
  background-color: rgba(0, 54, 252, 0.15) !important;
  border-color: rgba(0, 54, 252, 0.3) !important;
}

/* about 页面文字容器去除背景色 */
[data-theme="dark"] .Pixso-paragraph-section-tag,
[data-theme="dark"] .Pixso-paragraph-section-title,
[data-theme="dark"] .Pixso-paragraph-section-subtitle,
[data-theme="dark"] .Pixso-paragraph-intro-title,
[data-theme="dark"] .Pixso-paragraph-intro-text,
[data-theme="dark"] .Pixso-paragraph-hero-title,
[data-theme="dark"] .Pixso-paragraph-hero-subtitle,
[data-theme="dark"] .Pixso-paragraph-value-title,
[data-theme="dark"] .Pixso-paragraph-value-desc,
[data-theme="dark"] .Pixso-paragraph-stat-number,
[data-theme="dark"] .Pixso-paragraph-stat-label,
[data-theme="dark"] .Pixso-paragraph-contact-title,
[data-theme="dark"] .Pixso-paragraph-contact-desc,
[data-theme="dark"] .Pixso-paragraph-cert-tag,
[data-theme="dark"] .Pixso-paragraph-tag,
[data-theme="dark"] .Pixso-paragraph-hero-tag {
  background-color: transparent !important;
}

/* about 页面 tag-dot 在深色模式下保持可见 - 白色 */
html[data-theme="dark"] .Pixso-frame-tag-dot {
  background-color: #FFFFFF !important;
}

/* process 页面 section 背景覆盖 */
[data-theme="dark"] .Pixso-frame-process-hero,
[data-theme="dark"] .Pixso-frame-process-section,
[data-theme="dark"] .Pixso-frame-why-section,
[data-theme="dark"] .Pixso-frame-cta-section {
  background-color: #000930 !important;
}

/* process 页面卡片浅色透明 */
[data-theme="dark"] .Pixso-frame-process-card,
[data-theme="dark"] .Pixso-frame-why-card {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* process 页面 step-number 保持蓝色 #0036FC */
html[data-theme="dark"] .Pixso-frame-step-number {
  background-color: #0036FC !important;
}

/* process 页面 why-icon 浅色透明 */
html[data-theme="dark"] .Pixso-frame-why-icon {
  background-color: rgba(199, 222, 255, 0.15) !important;
}

/* process 页面文字容器去除背景色 */
[data-theme="dark"] .Pixso-paragraph-process-label,
[data-theme="dark"] .Pixso-paragraph-process-heading,
[data-theme="dark"] .Pixso-paragraph-process-desc,
[data-theme="dark"] .Pixso-paragraph-process-title,
[data-theme="dark"] .Pixso-paragraph-process-tag,
[data-theme="dark"] .Pixso-paragraph-why-label,
[data-theme="dark"] .Pixso-paragraph-why-title,
[data-theme="dark"] .Pixso-paragraph-why-desc,
[data-theme="dark"] .Pixso-paragraph-why-feature-title,
[data-theme="dark"] .Pixso-paragraph-why-feature-desc,
[data-theme="dark"] .Pixso-paragraph-why-card-title,
[data-theme="dark"] .Pixso-paragraph-why-card-desc,
[data-theme="dark"] .Pixso-paragraph-step-number,
[data-theme="dark"] .Pixso-paragraph-step-title,
[data-theme="dark"] .Pixso-paragraph-step-desc,
[data-theme="dark"] .Pixso-paragraph-cta-title,
[data-theme="dark"] .Pixso-paragraph-cta-desc {
  background-color: transparent !important;
}

/* platform 页面 section 背景覆盖 */
[data-theme="dark"] .Pixso-frame-showcase,
[data-theme="dark"] .Pixso-frame-section,
[data-theme="dark"] .Pixso-frame-more-features {
  background-color: #000930 !important;
}

/* platform 页面 showcase-image 容器 */
[data-theme="dark"] .Pixso-frame-showcase-image {
  background-color: transparent !important;
}

/* platform 页面卡片浅色透明 */
[data-theme="dark"] .Pixso-frame-feature-card,
[data-theme="dark"] .Pixso-frame-feature-item {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* platform 页面 icon 方形背景框浅色透明 */
html[data-theme="dark"] .Pixso-frame-icon {
  background-color: rgba(199, 222, 255, 0.15) !important;
}

/* platform 页面按钮保持 #0036FC */
[data-theme="dark"] .Pixso-frame-btn-primary {
  background-color: rgba(0, 54, 252, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

/* platform 页面文字容器去除背景色 */
[data-theme="dark"] .Pixso-paragraph-section-tag,
[data-theme="dark"] .Pixso-paragraph-section-title,
[data-theme="dark"] .Pixso-paragraph-section-subtitle,
[data-theme="dark"] .Pixso-paragraph-feature-title,
[data-theme="dark"] .Pixso-paragraph-feature-desc,
[data-theme="dark"] .Pixso-paragraph-showcase-title,
[data-theme="dark"] .Pixso-paragraph-showcase-desc,
[data-theme="dark"] .Pixso-paragraph-title,
[data-theme="dark"] .Pixso-paragraph-tag,
[data-theme="dark"] .Pixso-paragraph-btn-primary,
[data-theme="dark"] .Pixso-paragraph-btn-outline {
  background-color: transparent !important;
}

/* advantages-grid 去除蓝色背景 */
[data-theme="dark"] .advantages-grid {
  background-color: transparent !important;
}

/* 覆盖渐变色背景为深色渐变 */
/* 使用 html[data-theme="dark"] 增加特异性，覆盖 index.html 内联样式 */
html[data-theme="dark"] .fill-线性渐变-78_2,
html[data-theme="dark"] [class*="fill-线性渐变"],
html[data-theme="dark"] .fill-gradient-78_2,
html[data-theme="dark"] [class*="fill-gradient"] {
  background-image: none !important;
  background: linear-gradient(180deg, #000930 0%, #001040 100%) !important;
}

/* 覆盖SVG渐变背景 - 针对内联 style 和 CSS 规则 */
html[data-theme="dark"] [style*="background-image: url\"data:image/svg+xml"],
html[data-theme="dark"] [style*="linearGradient"] {
  background-image: none !important;
  background-color: #000930 !important;
}

/* CTA 区域深色模式 */
html[data-theme="dark"] .cta-section {
  background-image: none !important;
  background-color: #000930 !important;
}

/* 平台展示区域深色模式 - 覆盖SVG渐变背景 */
html[data-theme="dark"] .Pixso-frame-2_187,
html[data-theme="dark"] .Pixso-frame-2_194,
html[data-theme="dark"] .Pixso-frame-2_201,
html[data-theme="dark"] .Pixso-frame-2_205,
html[data-theme="dark"] .Pixso-frame-2_213 {
  background-image: none !important;
  background-color: transparent !important;
}

/* Hero 区域深色模式 - 覆盖SVG渐变背景（about、platform 页面） */
html[data-theme="dark"] .Pixso-frame-hero {
  background-image: none !important;
  background: linear-gradient(180deg, #000930 0%, #001040 100%) !important;
}

/* Process Hero 区域深色模式 - 覆盖SVG渐变背景（process、solutions 页面） */
html[data-theme="dark"] .Pixso-frame-process-hero {
  background-image: none !important;
  background: linear-gradient(180deg, #000930 0%, #001040 100%) !important;
}

/* 英文版渐变 class 深色模式覆盖 */
html[data-theme="dark"] [class*="fill-linear-gradient"] {
  background-image: none !important;
  background: linear-gradient(180deg, #000930 0%, #001040 100%) !important;
}

/* 首页遗漏的 SVG 渐变背景覆盖 */
html[data-theme="dark"] .Pixso-frame-2_118 {
  background-image: none !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .Pixso-frame-2_287 {
  background-image: none !important;
  background-color: #000930 !important;
}

[data-theme="dark"] .site-header,
[data-theme="dark"] #site-header {
  background-color: rgba(0, 9, 48, 0.98) !important;
}

/* ============================================
   产品页深色模式覆盖
   ============================================ */

/* 产品页 features-section / scenes-section 浅灰背景 -> 深色 */
[data-theme="dark"] .features-section,
[data-theme="dark"] .scenes-section {
  background-color: #000930 !important;
}

/* 产品页 specs-table hover 行 */
[data-theme="dark"] .specs-table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 产品页 feature-icon 保持蓝色渐变，背景方块放大 */
[data-theme="dark"] .features-section .feature-icon {
  background: linear-gradient(135deg, #0036FC 0%, #0036FC 100%) !important;
  padding: 12px !important;
  border-radius: 12px !important;
  box-sizing: content-box !important;
}

[data-theme="dark"] .features-section .feature-icon svg {
  width: 48px !important;
  height: 48px !important;
}

/* 产品页 feature-title / feature-desc 文字容器去除背景色 */
[data-theme="dark"] .features-section .feature-title,
[data-theme="dark"] .features-section .feature-desc,
[data-theme="dark"] .scenes-section .scene-title,
[data-theme="dark"] .scenes-section .scene-desc {
  background-color: transparent !important;
}

/* 产品页 section-tag / section-title 文字容器去除背景色 */
[data-theme="dark"] .product-section .section-tag,
[data-theme="dark"] .product-section .section-title,
[data-theme="dark"] .product-section .section-desc {
  background-color: transparent !important;
}

/* ============================================
   解决方案页英文版 .page-header 深色模式覆盖
   ============================================ */

[data-theme="dark"] .page-header {
  background: linear-gradient(180deg, #000930 0%, #001040 100%) !important;
}

[data-theme="dark"] .page-header h1,
[data-theme="dark"] .page-header p,
[data-theme="dark"] .page-header .breadcrumb {
  color: #E0E0E0 !important;
}

[data-theme="dark"] .page-header .breadcrumb a {
  color: rgba(199, 222, 255, 0.8) !important;
}

/* ============================================
   Admin 后台深色模式覆盖
   ============================================ */

[data-theme="dark"] .admin-container,
[data-theme="dark"] .admin-sidebar,
[data-theme="dark"] .admin-content {
  background-color: #000930 !important;
  color: #E0E0E0 !important;
}

[data-theme="dark"] .admin-card {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* ============================================
   body 级别背景覆盖（加强特异性，覆盖 <style> 中的 body { background-color: white }）
   ============================================ */
[data-theme="dark"] body {
  background-color: #000930 !important;
}

/* ============================================
   产品详情页深色模式补充覆盖
   ============================================ */

/* feature-card - 覆盖 <style> 中的 background: #fff */
[data-theme="dark"] .feature-card {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* specs-table 边框和文字颜色 */
[data-theme="dark"] .specs-table-wrap {
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

[data-theme="dark"] .specs-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #E0E0E0 !important;
}

[data-theme="dark"] .specs-table th {
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
}

/* 产品详情页标题文字颜色 - 覆盖 <style> 中的 color: #000930 */
[data-theme="dark"] .section-title,
[data-theme="dark"] .feature-card h3,
[data-theme="dark"] .scenes-content h3 {
  color: #E0E0E0 !important;
}

/* 产品详情页特色卡片描述文字 */
[data-theme="dark"] .feature-card p {
  color: #FFFFFF !important;
}

/* ============================================
   产品列表页深色模式覆盖
   ============================================ */

/* 产品列表页 hero 区域白色渐变 */
[data-theme="dark"] .Pixso-frame-product-hero {
  background: linear-gradient(180deg, #000930 0%, #001040 100%) !important;
}

/* 筛选区域 */
[data-theme="dark"] .filter-section {
  background-color: #000930 !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

/* 产品网格区域 */
[data-theme="dark"] .product-grid {
  background-color: #000930 !important;
}

/* 产品卡片 */
[data-theme="dark"] .product-card {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* 筛选标签非激活状态 */
[data-theme="dark"] .filter-tab:not(.active) {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #B0B0B0 !important;
}

/* 分页按钮非激活状态 */
[data-theme="dark"] .next-pagination .page-btn:not(.active) {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #B0B0B0 !important;
}

/* ============================================
   解决方案页文字颜色覆盖
   ============================================ */
[data-theme="dark"] .pain-title,
[data-theme="dark"] .feature-title {
  color: #E0E0E0 !important;
}

[data-theme="dark"] .Pixso-paragraph-process-tag,
[data-theme="dark"] .Pixso-paragraph-process-subtitle {
  color: #E0E0E0 !important;
}

/* ============================================
   Admin 内联样式覆盖
   ============================================ */
[data-theme="dark"] select[style*="background:#fff"],
[data-theme="dark"] select[style*="background:white"],
[data-theme="dark"] select[style*="background: #fff"],
[data-theme="dark"] select[style*="background: #FFF"] {
  background-color: #000930 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #E0E0E0 !important;
}

/* ============================================
   Pixso 文字颜色深色模式覆盖
   覆盖 <style> 标签中 color: rgba(0, 9, 48, 1) 的深色文字
   ============================================ */

/* About 页面 */
[data-theme="dark"] .Pixso-paragraph-tag,
[data-theme="dark"] .Pixso-paragraph-hero-subtitle {
  color: #E0E0E0 !important;
}

/* Platform 页面 */
[data-theme="dark"] .Pixso-paragraph-subtitle {
  color: #E0E0E0 !important;
}

/* 产品列表页 */
[data-theme="dark"] .Pixso-paragraph-product-tag,
[data-theme="dark"] .Pixso-paragraph-product-subtitle {
  color: #E0E0E0 !important;
}

/* Process 页面 - 标题在深色模式下为白色 */
[data-theme="dark"] .Pixso-paragraph-process-title {
  color: #FFFFFF !important;
}

/* 通用 Pixso 段落文字覆盖 - 覆盖所有遗漏的 rgba(0, 9, 48, 1) 文字 */
[data-theme="dark"] [class*="Pixso-paragraph-"] {
  color: #E0E0E0 !important;
}

/* 但保留白色标题 */
[data-theme="dark"] .Pixso-paragraph-process-title,
[data-theme="dark"] .Pixso-paragraph-product-title,
[data-theme="dark"] .Pixso-paragraph-hero-title {
  color: #FFFFFF !important;
}

/* ============================================
   用户反馈问题修复
   ============================================ */

/* 图1：首页解决方案卡片ICON浅色圆角背景 */
[data-theme="dark"] .Pixso-frame-2_56,
[data-theme="dark"] .Pixso-frame-2_66,
[data-theme="dark"] .Pixso-frame-2_77,
[data-theme="dark"] .Pixso-frame-2_90,
[data-theme="dark"] .Pixso-frame-2_96,
[data-theme="dark"] .Pixso-frame-2_105,
[data-theme="dark"] .Pixso-frame-2_112,
[data-theme="dark"] .Pixso-frame-2_119 {
  background-color: rgba(199, 222, 255, 0.15) !important;
}

/* 图1：最后一张卡片（其他行业方案）恢复渐变背景 */
[data-theme="dark"] .Pixso-frame-2_118 {
  background: linear-gradient(180deg, rgba(0, 54, 252, 0.3) 0%, rgba(0, 54, 252, 0.1) 100%) !important;
}

/* 图2：联系我们按钮恢复 #0036FC */
[data-theme="dark"] .contact-btn,
[data-theme="dark"] .btn-contact,
[data-theme="dark"] a[href*="contact"].btn,
[data-theme="dark"] .about-contact-btn {
  background-color: #0036FC !important;
  color: #FFFFFF !important;
}

/* 图3：立即咨询按钮恢复 #0036FC */
[data-theme="dark"] .consult-btn,
[data-theme="dark"] .btn-consult,
[data-theme="dark"] .Pixso-frame-btn-primary,
[data-theme="dark"] .btn-hero-primary {
  background-color: #0036FC !important;
  color: #FFFFFF !important;
}

/* 图4：规格表文字对齐修复 */
[data-theme="dark"] .specs-table td:first-child {
  text-align: left !important;
}

/* 图5：联系卡片高度一致 */
[data-theme="dark"] .contact-card,
[data-theme="dark"] .Pixso-frame-contact-card {
  min-height: 200px !important;
}

/* 图6：产品名称颜色修复 */
[data-theme="dark"] .product-name,
[data-theme="dark"] .product-title,
[data-theme="dark"] .Pixso-paragraph-product-name {
  color: #FFFFFF !important;
}

/* 图6：去除第三段文字背景 */
[data-theme="dark"] .product-desc-third,
[data-theme="dark"] .Pixso-frame-product-desc-third {
  background-color: transparent !important;
}

/* 图7：产品中心标签背景修复 */
[data-theme="dark"] .product-center-tag,
[data-theme="dark"] .Pixso-frame-product-tag {
  background-color: rgba(0, 54, 252, 0.2) !important;
  border-radius: 4px !important;
}

/* ============================================
   2024-06-05 用户反馈问题修复（10张截图）
   ============================================ */

/* ===== 图1：导航logo白色文字，下拉菜单改回浅色模式浅色 ===== */
/* 浅色模式显示彩色logo，隐藏白色logo */
.logo-img-default { display: block !important; }
.logo-img-dark { display: none !important; }

/* 深色模式显示白色logo，隐藏彩色logo */
[data-theme="dark"] .logo-img-default { display: none !important; }
[data-theme="dark"] .logo-img-dark { display: block !important; }

/* 移除之前的filter反转 */
[data-theme="dark"] .logo-img,
[data-theme="dark"] .header .logo img,
[data-theme="dark"] .site-header .logo img {
  filter: none !important;
}

/* 下拉菜单改回浅色模式 - 白色背景，无额外投影 */
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .nav-dropdown {
  background: #FFFFFF !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .dropdown-item,
[data-theme="dark"] .nav-dropdown .dropdown-item {
  color: #333333 !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .nav-dropdown .dropdown-item:hover {
  background-color: rgba(0, 54, 252, 0.08) !important;
  color: #0036FC !important;
}

/* 深色模式导航下拉容器去除背景色与投影 */
[data-theme="dark"] .nav-item.has-dropdown,
[data-theme="dark"] .nav-link-wrapper {
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== 图2：首页解决方案最后一张卡片恢复颜色/边框 ===== */
/* 最后一张卡片（其他行业方案）恢复边框 */
[data-theme="dark"] .Pixso-frame-2_118 {
  background: linear-gradient(180deg, rgba(0, 54, 252, 0.25) 0%, rgba(0, 54, 252, 0.08) 100%) !important;
  border: 1px solid rgba(0, 54, 252, 0.3) !important;
}

/* ===== 图2b：首页hero标签圆点白色 ===== */
[data-theme="dark"] .Pixso-frame-2_27 {
  background-color: #FFFFFF !important;
}

/* ===== 图3：首页联系我们按钮恢复#0036FC + 资质标签恢复圆角背景 ===== */
/* 联系我们按钮 */
[data-theme="dark"] .Pixso-frame-2_272 {
  background-color: #0036FC !important;
  color: #FFFFFF !important;
}

/* 资质标签大容器去除背景 */
[data-theme="dark"] .Pixso-frame-2_262 {
  background-color: transparent !important;
  border-radius: 0 !important;
}

/* 资质标签恢复圆角背景 */
[data-theme="dark"] .Pixso-frame-2_263,
[data-theme="dark"] .Pixso-frame-2_265,
[data-theme="dark"] .Pixso-frame-2_267,
[data-theme="dark"] .Pixso-frame-2_269 {
  background-color: rgba(0, 54, 252, 0.1) !important;
  border-radius: 100px !important;
}

[data-theme="dark"] .Pixso-paragraph-2_264,
[data-theme="dark"] .Pixso-paragraph-2_266,
[data-theme="dark"] .Pixso-paragraph-2_268,
[data-theme="dark"] .Pixso-paragraph-2_270 {
  color: #E0E0E0 !important;
}

/* CTA区域的免费咨询按钮 */
[data-theme="dark"] .cta-section .btn-primary,
[data-theme="dark"] .cta-section a[href*="contact"],
[data-theme="dark"] #cta-section .btn-primary {
  background-color: #0036FC !important;
  color: #FFFFFF !important;
}

/* ===== 图4-5：解决方案卡片和行业痛点卡片去除多余背景色 ===== */
/* 卡片内部容器去除多余背景 */
[data-theme="dark"] .Pixso-frame-2_187,
[data-theme="dark"] .Pixso-frame-2_194,
[data-theme="dark"] .Pixso-frame-2_201,
[data-theme="dark"] .Pixso-frame-2_205,
[data-theme="dark"] .Pixso-frame-2_213,
[data-theme="dark"] .Pixso-frame-2_287 {
  background-color: transparent !important;
  background-image: none !important;
}

/* 行业痛点卡片内部容器 */
[data-theme="dark"] .pain-card .Pixso-frame-2_187,
[data-theme="dark"] .pain-card .Pixso-frame-2_194,
[data-theme="dark"] .solution-card .Pixso-frame-2_201,
[data-theme="dark"] .solution-card .Pixso-frame-2_205 {
  background-color: transparent !important;
}

/* 解决方案卡片最后一个边框白色 */
[data-theme="dark"] .solution-features .feature-card:last-child,
[data-theme="dark"] .solution-features > div:last-child .feature-card {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* icon小方框背景统一 - 与卡片背景一致（排除产品详情页） */
[data-theme="dark"] .solution-features .feature-icon,
[data-theme="dark"] .feature-card .feature-icon:not(.features-section .feature-card .feature-icon),
[data-theme="dark"] .pain-card .pain-icon {
  background: rgba(199, 222, 255, 0.15) !important;
  border-radius: 12px !important;
}

/* ===== 图6：产品展示index产品名称颜色修复，第三段文字背景去除 ===== */
/* 产品卡片标题颜色修复 */
[data-theme="dark"] .product-card-body h3,
[data-theme="dark"] .product-card h3,
[data-theme="dark"] .product-grid .product-card h3 {
  color: #E0E0E0 !important;
}

/* 产品卡片描述文字颜色 */
[data-theme="dark"] .product-card-body .desc,
[data-theme="dark"] .product-card-body .tags {
  color: #B0B0B0 !important;
}

/* 第三段文字（tags）背景去除 - 所有模式 */
.product-card-body .tags {
  background-color: transparent !important;
}

/* 深色模式产品卡片标签保持#0036FC */
[data-theme="dark"] .product-card-tag {
  background: #0036FC !important;
  color: #fff !important;
}

/* 产品列表页hero副标题 */
[data-theme="dark"] .Pixso-paragraph-product-subtitle {
  color: #E0E0E0 !important;
}

/* ===== 图7：各页面hero小标签超出圆角背景修复，圆点和大字颜色统一 ===== */
/* hero小标签容器背景去除，圆点和文字统一白色 */
[data-theme="dark"] .Pixso-frame-product-tag,
[data-theme="dark"] .Pixso-frame-process-tag,
[data-theme="dark"] .Pixso-frame-tag,
[data-theme="dark"] .hero-tag-container,
[data-theme="dark"] [class*="hero-tag"]:not(.Pixso-paragraph-hero-tag):not(.Pixso-paragraph-product-tag):not(.hero-tag) {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* 圆点颜色统一为白色 */
[data-theme="dark"] .Pixso-frame-tag-dot,
[data-theme="dark"] .tag-dot,
[data-theme="dark"] .hero-tag-dot,
[data-theme="dark"] .Pixso-dot {
  background-color: #FFFFFF !important;
}

/* 标签文字统一白色 */
[data-theme="dark"] .Pixso-paragraph-process-tag,
[data-theme="dark"] .Pixso-paragraph-hero-tag,
[data-theme="dark"] .Pixso-paragraph-product-tag {
  color: #FFFFFF !important;
}

/* hero大字（标题）颜色统一 - 白色 */
[data-theme="dark"] .Pixso-paragraph-product-title,
[data-theme="dark"] .Pixso-paragraph-hero-title,
[data-theme="dark"] .Pixso-paragraph-title,
[data-theme="dark"] .Pixso-paragraph-process-title,
[data-theme="dark"] .page-hero h1,
[data-theme="dark"] .product-hero h1,
[data-theme="dark"] .hero-content h1 {
  color: #FFFFFF !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background-clip: unset !important;
}

/* ===== 图7b：产品详情页hero区域样式修复 ===== */
/* hero-tags标签容器去除圆角、边框、背景 */
[data-theme="dark"] .hero-tags,
[data-theme="dark"] .Pixso-frame-product-tag {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* hero-content容器去除背景色和投影 */
[data-theme="dark"] .hero-content,
[data-theme="dark"] .frame-content-product-hero {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* hero-image容器去除背景色和投影 */
[data-theme="dark"] .hero-image,
[data-theme="dark"] .product-hero-image {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ===== 图8：hero横幅中其他背景色去除 ===== */
/* hero区域统一背景 */
[data-theme="dark"] .hero-section,
[data-theme="dark"] .page-hero,
[data-theme="dark"] .product-hero,
[data-theme="dark"] .frame-content-product-hero {
  background: linear-gradient(180deg, #000930 0%, #001040 100%) !important;
}

/* 去除hero中不应出现的背景色 - 排除标签圆点和标签容器 */
[data-theme="dark"] .hero-section [class*="Pixso-frame"]:not(.Pixso-frame-2_27):not(.Pixso-frame-tag-dot):not(.Pixso-frame-process-tag):not(.Pixso-frame-tag),
[data-theme="dark"] .page-hero [class*="Pixso-frame"]:not(.Pixso-frame-2_27):not(.Pixso-frame-tag-dot):not(.Pixso-frame-process-tag):not(.Pixso-frame-tag),
[data-theme="dark"] .product-hero [class*="Pixso-frame"]:not(.Pixso-frame-2_27):not(.Pixso-frame-tag-dot):not(.Pixso-frame-process-tag):not(.Pixso-frame-tag) {
  background-color: transparent !important;
}

/* ===== 图9：icon小方框背景统一圆角 ===== */
/* icon背景框统一圆角 */
[data-theme="dark"] .Pixso-frame-2_56,
[data-theme="dark"] .Pixso-frame-2_66,
[data-theme="dark"] .Pixso-frame-2_77,
[data-theme="dark"] .Pixso-frame-2_90,
[data-theme="dark"] .Pixso-frame-2_96,
[data-theme="dark"] .Pixso-frame-2_105,
[data-theme="dark"] .Pixso-frame-2_112,
[data-theme="dark"] .Pixso-frame-2_119,
[data-theme="dark"] .feature-icon,
[data-theme="dark"] .pain-icon,
[data-theme="dark"] .advantage-icon {
  border-radius: 12px !important;
}

/* ===== 图10：产品详情页技术规格表格文字对齐修复 ===== */
/* 规格表统一左对齐，避免错乱 */
.specs-table th,
.specs-table td {
  text-align: left !important;
  vertical-align: middle !important;
}

.specs-table th:first-child,
.specs-table td:first-child {
  text-align: left !important;
  padding-left: 24px !important;
}

.specs-table th:last-child,
.specs-table td:last-child {
  text-align: left !important;
  padding-right: 24px !important;
}

/* 深色模式规格表 - 已在上文定义，此处删除重复规则 */

/* ============================================
   通用内联样式补充覆盖
   ============================================ */

/* 覆盖内联 background-color:rgb(255,255,255) 无空格格式 */
[data-theme="dark"] [style*="background-color:rgb(255"] {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 覆盖内联 background-color:#fff 无空格格式 */
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color:#FFF"] {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 覆盖内联 background-color:white 格式 */
[data-theme="dark"] [style*="background-color:white"],
[data-theme="dark"] [style*="background-color:White"] {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 覆盖内联浅灰背景 #F1F5F9 */
[data-theme="dark"] [style*="background-color: #F1F5F9"],
[data-theme="dark"] [style*="background-color: #f1f5f9"],
[data-theme="dark"] [style*="background: #F1F5F9"],
[data-theme="dark"] [style*="background: #f1f5f9"] {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* 覆盖内联浅色边框 */
[data-theme="dark"] [style*="border-color: #E2E8F0"],
[data-theme="dark"] [style*="border-color: #e2e8f0"],
[data-theme="dark"] [style*="border: 1px solid #E2E8F0"],
[data-theme="dark"] [style*="border: 1px solid #e2e8f0"],
[data-theme="dark"] [style*="border:1px solid #E2E8F0"],
[data-theme="dark"] [style*="border:1px solid #e2e8f0"] {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 深色模式切换过渡 */
body,
.header,
.footer,
.card,
.section-bg-light,
input,
textarea,
select,
table,
th,
td,
.btn-hero-primary,
.cta-btn {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* ============================================
   重置样式 (Reset)
   ============================================ */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font-regular);
  font-size: var(--text-base);
  color: var(--text-primary);
  background-color: var(--bg-white);
  line-height: 1.5;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
  transition: color var(--transition-fast);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 背景图片懒加载过渡 */
[data-bg] {
  opacity: 0;
  transition: opacity 0.4s ease;
}
[data-bg].bg-loaded {
  opacity: 1;
}

svg {
  max-width: 100%;
  height: auto;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
}

ul, ol {
  list-style: none;
}

/* 全局文字溢出防护 */
p, span, h1, h2, h3, h4, h5, h6, li, a, label, td, th {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* ============================================
   基础排版 (Typography)
   ============================================ */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-bold);
  font-weight: bold;
  line-height: 1.3;
}

p {
  line-height: 1.6;
}

/* ============================================
   通用工具类 (Utilities)
   ============================================ */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-4 { gap: 4px; }
.gap-8 { gap: 8px; }
.gap-12 { gap: 12px; }
.gap-16 { gap: 16px; }
.gap-24 { gap: 24px; }

.w-full { width: 100%; }
.h-full { height: 100%; }

.relative { position: relative; }
.absolute { position: absolute; }

.hidden { display: none; }
.block { display: block; }
.inline-block { display: inline-block; }

.overflow-hidden { overflow: hidden; }

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

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

.cursor-pointer { cursor: pointer; }

/* 不换行 */
.whitespace-nowrap { white-space: nowrap; }

/* ============================================
   容器布局 (Container)
   ============================================ */
.container-inner {
  max-width: var(--container-max);
  margin: 0 auto;
  width: 100%;
}

.section-inner {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: var(--spacing-4xl) 110px;
}

/* ============================================
   响应式断点变量
   ============================================ */
@media (max-width: 1024px) {
  :root {
    --section-padding-x: 40px;
  }
  
  .section-inner {
    padding: 60px 40px;
  }
}

@media (max-width: 768px) {
  :root {
    --section-padding-x: 20px;
  }
  
  .section-inner {
    padding: 40px 20px;
  }
}

/* 移动端 hero margin-top 适配（导航高度 64px） */
@media (max-width: 768px) {
  body { padding-top: var(--header-height-mobile) !important; }

  .hero,
  .Pixso-frame-process-hero,
  .Pixso-frame-product-hero,
  .page-header {
    margin-top: 64px !important;
  }
}

@media (max-width: 480px) {
  :root {
    --section-padding-x: 16px;
  }
  
  .section-inner {
    padding: 30px 16px;
  }
}

/* ============================================
   全局 SVG Icon 统一粗细和风格
   ============================================ */

/* 统一所有 SVG icon 的 stroke-width 和线条风格 */
.pain-icon svg,
.feature-icon svg,
.advantage-icon svg,
.Pixso-vector-value-icon,
.Pixso-vector-contact-icon,
.Pixso-vector-icon,
.Pixso-vector-why-icon,
.feature-list-icon svg,
.contact-icon svg,
.about-tag svg,
.hero-feature-item svg {
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ============================================
   深色模式 - 全局 SVG Icon 统一白色
   ============================================ */

/* 深色模式下所有 SVG icon 的 stroke 统一为白色 */
[data-theme="dark"] .pain-icon svg,
[data-theme="dark"] .feature-icon svg,
[data-theme="dark"] .advantage-icon svg,
[data-theme="dark"] .Pixso-vector-value-icon,
[data-theme="dark"] .Pixso-vector-icon,
[data-theme="dark"] .Pixso-vector-why-icon,
[data-theme="dark"] .feature-list-icon svg,
[data-theme="dark"] .contact-icon svg,
[data-theme="dark"] .about-tag svg,
[data-theme="dark"] .hero-feature-item svg {
  stroke: #FFFFFF !important;
}

/* 深色模式下 about 页面 contact-icon 保持白色（已经是白色，确保一致性） */
[data-theme="dark"] .Pixso-vector-contact-icon {
  stroke: #FFFFFF !important;
}

/* 深色模式下产品详情页面包屑箭头 */
[data-theme="dark"] .breadcrumb svg {
  stroke: #FFFFFF !important;
}

/* 深色模式下产品详情页筛选 icon */
[data-theme="dark"] .filter-icon svg {
  stroke: #FFFFFF !important;
}

/* 深色模式下首页 PNG icon 反色处理 */
[data-theme="dark"] .Pixso-frame-2_56,
[data-theme="dark"] .Pixso-frame-2_66,
[data-theme="dark"] .Pixso-frame-2_76,
[data-theme="dark"] .Pixso-frame-2_90,
[data-theme="dark"] .Pixso-frame-2_96,
[data-theme="dark"] .Pixso-frame-2_100,
[data-theme="dark"] .Pixso-frame-2_105,
[data-theme="dark"] .Pixso-frame-2_112,
[data-theme="dark"] .Pixso-frame-2_119 {
  filter: brightness(0) invert(1);
  opacity: 1;
}