/* ==========================================================================
   RatioMax 官网 v2 设计层
   参考语言：浅色企业级 AI 平台站（克制的白底 + 冷灰分层 + 品牌蓝点睛 + 细腻动效）
   说明：本文件只做「覆盖层」，不改动 React 产物与基础 CSS；所有选择器均带
        html.v2 前缀，且集中在 #页面区块 内，避免影响内页与既有工具类。
   ========================================================================== */

/* ---------- 1. 设计令牌 ---------- */
html.v2 {
  --v2-ink: #0d1330;          /* 标题 */
  --v2-ink-2: #4a5471;        /* 正文 */
  --v2-ink-3: #79839d;        /* 弱化文字 */
  --v2-line: rgba(16, 30, 70, 0.09);
  --v2-line-2: rgba(16, 30, 70, 0.14);
  --v2-bg: #ffffff;
  --v2-bg-soft: #f5f7fc;
  --v2-bg-tint: #eef3fe;
  --v2-brand: #2b36f0;
  --v2-brand-ink: #1b23c4;
  --v2-brand-soft: rgba(43, 54, 240, 0.08);
  --v2-azure: #4c8dff;
  --v2-violet: #6c3cf4;
  --v2-r-sm: 10px;
  --v2-r: 16px;
  --v2-r-lg: 22px;
  --v2-r-xl: 28px;
  --v2-shadow-1: 0 1px 2px rgba(16, 30, 70, 0.04), 0 10px 30px -18px rgba(16, 30, 70, 0.18);
  --v2-shadow-2: 0 2px 4px rgba(16, 30, 70, 0.04), 0 26px 60px -32px rgba(16, 30, 70, 0.32);
  --v2-shadow-brand: 0 18px 40px -20px rgba(43, 54, 240, 0.55);
  --v2-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --v2-dur: 0.55s;
  --v2-container: 1200px;

  /* 基础层配色微调：让 Tailwind 工具类整体偏「冷、浅、干净」 */
  --color-ink: #0d1330;
  --color-ink-soft: #4a5471;
  --color-mist: #f5f7fc;
  --color-night: #0a1130;
  scroll-behavior: smooth;
}

html.v2 body {
  background: var(--v2-bg);
  color: var(--v2-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html.v2 ::selection {
  background: rgba(43, 54, 240, 0.16);
  color: var(--v2-ink);
}

/* 容器宽度：与参考站一致地收窄，留出更多空气 */
html.v2 [class*="max-w-[1240px]"] {
  max-width: var(--v2-container);
}

/* 页面纵向节奏 */
html.v2 main > section {
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
}

/* 旧版用于分隔的深色图片横条：新设计中不再使用，改为区块底色分层
   注意：只在首页生效，内页的图块同样是 main > div */
html.v2-home main > div {
  display: none;
}

/* ---------- 2. 通用排版 ---------- */
html.v2 main h2 {
  color: var(--v2-ink);
  font-size: 40px;
  line-height: 1.22;
  letter-spacing: -0.02em;
  font-weight: 700;
}

html.v2 main h3 {
  color: var(--v2-ink);
}

html.v2 main p {
  color: var(--v2-ink-2);
}

/* 章节目录标签（原「小标签 + 短横线」） */
html.v2 main [class*="tracking-[0.22em]"] {
  color: var(--v2-brand);
  font-size: 11.5px;
  letter-spacing: 0.2em;
}

/* 段落正文行高统一 */
html.v2 main [class*="leading-[1.85]"],
html.v2 main [class*="leading-[1.9]"],
html.v2 main [class*="leading-[1.8]"],
html.v2 main [class*="leading-[1.75]"],
html.v2 main [class*="leading-[1.7]"] {
  line-height: 1.85;
}

/* ---------- 3. 顶部导航 ---------- */
html.v2 header[class*="fixed"] {
  z-index: 80;
}

html.v2 header[class*="fixed"] > div:first-child {
  background: rgba(255, 255, 255, 0.86);
  backdrop-filter: saturate(180%) blur(16px);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  border-bottom: 1px solid transparent;
  transition: background 0.4s var(--v2-ease), border-color 0.4s var(--v2-ease),
    box-shadow 0.4s var(--v2-ease);
}

html.v2 header.is-stuck > div:first-child {
  background: rgba(255, 255, 255, 0.94);
  border-bottom-color: var(--v2-line);
  box-shadow: 0 10px 30px -24px rgba(13, 19, 48, 0.5);
}

html.v2 header[class*="fixed"] [class*="h-[72px]"] {
  height: 68px;
  transition: height 0.35s var(--v2-ease);
}

html.v2 header.is-stuck [class*="h-[72px]"] {
  height: 60px;
}

/* logo 文字反色为深色（中英双语锁版结构不同，分别兜住） */
html.v2 header [class*="flex-col"][class*="text-white"] {
  color: var(--v2-ink);
}

html.v2 header a[aria-label] [class*="text-white"] {
  color: var(--v2-ink) !important;
}

html.v2 header .logo-mark {
  filter: none;
}

/* 导航链接 */
html.v2 header nav > a {
  color: #4a5471 !important;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 99px;
  transition: color 0.25s var(--v2-ease), background 0.25s var(--v2-ease);
}

html.v2 header nav > a:hover {
  color: var(--v2-brand) !important;
  background: var(--v2-brand-soft);
}

/* 语言切换：分段控件 */
html.v2 header button[class*="h-9"][class*="rounded-full"] {
  border-color: var(--v2-line-2) !important;
  background: #fff;
  padding: 3px;
}

html.v2 header button[class*="h-9"] [class*="h-8"] {
  height: 26px;
  width: 34px;
  border-radius: 99px;
  font-size: 11.5px;
}

html.v2 header button[class*="h-9"] [class*="bg-white"] {
  background: var(--v2-ink) !important;
}

html.v2 header button[class*="h-9"] [class*="text-brand-700"] {
  color: #fff !important;
}

html.v2 header button[class*="h-9"] [class*="text-white/70"] {
  color: #6b7590 !important;
}

/* 主 CTA */
html.v2 header a[class*="bg-brand-600"] {
  height: 40px;
  padding: 0 20px;
  font-size: 13.5px;
  font-weight: 600;
  background: linear-gradient(135deg, #2b36f0 0%, #4c3bf0 100%) !important;
  box-shadow: var(--v2-shadow-brand);
  outline: none;
  transition: transform 0.3s var(--v2-ease), box-shadow 0.3s var(--v2-ease);
}

html.v2 header a[class*="bg-brand-600"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 44px -18px rgba(43, 54, 240, 0.7);
}

/* 移动端菜单按钮 */
html.v2 header button[class*="lg:hidden"] {
  background: #f2f4fa !important;
  color: var(--v2-ink) !important;
  border-radius: 99px;
}

/* 顶部滚动进度条 */
html.v2 header > div:first-child > div:last-child {
  height: 2px;
  background: linear-gradient(90deg, #4c8dff, #2b36f0 45%, #6c3cf4);
  transform: scaleX(var(--v2-progress, 0));
  transform-origin: left center;
  transition: transform 0.12s linear;
}

/* ---------- 4. 首屏 ---------- */
html.v2 section#top {
  background: linear-gradient(180deg, #f3f6ff 0%, #f8faff 46%, #ffffff 100%);
  color: var(--v2-ink);
  overflow: hidden;
}

/* 底色光晕（统一由一层铺底，避免老版深色装饰层透出） */
html.v2 section#top::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1; /* 高于老版 -10 的装饰层，低于内容层 */
  pointer-events: none;
  background: radial-gradient(90% 70% at 12% 0%, rgba(108, 60, 244, 0.1) 0%, rgba(108, 60, 244, 0) 58%),
    radial-gradient(120% 92% at 80% 6%, rgba(76, 141, 255, 0.24) 0%, rgba(76, 141, 255, 0) 56%),
    linear-gradient(180deg, #f4f7ff 0%, #f8faff 44%, #ffffff 100%);
}

html.v2 section#top > div:nth-child(1),
html.v2 section#top > div:nth-child(2),
html.v2 section#top > div:nth-child(3) {
  display: none;
}

/* 网格线改浅色 */
html.v2 section#top .grid-lines {
  background-image: linear-gradient(rgba(43, 54, 240, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43, 54, 240, 0.07) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 20%, transparent 78%);
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 20%, transparent 78%);
}

/* 首屏栅格：不再撑满整屏，改为紧凑的上下呼吸 */
html.v2 section#top > div[class*="min-h-[100svh]"] {
  min-height: 0 !important;
  padding-top: 132px;
  padding-bottom: 56px;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 64px;
  align-items: center;
}

