/* =========================================================
   首页专用样式覆盖（body.is-home）
   仅作用于 index.html，不影响内页。
   2026-05-08 调整：
     - Hero：保留左右排版 + AI 创作画布，去掉信任行 / 信任数据条 section
       Wix 风渐变 mesh 背景；标题 72px；padding 加深以呼应大标题
     - 区块主标题字号见 layout.css（.section-head h2），与全站内页一致
     - 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 .canvas { display: none; }
}
.is-home .hero-lede {
  margin-top: 20px;
  font-size: 16px;
  line-height: var(--lh-body);
  color: var(--color-muted);
  margin-bottom: 32px;
  max-width: 760px;
}
.is-home .hero-lede__line {
  white-space: nowrap;
}
.is-home .hero-cta { gap: 14px; }

.is-home .canvas__plane {
  overflow: visible;
}

.is-home .node-canvas {
  top: 22%;
  z-index: 40;
  transform: translateY(60px) translateZ(120px);
}

.is-home .node-engine {
  left: calc(4% - 30px);
  z-index: 35;
  transform: translateZ(100px);
}

.is-home .node-chat {
  right: calc(4% - 50px);
}

.is-home .node-geo {
  transform: translateY(50px) translateZ(25px);
}

.is-home .chip-1 {
  top: auto;
  bottom: calc(18% - 50px);
  left: calc(-14% + 30px);
  z-index: 30;
}

.is-home .chip-1 .glyph {
  font-size: 9px;
  letter-spacing: -0.08em;
}

/* ---- 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;
}
.is-home [data-section="standardization"] .std-actions {
  margin-top: 52px;
  gap: 12px;
  justify-content: 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;
}
@media (max-width: 539px) {
  .is-home [data-section="why-yunmeng"] .ability-card { padding: 20px; }
  .is-home [data-section="why-yunmeng"] .ability-card h3 { font-size: 18px; }
  .is-home [data-section="why-yunmeng"] .ability-card .ability-mock { padding: 12px; font-size: 12px; }
  .is-home [data-section="why-yunmeng"] .ability-card.col-7 .ability-mock { transform: none; }
  .is-home [data-section="why-yunmeng"] .ability-card.col-5 .ability-mock { transform: none; margin-bottom: 0; }
}

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

.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: visible;
  position: relative;
}
body.is-home main [data-section="cta"] .container .cta-bar > div:has(> h2) {
  max-width: none;
  width: 100%;
  position: relative;
  z-index: calc(var(--z-sticky, 100) + 8);
  margin-inline: 0 !important;
  text-align: left !important;
  transform: translateX(50px);
}
body.is-home [data-section="cta"] .cta-bar h2 {
  margin-bottom: 0;
  text-align: left;
}
body.is-home main [data-section="cta"] .container .cta-bar > div:has(> h2) > p {
  color: rgba(255, 255, 255, 0.80);
  font-size: 16px;
  line-height: var(--lh-body);
  margin-top: 20px;
  margin-inline: 0 !important;
  max-width: 570px;
  text-align: left;
}
body.is-home main [data-section="cta"] .container .cta-bar .row {
  justify-content: flex-start !important;
  align-items: center;
  margin-inline: 0;
  padding-inline: 0;
  width: 100%;
  position: relative;
  z-index: calc(var(--z-sticky, 100) + 9);
}
body.is-home main [data-section="cta"] .container .cta-bar .consult-popover .consult-popover__card {
  z-index: calc(var(--z-sticky, 100) + 20);
  width: 220px;
  padding: 20px 20px 0;
  text-align: center;
}
body.is-home main [data-section="cta"] .container .cta-bar .consult-popover .consult-popover__title {
  color: var(--color-text-strong);
  font-size: 18px;
  line-height: 1.35;
  margin: 0 0 14px;
  max-width: none;
  text-align: center;
}
body.is-home main [data-section="cta"] .container .cta-bar .consult-popover .consult-popover__card img {
  width: 180px;
  height: 180px;
  max-width: none;
  margin-inline: auto;
  object-fit: contain;
}
body.is-home main [data-section="cta"] .container .cta-bar .consult-popover .consult-popover__footer {
  margin: 14px -20px 0;
}
.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: 1;
}
.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; }
  .is-home .cta-deco .badge.b3 { display: none; }
}
@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-top: 120px;
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  .is-home .endorsements {
    padding-top: 80px;
    padding-bottom: 20px;
  }
}
.is-home .endorsements .section-head { margin-bottom: 56px; }

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

.is-home .home-endorsement-metrics {
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .is-home .home-endorsement-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .is-home .home-endorsement-metrics {
    grid-template-columns: 1fr;
  }
}

.is-home .endorsements-actions {
  margin-top: 52px;
  padding-bottom: 24px;
  justify-content: center;
  overflow: visible;
}
.is-home .endorsements-actions .btn--outline-blue {
  background: #FFFFFF;
  color: var(--color-primary);
  border-color: var(--color-border);
  box-shadow: none;
}
.is-home .endorsements-actions .btn--outline-blue:hover {
  background: var(--color-primary);
  color: #FFFFFF;
  border-color: var(--color-primary);
  box-shadow: 0 8px 18px rgba(20, 110, 245, 0.25);
}

.is-home .partner-card {
  position: relative;
  background: var(--color-surface);
  border: 0;
  border-radius: var(--radius-xl);
  padding: 20px 40px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.07), 0 10px 30px rgba(15, 23, 42, 0.035);
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.is-home .partner-card::before {
  content: "";
  position: absolute;
  top: -64px;
  left: 50%;
  width: 72%;
  height: 150px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: var(--logo-glow, rgba(20, 110, 245, 0.12));
  filter: blur(34px);
  pointer-events: none;
}
.is-home .partner-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 40px 96px rgba(15, 23, 42, 0.09), 0 14px 38px rgba(15, 23, 42, 0.045);
}
@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%);
  --logo-glow: rgba(255, 106, 0, 0.044);
}
.is-home .partner-card--unicom {
  --accent: linear-gradient(90deg, #E60012 0%, #FF5A6B 100%);
  --logo-glow: rgba(230, 0, 18, 0.039);
}

.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;
}

/* =========================================================
   PORTAL NARRATIVE — "AI 时代重新需要网站"
   大字号叙事段落，居中排版，渐变背景
   ========================================================= */
