/* 浅色主题（官网默认）：html[data-theme="light"] 时生效；?theme=dark 可切回深色。
   底色雾白 + 白卡片，品牌蓝做结构色，品牌橙仍是唯一强调色（CTA / 关键数字）。
   照片类卡片（对讲机、AI NAS、场景条、宣传片封面）保留深色压暗层，保证白字可读。 */

html[data-theme="light"] {
  --ink: #f5f8fd;
  --ink-2: #ffffff;
  --navy: #eaf0fb;
  --navy-2: #dbe6fb;
  --blue: #2563eb;
  --glow: #2563eb;
  --ice: #34507f;
  --orange: #f28c28;
  --orange-ink: #c4600a;   /* 白底上的小号橙字，保证对比度 */
  --text: #0b1530;
  --head: #0b1530;
  --muted: #4b5b7c;
  --dim: #7584a3;
  --line: rgba(11, 21, 48, 0.09);
  --line-2: rgba(11, 21, 48, 0.16);
  --card: #ffffff;
  --shadow: 0 1px 2px rgba(15, 35, 80, 0.04), 0 18px 40px -24px rgba(15, 35, 80, 0.22);
  color-scheme: light;
}

[data-theme="light"] .atmos {
  background:
    radial-gradient(900px 600px at 85% -10%, rgba(37, 99, 235, 0.10), transparent 60%),
    radial-gradient(700px 500px at -10% 30%, rgba(242, 140, 40, 0.06), transparent 65%);
}