/* 首屏徽标 */
html.v2 section#top h1 > span:first-child {
  border-color: rgba(43, 54, 240, 0.16) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #3a4570;
  padding: 6px 16px 6px 6px;
  box-shadow: 0 10px 24px -20px rgba(16, 30, 70, 0.6);
  backdrop-filter: blur(8px);
}

html.v2 section#top h1 > span:first-child > span:first-child {
  background: var(--v2-brand) !important;
  color: #fff !important;
}

/* 主标题 */
html.v2 section#top h1 > span:nth-child(2) {
  font-size: 64px;
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 700;
  color: var(--v2-ink);
  margin-top: 26px;
}

html.v2 section#top h1 .text-gradient {
  background: linear-gradient(96deg, #2b36f0 0%, #5b52f5 42%, #6c3cf4 78%, #4c8dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-bottom: 6px;
}

/* 副文案 */
html.v2 section#top > div:nth-child(5) h1 + p {
  color: var(--v2-ink-2) !important;
  font-size: 16.5px;
  line-height: 1.9;
  max-width: 540px;
}

/* 按钮组 */
html.v2 section#top [class*="mt-10"][class*="flex-col"] {
  gap: 14px;
  margin-top: 36px;
}

html.v2 section#top [class*="mt-10"] > a:first-child {
  background: linear-gradient(135deg, #2b36f0 0%, #4a3ff2 100%) !important;
  color: #fff !important;
  height: 52px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 600;
  box-shadow: var(--v2-shadow-brand);
  outline: none;
  border-radius: 999px;
}

html.v2 section#top [class*="mt-10"] > a:nth-child(2) {
  height: 52px;
  padding: 0 26px;
  border-color: var(--v2-line-2) !important;
  color: var(--v2-ink) !important;
  background: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 600;
  border-radius: 999px;
  box-shadow: var(--v2-shadow-1);
}

html.v2 section#top [class*="mt-10"] > a {
  border-radius: 999px;
  transition: transform 0.3s var(--v2-ease), box-shadow 0.3s var(--v2-ease),
    background 0.3s var(--v2-ease), border-color 0.3s var(--v2-ease);
}

html.v2 section#top [class*="mt-10"] > a:hover {
  transform: translateY(-2px);
}

/* 数据条 */
html.v2 section#top dl {
  margin-top: 48px;
  border-top: 1px solid var(--v2-line) !important;
  padding-top: 28px;
  gap: 0;
}

html.v2 section#top dl > div {
  padding: 0 18px;
  border-left: 1px solid var(--v2-line);
}

html.v2 section#top dl > div:first-child {
  padding-left: 0;
  border-left: 0;
}

html.v2 section#top dl dd {
  color: var(--v2-ink) !important;
  font-size: 30px;
  letter-spacing: -0.02em;
}

html.v2 section#top dl > div > div {
  color: var(--v2-ink-3) !important;
  font-size: 12.5px;
  margin-top: 8px;
  letter-spacing: 0.01em;
}

/* 右侧演示区：深色玻璃卡 → 白色产品卡 */
html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class*="w-[560px]"] {
  /* 老版环绕轨道在浅色底上会喧宾夺主，收束为纯光晕 */
  background: radial-gradient(closest-side, rgba(76, 141, 255, 0.22), rgba(108, 60, 244, 0.1) 55%, transparent 72%);
  border-radius: 50%;
  filter: blur(40px);
  opacity: 0.9;
}

html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class*="w-[560px]"] > svg,
html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class*="w-[560px]"] > div[class*="animate-pulse"] {
  display: none;
}

/* 老版作为背景水印的大号 logo：浅色底上会变成杂色弧线，隐藏 */
html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class="absolute"] {
  display: none;
}

html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class*="max-w-[420px]"] >
  div[class*="rounded-2xl"] {
  background: #ffffff !important;
  border-color: var(--v2-line) !important;
  box-shadow: 0 40px 90px -36px rgba(20, 32, 90, 0.45), 0 2px 0 rgba(255, 255, 255, 0.8) inset;
  backdrop-filter: none;
}

html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child [class*="border-white/1"] {
  border-color: var(--v2-line) !important;
}

/* 演示卡内文字分层 */
html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child [class*="text-white"] {
  color: var(--v2-ink-2) !important;
}

html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child [class*="text-white/85"],
html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child [class*="text-white/90"] {
  color: var(--v2-ink) !important;
}

/* 演示卡：略微放大，并给一层极淡的描边让它在浅底上更立得住 */
html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class*="max-w-[420px]"] {
  max-width: 460px;
}

html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class*="max-w-[420px]"] >
  div[class*="rounded-2xl"] {
  max-width: 460px !important;
  outline: 1px solid rgba(255, 255, 255, 0.9);
  outline-offset: -1px;
}
html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child [class*="bg-brand-600"][class*="rounded-2xl"] {
  background: linear-gradient(135deg, #2b36f0, #4a3ff2) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px -18px rgba(43, 54, 240, 0.8);
}

/* AI 答复气泡 */
html.v2 section#top [class*="bg-white/[0.06]"][class*="rounded-2xl"] {
  background: #f4f7fe !important;
  color: var(--v2-ink) !important;
  box-shadow: 0 1px 0 rgba(16, 30, 70, 0.04) inset;
}

html.v2 section#top [class*="bg-white/[0.04]"][class*="rounded-lg"] {
  background: #fbfcff !important;
  border-color: var(--v2-line) !important;
  color: var(--v2-ink-2) !important;
}

html.v2 section#top [class*="bg-white/[0.04]"] [class*="bg-brand-500"] {
  background: var(--v2-brand) !important;
  color: #fff !important;
}

html.v2 section#top [class*="bg-white/[0.04]"] svg {
  color: var(--v2-brand) !important;
}

/* 检索标签 */
html.v2 section#top [class*="rounded-full"][class*="border"] {
  border-color: rgba(43, 54, 240, 0.16) !important;
}

html.v2 section#top [class*="px-2.5"][class*="text-[11px]"] {
  border-color: rgba(43, 54, 240, 0.18) !important;
  background: #f2f5ff !important;
  color: #3f4a76 !important;
}

html.v2 section#top [class*="px-2.5"][class*="text-[11px]"] svg {
  color: var(--v2-brand) !important;
}

/* 引用来源 */
html.v2 section#top [class*="bg-brand-400/30"] {
  background: rgba(43, 54, 240, 0.14) !important;
  color: var(--v2-brand) !important;
}

/* 悬浮小卡 */
html.v2 section#top [class*="bg-brand-950/70"] {
  background: #ffffff !important;
  border-color: var(--v2-line) !important;
  color: var(--v2-ink-2) !important;
  box-shadow: var(--v2-shadow-2);
}

html.v2 section#top [class*="bg-brand-950/70"] svg {
  color: var(--v2-brand) !important;
}

/* 窗口标题条 */
html.v2 section#top [class*="rounded-2xl"] > div:first-child[class*="items-center"] {
  background: linear-gradient(180deg, #fbfcff, #f4f7fd);
}

html.v2 section#top [class*="rounded-2xl"] > div:first-child [class*="bg-white/20"] {
  background: #dfe5f2 !important;
}

/* 首屏底部客户条 */
html.v2 section#top > div:last-child {
  border-top: 1px solid var(--v2-line) !important;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(6px);
}

html.v2 section#top > div:last-child [class*="text-white"] {
  color: var(--v2-ink-3) !important;
}

html.v2 section#top > div:last-child [class*="font-medium"] {
  color: var(--v2-ink) !important;
}

/* 章节标签前的小横线：渐变 + 略长 */
html.v2 main [class*="tracking-[0.22em]"] > span[class*="h-px"] {
  width: 28px;
  background: linear-gradient(90deg, var(--v2-brand), rgba(108, 60, 244, 0.25)) !important;
}

/* 居中版章节头 */
html.v2 section#pillars [class*="max-w-3xl"],
html.v2 section#clients [class*="max-w-3xl"],
html.v2 section#interface [class*="max-w-3xl"] {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

html.v2 section#pillars [class*="max-w-3xl"] > div:first-child,
html.v2 section#clients [class*="max-w-3xl"] > div:first-child,
html.v2 section#interface [class*="max-w-3xl"] > div:first-child {
  justify-content: center;
}

/* 居中版副标题 */
html.v2 section#pillars [class*="max-w-3xl"] > p,
html.v2 section#clients [class*="max-w-3xl"] > p,
html.v2 section#interface [class*="max-w-3xl"] > p {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  text-align: center;
  font-size: 16px;
  color: var(--v2-ink-3);
}

/* ---------- 5. 产品定位（对照表） ---------- */
html.v2 section#platform {
  background: #fff;
}