.is-home .portal-narrative {
  background: #FFFFFF;
  padding-block: 96px 80px;
}
.is-home [data-section="ai-era"] .portal-narrative__inner--split {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-inline: auto;
  text-align: center;
}
.is-home [data-section="ai-era"] .portal-narrative__content {
  max-width: none;
  width: 100%;
}
.is-home [data-section="ai-era"] .portal-narrative__title {
  text-align: center;
  margin-bottom: 48px;
}
.is-home [data-section="ai-era"] .portal-narrative__prose {
  width: 100%;
  max-width: none;
  text-align: center;
}
.is-home [data-section="ai-era"] .portal-narrative__prose p {
  white-space: nowrap;
}
.is-home .portal-narrative__inner {
  max-width: none;
  margin-inline: auto;
  text-align: center;
}
.is-home .portal-narrative__kicker {
  display: inline-block;
  font-size: 12px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 24px;
}
.is-home .portal-narrative__title {
  font-size: 44px;
  line-height: 1.18;
  font-weight: var(--fw-extrabold);
  letter-spacing: -0.02em;
  color: var(--color-text-strong);
  margin-bottom: 40px;
}
.is-home .portal-narrative__title .grad {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: inherit;
}
.is-home .portal-narrative__prose {
  text-align: center;
  font-size: 16px;
  line-height: 1.65;
  color: #526071;
}
.is-home .portal-narrative__prose p {
  margin-bottom: 8px;
}
.is-home .portal-narrative__prose p:last-child {
  margin-bottom: 0;
}
/* AI 时代叙事 — 过去 vs AI 时代对比示意图 */
.is-home .portal-narrative__visual.portal-compare {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 20px;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  margin-inline: auto;
  padding: 0;
  border: 0;
}
.is-home .portal-compare__now-wrap {
  position: relative;
}
.is-home .portal-compare__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px 20px 20px;
  border-radius: var(--radius-xl);
  border: 0;
  background: var(--color-surface);
  box-shadow: none;
  transition: transform 0.32s ease, box-shadow 0.32s ease;
}
.is-home .portal-compare__panel--past {
  background:
    radial-gradient(80% 42% at 50% 0%, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.38) 42%, transparent 78%),
    linear-gradient(180deg, #F8FAFF 0%, #EDF3F9 100%);
  box-shadow: none;
}
.is-home .portal-compare__panel--now {
  width: 100%;
  background:
    radial-gradient(ellipse 90% 80% at 8% 0%, rgba(255, 255, 255, 0.58), transparent 52%),
    radial-gradient(ellipse 75% 65% at 100% 8%, rgba(178, 228, 255, 0.48), transparent 46%),
    radial-gradient(ellipse 70% 60% at 72% 88%, rgba(148, 202, 253, 0.26), transparent 54%),
    linear-gradient(155deg, #A3D0FF 0%, #89C2FF 38%, #73B2FA 72%, #62A4F2 100%);
  box-shadow: 0 28px 72px rgba(20, 110, 245, 0.22), 0 10px 28px rgba(0, 184, 217, 0.14);
  color: #FFFFFF;
}
.is-home .portal-compare.is-revealed .portal-compare__panel:hover {
  transform: translateY(-10px);
}
.is-home .portal-compare.is-revealed .portal-compare__panel--now:hover {
  box-shadow: 0 34px 84px rgba(20, 110, 245, 0.26), 0 14px 34px rgba(0, 184, 217, 0.16);
}
.is-home .portal-compare__panel--now .portal-compare__era--accent {
  color: #FFFFFF;
}
.is-home .portal-compare__panel--now .portal-compare__eq {
  color: rgba(255, 255, 255, 0.94);
}
.is-home .portal-compare__panel--now .portal-compare__eq-sign {
  color: rgba(255, 255, 255, 0.72);
}
.is-home .portal-compare__panel--now .portal-compare__highlight {
  color: #A7FF2F;
}
.is-home .portal-compare__panel--now .portal-compare__meter-label {
  color: rgba(255, 255, 255, 0.88);
}
.is-home .portal-compare__panel--now .portal-compare__meter-track {
  background: rgba(255, 255, 255, 0.42);
  border: none;
}
.is-home .portal-compare__panel--now .portal-compare__site--active {
  border: 1px solid transparent;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 100%) padding-box,
    linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) border-box;
  background-clip: padding-box, border-box;
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  box-shadow: 0 6px 18px rgba(7, 13, 25, 0.04);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .is-home .portal-compare__panel--now .portal-compare__site--active {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 100%) padding-box,
      linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) border-box;
    background-clip: padding-box, border-box;
  }
}
.is-home .portal-compare__panel--now .portal-compare__audience span:not(:last-child) {
  background: var(--color-primary);
  color: #FFFFFF;
  box-shadow: 0 3px 10px rgba(7, 13, 25, 0.05);
}
.is-home .portal-compare__era {
  font-size: 13px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.08em;
  color: var(--color-muted);
  text-transform: uppercase;
}
.is-home .portal-compare__era--accent {
  color: var(--color-primary-strong);
}
.is-home .portal-compare__site {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 108px;
  justify-content: center;
  padding: 16px;
  border-radius: var(--radius-lg);
  border: 0;
}
.is-home .portal-compare__site--muted {
  background: rgba(148, 163, 184, 0.12);
  opacity: 0.85;
}
.is-home .portal-compare__site--active {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 24px rgba(20, 110, 245, 0.10);
}
.is-home .portal-compare__site-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 6px 16px;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-weight: var(--fw-bold);
  font-family: var(--font-mono);
  color: var(--color-muted);
  background: rgba(148, 163, 184, 0.18);
}
.is-home .portal-compare__site--active .portal-compare__site-icon {
  color: var(--color-primary-strong);
  background: linear-gradient(135deg, rgba(20, 110, 245, 0.14), rgba(0, 184, 217, 0.12));
}
.is-home .portal-compare__audience {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}
.is-home .portal-compare__audience span {
  padding: 5px 12px;
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: var(--fw-bold);
  background: var(--color-surface);
  border: 0;
  color: var(--color-text-strong);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}