/* 标题与强文字：深墨蓝 */
[data-theme="light"] .h2, [data-theme="light"] .hero h1, [data-theme="light"] .stat .num,
[data-theme="light"] .pillar h3, [data-theme="light"] .film-meta h3, [data-theme="light"] .tile h3,
[data-theme="light"] .tile-latency .big, [data-theme="light"] .layer h3, [data-theme="light"] .case h3,
[data-theme="light"] .vstat .num, [data-theme="light"] .vstat h3, [data-theme="light"] .cmp h3,
[data-theme="light"] .founder-body h3, [data-theme="light"] .experts h3, [data-theme="light"] .bench-num b,
[data-theme="light"] .cline a, [data-theme="light"] .cline button, [data-theme="light"] .cline-txt,
[data-theme="light"] .foot-col h4, [data-theme="light"] .modal-panel h3, [data-theme="light"] .faq summary { color: var(--head); }
/* 照片卡片上仍用白字 */
[data-theme="light"] .tile-img h3 { color: #fff; }
[data-theme="light"] .tile-img p { color: #c9d4ea; }
[data-theme="light"] .faq summary:hover { color: var(--blue); }

/* 小号橙字压深一档 */
[data-theme="light"] :is(.case-kind, .founder-body .role, .stat .num small, .vstat .num small, .bench-num b i,
  .tile-latency .big small, .field label .req) { color: var(--orange-ink); }

/* 按钮 */
[data-theme="light"] .btn-ghost { color: var(--head); background: rgba(255, 255, 255, 0.8); border-color: var(--line-2); }
[data-theme="light"] .btn-ghost:hover { border-color: var(--blue); background: #fff; color: var(--blue); }
[data-theme="light"] .btn-primary { box-shadow: 0 12px 28px -12px rgba(242, 140, 40, 0.7); }

/* 导航 */
[data-theme="light"] .nav.scrolled { background: rgba(255, 255, 255, 0.82); box-shadow: 0 8px 24px -20px rgba(15, 35, 80, 0.35); }
[data-theme="light"] .nav-links a:hover, [data-theme="light"] .nav-links a.on { color: var(--head); }
[data-theme="light"] .lang button.on { background: rgba(37, 99, 235, 0.12); color: var(--blue); }
[data-theme="light"] .drawer { background: rgba(255, 255, 255, 0.98); }

/* Hero：浅色等轴插画，四周径向渐隐融进底色 */
[data-theme="light"] .hero-badges { color: var(--muted); }
[data-theme="light"] .hero-visual .ring { background: radial-gradient(closest-side, rgba(37, 99, 235, 0.16), transparent 70%); }
[data-theme="light"] .hero-visual img {
  -webkit-mask-image: radial-gradient(closest-side, #000 62%, transparent 100%);
          mask-image: radial-gradient(closest-side, #000 62%, transparent 100%);
  object-fit: cover;
}

/* 数字条 */
[data-theme="light"] .stats { background: #fff; }

/* 伙伴 logo：白底胶囊加细描边 */
[data-theme="light"] .logo-chip { background: #fff; border: 1px solid var(--line); box-shadow: 0 6px 18px -14px rgba(15, 35, 80, 0.4); }

/* 宣传片 */
[data-theme="light"] .player { border-color: var(--line); box-shadow: 0 40px 90px -40px rgba(37, 99, 235, 0.45); }
[data-theme="light"] .player-dur { color: #fff; }

/* 白卡片统一：白底 + 细边 + 带蓝调的柔和投影 */
[data-theme="light"] :is(.tile:not(.tile-img), .layer, .case, .cmp, .founder, .form-card, .modal-panel) {
  background: #fff; border-color: var(--line); box-shadow: var(--shadow);
}
[data-theme="light"] .tile .ico { background: rgba(37, 99, 235, 0.1); color: var(--blue); }
[data-theme="light"] .tile-latency { background: linear-gradient(150deg, #eaf1ff, #fff 70%); }
[data-theme="light"] .lat-bar i { background: rgba(11, 21, 48, 0.12); }
[data-theme="light"] .lat-bar.us i { background: var(--orange); }
[data-theme="light"] .tile-memory { background: radial-gradient(120% 120% at 100% 0%, rgba(37, 99, 235, 0.10), transparent 55%), #fff; }
[data-theme="light"] .tile-fde { background: linear-gradient(120deg, rgba(242, 140, 40, 0.10), transparent 55%), #fff; }
[data-theme="light"] .fde-steps span, [data-theme="light"] .case .kpis span { color: var(--ice); background: #f5f8fd; border-color: var(--line); }
[data-theme="light"] .os-chip { border-color: var(--line); box-shadow: var(--shadow); }
[data-theme="light"] .layer .chips span { color: var(--blue); background: rgba(37, 99, 235, 0.08); }
[data-theme="light"] .layer .tag { color: #fff; }
[data-theme="light"] .layer:last-child .tag { color: #1a0d00; }
[data-theme="light"] .rail { padding: 4px 4px 36px; margin-left: -4px; margin-right: -4px; margin-bottom: -24px; }  /* 给卡片投影留位，避免被横向滚动裁掉 */
[data-theme="light"] .rail-ctrl button { background: #fff; }
[data-theme="light"] .rail-ctrl button:hover { background: rgba(37, 99, 235, 0.08); border-color: var(--blue); color: var(--blue); }

/* 场景手风琴：收起的照片别压得太暗 */
[data-theme="light"] .acc { border-color: transparent; }
[data-theme="light"] .acc img { filter: saturate(0.85) brightness(0.88); }
[data-theme="light"] .acc.on img { filter: none; }
[data-theme="light"] .acc::after { background: linear-gradient(0deg, rgba(8, 18, 42, 0.88) 5%, rgba(8, 18, 42, 0) 60%); }
[data-theme="light"] .acc-body p { color: #dbe4f7; }

/* 商业价值对比 */
[data-theme="light"] .cmp.us { border-color: rgba(242, 140, 40, 0.45); background: linear-gradient(170deg, rgba(242, 140, 40, 0.10), #fff 60%); }

/* 团队 */
/* CTO 证件照是白底，浅色主题下直接白底衬托，不用模糊背景 */
[data-theme="light"] .founder-photo { background: #fff; }
[data-theme="light"] .founder-photo .bg { display: none; }
[data-theme="light"] .founder-body li::before { background: var(--blue); }
[data-theme="light"] .experts { background: linear-gradient(180deg, #eaf1ff, #fff 70%); border-color: var(--line); box-shadow: var(--shadow); }
[data-theme="light"] .bench-txt { color: var(--text); }
[data-theme="light"] .bench-tags span { color: var(--ice); background: #fff; border-color: var(--line-2); }
/* 研发中心横幅：照片上叠白色渐层，深色字 */
[data-theme="light"] .hubs { border-color: var(--line); box-shadow: var(--shadow); }
[data-theme="light"] .hubs::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0.96) 22%, rgba(255, 255, 255, 0.55) 55%, rgba(255, 255, 255, 0.05)); }
[data-theme="light"] .hubs-body h3 { color: var(--head); }
[data-theme="light"] .hub-list { color: var(--muted); }

/* 联系表单 */
[data-theme="light"] .cline .ico { background: #fff; color: var(--blue); }
[data-theme="light"] .cline a:hover, [data-theme="light"] .cline button:hover { color: var(--orange-ink); }
[data-theme="light"] .field label { color: var(--head); }
[data-theme="light"] .field input, [data-theme="light"] .field textarea { background: #f7f9fd; color: var(--text); border-color: var(--line-2); }
[data-theme="light"] .field input:focus, [data-theme="light"] .field textarea:focus { background: #fff; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15); }
[data-theme="light"] .field input::placeholder, [data-theme="light"] .field textarea::placeholder { color: #9aa6bf; }
[data-theme="light"] .field .err { color: #d0402b; }

/* FAQ */
[data-theme="light"] .faq[open] summary::after { color: var(--orange-ink); }

/* 页脚：比正文底色深一档的浅灰蓝 */
[data-theme="light"] footer { background: #edf2fa; }
[data-theme="light"] .foot-col a:hover { color: var(--blue); }

/* 弹窗 / 提示 */
[data-theme="light"] .modal { background: rgba(11, 21, 48, 0.35); }
[data-theme="light"] .modal-x { background: #fff; }
[data-theme="light"] .toast { background: var(--head); color: #fff; border-color: transparent; box-shadow: 0 20px 50px -20px rgba(15, 35, 80, 0.5); }

@media (prefers-reduced-transparency: reduce) {
  [data-theme="light"] .nav.scrolled { background: #fff; }
}