/* 章节头：左标题 + 右段落 → 居中单列 */
html.v2 section#platform > div:nth-child(2) > div:nth-child(1) {
  display: block;
  text-align: center;
}

html.v2 section#platform > div:nth-child(2) > div:nth-child(1) > div:first-child {
  max-width: 780px;
  margin: 0 auto;
}

html.v2 section#platform > div:nth-child(2) > div:nth-child(1) > div:first-child > div:first-child {
  justify-content: center;
}

html.v2 section#platform > div:nth-child(2) > div:nth-child(1) > div:last-child {
  margin: 22px auto 0;
  max-width: 720px;
  text-align: center;
}

html.v2 section#platform h2 {
  font-size: 40px;
}

html.v2 section#platform > div:nth-child(2) > div:nth-child(1) > div:last-child p {
  font-size: 16px;
  color: var(--v2-ink-3);
}

/* 表格外框 */
html.v2 section#platform > div:nth-child(2) > div:nth-child(2) {
  margin-top: 56px;
  border: 1px solid var(--v2-line) !important;
  border-radius: var(--v2-r-lg);
  background: #fff;
  box-shadow: var(--v2-shadow-2);
}

/* 表头 */
html.v2 section#platform .cmp-head {
  display: none;
  border-bottom: 1px solid var(--v2-line) !important;
  background: #f8faff !important;
  padding: 18px 28px;
  align-items: center;
  font-size: 12.5px;
  letter-spacing: 0.02em;
}

html.v2 section#platform .cmp-head > span:nth-child(2) {
  color: var(--v2-ink-3) !important;
  font-size: 12.5px;
  font-weight: 600;
}

html.v2 section#platform .cmp-head > span:nth-child(4) {
  color: var(--v2-brand) !important;
  font-size: 12.5px;
  font-weight: 700;
}

/* 数据行 */
html.v2 section#platform .cmp-row {
  padding: 22px 28px;
  border-bottom: 1px solid var(--v2-line) !important;
  transition: background 0.3s var(--v2-ease);
}

html.v2 section#platform .cmp-row:nth-child(even) {
  background: #fcfdff;
}

html.v2 section#platform .cmp-row:hover {
  background: #f7f9ff;
}

/* 维度标签 */
html.v2 section#platform .cmp-row > span:first-child {
  background: var(--v2-brand-soft) !important;
  color: var(--v2-brand) !important;
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* 传统方案 */
html.v2 section#platform .cmp-legacy {
  color: var(--v2-ink-3) !important;
  font-size: 14.5px;
  line-height: 1.75;
}

html.v2 section#platform .cmp-legacy > span {
  color: #9aa3ba !important;
  letter-spacing: 0.12em;
}

/* 箭头 */
html.v2 section#platform .cmp-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: 100%;
  position: relative;
}

html.v2 section#platform .cmp-arrow-line {
  display: block;
  height: 1px;
  width: 30px;
  background: linear-gradient(90deg, rgba(43, 54, 240, 0.12), rgba(43, 54, 240, 0.5));
}

html.v2 section#platform .cmp-arrow-head {
  display: block;
  width: 0;
  height: 0;
  margin-left: -1px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid rgba(43, 54, 240, 0.6);
}

/* RatioMax 一列 */
html.v2 section#platform .cmp-card {
  background: linear-gradient(120deg, rgba(43, 54, 240, 0.055), rgba(108, 60, 244, 0.045));
  border: 1px solid rgba(43, 54, 240, 0.16) !important;
  border-radius: 12px;
  padding: 14px 16px;
  color: var(--v2-ink) !important;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.7;
  transition: border-color 0.3s var(--v2-ease), background 0.3s var(--v2-ease);
}

html.v2 section#platform .cmp-row:hover .cmp-card {
  border-color: rgba(43, 54, 240, 0.3) !important;
  background: linear-gradient(120deg, rgba(43, 54, 240, 0.08), rgba(108, 60, 244, 0.06));
}

html.v2 section#platform .cmp-card svg {
  color: var(--v2-brand) !important;
}

/* ---------- 6. 核心价值（三张卡） ---------- */
html.v2 section#pillars {
  background: var(--v2-bg-soft);
}

html.v2 section#pillars > div[class*="blur"] {
  opacity: 0.55;
}

html.v2 section#pillars > div:nth-child(2) > div:nth-child(2) {
  margin-top: 56px;
  gap: 22px;
}

html.v2 section#pillars article {
  border: 1px solid var(--v2-line) !important;
  border-radius: var(--v2-r-lg) !important;
  background: #fff !important;
  padding: 34px 32px 32px;
  box-shadow: var(--v2-shadow-1);
  transition: transform 0.45s var(--v2-ease), box-shadow 0.45s var(--v2-ease),
    border-color 0.45s var(--v2-ease);
}

html.v2 section#pillars article:hover {
  transform: translateY(-6px);
  border-color: rgba(43, 54, 240, 0.2) !important;
  box-shadow: 0 40px 70px -44px rgba(20, 32, 90, 0.55);
}

html.v2 section#pillars article > div:nth-child(2) > span:first-child {
  font-size: 62px;
  line-height: 1;
  letter-spacing: -0.04em;
}

html.v2 section#pillars article h3 {
  font-size: 22px;
  margin-top: 24px;
  min-height: 0 !important;
}

html.v2 section#pillars article h3 + div {
  min-height: 0 !important;
  color: #8b94ab !important;
  font-size: 11.5px;
  letter-spacing: 0.16em;
  margin-top: 8px;
}

html.v2 section#pillars article ul {
  margin-top: 26px;
  border-top: 1px solid var(--v2-line);
  padding-top: 22px;
}

html.v2 section#pillars article li {
  color: var(--v2-ink-2) !important;
  font-size: 14px;
  line-height: 1.8;
}

html.v2 section#pillars article li > span {
  background: var(--v2-brand) !important;
  opacity: 0.55;
}

/* ---------- 7. 数据流（四步） ---------- */
html.v2 section#flow {
  background: #fff;
}

html.v2 section#flow > div:first-child > div:first-child {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

html.v2 section#flow > div:first-child > div:first-child > div:first-child {
  justify-content: center;
}

html.v2 section#flow > div:first-child > div:first-child > p {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  color: var(--v2-ink-3);
  font-size: 16px;
  text-align: center;
}

html.v2 section#flow > div:first-child > div:nth-child(2) {
  margin-top: 64px;
}

/* 连线：浅色轨道 + 渐变进度 */
html.v2 section#flow [class*="bg-brand-100"] {
  background: #e8ecf7 !important;
}

html.v2 section#flow li > div:first-child {
  border-radius: 18px;
  box-shadow: 0 22px 40px -26px rgba(43, 54, 240, 0.75);
}

html.v2 section#flow li {
  transition: transform 0.45s var(--v2-ease);
}

html.v2 section#flow li:hover {
  transform: translateY(-4px);
}

html.v2 section#flow li h3 {
  font-size: 19px;
  margin-top: 14px;
}

html.v2 section#flow li p {
  color: var(--v2-ink-2);
  font-size: 14px;
  line-height: 1.8;
}

html.v2 section#flow li [class*="font-mono"] {
  color: #9aa3ba !important;
  letter-spacing: 0.18em;
}

/* ---------- 8. 客户类型（卡片网格） ---------- */
html.v2 section#clients {
  background: var(--v2-bg-soft);
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding-top: 96px;
  padding-bottom: 96px;
}

html.v2 section#clients h2 {
  font-size: 30px;
  margin-top: 14px;
}

html.v2 section#clients > div > p[class*="text-[12.5px]"] {
  color: var(--v2-brand) !important;
}

html.v2 section#clients > div > ul {
  margin-top: 40px;
  gap: 16px;
}

html.v2 section#clients li {
  border: 1px solid var(--v2-line) !important;
  border-radius: var(--v2-r) !important;
  background: #fff;
  padding: 22px 24px;
  transition: transform 0.4s var(--v2-ease), box-shadow 0.4s var(--v2-ease),
    border-color 0.4s var(--v2-ease);
}

html.v2 section#clients li:hover {
  transform: translateY(-4px);
  border-color: rgba(43, 54, 240, 0.22) !important;
  box-shadow: var(--v2-shadow-2);
}

html.v2 section#clients li span:first-child {
  font-size: 15px;
  color: var(--v2-ink);
}

html.v2 section#clients li span:last-child {
  color: var(--v2-ink-3) !important;
  font-size: 13px;
  margin-top: 6px;
}

/* ---------- 9. 真实界面（三图） ---------- */
html.v2 section#interface {
  background: #fff;
}