.is-home .portal-compare__audience span:last-child {
  color: #3E7100;
  background: linear-gradient(135deg, rgba(167, 255, 47, 0.58), rgba(217, 255, 112, 0.78));
  box-shadow: 0 0 0 1px rgba(167, 255, 47, 0.65), 0 8px 18px rgba(82, 138, 0, 0.12);
}
.is-home .portal-compare__eq {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-text);
  text-align: center;
}
.is-home .portal-compare__eq-sign,
.is-home .portal-compare__plus {
  color: var(--color-muted);
  font-weight: var(--fw-semibold);
}
.is-home .portal-compare__tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-weight: var(--fw-bold);
  color: #64748B;
  background: rgba(148, 163, 184, 0.22);
}
.is-home .portal-compare__highlight {
  font-weight: var(--fw-bold);
  color: var(--color-primary-strong);
}
.is-home .portal-compare__meter {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.is-home .portal-compare__meter-label {
  font-size: 11px;
  font-weight: var(--fw-semibold);
  color: var(--color-muted);
  text-align: left;
}
.is-home .portal-compare__meter-track {
  display: block;
  height: 8px;
  border-radius: var(--radius-full);
  background: rgba(148, 163, 184, 0.22);
  overflow: hidden;
}
.is-home .portal-compare__meter-fill {
  display: block;
  height: 100%;
  width: var(--w);
  border-radius: inherit;
  background: #94A3B8;
}
.is-home .portal-compare__meter-fill.is-high {
  background: linear-gradient(
    90deg,
    #2F8DFF 0%,
    #7EC6FF 20%,
    #9FD7FF 46%,
    #76F4D2 70%,
    #A7FF2F 100%
  );
  box-shadow: none;
}
@supports (background: linear-gradient(90deg in oklch, oklch(0% 0 0) 0%, oklch(0% 0 0) 100%)) {
  .is-home .portal-compare__meter-fill.is-high {
    background: linear-gradient(
      90deg in oklch,
      oklch(66% 0.21 260) 0%,
      oklch(84% 0.17 250) 22%,
      oklch(88% 0.14 235) 48%,
      oklch(89% 0.16 170) 72%,
      oklch(92% 0.25 128) 100%
    );
  }
}
.is-home .portal-compare__bridge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-width: 120px;
  padding-inline: 4px;
  align-self: center;
}
.is-home .portal-compare__arrow {
  width: 68px;
  height: 36px;
  flex-shrink: 0;
}
.is-home .portal-compare__rise {
  position: relative;
  z-index: 2;
  isolation: isolate;
  margin-bottom: 0;
  padding: 8px 14px;
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: var(--fw-bold);
  line-height: 1.3;
  white-space: nowrap;
  text-align: center;
  color: #FFFFFF;
  background: transparent;
  border: 0;
  box-shadow: 0 8px 20px rgba(20, 110, 245, 0.16);
}
.is-home .portal-compare__rise::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #146EF5 0%, #00B8D9 100%);
}
.is-home .portal-compare__rise::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  bottom: -5px;
  width: 10px;
  height: 10px;
  background: linear-gradient(135deg, #146EF5 0%, #00B8D9 100%);
  transform: translateX(-50%) rotate(45deg);
}

