/* =========================================================
   首页专用样式覆盖（body.is-home）
   仅作用于 index.html，不影响内页。
   2026-05-08 调整：
     - Hero：保留左右排版 + AI 创作画布，去掉信任行 / 信任数据条 section
       Wix 风渐变 mesh 背景；标题 72px；padding 加深以呼应大标题
     - 区块主标题字号见 layout.css（.section-head h2），与全站内页一致
     - WHO WE ARE：白底；4 pillar 卡片加装饰（角部色光、顶部彩色描边、
       角落 SVG 图案、淡序号背景）；与全站统一去边框 + 默认柔投影
     - WHY YUNMENG：隐藏 ability-card 上的 01/02 数字
     - 删除 PRODUCT MATRIX、AI ASSISTANT 模块
     - 底部 CTA 主题色背景 + 右侧分层圆环 / 流动钢笔路径 / 浮动 badge 装饰
   ========================================================= */

/* 首页 Hero 轨迹强制平滑实线（覆盖所有同名规则） */
.is-home .canvas__path .path-fg {
  stroke-dasharray: 0 !important;
  stroke-dashoffset: 0 !important;
  animation: none !important;
  stroke-width: 3.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
/* =========================================================
   HERO — 全屏 + 左右排版 + Wix-style 渐变 mesh 背景
   桌面端 hero 占据视口剩余高度（减去 72px 头）；
   移动端按 DESIGN.md §11 不强制 100vh，回到内容自适应。
   ========================================================= */
.is-home .hero {
  min-height: calc(100vh - 72px);
  min-height: calc(100dvh - 72px);
  display: flex;
  align-items: center;
  padding-block: 80px 64px;
  /* Wix 式多色 mesh：4 个角点的高饱和柔光球 + 米白基底 */
  background:
    radial-gradient(48% 58% at 12% 18%, rgba(20, 110, 245, 0.30) 0%, transparent 55%),
    radial-gradient(44% 52% at 88% 16%, rgba(0, 184, 217, 0.28) 0%, transparent 55%),
    radial-gradient(54% 56% at 18% 92%, rgba(167, 233, 47, 0.26) 0%, transparent 55%),
    radial-gradient(40% 48% at 92% 86%, rgba(255, 122, 69, 0.24) 0%, transparent 55%),
    linear-gradient(180deg, #FBFCFE 0%, #FFFFFF 50%, #FFF8EE 100%);
  overflow: hidden;
  position: relative;
}
.is-home .hero .container { width: 100%; }
.is-home .hero .split { align-items: center; }
.is-home .hero::before {
  /* 极淡网格，制造纸感 */
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(to right, rgba(11, 18, 32, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(11, 18, 32, 0.04) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, transparent 30%, #000 90%);
  pointer-events: none;
}

.is-home .hero .container { position: relative; z-index: 1; }
.is-home .hero-copy {
  align-self: center;
}
.is-home .hero-eyebrow {
  margin-bottom: 24px;
}
.is-home .hero-title {
  font-size: 72px;
  line-height: 1.06;
  letter-spacing: -0.028em;
  font-weight: 800;
  margin-bottom: 0;
}
@media (max-width: 1399px) {
  .is-home .hero-title { font-size: 60px; }
}
@media (max-width: 1023px) {
  .is-home .hero-title { font-size: 48px; }
}
@media (max-width: 767px) {
  .is-home .hero-title { font-size: 38px; line-height: 1.12; }
  /* 移动端不强制 100vh，避免 URL bar 抖动；让内容自然撑高 */
  .is-home .hero {
    min-height: auto;
    padding-block: 56px 56px;
    align-items: stretch;
  }
}
.is-home .hero-lede {
  margin-top: 20px;
  font-size: 16px;
  line-height: var(--lh-body);
  color: var(--color-muted);
  margin-bottom: 32px;
  max-width: 540px;
}
.is-home .hero-cta { gap: 14px; }

/* =========================================================
   WHO WE ARE — pillar 卡片
   ----------------------------------------------------------
   主体白底，色彩仅以一道 45° 渐变停留在右上角；左下大面积留白。
   顶部一枚黑色线框 icon + 主题色点缀（filled accent block / accent stroke）。
   ========================================================= */
.is-home [data-section="who-we-are"] {
  background: var(--color-surface);
  border-top: 0;
}
.is-home [data-section="who-we-are"] .pillar {
  --pillar-color: #146EF5;       /* 主题色（icon accent + 渐变末端） */
  --pillar-tint:  #E8F1FE;       /* 渐变末端的淡彩，用作右上角颜色块 */
  position: relative;
  border: 0;
  border-radius: var(--radius-lg);
  padding: 32px 32px 36px;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  background:
    /* 右上角颜色块：圆角化的色光，集中在右上 1/3 */
    radial-gradient(70% 70% at 100% 0%, var(--pillar-tint) 0%, transparent 60%),
    /* 左下→右上的薄弱叠层，让色彩往右上"汇聚" */
    linear-gradient(45deg, #FFFFFF 55%, var(--pillar-tint) 100%),
    #FFFFFF;
  box-shadow: var(--shadow-card-soft);
  transition:
    transform var(--dur-slow) var(--ease-spring),
    box-shadow var(--dur-slow) var(--ease-out);
}
.is-home [data-section="who-we-are"] .pillar:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-card-soft-hover);
}

/* 4 张卡：主题色 + 右上角彩 */
.is-home [data-section="who-we-are"] .pillar:nth-child(1) { --pillar-color: #146EF5; --pillar-tint: #C9DCFA; }
.is-home [data-section="who-we-are"] .pillar:nth-child(2) { --pillar-color: #00879F; --pillar-tint: #B6E4EF; }
.is-home [data-section="who-we-are"] .pillar:nth-child(3) { --pillar-color: #E25E2A; --pillar-tint: #FFD2B8; }
.is-home [data-section="who-we-are"] .pillar:nth-child(4) { --pillar-color: #4F5E89; --pillar-tint: #D6DCEC; }

/* 线框 icon —— 黑色主体 + 主题色点缀 */
.is-home [data-section="who-we-are"] .pillar__icon {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 40px; height: 40px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}
.is-home [data-section="who-we-are"] .pillar__icon svg {
  width: 100%; height: 100%;
  overflow: visible;
}
.is-home [data-section="who-we-are"] .pillar__icon .ink {
  stroke: var(--color-text-strong);
  fill: none;
}
.is-home [data-section="who-we-are"] .pillar__icon .accent {
  stroke: var(--pillar-color);
  fill: none;
}
.is-home [data-section="who-we-are"] .pillar__icon .accent.fill {
  stroke: none;
  fill: var(--pillar-color);
}

/* hover 时 icon 微动 */
.is-home [data-section="who-we-are"] .pillar:hover .pillar__icon {
  transform: rotate(-4deg) scale(1.05);
}
.is-home [data-section="who-we-are"] .pillar__icon {
  transition: transform var(--dur-base) var(--ease-spring);
}

/* 标题 + 描述 */
.is-home [data-section="who-we-are"] .pillar h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.015em;
  font-weight: 800;
  color: var(--color-text-strong);
  position: relative;
  z-index: 1;
}
.is-home [data-section="who-we-are"] .pillar p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75; color: #dd370e;
  position: relative;
  z-index: 1;
  max-width: 30ch;
}

@media (max-width: 1023px) {
  .is-home [data-section="who-we-are"] .pillar { padding: 28px 28px 32px; min-height: 200px; }
  .is-home [data-section="who-we-are"] .pillar h3 { font-size: 24px; }
}
@media (max-width: 539px) {
  .is-home [data-section="who-we-are"] .pillar { padding: 24px 22px 28px; min-height: auto; }
  .is-home [data-section="who-we-are"] .pillar h3 { font-size: 22px; }
}

/* ---- Standardization：去掉 body 透出的浅蓝大背景 ---- */
.is-home .section:not([data-section="cta"]) .section-head {
  margin-inline: auto;
  text-align: center;
}
.is-home .section:not([data-section="cta"]) .section-head .lede {
  margin-inline: auto;
}

.is-home [data-section="standardization"] {
  background: #FFFFFF;
  position: relative;
  overflow: visible;
}
.is-home [data-section="standardization"]::before {
  content: "";
  position: absolute;
  left: calc(24% + 100px);
  top: calc(54% + 80px);
  width: min(924px, 73vw);
  height: 532px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(64% 66% at 50% 52%, #F0F7FF 0%, #F0F7FF 42%, rgba(240, 247, 255, 0.00) 84%);
  filter: blur(28px);
}
.is-home [data-section="standardization"]::after {
  content: "";
  position: absolute;
  left: calc(74% - 50px);
  top: calc(40% + 120px);
  width: min(924px, 74vw);
  height: 532px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(60% 62% at 54% 46%, #F5F2FF 0%, #F5F2FF 40%, rgba(245, 242, 255, 0.00) 84%),
    radial-gradient(42% 44% at 70% 34%, #F5F2FF 0%, rgba(245, 242, 255, 0.00) 84%);
  opacity: 0.81;
  filter: blur(28px);
}
.is-home [data-section="standardization"] .std-grid {
  position: relative;
  z-index: 1;
}
.is-home [data-section="standardization"] .std-grid > * {
  position: relative;
  z-index: 2;
}
.is-home [data-section="standardization"] .std-card {
  border: 0;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045);
  transition:
    transform var(--dur-base) var(--ease-out),
    box-shadow var(--dur-base) var(--ease-out);
}
.is-home [data-section="standardization"] .std-card:hover {
  border-color: transparent;
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.065);
}
.is-home [data-section="standardization"] .std-card h3 {
  text-align: center;
  margin-top: 10px;
}
.is-home [data-section="standardization"] .std-card p {
  text-align: center;
}

/* =========================================================
   WHY YUNMENG — 背景蓝→白渐变 + 隐藏 ability-card 数字
   ========================================================= */
.is-home [data-section="why-yunmeng"] {
  /* 顶部沿用 .section--soft 的 #EEF4FA，向下淡到纯白 */
  background: linear-gradient(180deg, var(--color-surface-soft) 0%, #FFFFFF 100%);
}
.is-home .ability-card__num { display: none; }
.is-home .ability-card .ability-card__head {
  /* 数字隐藏后让 icon + h3 单行更紧凑 */
  gap: 14px;
}
.is-home [data-section="why-yunmeng"] .ability-card {
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045);
  transition:
    transform var(--dur-base) var(--ease-out),
    box-shadow var(--dur-base) var(--ease-out);
}
.is-home [data-section="why-yunmeng"] .ability-card:hover {
  border-color: transparent !important;
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}
.is-home [data-section="why-yunmeng"] .ability-mock {
  border: 0 !important;
  margin-top: 8px;
  margin-bottom: 0;
  transform: none;
  background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 100%);
}
.is-home [data-section="why-yunmeng"] .ability-card.col-7 .ability-mock {
  transform: translateY(-10px);
  background: linear-gradient(90deg, #EAF1FC 0%, rgba(234, 241, 252, 0) 100%);
}
.is-home [data-section="why-yunmeng"] .ability-card.col-5 .ability-mock {
  transform: translateY(28px);
  padding-bottom: 24px;
  margin-bottom: -18px;
}
.is-home [data-section="why-yunmeng"] .ability-card.col-5 .ability-mock .lang-badges {
  justify-content: center;
}

/* =========================================================
   底部 CTA — 主题色卡片 + 白底模块
   ----------------------------------------------------------
   卡片本身保持原来的主题蓝渐变；外层 section 强制白底，
   防止 body 渐变（顶 #F8FAFD → 底 #EEF4FA）让模块看起来发蓝。
   ========================================================= */
.is-home [data-section="cta"] {
  background: #FFFFFF;
  position: relative;
}

.is-home .cta-bar {
  background:
    radial-gradient(60% 100% at 100% 50%, rgba(255, 255, 255, 0.10) 0%, transparent 60%),
    linear-gradient(110deg, #0B4FD8 0%, #146EF5 50%, #1F86F2 100%);
  padding: 72px 64px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 48px;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.is-home .cta-bar > div:first-of-type {
  max-width: none;
  position: relative; z-index: 2;
}
.is-home .cta-bar h2 {
  margin-bottom: 0;
}
.is-home .cta-bar p { color: rgba(255, 255, 255, 0.80); font-size: 16px; line-height: var(--lh-body); margin-top: 20px; }
.is-home .cta-bar .gradient-orb-1,
.is-home .cta-bar .gradient-orb-2 { display: none; }

/* CTA 主按钮在主题色底上换成白底品牌字 */
.is-home .cta-bar .btn:not(.btn--secondary) {
  background: #FFFFFF; color: var(--color-primary-strong);
  border-color: #FFFFFF;
  box-shadow: 0 12px 32px rgba(7, 13, 25, 0.22);
}
.is-home .cta-bar .btn:not(.btn--secondary):hover {
  background: #F5F8FE; color: var(--color-primary-strong);
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(7, 13, 25, 0.28);
}
.is-home .cta-bar .btn--secondary {
  background: rgba(255, 255, 255, 0.10);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.40);
  backdrop-filter: blur(12px);
}
.is-home .cta-bar .btn--secondary:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.65);
  color: #FFFFFF;
}

/* 右侧装饰可视化：分层圆环 + 流动节点 + AI 标签 */
.is-home .cta-deco {
  position: relative;
  height: 320px;
  z-index: 2;
}
.is-home .cta-deco svg {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
}
.is-home .cta-deco .ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  pointer-events: none;
}
.is-home .cta-deco .ring.r1 { inset: 0; }
.is-home .cta-deco .ring.r2 { inset: 12%; border-color: rgba(255, 255, 255, 0.24); }
.is-home .cta-deco .ring.r3 { inset: 24%; border-color: rgba(255, 255, 255, 0.30); }
.is-home .cta-deco .ring.r4 {
  inset: 36%;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.40) 0%, rgba(167, 233, 47, 0.25) 60%, transparent 100%);
  border: 0;
  filter: blur(2px);
}
.is-home .cta-deco .node {
  position: absolute;
  width: 14px; height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.15), 0 0 24px rgba(167, 233, 47, 0.6);
}
.is-home .cta-deco .node.n1 { top: 4%; right: 28%; background: #A7E92F; box-shadow: 0 0 0 6px rgba(167, 233, 47, 0.18), 0 0 24px rgba(167, 233, 47, 0.6); }
.is-home .cta-deco .node.n2 { top: 38%; right: 4%; background: #00B8D9; box-shadow: 0 0 0 6px rgba(0, 184, 217, 0.18), 0 0 24px rgba(0, 184, 217, 0.6); }
.is-home .cta-deco .node.n3 { bottom: 18%; right: 30%; background: #FF7A45; box-shadow: 0 0 0 6px rgba(255, 122, 69, 0.18), 0 0 24px rgba(255, 122, 69, 0.55); }
.is-home .cta-deco .node.n4 { top: 60%; left: 8%; background: #FFFFFF; }
.is-home .cta-deco .badge {
  position: absolute;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--color-primary-strong);
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  box-shadow: 0 12px 28px rgba(7, 13, 25, 0.22);
}
.is-home .cta-deco .badge .dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #A7E92F;
  box-shadow: 0 0 0 3px rgba(167, 233, 47, 0.40);
}
.is-home .cta-deco .badge.b1 { top: 10%; left: -4%; }
.is-home .cta-deco .badge.b2 { bottom: 6%; right: -2%; }
.is-home .cta-deco .badge.b3 { top: 48%; right: 30%; background: rgba(11, 18, 32, 0.70); color: #fff; backdrop-filter: blur(8px); }
.is-home .cta-deco .badge.b3 .dot { background: #00B8D9; box-shadow: 0 0 0 3px rgba(0, 184, 217, 0.40); }

/* 浮动钢笔路径 */
.is-home .cta-deco path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.28);
  stroke-width: 1.4;
  stroke-dasharray: 4 6;
}
.is-home .cta-deco path.flow {
  stroke: url(#ctaFlowGrad);
  stroke-width: 2;
  stroke-dasharray: 6 8;
  animation: dashflow 4s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .is-home .cta-deco path.flow { animation: none; }
}

@media (max-width: 1023px) {
  .is-home .cta-bar { grid-template-columns: 1fr; padding: 56px 32px; gap: 32px; }
  .is-home .cta-deco { height: 220px; }
}
@media (max-width: 767px) {
  .is-home .cta-bar { padding: 40px 22px; }
  .is-home .cta-deco { height: 180px; }
  .is-home .cta-deco .badge.b1 { left: 2%; }
  .is-home .cta-deco .badge.b2 { right: 2%; }
}

/* =========================================================
   ENDORSEMENTS — 头部平台合作背书
   两张大气 partner card：彩色顶条 + 大尺寸真实 logo + 双行标题 + 描述。
   logo 体量做到原来 3 倍（约 216px 高），让"头部平台"该有的份量感外显。
   ========================================================= */
.is-home .endorsements {
  background: #FFFFFF;
  padding-block: 120px;
}
@media (max-width: 1023px) {
  .is-home .endorsements { padding-block: 80px; }
}
.is-home .endorsements .section-head { margin-bottom: 56px; }

.is-home .partner-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media (max-width: 1023px) { .is-home .partner-cards { grid-template-columns: 1fr; } }

.is-home .partner-card {
  position: relative;
  background: var(--color-surface);
  border: 0;
  border-radius: var(--radius-xl);
  padding: 40px 40px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  overflow: hidden;
  box-shadow: var(--shadow-card-soft);
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.is-home .partner-card:hover {
  transform: translateY(-10px);
  box-shadow: var(--shadow-card-soft-hover);
}
@media (max-width: 1023px) {
  .is-home .partner-card { padding: 32px 28px; gap: 12px; }
}
@media (max-width: 539px) {
  .is-home .partner-card { padding: 24px 22px; gap: 10px; }
}

/* 顶部品牌色条 */
.is-home .partner-card__accent {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 6px;
  background: var(--accent, linear-gradient(90deg, #FF6A00, #FFB266));
}
.is-home .partner-card--aliyun { --accent: linear-gradient(90deg, #FF6A00 0%, #FF9D40 100%); }
.is-home .partner-card--unicom { --accent: linear-gradient(90deg, #E60012 0%, #FF5A6B 100%); }

.is-home .partner-card > * { position: relative; z-index: 1; }

/* 大尺寸 logo —— PNG 已 trim 掉 padding，可贴满容器 */
.is-home .partner-card__logo {
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.is-home .partner-card__logo img {
  max-height: 100%;
  max-width: 320px;
  width: auto;
  object-fit: contain;
  display: block;
}
@media (max-width: 1023px) {
  .is-home .partner-card__logo { height: 96px; }
  .is-home .partner-card__logo img { max-width: 260px; }
}
@media (max-width: 539px) {
  .is-home .partner-card__logo { height: 80px; }
  .is-home .partner-card__logo img { max-width: 200px; }
}

/* 描述 */
.is-home .partner-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
  color: var(--color-muted);
  max-width: 480px;
}