html.v2 section#interface h2 {
  font-size: 30px;
  margin-top: 14px;
}

html.v2 section#interface > div > p[class*="text-[12.5px]"] {
  color: var(--v2-brand) !important;
}

html.v2 section#interface figure {
  border: 1px solid var(--v2-line) !important;
  border-radius: var(--v2-r) !important;
  background: #fff;
  box-shadow: var(--v2-shadow-1);
  transition: transform 0.45s var(--v2-ease), box-shadow 0.45s var(--v2-ease);
  overflow: hidden;
}

html.v2 section#interface figure:hover {
  transform: translateY(-5px);
  box-shadow: var(--v2-shadow-2);
}

html.v2 section#interface figure img {
  transition: transform 0.7s var(--v2-ease);
}

html.v2 section#interface figure:hover img {
  transform: scale(1.02);
}

html.v2 section#interface figcaption {
  color: var(--v2-ink-3) !important;
  border-color: var(--v2-line) !important;
  font-size: 12.5px;
  padding: 12px 16px;
}

/* ---------- 10. 核心能力（深色 → 浅色） ---------- */
html.v2 section#capabilities {
  background: linear-gradient(180deg, #f5f8ff 0%, #eef3fe 100%) !important;
  color: var(--v2-ink);
}

/* 原深色径向光效改为极淡的品牌光晕 */
html.v2 section#capabilities > div:nth-child(1) {
  background: radial-gradient(60% 50% at 88% 0%, rgba(76, 141, 255, 0.18) 0%, transparent 60%),
    radial-gradient(50% 40% at 6% 100%, rgba(108, 60, 244, 0.1) 0%, transparent 60%) !important;
  opacity: 1;
}

html.v2 section#capabilities .grid-lines {
  background-image: linear-gradient(rgba(43, 54, 240, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43, 54, 240, 0.06) 1px, transparent 1px);
  opacity: 1;
}

html.v2 section#capabilities > div:last-child {
  position: relative;
}

html.v2 section#capabilities [class*="tracking-[0.22em]"] {
  color: var(--v2-brand) !important;
}

html.v2 section#capabilities [class*="tracking-[0.22em]"] > span[class*="h-px"] {
  background: linear-gradient(90deg, var(--v2-brand), rgba(108, 60, 244, 0.25)) !important;
}

html.v2 section#capabilities h2 {
  color: var(--v2-ink);
}

html.v2 section#capabilities > div:nth-child(3) > div:nth-child(1) > p {
  color: var(--v2-ink-3) !important;
}

/* 页签容器 */
html.v2 section#capabilities [class*="mt-14"] > div:first-child > div:first-child {
  background: #fff !important;
  border-color: var(--v2-line) !important;
  border-radius: var(--v2-r) !important;
  padding: 8px;
  box-shadow: var(--v2-shadow-1);
  gap: 6px;
}

/* 页签 */
html.v2 section#capabilities [id^="cap-tab-"] {
  color: #5b6580 !important;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 13.5px;
  font-weight: 600;
  transition: color 0.3s var(--v2-ease), background 0.3s var(--v2-ease);
}

html.v2 section#capabilities [id^="cap-tab-"]:hover {
  background: #f4f7ff;
  color: var(--v2-brand) !important;
}

html.v2 section#capabilities [id^="cap-tab-"]:has(> span[class*="bg-gradient"]) {
  color: #fff !important;
}

html.v2 section#capabilities [id^="cap-tab-"] > span[class*="bg-gradient"] {
  background: linear-gradient(135deg, #2b36f0, #4a3ff2) !important;
  box-shadow: var(--v2-shadow-brand) !important;
  border-radius: 10px;
}

/* 切换箭头按钮 */
html.v2 section#capabilities [class*="mt-14"] > div:first-child > button {
  background: #fff !important;
  border-color: var(--v2-line) !important;
  color: var(--v2-ink) !important;
  box-shadow: var(--v2-shadow-1);
}

html.v2 section#capabilities [class*="mt-14"] > div:first-child > button:hover {
  border-color: rgba(43, 54, 240, 0.3) !important;
  color: var(--v2-brand) !important;
}

/* 面板左侧文字 */
html.v2 section#capabilities [id^="cap-panel-"] > div:first-child > span[class*="font-mono"] {
  color: var(--v2-brand) !important;
  font-size: 12.5px;
  letter-spacing: 0.08em;
}

html.v2 section#capabilities [id^="cap-panel-"] h3 {
  color: var(--v2-ink) !important;
  font-size: 32px;
  letter-spacing: -0.02em;
}

html.v2 section#capabilities [id^="cap-panel-"] > div:first-child > p {
  color: var(--v2-ink-2) !important;
  font-size: 15px;
}

html.v2 section#capabilities [id^="cap-panel-"] li {
  color: var(--v2-ink-2) !important;
  font-size: 14px;
}

html.v2 section#capabilities [id^="cap-panel-"] li > span {
  background: rgba(43, 54, 240, 0.1) !important;
  color: var(--v2-brand) !important;
}

/* 右侧控制台：深色 → 白色产品窗口 */
html.v2 section#capabilities [id^="cap-panel-"] [class*="bg-brand-600/20"] {
  background: rgba(76, 141, 255, 0.18) !important;
}

html.v2 section#capabilities [id^="cap-panel-"] [class*="bg-[#0b0f3a]"] {
  background: #fff !important;
  border-color: var(--v2-line) !important;
  box-shadow: 0 40px 90px -46px rgba(20, 32, 90, 0.5) !important;
  backdrop-filter: none !important;
}

html.v2 section#capabilities [id^="cap-panel-"] [class*="bg-[#0b0f3a]"] [class*="border-b"] {
  background: linear-gradient(180deg, #fbfcff, #f5f8fe);
  border-color: var(--v2-line) !important;
}

html.v2 section#capabilities [id^="cap-panel-"] [class*="bg-[#0b0f3a]"] [class*="bg-white/15"] {
  background: #dfe5f2 !important;
}

html.v2 section#capabilities [id^="cap-panel-"] [class*="text-white"] {
  color: var(--v2-ink-2) !important;
}

html.v2 section#capabilities [id^="cap-panel-"] [class*="bg-brand-500/25"] {
  background: rgba(43, 54, 240, 0.1) !important;
  color: var(--v2-brand) !important;
}

html.v2 section#capabilities [id^="cap-panel-"] [class*="bg-white/[0.04]"] {
  background: #f7f9ff !important;
  color: var(--v2-ink-2) !important;
}

html.v2 section#capabilities [id^="cap-panel-"] [class*="border-brand-300/30"] {
  border-color: rgba(43, 54, 240, 0.18) !important;
  background: rgba(43, 54, 240, 0.06) !important;
  color: #3f4a76 !important;
}

html.v2 section#capabilities [id^="cap-panel-"] [class*="bg-white/10"] {
  background: #e9eefa !important;
}

/* 检索命中/未命中的浅色化 */
html.v2 section#capabilities [class*="bg-rose-500/10"] {
  background: rgba(201, 79, 79, 0.08) !important;
  border-color: rgba(201, 79, 79, 0.2) !important;
  color: #a94a4a !important;
}

html.v2 section#capabilities [class*="bg-emerald-500/10"] {
  background: rgba(28, 139, 107, 0.08) !important;
  border-color: rgba(28, 139, 107, 0.2) !important;
  color: #17735a !important;
}

html.v2 section#capabilities [id^="cap-panel-"] > div:last-child > p[class*="text-[13px]"] {
  color: var(--v2-ink-3) !important;
}

/* ---------- 11. 客户案例（深色 → 浅色） ---------- */
html.v2 section#cases {
  background: #fff !important;
  color: var(--v2-ink);
}

html.v2 section#cases > div:nth-child(1) {
  background: radial-gradient(50% 60% at 100% 0%, rgba(76, 141, 255, 0.12), transparent 60%) !important;
}

html.v2 section#cases [class*="tracking-[0.22em]"] {
  color: var(--v2-brand) !important;
}

html.v2 section#cases [class*="tracking-[0.22em]"] > span[class*="h-px"] {
  background: linear-gradient(90deg, var(--v2-brand), rgba(108, 60, 244, 0.25)) !important;
}

html.v2 section#cases h2 {
  color: var(--v2-ink);
}

/* 案例切换 */
html.v2 section#cases > div:nth-child(2) > div:first-child > div:last-child {
  background: #f4f7fd !important;
  border-color: var(--v2-line) !important;
  border-radius: 99px;
  padding: 5px;
}

html.v2 section#cases [id^="case-tab-"] {
  border-radius: 99px;
  padding: 9px 20px;
  font-size: 13.5px;
  color: #5b6580 !important;
  transition: color 0.3s var(--v2-ease);
}