/* 配图 — 滚动入场（分步） */
.is-home .portal-compare[data-reveal] > .portal-compare__panel--past,
.is-home .portal-compare[data-reveal] > .portal-compare__bridge,
.is-home .portal-compare[data-reveal] > .portal-compare__now-wrap {
  opacity: 0;
  transition:
    opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-home .portal-compare[data-reveal] > .portal-compare__panel--past {
  transform: translateX(-28px) translateY(12px);
}
.is-home .portal-compare[data-reveal] > .portal-compare__bridge {
  transform: scale(0.88);
}
.is-home .portal-compare[data-reveal] > .portal-compare__now-wrap {
  transform: translateX(28px) translateY(12px);
}
.is-home .portal-compare.is-revealed > .portal-compare__panel--past {
  opacity: 1;
  transform: translateX(0) translateY(0);
  transition-delay: 0.12s;
}
.is-home .portal-compare.is-revealed > .portal-compare__bridge {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.28s;
}
.is-home .portal-compare.is-revealed > .portal-compare__now-wrap {
  opacity: 1;
  transform: translateX(0) translateY(0);
  transition-delay: 0.44s;
}
.is-home .portal-compare__meter-fill {
  width: 0;
  transition: width 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-home .portal-compare.is-revealed .portal-compare__panel--past .portal-compare__meter-fill {
  width: var(--w);
  transition-delay: 0.5s;
}
.is-home .portal-compare.is-revealed .portal-compare__panel--now .portal-compare__meter-fill {
  width: var(--w);
  transition-delay: 0.72s;
}

/* 配图 — 持续微动效 */
@keyframes portal-rise-glow {
  0%, 100% { box-shadow: 0 8px 20px rgba(20, 110, 245, 0.14); }
  50% { box-shadow: 0 10px 24px rgba(20, 110, 245, 0.22); }
}
@keyframes portal-muted-breathe {
  0%, 100% { opacity: 0.72; }
  50% { opacity: 0.95; }
}
@keyframes portal-active-pulse {
  0%, 100% { box-shadow: 0 6px 18px rgba(7, 13, 25, 0.06); }
  50% { box-shadow: 0 8px 22px rgba(7, 13, 25, 0.1); }
}
@keyframes portal-badge-pop {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.04); }
}
.is-home .portal-compare.is-revealed .portal-compare__rise {
  animation: portal-rise-glow 2.8s ease-in-out infinite;
  animation-delay: 1s;
}
.is-home .portal-compare.is-revealed .portal-compare__site--muted {
  animation: portal-muted-breathe 3.6s ease-in-out infinite;
  animation-delay: 1.2s;
}
.is-home .portal-compare.is-revealed .portal-compare__site--active {
  animation: portal-active-pulse 3s ease-in-out infinite;
  animation-delay: 1s;
}
.is-home .portal-compare.is-revealed .portal-compare__audience span:nth-child(1) {
  animation: portal-badge-pop 2.6s ease-in-out infinite;
  animation-delay: 1.15s;
}
.is-home .portal-compare.is-revealed .portal-compare__audience span:nth-child(2) {
  animation: portal-badge-pop 2.6s ease-in-out infinite;
  animation-delay: 1.35s;
}
.is-home .portal-compare.is-revealed .portal-compare__audience span:nth-child(3) {
  animation: portal-badge-pop 2.6s ease-in-out infinite;
  animation-delay: 1.55s;
}
@media (prefers-reduced-motion: reduce) {
  .is-home .portal-compare[data-reveal] > .portal-compare__panel--past,
  .is-home .portal-compare[data-reveal] > .portal-compare__bridge,
  .is-home .portal-compare[data-reveal] > .portal-compare__now-wrap {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .is-home .portal-compare__meter-fill {
    width: var(--w) !important;
    transition: none !important;
  }
  .is-home .portal-compare.is-revealed .portal-compare__rise,
  .is-home .portal-compare.is-revealed .portal-compare__site--muted,
  .is-home .portal-compare.is-revealed .portal-compare__site--active,
  .is-home .portal-compare.is-revealed .portal-compare__audience span {
    animation: none !important;
  }
}
@media (max-width: 1023px) {
  .is-home .portal-narrative { padding-block: 72px 64px; }
  .is-home .portal-narrative__title { font-size: 36px; }
  .is-home .portal-narrative__prose { font-size: 16px; }
  .is-home [data-section="ai-era"] .portal-narrative__inner--split { gap: 40px; }
  .is-home [data-section="ai-era"] .portal-narrative__prose p { white-space: normal; }
}
@media (max-width: 767px) {
  .is-home .portal-narrative { padding-block: 56px 48px; }
  .is-home .portal-narrative__title { font-size: 28px; }
  .is-home .portal-narrative__prose { font-size: 15px; }
  .is-home .portal-narrative__visual.portal-compare {
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: stretch;
  }
  .is-home .portal-compare__bridge {
    min-width: 0;
    padding-inline: 0;
  }
  .is-home .portal-compare__arrow {
    width: 100%;
    max-width: 200px;
    height: 36px;
  }
  .is-home .portal-compare__eq { font-size: 13px; }
}

/* =========================================================
   SCENARIOS — 三大场景 AI+Chat / CLI / GUI
   三列卡片网格
   ========================================================= */
.is-home [data-section="scenarios"] {
  background: linear-gradient(180deg, var(--color-surface-soft) 0%, #FFFFFF 100%);
}
.is-home .scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.is-home .scenario-card--wide {
  grid-column: auto;
}
@media (max-width: 1023px) {
  .is-home .scenario-grid { grid-template-columns: 1fr; }
  .is-home .scenario-card--wide { grid-column: auto; }
}

.is-home .scenario-card {
  background: var(--color-surface);
  border: 0;
  border-radius: var(--radius-xl);
  padding: 36px 32px;
  box-shadow: 0 28px 72px rgba(20, 110, 245, 0.08), 0 10px 30px rgba(0, 184, 217, 0.048);
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.is-home .scenario-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 38px 96px rgba(20, 110, 245, 0.112), 0 14px 38px rgba(0, 184, 217, 0.064);
}
.is-home .scenario-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.is-home .scenario-card__label {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.04em;
}
.is-home .scenario-card__label--chat {
  background: rgba(167, 233, 47, 0.18);
  color: #4F7F00;
}
.is-home .scenario-card__label--cli {
  background: rgba(0, 184, 217, 0.14);
  color: #007D94;
}
.is-home .scenario-card__label--gui {
  background: rgba(255, 122, 69, 0.14);
  color: #B5421B;
}
.is-home .scenario-card h3 {
  font-size: 24px;
  font-weight: var(--fw-bold);
  color: var(--color-text-strong);
  margin: 0;
}
.is-home .scenario-card p {
  font-size: 15px;
  line-height: 1.72;
  color: var(--color-muted);
  margin-bottom: 16px;
}
.is-home .scenario-card p:last-of-type {
  margin-bottom: 20px;
}

/* Scenario visual demos */
.is-home .scenario-card__visual {
  background: var(--color-surface-soft);
  border-radius: var(--radius-lg);
  padding: 20px;
  margin-bottom: 20px;
}
.is-home .scenario-visual--cli {
  margin-top: 48px;
}
.is-home .scenario-visual--gui {
  margin-top: 40px;
}

/* Chat demo */
.is-home .scenario-chat-demo {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.is-home .scenario-chat__channel {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: var(--fw-semibold);
  color: var(--color-muted);
  margin-top: 4px;
}
.is-home .scenario-chat__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.is-home .scenario-chat__dot--wechat { background: #07C160; }
.is-home .scenario-chat__dot--dingtalk { background: #3370FF; }
.is-home .scenario-chat__msg {
  padding: 8px 12px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-soft);
  border-radius: 8px 8px 8px 2px;
  font-size: 13px;
  color: var(--color-text);
  max-width: 80%;
}
.is-home .scenario-chat__msg--user {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
  border-radius: 8px 8px 2px 8px;
  margin-left: auto;
}

/* CLI demo */
.is-home .scenario-cli-demo {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.8;
}
.is-home .scenario-cli__line {
  display: flex;
  gap: 8px;
  color: var(--color-text);
}
.is-home .scenario-cli__prompt {
  color: var(--color-secondary);
  flex-shrink: 0;
}
.is-home .scenario-cli__line--cmd .scenario-cli__prompt { color: var(--color-ai-lime); }
.is-home .scenario-cli__line--out {
  color: var(--color-success);
  margin-top: 4px;
}
.is-home .scenario-cli__line--out .scenario-cli__prompt { color: var(--color-success); }

/* GUI demo */
.is-home .scenario-gui-demo {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.is-home .scenario-gui__toolbar {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--color-border-soft);
}
.is-home .scenario-gui__toolbar .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.is-home .scenario-gui__toolbar .dot.r { background: #FF5F57; }
.is-home .scenario-gui__toolbar .dot.y { background: #FEBC2E; }
.is-home .scenario-gui__toolbar .dot.g { background: #28C840; }
.is-home .scenario-gui__title {
  margin-left: 8px;
  font-size: 12px;
  font-weight: var(--fw-semibold);
  color: var(--color-muted);
}
.is-home .scenario-gui__timeline {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.is-home .scenario-gui__version {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--color-muted);
}
.is-home .scenario-gui__version--current {
  color: var(--color-text-strong);
  font-weight: var(--fw-semibold);
}
.is-home .scenario-gui__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-border);
}
.is-home .scenario-gui__version--current .scenario-gui__dot {
  background: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(20, 110, 245, 0.20);
}

.is-home .scenario-card__footer {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.is-home .scenario-card__note {
  font-size: 12px;
  color: var(--color-muted);
  margin-left: auto;
}

/* =========================================================
   MULTI-CHANNEL — 多入口联动
   流程图：触发 → 处理 → 输出
   ========================================================= */
.is-home .multi-channel {
  background: #FFFFFF;
}
.is-home .multi-channel .section-head {
  max-width: none;
}
.is-home .multi-channel .section-head .lede {
  max-width: none;
}
.is-home .multi-channel__flow {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .is-home .multi-channel__flow {
    flex-direction: column;
    gap: 16px;
  }
}

.is-home .mc-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.is-home .mc-step__icon {
  width: 56px;
  height: 56px;
  color: var(--color-primary);
  transform-origin: center;
}
.is-home .mc-step__icon svg {
  width: 100%;
  height: 100%;
}
.is-home .mc-step__icon--ai {
  width: 56px;
  height: 56px;
}
.is-home .mc-step__content {
  text-align: center;
}
.is-home .mc-step__content strong {
  display: block;
  font-size: 18px;
  font-weight: var(--fw-bold);
  color: var(--color-text-strong);
  margin-bottom: 4px;
}
.is-home .mc-step__content span {
  font-size: 13px;
  color: var(--color-muted);
  line-height: 1.6;
}

.is-home .mc-step--process {
}

.is-home .mc-step--trigger {
}

.is-home .mc-step--output {
}

.is-home .multi-channel__flow {
  background:
    radial-gradient(82% 42% at 50% 0%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.32) 44%, transparent 78%),
    #eef4fa;
  border-radius: var(--radius-xl);
  padding: 28px 32px;
  width: min(100%, 1200px);
  min-height: 300px;
  margin-inline: auto;
  box-shadow: none;
  transition: transform var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);
}
.is-home .multi-channel__flow:hover {
  background: #eaf2fb;
  transform: translateY(-4px);
}
.is-home .multi-channel__flow:hover .mc-step__icon {
  animation: mcPulse 1.4s ease-in-out infinite;
}
.is-home .multi-channel__flow:hover .mc-arrow svg {
  animation: mcArrowFlow 1.2s ease-in-out infinite;
}
.is-home .multi-channel__flow:hover .mc-output {
  transform: translateY(-4px);
}
.is-home .multi-channel__flow:hover .mc-output:nth-child(1) { transition-delay: 0ms; }
.is-home .multi-channel__flow:hover .mc-output:nth-child(2) { transition-delay: 70ms; }
.is-home .multi-channel__flow:hover .mc-output:nth-child(3) { transition-delay: 140ms; }
.is-home .multi-channel__flow:hover .mc-output:nth-child(4) { transition-delay: 210ms; }

.is-home .multi-channel__flow[data-reveal] .mc-step,
.is-home .multi-channel__flow[data-reveal] .mc-arrow,
.is-home .multi-channel__flow[data-reveal] .mc-output {
  opacity: 0;
  transition: opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
              box-shadow var(--dur-base) var(--ease-out);
}
.is-home .multi-channel__flow[data-reveal] .mc-step--trigger {
  transform: translateX(-28px) scale(0.96);
}
.is-home .multi-channel__flow[data-reveal] .mc-step--process {
  transform: translateY(24px) scale(0.96);
}
.is-home .multi-channel__flow[data-reveal] .mc-step--output {
  transform: translateX(28px) scale(0.96);
}
.is-home .multi-channel__flow[data-reveal] .mc-arrow {
  transform: translateX(-12px) scaleX(0.72);
}
.is-home .multi-channel__flow[data-reveal] .mc-output {
  transform: translateY(14px);
}
.is-home .multi-channel__flow.is-revealed .mc-step,
.is-home .multi-channel__flow.is-revealed .mc-arrow,
.is-home .multi-channel__flow.is-revealed .mc-output {
  opacity: 1;
  transform: translateX(0) translateY(0) scale(1);
}
.is-home .multi-channel__flow.is-revealed .mc-step--trigger { transition-delay: 0.12s; }
.is-home .multi-channel__flow.is-revealed .mc-arrow:nth-of-type(2) { transition-delay: 0.26s; }
.is-home .multi-channel__flow.is-revealed .mc-step--process { transition-delay: 0.38s; }
.is-home .multi-channel__flow.is-revealed .mc-arrow:nth-of-type(4) { transition-delay: 0.52s; }
.is-home .multi-channel__flow.is-revealed .mc-step--output { transition-delay: 0.64s; }
.is-home .multi-channel__flow.is-revealed .mc-output:nth-child(1) { transition-delay: 0.76s; }
.is-home .multi-channel__flow.is-revealed .mc-output:nth-child(2) { transition-delay: 0.86s; }
.is-home .multi-channel__flow.is-revealed .mc-output:nth-child(3) { transition-delay: 0.96s; }
.is-home .multi-channel__flow.is-revealed .mc-output:nth-child(4) { transition-delay: 1.06s; }
.is-home .multi-channel__flow.is-revealed .mc-step__icon {
  animation: mcRevealPop 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.is-home .mc-arrow {
  color: var(--color-border);
  flex-shrink: 0;
}
.is-home .mc-arrow svg {
  width: 48px;
  height: 24px;
  transition: transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);
}
@media (max-width: 1023px) {
  .is-home .mc-arrow svg {
    transform: rotate(90deg);
  }
}

.is-home .mc-step__outputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.is-home .mc-output {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #FFFFFF;
  border-radius: var(--radius-md);
  font-size: 15px;
  font-weight: var(--fw-regular);
  color: var(--color-text);
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.is-home .mc-output:hover {
  box-shadow: 0 10px 24px rgba(20, 110, 245, 0.10);
}
.is-home .mc-output__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

@keyframes mcPulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(20, 110, 245, 0)); }
  50% { transform: scale(1.08); filter: drop-shadow(0 10px 18px rgba(20, 110, 245, 0.16)); }
}

@keyframes mcArrowFlow {
  0%, 100% { transform: translateX(0); opacity: 0.55; }
  50% { transform: translateX(8px); opacity: 1; }
}

@keyframes mcRevealPop {
  0% { transform: scale(0.72); filter: drop-shadow(0 0 0 rgba(20, 110, 245, 0)); }
  55% { transform: scale(1.12); filter: drop-shadow(0 12px 20px rgba(20, 110, 245, 0.16)); }
  100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(20, 110, 245, 0)); }
}

@media (prefers-reduced-motion: reduce) {
  .is-home .multi-channel__flow[data-reveal] .mc-step,
  .is-home .multi-channel__flow[data-reveal] .mc-arrow,
  .is-home .multi-channel__flow[data-reveal] .mc-output {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .is-home .multi-channel__flow.is-revealed .mc-step__icon {
    animation: none;
  }
}

.is-home .multi-channel__note {
  text-align: center;
  font-size: 16px;
  color: var(--color-text);
  margin-top: 40px;
  max-width: 640px;
  margin-inline: auto;
}
.is-home .multi-channel__note strong {
  color: var(--color-text-strong);
  font-weight: var(--fw-bold);
}

/* =========================================================
   SCENARIOS section — hide old ability-card styles
   ========================================================= */
.is-home [data-section="scenarios"] .ability-card__num { display: none; }

/* =========================================================
   2026-06-01 综合响应式修复
   覆盖全部分区在 1023px / 767px / 539px 下的常见断版问题
   ========================================================= */

/* Hero 区域：canvas 浮动元素防溢出；chip-2/3 在平板上限位 */
@media (max-width: 1023px) {
  .is-home .hero {
    padding-block: 56px 48px;
  }
  .is-home .canvas {
    overflow: hidden !important;
  }
  .is-home .chip-1 { display: none; }
  .is-home .chip-2 { right: -8%; }
  .is-home .chip-3 { right: 22%; }
}
@media (max-width: 767px) {
  .is-home .hero .split { gap: 28px; }
  .is-home .hero-lede { font-size: 15px; }
  .is-home .hero-cta { flex-direction: column; }
  .is-home .hero-cta .btn { width: 100%; justify-content: center; }
}
@media (max-width: 539px) {
  .is-home .hero-eyebrow { font-size: 11px; }
}

/* AI Era 叙事段落 */
@media (max-width: 767px) {
  .is-home .portal-narrative__prose { font-size: 15px; }
  .is-home .portal-narrative__prose p { margin-bottom: 16px; }
}

/* 三大场景（scenarios ）卡片 */
@media (max-width: 767px) {
  .is-home .scenario-card { padding: 24px 20px; }
  .is-home .scenario-card h3 { font-size: 20px; }
  .is-home .scenario-card p { font-size: 14px; }
  .is-home .scenario-chat__msg { font-size: 12px; padding: 6px 10px; max-width: 90%; }
  .is-home .scenario-cli-demo { font-size: 11px; }
}

/* 多入口联动 流程 */
@media (max-width: 767px) {
  .is-home .multi-channel__flow { gap: 12px; }
  .is-home .mc-step__icon { width: 44px; height: 44px; }
  .is-home .mc-step__content strong { font-size: 14px; }
  .is-home .mc-step__content span { font-size: 12px; }
  .is-home .mc-arrow svg { width: 36px; height: 18px; }
  .is-home .mc-output { font-size: 11px; padding: 6px 10px; }
}

/* 标准化卡片 */
@media (max-width: 767px) {
  .is-home .std-card { padding: 24px; }
  .is-home .std-card h3 { font-size: 20px; }
  .is-home .std-card p { font-size: 14px; }
  .is-home .std-card__art { height: 100px; }
}

/* 底部 CTA */
@media (max-width: 767px) {
  .is-home .cta-bar h2 { font-size: 28px; }
  .is-home .cta-bar > div:has(> h2) > p { font-size: 15px; }
  body.is-home main [data-section="cta"] .container .cta-bar .row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start !important;
  }
  body.is-home main [data-section="cta"] .container .cta-bar .row .btn { width: auto; max-width: 100%; }
}

/* 首页非 Hero 模块大标题统一为 48px */
.is-home main > .section:not(.hero):not(.page-hero):not(.about-hero) .section-head h2,
.is-home .portal-narrative__title,
.is-home .cta-bar h2 {
  font-size: 48px;
}

/* 内页公共修复：容器内边距在极小屏下仍然够 */
@media (max-width: 360px) {
  .container { padding-inline: 12px; }
}