html.v2 section#cases [id^="case-tab-"]:has(> span[class*="bg-white"]) {
  color: var(--v2-brand) !important;
}

html.v2 section#cases [id^="case-tab-"] > span[class*="bg-white"] {
  background: #fff !important;
  box-shadow: 0 6px 16px -10px rgba(16, 30, 70, 0.5);
}

/* 案例卡 */
html.v2 section#cases article {
  border: 1px solid var(--v2-line) !important;
  background: #fff !important;
  border-radius: var(--v2-r-lg) !important;
  box-shadow: var(--v2-shadow-2);
  backdrop-filter: none !important;
}

html.v2 section#cases article h3 {
  color: var(--v2-ink) !important;
  font-size: 30px;
}

html.v2 section#cases article p,
html.v2 section#cases article dd {
  color: var(--v2-ink-2) !important;
}

html.v2 section#cases article [class*="text-white/50"] {
  color: var(--v2-ink-3) !important;
}

html.v2 section#cases article > div > div:first-child > div:first-child > span:first-child {
  background: var(--v2-brand-soft) !important;
  color: var(--v2-brand) !important;
}

html.v2 section#cases article dt {
  color: var(--v2-brand) !important;
}

html.v2 section#cases article [class*="border-brand-500/60"] {
  border-color: rgba(43, 54, 240, 0.25) !important;
}

/* 右侧数据面板 */
html.v2 section#cases article > div > div:last-child {
  background: linear-gradient(150deg, #eef3fe 0%, #f6f4ff 100%) !important;
  border-color: var(--v2-line) !important;
}

html.v2 section#cases article > div > div:last-child [class*="text-white"] {
  color: var(--v2-ink-3) !important;
}

html.v2 section#cases article > div > div:last-child [class*="text-[30px]"],
html.v2 section#cases article > div > div:last-child [class*="text-[38px]"] {
  color: var(--v2-brand) !important;
}

html.v2 section#cases article > div > div:last-child [class*="bg-amber-200/10"] {
  background: rgba(43, 54, 240, 0.08) !important;
  border-color: rgba(43, 54, 240, 0.18) !important;
  color: var(--v2-brand) !important;
}

html.v2 section#cases > div:nth-child(2) > p {
  color: #9aa3ba !important;
}

/* ---------- 12. 安全与部署 ---------- */
html.v2 section#security {
  background: var(--v2-bg-soft);
}

html.v2 section#security > div > div:first-child > div > div[class*="mt-12"] {
  gap: 16px;
  margin-top: 40px;
}

html.v2 section#security [class*="mt-12"] > div > div {
  border: 1px solid var(--v2-line) !important;
  border-radius: var(--v2-r) !important;
  background: #fff !important;
  padding: 26px 24px;
  box-shadow: var(--v2-shadow-1);
  transition: transform 0.4s var(--v2-ease), box-shadow 0.4s var(--v2-ease),
    border-color 0.4s var(--v2-ease);
}

html.v2 section#security [class*="mt-12"] > div > div:hover {
  transform: translateY(-4px);
  border-color: rgba(43, 54, 240, 0.2) !important;
  box-shadow: var(--v2-shadow-2);
}

html.v2 section#security [class*="mt-12"] > div > div > span:first-child {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: var(--v2-brand-soft) !important;
  color: var(--v2-brand) !important;
}

html.v2 section#security [class*="mt-12"] > div > div h3 {
  font-size: 17px;
  margin-top: 18px;
}

html.v2 section#security [class*="mt-12"] > div > div p {
  color: var(--v2-ink-3) !important;
  font-size: 13.5px;
}

/* 右侧权限示意 */
html.v2 section#security [class*="aspect-square"] > div[class*="rounded-[28px]"] {
  border-color: var(--v2-line-2) !important;
  background: rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 24px 50px -40px rgba(16, 30, 70, 0.5);
}

html.v2 section#security [class*="aspect-square"] > div[class*="rounded-[28px]"] > span {
  color: var(--v2-ink-2) !important;
  box-shadow: var(--v2-shadow-1);
}

/* 交付能力深色卡（保留一处分量感） */
html.v2 section#security [class*="bg-[linear-gradient(120deg"] {
  border-radius: var(--v2-r-lg);
  box-shadow: 0 40px 80px -50px rgba(11, 14, 61, 0.8);
}

html.v2 section#security [class*="bg-[linear-gradient(120deg"] h3 {
  color: #fff;
}

/* ---------- 13. 生态集成 ---------- */
html.v2 section#ecosystem {
  background: #fff;
}

html.v2 section#ecosystem > div > div:first-child {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

html.v2 section#ecosystem > div > div:first-child > div:first-child {
  justify-content: center;
}

html.v2 section#ecosystem > div > div:first-child > p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: var(--v2-ink-3) !important;
  font-size: 16px;
}

html.v2 section#ecosystem [class*="marquee-mask"] span {
  border-color: var(--v2-line) !important;
  background: #fff;
  color: #3f4a76 !important;
  font-weight: 600;
  font-size: 13.5px;
  box-shadow: 0 6px 16px -14px rgba(16, 30, 70, 0.5);
  transition: border-color 0.3s var(--v2-ease), color 0.3s var(--v2-ease),
    transform 0.3s var(--v2-ease);
}

html.v2 section#ecosystem [class*="marquee-mask"] span:hover {
  border-color: rgba(43, 54, 240, 0.3) !important;
  color: var(--v2-brand) !important;
  transform: translateY(-2px);
}

html.v2 section#ecosystem [class*="md:grid-cols-[140px_1fr]"] > div:first-child {
  color: var(--v2-brand) !important;
  font-size: 12.5px;
  letter-spacing: 0.04em;
}

/* MCP 主卡 */
html.v2 section#ecosystem [class*="bg-gradient-to-br"][class*="from-brand-600"] {
  border-radius: var(--v2-r-lg) !important;
  box-shadow: 0 40px 80px -46px rgba(43, 54, 240, 0.75);
}

/* 集成卡片 */
html.v2 section#ecosystem [class*="sm:grid-cols-2"] > div > div {
  border: 1px solid var(--v2-line) !important;
  border-radius: var(--v2-r) !important;
  background: #fff !important;
  padding: 24px;
  box-shadow: var(--v2-shadow-1);
  transition: transform 0.4s var(--v2-ease), box-shadow 0.4s var(--v2-ease),
    border-color 0.4s var(--v2-ease);
}

html.v2 section#ecosystem [class*="sm:grid-cols-2"] > div > div:hover {
  transform: translateY(-4px);
  border-color: rgba(43, 54, 240, 0.2) !important;
  box-shadow: var(--v2-shadow-2);
}

html.v2 section#ecosystem [class*="sm:grid-cols-2"] > div > div > span:first-child {
  background: var(--v2-brand-soft) !important;
  color: var(--v2-brand) !important;
  border-radius: 12px;
}

html.v2 section#ecosystem [class*="sm:grid-cols-2"] h4 {
  color: var(--v2-ink) !important;
  font-size: 15.5px;
}

html.v2 section#ecosystem [class*="sm:grid-cols-2"] p {
  color: var(--v2-ink-3) !important;
  font-size: 13px;
}

/* MCP 主卡内的文字统一走浅色 */
html.v2 section#ecosystem [class*="bg-gradient-to-br"][class*="from-brand-600"] h3 {
  color: #fff !important;
}

html.v2 section#ecosystem [class*="bg-gradient-to-br"][class*="from-brand-600"] p {
  color: rgba(255, 255, 255, 0.78) !important;
}

html.v2 section#ecosystem [class*="bg-gradient-to-br"][class*="from-brand-600"] [class*="text-white/60"],
html.v2 section#ecosystem [class*="bg-gradient-to-br"][class*="from-brand-600"] [class*="text-white/75"] {
  color: rgba(255, 255, 255, 0.68) !important;
}

/* 兼容下列两栏区块的章节头：不居中的保持左对齐 */
html.v2 section#clients > div > p:first-child,
html.v2 section#interface > div > p:first-child {
  text-align: center;
}

html.v2 section#clients > div > p:nth-of-type(2),
html.v2 section#interface > div > p:nth-of-type(2) {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  text-align: center;
  color: var(--v2-ink-3) !important;
  font-size: 14.5px;
}

html.v2 section#clients > div > p:last-child,
html.v2 section#interface > div > p:last-child {
  text-align: center;
  color: #9aa3ba !important;
  font-size: 12px;
}

/* 三张产品截图：统一比例，避免懒加载未完成时高度塌陷 */
html.v2 section#interface figure {
  display: flex;
  flex-direction: column;
}

html.v2 section#interface figure img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  object-position: center top;
  background: linear-gradient(180deg, #f7f9ff, #eef3fd);
}

/* ---------- 14. 适用边界 ---------- */
html.v2 section#fit {
  background: var(--v2-bg-soft);
}

html.v2 section#fit > div > div:first-child {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

html.v2 section#fit > div > div:first-child > div:first-child {
  justify-content: center;
}

html.v2 section#fit > div > div:nth-child(2) {
  margin-top: 52px;
  border: 1px solid var(--v2-line) !important;
  border-radius: var(--v2-r-lg);
  background: #fff;
  box-shadow: var(--v2-shadow-1);
}

html.v2 section#fit > div > div:nth-child(2) > div {
  border-color: var(--v2-line) !important;
  padding: 34px 30px;
  background: transparent;
  transition: background 0.45s var(--v2-ease);
}

html.v2 section#fit > div > div:nth-child(2) > div:hover {
  background: linear-gradient(135deg, #2b36f0, #4a3ff2) !important;
}

html.v2 section#fit > div > div:nth-child(2) h3 {
  font-size: 18px;
  margin-top: 22px;
}

html.v2 section#fit > div > div:nth-child(2) p {
  font-size: 13.5px;
  color: var(--v2-ink-3);
}

html.v2 section#fit > div > div:nth-child(2) > div:hover p {
  color: rgba(255, 255, 255, 0.78) !important;
}

html.v2 section#fit > div > div:nth-child(2) > div:hover h3 {
  color: #fff !important;
}

html.v2 section#fit > div > div:nth-child(2) > div:hover > span {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* ---------- 15. 迭代路线 ---------- */
html.v2 section#roadmap {
  background: #fff;
}

html.v2 section#roadmap > div:first-child > div:first-child {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

html.v2 section#roadmap > div:first-child > div:first-child > div:first-child {
  justify-content: center;
}

html.v2 section#roadmap > div:first-child > div:first-child > p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: var(--v2-ink-3) !important;
  font-size: 16px;
}

html.v2 section#roadmap [class*="w-[190px]"] > div:last-child {
  border-color: var(--v2-line) !important;
  border-radius: var(--v2-r-sm) !important;
  background: #fff !important;
  box-shadow: var(--v2-shadow-1);
  padding: 18px;
  transition: transform 0.4s var(--v2-ease), border-color 0.4s var(--v2-ease),
    box-shadow 0.4s var(--v2-ease);
}

html.v2 section#roadmap [class*="w-[190px]"] > div:last-child:hover {
  transform: translateY(-4px);
  border-color: rgba(43, 54, 240, 0.25) !important;
  box-shadow: var(--v2-shadow-2);
}

html.v2 section#roadmap [class*="w-[190px]"] > span {
  border-color: #fff !important;
  box-shadow: 0 0 0 1px rgba(43, 54, 240, 0.25), 0 8px 20px -10px rgba(43, 54, 240, 0.7) !important;
}

html.v2 section#roadmap [class*="w-[190px]"] [class*="font-mono"] {
  color: var(--v2-brand) !important;
  font-size: 12.5px;
}

html.v2 section#roadmap [class*="w-[190px]"] [class*="text-[14px]"] {
  color: var(--v2-ink-2) !important;
  font-size: 13px;
}

/* ---------- 16. 品牌宣言（深色带，保留唯一深色重心） ---------- */
html.v2 section#about {
  background: linear-gradient(125deg, #070a24 0%, #101a5e 46%, #1c2bb8 78%, #3b2fd0 100%) !important;
  padding-top: 104px;
  padding-bottom: 104px;
}

html.v2 section#about h2 {
  color: #fff !important;
  font-size: 42px;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

html.v2 section#about p {
  color: rgba(255, 255, 255, 0.72) !important;
}

html.v2 section#about [class*="tracking-[0.22em]"] {
  color: #a8b6ff !important;
}

html.v2 section#about [class*="tracking-[0.22em]"] > span[class*="h-px"] {
  background: linear-gradient(90deg, #a8b6ff, rgba(168, 182, 255, 0.15)) !important;
}

/* ---------- 17. 常见问题 ---------- */
html.v2 section#faq {
  background: #fff;
}

html.v2 section#faq [class*="border-t"][class*="border-brand-100"] {
  border-color: var(--v2-line) !important;
}

html.v2 section#faq [class*="border-b"][class*="border-brand-100"] {
  border-color: var(--v2-line) !important;
}

html.v2 section#faq [id*="-button"] h3,
html.v2 section#faq [id*="-button"] > span:nth-child(2) {
  color: var(--v2-ink) !important;
  font-size: 16.5px;
}

html.v2 section#faq [id*="-button"] {
  transition: color 0.3s var(--v2-ease);
}

html.v2 section#faq [id*="-button"]:hover > span:nth-child(2) {
  color: var(--v2-brand) !important;
}

html.v2 section#faq [id*="-button"] > span:first-child {
  color: #a8b0c4 !important;
  font-size: 12.5px;
}

html.v2 section#faq [id*="-button"] > span:last-child {
  border-color: var(--v2-line-2) !important;
  color: var(--v2-ink-2);
  transition: transform 0.35s var(--v2-ease), border-color 0.35s var(--v2-ease),
    background 0.35s var(--v2-ease), color 0.35s var(--v2-ease);
}

html.v2 section#faq [id*="-button"]:hover > span:last-child {
  border-color: var(--v2-brand) !important;
  color: var(--v2-brand) !important;
}

/* 展开态的圆形按钮：由实心蓝块降为品牌浅底 */
html.v2 section#faq [id*="-button"]:has(> span[class*="bg-brand-600"]) > span:last-child {
  background: var(--v2-brand-soft) !important;
  border-color: rgba(43, 54, 240, 0.25) !important;
  color: var(--v2-brand) !important;
}

html.v2 section#faq [id*="-panel"] p {
  color: var(--v2-ink-2) !important;
  font-size: 14.5px;
}

html.v2 section#faq [class*="rounded-3xl"][class*="bg-mist"] {
  background: #f5f7fc !important;
  border: 1px solid var(--v2-line);
}

/* ---------- 18. 联系我们 ---------- */
html.v2 section#contact {
  background: var(--v2-bg-soft);
}

html.v2 section#contact [class*="rounded-2xl"][class*="hover:bg-white"] {
  border: 1px solid transparent;
  transition: background 0.3s var(--v2-ease), border-color 0.3s var(--v2-ease);
}

html.v2 section#contact [class*="rounded-2xl"][class*="hover:bg-white"]:hover {
  background: #fff !important;
  border-color: var(--v2-line);
}

html.v2 section#contact [class*="rounded-2xl"][class*="hover:bg-white"] > span:first-child {
  box-shadow: var(--v2-shadow-1);
}

/* 表单 */
html.v2 section#contact form,
html.v2 section#contact [class*="rounded-3xl"][class*="bg-white"] {
  border-radius: var(--v2-r-lg) !important;
  box-shadow: var(--v2-shadow-2);
  border: 1px solid var(--v2-line) !important;
}

html.v2 section#contact input,
html.v2 section#contact textarea,
html.v2 section#contact select {
  border-radius: 12px !important;
  border-color: var(--v2-line-2) !important;
  background: #fbfcff !important;
  transition: border-color 0.25s var(--v2-ease), box-shadow 0.25s var(--v2-ease),
    background 0.25s var(--v2-ease);
}

html.v2 section#contact input:focus,
html.v2 section#contact textarea:focus,
html.v2 section#contact select:focus {
  outline: none;
  background: #fff !important;
  border-color: rgba(43, 54, 240, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(43, 54, 240, 0.1);
}

html.v2 section#contact button[type="submit"],
html.v2 section#contact button[class*="bg-brand-600"] {
  border-radius: 12px !important;
  background: linear-gradient(135deg, #2b36f0, #4a3ff2) !important;
  box-shadow: var(--v2-shadow-brand);
  transition: transform 0.3s var(--v2-ease), box-shadow 0.3s var(--v2-ease);
}

html.v2 section#contact button[type="submit"]:hover,
html.v2 section#contact button[class*="bg-brand-600"]:hover {
  transform: translateY(-1px);
}

/* ---------- 19. 页脚 ---------- */
html.v2 footer {
  background: #070b26 !important;
  padding-top: 64px;
  position: relative;
}

html.v2 footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(76, 141, 255, 0) 0%, rgba(76, 141, 255, 0.55) 28%, rgba(108, 60, 244, 0.55) 72%, rgba(108, 60, 244, 0) 100%);
}

html.v2 footer [class*="max-w-[1240px]"] {
  max-width: var(--v2-container);
}

html.v2 footer h2 {
  color: rgba(255, 255, 255, 0.42) !important;
  font-size: 12px;
  letter-spacing: 0.14em;
}

html.v2 footer a {
  transition: color 0.25s var(--v2-ease), transform 0.25s var(--v2-ease);
}

html.v2 footer a:hover {
  color: #fff !important;
}

html.v2 footer [class*="border-b"] {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ---------- 20. 响应式 ---------- */
@media (max-width: 1100px) {
  html.v2 main h2,
  html.v2 section#platform h2 {
    font-size: 34px;
  }

  html.v2 section#top h1 > span:nth-child(2) {
    font-size: 52px;
  }

  html.v2 section#about h2 {
    font-size: 34px;
  }
}

@media (max-width: 1023px) {
  html.v2 main > section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  html.v2 section#top > div[class*="min-h-[100svh]"] {
    grid-template-columns: 1fr;
    padding-top: 112px;
    padding-bottom: 40px;
    row-gap: 48px;
  }

  html.v2 section#top h1 > span:nth-child(2) {
    font-size: 46px;
  }

  html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child {
    min-height: 0 !important;
  }
}

@media (max-width: 767px) {
  html.v2 main h2,
  html.v2 section#platform h2 {
    font-size: 28px;
    line-height: 1.3;
  }

  html.v2 main > section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  html.v2 section#top h1 > span:nth-child(2) {
    font-size: 38px;
  }

  html.v2 section#top dl {
    margin-top: 36px;
  }

  html.v2 section#top dl > div {
    padding: 0 0 0 14px;
  }

  html.v2 section#top dl > div:nth-child(odd) {
    border-left: 0;
    padding-left: 0;
  }

  /* 对照表：窄屏堆叠 */
  html.v2 section#platform .cmp-row {
    grid-template-columns: 1fr !important;
    padding: 20px;
    gap: 12px;
  }

  html.v2 section#platform .cmp-row > span[class*="md:hidden"] {
    display: inline;
  }

  html.v2 section#platform .cmp-arrow {
    display: none !important;
  }

  html.v2 section#platform .cmp-card {
    font-size: 14px;
  }

  html.v2 section#capabilities [id^="cap-panel-"] h3 {
    font-size: 26px;
  }

  /* 移动端页签：收小字号，避免两行换行 */
  html.v2 section#capabilities [id^="cap-tab-"] {
    padding: 10px 11px;
    font-size: 12.5px;
    gap: 8px;
  }

  html.v2 section#capabilities [id^="cap-tab-"] svg {
    width: 15px;
    height: 15px;
  }

  html.v2 section#cases article h3 {
    font-size: 24px;
  }

  html.v2 section#about h2 {
    font-size: 28px;
  }
}

/* 宽屏时恢复表头双栏 */
@media (min-width: 768px) {
  html.v2 section#platform .cmp-head {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 72px minmax(0, 1.15fr);
  }

  html.v2 section#platform .cmp-row {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 72px minmax(0, 1.15fr);
    align-items: center;
    gap: 16px;
  }
}

/* ---------- 21. 动效层样式（配合 motion.js） ---------- */

/* 锚点定位：站点自身已按 88px 偏移滚动，这里不再叠加 scroll-margin */
html.v2 main > section[id] {
  scroll-margin-top: 0;
}

/* 滚动进场 */
html.v2 [data-v2-reveal] {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition: opacity 0.75s var(--v2-ease), transform 0.75s var(--v2-ease);
  transition-delay: var(--v2-delay, 0ms);
  will-change: opacity, transform;
}

html.v2 [data-v2-reveal].is-in {
  opacity: 1;
  transform: none;
  will-change: auto;
}

/* 无脚本 / 弱动效环境：直接呈现 */
html.v2.no-motion [data-v2-reveal],
html.v2.no-motion [data-v2-reveal].is-in {
  opacity: 1;
  transform: none;
  transition: none;
}

/* 顶部导航当前区块 */
html.v2 header nav > a.is-active {
  color: var(--v2-brand) !important;
  background: var(--v2-brand-soft);
}

/* 按钮光晕跟随 */
html.v2 .v2-glow {
  position: relative;
  overflow: hidden;
}

html.v2 .v2-glow::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(
    140px circle at var(--v2-mx, 50%) var(--v2-my, 50%),
    rgba(255, 255, 255, 0.32),
    transparent 68%
  );
  opacity: 0;
  transition: opacity 0.35s var(--v2-ease);
  pointer-events: none;
}

html.v2 .v2-glow:hover::after {
  opacity: 1;
}

/* 首屏右侧微视差（用 translate 属性，避免与 transform 冲突） */
html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class*="max-w-[420px]"] {
  translate: var(--v2-px, 0px) var(--v2-py, 0px);
  transition: translate 0.9s var(--v2-ease);
}

/* 卡片聚光 */
html.v2 section#pillars article,
html.v2 section#clients li,
html.v2 section#ecosystem [class*="sm:grid-cols-2"] > div > div,
html.v2 section#security [class*="mt-12"] > div > div {
  position: relative;
  overflow: hidden;
}

html.v2 section#pillars article::after,
html.v2 section#clients li::after,
html.v2 section#ecosystem [class*="sm:grid-cols-2"] > div > div::after,
html.v2 section#security [class*="mt-12"] > div > div::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    220px circle at var(--v2-mx, 50%) var(--v2-my, 0%),
    rgba(43, 54, 240, 0.07),
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.4s var(--v2-ease);
  pointer-events: none;
}

html.v2 section#pillars article:hover::after,
html.v2 section#clients li:hover::after,
html.v2 section#ecosystem [class*="sm:grid-cols-2"] > div > div:hover::after,
html.v2 section#security [class*="mt-12"] > div > div:hover::after {
  opacity: 1;
}

/* 键盘可达性：统一的焦点环 */
html.v2 a:focus-visible,
html.v2 button:focus-visible,
html.v2 input:focus-visible,
html.v2 textarea:focus-visible,
html.v2 select:focus-visible,
html.v2 summary:focus-visible {
  outline: 2px solid var(--v2-brand);
  outline-offset: 3px;
  border-radius: 8px;
}

/* ==========================================================================
   内页（行业 / 方案）：页头、章节、卡片、图块、CTA
   仅作用于 html.v2-inner，避免与首页规则互相干扰
   ========================================================================== */

html.v2-inner main > section {
  padding-top: 72px;
  padding-bottom: 72px;
}

/* ---- 页头：深色大图 → 浅色版式 ---- */
html.v2-inner main > header {
  background: radial-gradient(90% 70% at 12% 0%, rgba(108, 60, 244, 0.1) 0%, rgba(108, 60, 244, 0) 58%),
    radial-gradient(120% 92% at 80% 6%, rgba(76, 141, 255, 0.2) 0%, rgba(76, 141, 255, 0) 56%),
    linear-gradient(180deg, #f4f7ff 0%, #f8faff 58%, #ffffff 100%);
  color: var(--v2-ink);
  padding-top: 128px !important;
  padding-bottom: 56px !important;
  overflow: hidden;
}

html.v2-inner main > header > img,
html.v2-inner main > header > div[class*="pointer-events-none"] {
  display: none;
}

html.v2-inner main > header nav,
html.v2-inner main > header nav a,
html.v2-inner main > header nav span {
  color: #64708e !important;
}

html.v2-inner main > header nav li:last-child,
html.v2-inner main > header nav li:last-child * {
  color: var(--v2-ink-2) !important;
}

html.v2-inner main > header nav a:hover {
  color: var(--v2-brand) !important;
}

html.v2-inner main > header nav svg {
  color: #b6bdd0 !important;
}

html.v2-inner main > header h1 {
  color: var(--v2-ink) !important;
  font-size: 42px;
  line-height: 1.24;
  letter-spacing: -0.03em;
  max-width: 1000px;
}

html.v2-inner main > header > div[class*="max-w-3xl"] p {
  color: var(--v2-ink-2) !important;
  font-size: 16px;
  line-height: 1.9;
}

html.v2-inner main > header p[class*="tracking-[0.18em]"] {
  color: var(--v2-brand) !important;
  font-size: 12px;
  letter-spacing: 0.2em;
}

/* ---- 章节头 ---- */
html.v2-inner main > section > div > p[class*="tracking-[0.18em]"],
html.v2-inner main > div > p[class*="tracking-[0.18em]"] {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--v2-brand) !important;
  font-size: 11.5px;
  letter-spacing: 0.2em;
}

html.v2-inner main > section > div > p[class*="tracking-[0.18em]"]::before,
html.v2-inner main > div > p[class*="tracking-[0.18em]"]::before {
  content: "";
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, var(--v2-brand), rgba(108, 60, 244, 0.25));
}

html.v2-inner main > section > div > h2 {
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-top: 14px;
}

/* ---- 卡片（痛点 / 场景 / 其他页面） ---- */
html.v2-inner main li[class*="rounded-[20px]"],
html.v2-inner main a[class*="rounded-[20px]"],
html.v2-inner main li[class*="rounded-2xl"] {
  border-color: var(--v2-line) !important;
  border-radius: var(--v2-r) !important;
  background: #fff !important;
  box-shadow: var(--v2-shadow-1);
  transition: transform 0.4s var(--v2-ease), box-shadow 0.4s var(--v2-ease),
    border-color 0.4s var(--v2-ease);
}

html.v2-inner main li[class*="rounded-[20px]"]:hover,
html.v2-inner main a[class*="rounded-[20px]"]:hover,
html.v2-inner main li[class*="rounded-2xl"]:hover {
  transform: translateY(-4px);
  border-color: rgba(43, 54, 240, 0.2) !important;
  box-shadow: var(--v2-shadow-2);
}

/* 序号圆点 */
html.v2-inner main li > span[class*="bg-brand-50"] {
  background: var(--v2-brand-soft) !important;
  color: var(--v2-brand) !important;
}

/* 列表页卡片箭头 */
html.v2-inner main a > span[class*="text-brand-600"] {
  transition: transform 0.3s var(--v2-ease), gap 0.3s var(--v2-ease);
}

html.v2-inner main a:hover > span[class*="text-brand-600"] {
  transform: translateX(3px);
}

/* 卡片聚光跟随 */
html.v2-inner main > section li[class*="rounded-[20px]"],
html.v2-inner main > section a[class*="rounded-[20px]"] {
  position: relative;
  overflow: hidden;
}

html.v2-inner main > section li[class*="rounded-[20px]"]::after,
html.v2-inner main > section a[class*="rounded-[20px]"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(220px circle at var(--v2-mx, 50%) var(--v2-my, 0%), rgba(43, 54, 240, 0.07), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s var(--v2-ease);
  pointer-events: none;
}

html.v2-inner main > section li[class*="rounded-[20px]"]:hover::after,
html.v2-inner main > section a[class*="rounded-[20px]"]:hover::after {
  opacity: 1;
}

/* ---- 图 / 演示块 ---- */
html.v2-inner main figure {
  border-color: var(--v2-line) !important;
  border-radius: var(--v2-r) !important;
  box-shadow: var(--v2-shadow-1);
}

html.v2-inner main figure > div:first-child[class*="border-b"] {
  background: #f8faff !important;
  border-color: var(--v2-line) !important;
}

html.v2-inner main figure img {
  display: block;
}

html.v2-inner main figcaption {
  color: var(--v2-ink-3) !important;
  border-color: var(--v2-line) !important;
}

/* 首页那种「截图浮起」块 */
html.v2-inner main > div[class*="bg-mist"] {
  background: linear-gradient(180deg, #f4f7ff 0%, #ffffff 100%) !important;
}

/* 术语表 */
html.v2-inner main dl > div {
  border-color: var(--v2-line) !important;
}

html.v2-inner main dl dt {
  color: var(--v2-ink) !important;
  font-size: 15px;
}

html.v2-inner main dl dd {
  color: var(--v2-ink-2) !important;
  font-size: 13.5px;
  line-height: 1.8;
}

/* 深色图片横条：与首页一致地移除 */
html.v2-inner main > div[class*="bg-night"] {
  display: none;
}

/* ---- 页尾 CTA 卡 ---- */
html.v2-inner main > section > div > div[class*="bg-night"] {
  background: linear-gradient(125deg, #070a24 0%, #101a5e 46%, #1c2bb8 78%, #3b2fd0 100%) !important;
  border-radius: var(--v2-r-xl) !important;
  box-shadow: 0 40px 90px -50px rgba(11, 14, 61, 0.85);
  position: relative;
  overflow: hidden;
}

html.v2-inner main > section > div > div[class*="bg-night"]::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -120px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(108, 60, 244, 0.55), transparent 72%);
  pointer-events: none;
}

html.v2-inner main > section > div > div[class*="bg-night"] h2 {
  color: #fff !important;
  font-size: 30px;
}

html.v2-inner main > section > div > div[class*="bg-night"] p {
  color: rgba(255, 255, 255, 0.68) !important;
}

html.v2-inner main > section > div > div[class*="bg-night"] a[class*="bg-brand-600"] {
  background: #fff !important;
  color: var(--v2-brand) !important;
  box-shadow: 0 18px 36px -20px rgba(0, 0, 0, 0.6);
  transition: transform 0.3s var(--v2-ease), box-shadow 0.3s var(--v2-ease);
}

html.v2-inner main > section > div > div[class*="bg-night"] a[class*="bg-brand-600"]:hover {
  transform: translateY(-2px);
}

/* ---- 内页响应式 ---- */
@media (max-width: 1023px) {
  html.v2-inner main > section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  html.v2-inner main > header {
    padding-top: 112px !important;
  }

  html.v2-inner main > header h1 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  html.v2-inner main > header h1 {
    font-size: 28px;
  }

  html.v2-inner main > header > div[class*="max-w-3xl"] p {
    font-size: 14.5px;
  }

  html.v2-inner main > section > div > h2 {
    font-size: 24px;
  }

  html.v2-inner main > section > div > div[class*="bg-night"] h2 {
    font-size: 22px;
  }
}

/* ==========================================================================
   法务页（隐私 / 条款）与英文版微调
   ========================================================================== */

html.v2-legal main {
  background: radial-gradient(100% 60% at 12% 0%, rgba(76, 141, 255, 0.14) 0%, rgba(76, 141, 255, 0) 62%),
    linear-gradient(180deg, #f5f8ff 0%, #ffffff 58%) !important;
  min-height: 100vh;
  padding-top: 150px !important;
  padding-bottom: 110px !important;
}

html.v2-legal main h1 {
  color: var(--v2-ink) !important;
  font-size: 40px;
  line-height: 1.24;
  letter-spacing: -0.02em;
}

html.v2-legal main p {
  color: var(--v2-ink-2) !important;
  font-size: 16px;
  line-height: 1.9;
  max-width: 720px;
}

html.v2-legal main a[class*="bg-brand-600"] {
  height: 46px;
  padding: 0 26px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2b36f0, #4a3ff2) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  box-shadow: var(--v2-shadow-brand);
  transition: transform 0.3s var(--v2-ease), box-shadow 0.3s var(--v2-ease);
}

html.v2-legal main a[class*="bg-brand-600"]:hover {
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  html.v2-legal main {
    padding-top: 120px !important;
    padding-bottom: 80px !important;
  }

  html.v2-legal main h1 {
    font-size: 30px;
  }
}

/* ---- 英文版：字号与行距单独校排 ---- */
html.v2-en main h2 {
  letter-spacing: -0.015em;
}

html.v2-en main > header h1 {
  font-size: 40px;
  line-height: 1.22;
  letter-spacing: -0.02em;
  max-width: 1000px;
}

html.v2-en section#top h1 > span:nth-child(2) {
  font-size: 58px;
  line-height: 1.06;
  letter-spacing: -0.03em;
}

html.v2-en main > header > div[class*="max-w-3xl"] p {
  line-height: 1.8;
}

html.v2-en main > section > div > h2 {
  font-size: 30px;
  line-height: 1.28;
}

html.v2-en section#top dl > div > div {
  font-size: 12px;
  line-height: 1.45;
}

/* 英文导航更长：先收字号，再在 1024~1199 让位给汉堡菜单 */
@media (min-width: 1024px) {
  html.v2-en header nav > a {
    padding: 8px 10px;
    font-size: 13.5px;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  html.v2-en header nav {
    display: none !important;
  }

  html.v2-en header button[class*="lg:hidden"] {
    display: flex !important;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  html.v2-en section#top h1 > span:nth-child(2) {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  html.v2-en main > header h1 {
    font-size: 28px;
    line-height: 1.3;
  }

  html.v2-en section#top h1 > span:nth-child(2) {
    font-size: 40px;
  }
}

/* 尊重系统「减少动态效果」 */
@media (prefers-reduced-motion: reduce) {
  html.v2 {
    scroll-behavior: auto;
  }

  html.v2 *,
  html.v2 *::before,
  html.v2 *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

  html.v2 [data-v2-reveal] {
    opacity: 1;
    transform: none;
  }

  html.v2 section#top > div[class*="min-h-[100svh]"] > div:last-child > div[class*="max-w-[420px]"] {
    translate: none;
  }
}