/* =========================================================
   首页专用样式覆盖（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; }

/* —— Hero 环境动效 —— */
@media (prefers-reduced-motion: no-preference) {
  .is-home .hero::after {
    content: "";
    position: absolute;
    inset: -18% -8%;
    z-index: 0;
    pointer-events: none;
    background:
      radial-gradient(42% 38% at 18% 24%, rgba(20, 110, 245, 0.16), transparent 68%),
      radial-gradient(36% 34% at 82% 20%, rgba(0, 184, 217, 0.14), transparent 68%),
      radial-gradient(30% 28% at 72% 78%, rgba(167, 233, 47, 0.10), transparent 70%);
    animation: hero-mesh-drift 20s ease-in-out infinite alternate;
  }
  .is-home .hero .zero-story__glyph {
    animation: hero-glyph-breathe 14s ease-in-out infinite;
  }
  .is-home .hero .zero-story__glow {
    animation: hero-glow-pulse 9s ease-in-out infinite;
  }
}
@keyframes hero-mesh-drift {
  0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.72; }
  50% { transform: translate3d(2%, -1.5%, 0) scale(1.04); opacity: 0.92; }
  100% { transform: translate3d(-1.5%, 1%, 0) scale(1.02); opacity: 0.8; }
}
@keyframes hero-glyph-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.78; }
}
@keyframes hero-glow-pulse {
  0%, 100% { opacity: 0.72; transform: translate3d(calc(var(--zero-shift-x) * -0.08), calc(var(--zero-shift-y) * -0.06), 0) scale(1); }
  50% { opacity: 1; transform: translate3d(calc(var(--zero-shift-x) * -0.08), calc(var(--zero-shift-y) * -0.06), 0) scale(1.08); }
}
@keyframes hero-prompt-blink {
  0%, 45% { opacity: 1; }
  50%, 95% { opacity: 0.35; }
  100% { opacity: 1; }
}
@keyframes hero-pill-glow {
  0%, 100% { box-shadow: 0 0 0 rgba(91, 88, 255, 0); }
  50% { box-shadow: 0 0 18px rgba(91, 88, 255, 0.14); }
}
@keyframes hero-quote-pop {
  0% { opacity: 0; transform: scale(0.82) translateY(8px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes hero-channel-pop {
  0% { opacity: 0; transform: translateY(8px) scale(0.92); }
  100% { opacity: 1; transform: translateY(0) scale(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; }
}
.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;
}

@media (max-width: 1023px) {
  /* 平板/手机：取消首屏锁高与裁切，避免 CTA 被 overflow:hidden 截断 */
  .is-home .hero {
    min-height: auto;
    overflow: visible;
    align-items: stretch;
  }
  .is-home .hero .split {
    align-items: stretch;
  }
  .is-home .hero-copy {
    min-width: 0;
    width: 100%;
    align-self: stretch;
  }
  .is-home .hero-lede,
  .is-home .hero-lede__line {
    max-width: 100%;
    white-space: normal;
  }
  .is-home .canvas {
    display: block;
    width: 100%;
    max-width: min(100%, 540px);
    aspect-ratio: 5 / 3.2;
    max-height: 300px;
    margin-inline: auto;
    overflow: hidden;
  }
  .is-home .canvas__plane {
    overflow: hidden;
    transform: none;
  }
}

@media (max-width: 767px) {
  .is-home .hero-title { font-size: 38px; line-height: 1.12; }
  .is-home .hero {
    padding-block: 48px 56px;
    padding-bottom: max(56px, env(safe-area-inset-bottom, 0px));
  }
  .is-home .hero-cta {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0;
  }
  .is-home .hero-cta .btn {
    width: 100%;
    justify-content: center;
  }
  /* 移动端恢复首屏配图（此前 display:none 仅为规避错位） */
  .is-home .hero .split {
    gap: 32px;
  }
  .is-home .canvas {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 5 / 3;
    max-height: 268px;
    margin-inline: auto;
    overflow: hidden;
  }
  .is-home .canvas__plane {
    overflow: hidden;
    transform: none;
  }
  .is-home .node-input {
    top: 8%;
    left: 4%;
    width: 46%;
    transform: none;
  }
  .is-home .node-canvas {
    top: 16%;
    left: 16%;
    width: 68%;
    z-index: 10;
    transform: none;
  }
  .is-home .node-engine {
    top: auto;
    bottom: 8%;
    left: 4%;
    width: 40%;
    transform: none;
  }
  .is-home .node-chat {
    top: auto;
    bottom: 10%;
    right: 4%;
    left: auto;
    width: 46%;
    transform: none;
  }
  .is-home .node-geo {
    top: 42%;
    bottom: auto;
    left: 10%;
    width: 58%;
    transform: none;
  }
  .is-home .chip-float,
  .is-home .palette {
    display: none;
  }
}
.is-home .hero-cta { gap: 14px; }

@media (min-width: 1024px) {
  .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;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .is-home [data-section="standardization"] .std-grid {
    grid-template-columns: 1fr;
  }
}
.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;
}
.is-home [data-section="standardization"]:has(.std-actions .consult-popover:hover),
.is-home [data-section="standardization"]:has(.std-actions .consult-popover:focus-within),
.is-home [data-section="standardization"]:has(.std-actions .consult-popover.is-open) {
  z-index: calc(var(--z-sticky, 100) + 3);
  overflow: visible;
}
.is-home [data-section="standardization"] .std-actions:has(.consult-popover) {
  position: relative;
  z-index: calc(var(--z-sticky, 100) + 5);
}
.is-home [data-section="standardization"] .std-actions .consult-popover__card {
  z-index: calc(var(--z-sticky, 100) + 20);
}

/* Standardization illustration animations */
@keyframes std-block-pulse {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.12); filter: brightness(1.08); }
}
@keyframes std-step-active {
  0%, 18% {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
    transform: scale(1.12);
    box-shadow: 0 8px 22px rgba(20, 110, 245, 0.36);
  }
  24%, 100% {
    background: var(--color-surface);
    color: var(--color-primary-strong);
    border-color: var(--color-primary);
    transform: scale(1);
    box-shadow: 0 6px 16px rgba(20, 110, 245, 0.25);
  }
}
@keyframes std-flow-line {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

.is-home .std-card.is-revealed .art-blocks span.h,
.is-home .std-card.is-revealed .art-blocks span.s,
.is-home .std-card.is-revealed .art-blocks span.a,
.is-home .std-card.is-revealed .art-blocks span.l {
  animation: std-block-pulse 2.8s ease-in-out infinite;
}
.is-home .std-card.is-revealed .art-blocks span:nth-child(1) { animation-delay: 0s; }
.is-home .std-card.is-revealed .art-blocks span:nth-child(3) { animation-delay: 0.35s; }
.is-home .std-card.is-revealed .art-blocks span:nth-child(6) { animation-delay: 0.7s; }
.is-home .std-card.is-revealed .art-blocks span:nth-child(8) { animation-delay: 1.05s; }
.is-home .std-card.is-revealed .art-blocks span:nth-child(9) { animation-delay: 1.4s; }
.is-home .std-card.is-revealed .art-blocks span:nth-child(11) { animation-delay: 1.75s; }

.is-home .std-card.is-revealed .art-flow::before {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-primary));
  background-size: 200% 100%;
  animation: std-flow-line 3.6s linear infinite;
}
.is-home .std-card.is-revealed .art-flow .step {
  animation: std-step-active 10s ease-in-out infinite;
}
.is-home .std-card.is-revealed .art-flow .step:nth-child(1) { animation-delay: 0s; }
.is-home .std-card.is-revealed .art-flow .step:nth-child(2) { animation-delay: -2s; }
.is-home .std-card.is-revealed .art-flow .step:nth-child(3) { animation-delay: -4s; }
.is-home .std-card.is-revealed .art-flow .step:nth-child(4) { animation-delay: -6s; }
.is-home .std-card.is-revealed .art-flow .step:nth-child(5) { animation-delay: -8s; }

.is-home [data-section="standardization"] .std-card:hover .art-blocks span.h,
.is-home [data-section="standardization"] .std-card:hover .art-blocks span.s,
.is-home [data-section="standardization"] .std-card:hover .art-blocks span.a,
.is-home [data-section="standardization"] .std-card:hover .art-blocks span.l,
.is-home [data-section="standardization"] .std-card:hover .art-flow .step {
  animation-duration: 1.6s;
}
.is-home [data-section="standardization"] .std-card:hover .art-flow::before {
  animation-duration: 2s;
}

@media (prefers-reduced-motion: reduce) {
  .is-home .std-card.is-revealed .art-blocks span,
  .is-home .std-card.is-revealed .art-flow::before,
  .is-home .std-card.is-revealed .art-flow .step {
    animation: none !important;
    transform: none !important;
  }
  .is-home .std-card.is-revealed .art-flow .step:nth-child(1) {
    background: var(--color-primary);
    color: #fff;
  }
}

/* =========================================================
   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;
}
@media (min-width: 1024px) {
  body.is-home main [data-section="cta"] .container .cta-bar > div:has(> h2) {
    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;
    overflow: hidden;
  }
  body.is-home main [data-section="cta"] .container .cta-bar > div:has(> h2) {
    transform: none;
    max-width: 100%;
  }
  body.is-home main [data-section="cta"] .container .cta-bar > div:has(> h2) > p {
    max-width: 100%;
  }
  .is-home .cta-deco {
    height: 220px;
    max-width: 360px;
    margin-inline: auto;
  }
  .is-home .cta-deco .badge.b3 { display: none; }
  .is-home .cta-deco .badge.b1 { left: 4%; }
  .is-home .cta-deco .badge.b2 { right: 4%; }
}
@media (max-width: 767px) {
  .is-home [data-section="cta"] {
    padding-top: 64px;
  }
  .is-home .cta-bar {
    padding: 40px 24px;
    gap: 28px;
    border-radius: var(--radius-xl);
  }
  .is-home .cta-bar h2 {
    font-size: 28px;
    line-height: 1.15;
  }
  body.is-home main [data-section="cta"] .container .cta-bar > div:has(> h2) > p {
    font-size: 15px;
    margin-top: 16px;
  }
  body.is-home main [data-section="cta"] .container .cta-bar .row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 24px;
  }
  body.is-home main [data-section="cta"] .container .cta-bar .row .btn {
    width: 100%;
    justify-content: center;
  }
  .is-home .cta-deco {
    height: 200px;
    width: 100%;
    max-width: 100%;
  }
  .is-home .cta-deco .badge.b1 {
    top: 8%;
    left: 8%;
  }
  .is-home .cta-deco .badge.b2 {
    bottom: 10%;
    right: 8%;
  }
}

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

.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;
  border: 0;
}
.is-home .home-endorsement-metrics .about-metric {
  border-bottom: 0;
}
@media (max-width: 1023px) {
  .is-home .home-endorsement-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
  }
  .is-home .home-endorsement-metrics .about-metric {
    border-bottom: 0;
  }
}
@media (max-width: 767px) {
  .is-home .home-endorsement-metrics {
    grid-template-columns: 1fr;
  }
  .is-home .home-endorsement-metrics .about-metric {
    border-right: 0;
    border-bottom: 0;
  }
}

.is-home .endorsements-actions {
  margin-top: 52px;
  justify-content: center;
  overflow: visible;
}

.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:not([data-section="zero-origin"]) {
  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:not([data-section="zero-origin"]) { 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:not([data-section="zero-origin"]) { 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, #FFFFFF 0%, var(--color-surface-soft) 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;
}
.is-home .scenario-chat__msg--alt {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  background: rgba(7, 193, 96, 0.12);
  border: 0;
  color: #1F6B42;
}
.is-home .scenario-chat__msg--alt::before {
  content: "✓";
  flex-shrink: 0;
  font-weight: var(--fw-bold);
  color: #07C160;
}

/* 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);
  flex-shrink: 0;
}
.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);
}

/* Scenario demo animations */
@keyframes scenario-item-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes scenario-dot-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.18); opacity: 0.82; }
}
@keyframes scenario-msg-glow {
  0%, 100% { box-shadow: none; }
  50% { box-shadow: 0 4px 14px rgba(20, 110, 245, 0.22); }
}
@keyframes scenario-cursor-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@keyframes scenario-check-pop {
  0%, 100% { transform: scale(1); opacity: 0.92; }
  50% { transform: scale(1.03); opacity: 1; }
}
@keyframes scenario-gui-version-row {
  0%, 22% {
    color: var(--color-text-strong);
    font-weight: var(--fw-semibold);
  }
  28%, 100% {
    color: var(--color-muted);
    font-weight: var(--fw-normal);
  }
}
@keyframes scenario-gui-version-dot {
  0%, 22% {
    background: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(20, 110, 245, 0.20);
    transform: scale(1.08);
  }
  28%, 100% {
    background: var(--color-border);
    box-shadow: none;
    transform: scale(1);
  }
}

.is-home .scenario-card.is-revealed .scenario-chat-demo > * {
  opacity: 0;
  animation: scenario-item-in 0.48s var(--ease-out) forwards;
}
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(1) { animation-delay: 0.15s; }
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(2) { animation-delay: 0.45s; }
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(3) { animation-delay: 0.85s; }
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(4) { animation-delay: 1.25s; }
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(5) { animation-delay: 1.65s; }
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(6) { animation-delay: 2.05s; }
.is-home .scenario-card.is-revealed .scenario-chat__dot {
  animation: scenario-dot-pulse 2.4s ease-in-out infinite;
}
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(2),
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(5) {
  animation:
    scenario-item-in 0.48s var(--ease-out) forwards,
    scenario-msg-glow 3.6s ease-in-out infinite;
}
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(2) { animation-delay: 0.45s, 2.6s; }
.is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(5) { animation-delay: 1.65s, 4.2s; }

.is-home .scenario-card.is-revealed .scenario-cli__line {
  opacity: 0;
  animation: scenario-item-in 0.42s var(--ease-out) forwards;
}
.is-home .scenario-card.is-revealed .scenario-cli__line:nth-child(1) { animation-delay: 0.2s; }
.is-home .scenario-card.is-revealed .scenario-cli__line:nth-child(2) { animation-delay: 0.5s; }
.is-home .scenario-card.is-revealed .scenario-cli__line:nth-child(3) { animation-delay: 0.85s; }
.is-home .scenario-card.is-revealed .scenario-cli__line:nth-child(4) { animation-delay: 1.15s; }
.is-home .scenario-card.is-revealed .scenario-cli__line--cmd::after {
  content: "▋";
  margin-left: 2px;
  color: var(--color-ai-lime);
  animation: scenario-cursor-blink 1s step-end infinite;
  animation-delay: 1.2s;
}
.is-home .scenario-card.is-revealed .scenario-cli__line--out {
  animation:
    scenario-item-in 0.42s var(--ease-out) forwards,
    scenario-check-pop 2.8s ease-in-out infinite;
  animation-delay: 1.15s, 2s;
}

.is-home .scenario-card.is-revealed .scenario-gui__version {
  opacity: 0;
  animation:
    scenario-item-in 0.42s var(--ease-out) forwards,
    scenario-gui-version-row 9s ease-in-out infinite;
}
.is-home .scenario-card.is-revealed .scenario-gui__version:nth-child(1) {
  animation-delay: 0.2s, 0s;
}
.is-home .scenario-card.is-revealed .scenario-gui__version:nth-child(2) {
  animation-delay: 0.45s, -3s;
}
.is-home .scenario-card.is-revealed .scenario-gui__version:nth-child(3) {
  animation-delay: 0.7s, -6s;
}
.is-home .scenario-card.is-revealed .scenario-gui__dot {
  animation: scenario-gui-version-dot 9s ease-in-out infinite;
}
.is-home .scenario-card.is-revealed .scenario-gui__version:nth-child(1) .scenario-gui__dot {
  animation-delay: 0s;
}
.is-home .scenario-card.is-revealed .scenario-gui__version:nth-child(2) .scenario-gui__dot {
  animation-delay: -3s;
}
.is-home .scenario-card.is-revealed .scenario-gui__version:nth-child(3) .scenario-gui__dot {
  animation-delay: -6s;
}

@media (prefers-reduced-motion: reduce) {
  .is-home .scenario-card.is-revealed .scenario-chat-demo > *,
  .is-home .scenario-card.is-revealed .scenario-chat__dot,
  .is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(2),
  .is-home .scenario-card.is-revealed .scenario-chat-demo > *:nth-child(5),
  .is-home .scenario-card.is-revealed .scenario-cli__line,
  .is-home .scenario-card.is-revealed .scenario-cli__line--cmd::after,
  .is-home .scenario-card.is-revealed .scenario-cli__line--out,
  .is-home .scenario-card.is-revealed .scenario-gui__version,
  .is-home .scenario-card.is-revealed .scenario-gui__dot {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    box-shadow: none !important;
    color: var(--color-muted) !important;
    font-weight: var(--fw-normal) !important;
  }
  .is-home .scenario-card.is-revealed .scenario-gui__version:nth-child(1) {
    color: var(--color-text-strong) !important;
    font-weight: var(--fw-semibold) !important;
  }
  .is-home .scenario-card.is-revealed .scenario-gui__version:nth-child(1) .scenario-gui__dot {
    background: var(--color-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 110, 245, 0.20) !important;
  }
}

.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 区域：平板横滑装饰收敛 */
@media (max-width: 1023px) {
  .is-home .hero {
    padding-block: 56px 48px;
  }
  .is-home .chip-float {
    display: none;
  }
}
@media (max-width: 767px) {
  .is-home .hero-lede { font-size: 15px; }
}
@media (max-width: 539px) {
  .is-home .hero-eyebrow { font-size: 11px; }
  .is-home .canvas {
    aspect-ratio: 5 / 2.85;
    max-height: 240px;
  }
  .is-home .canvas-node {
    font-size: 11px;
    padding: 10px 12px;
  }
}

/* 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; }
}

/* 首页非 Hero 模块大标题统一为 48px（底部 CTA 标题在 ≤767px 单独缩小） */
.is-home main > .section:not(.hero):not(.page-hero):not(.about-hero) .section-head h2,
.is-home .portal-narrative__title {
  font-size: 48px;
}
@media (min-width: 768px) {
  .is-home .cta-bar h2 {
    font-size: 48px;
  }
}

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

/* =========================================================
   ZERO SPOTLIGHT — 合并叠卡：左文案 + 右工牌 + 背后层叠
   ========================================================= */
.is-home .zero-spot {
  position: relative;
  z-index: 1;
  width: 100%;
}
.is-home .zero-spot__stage {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* —— 叠卡容器 —— */
.is-home .zero-stack-card {
  --stack-gap: 24px;
  position: relative;
  width: 100%;
  max-width: 1220px;
  padding-top: calc(var(--stack-gap) * 2);
}
.is-home .zero-stack-card__layer {
  position: absolute;
  left: 50%;
  top: 0;
  height: calc(100% - (var(--stack-gap) * 2));
  border-radius: 24px;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-50%) translateY(calc(var(--stack-gap) + 14px));
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-home .zero-stack-card__layer--near {
  z-index: 1;
  width: calc(100% - 56px);
  border: 1px solid rgba(20, 110, 245, 0.14);
  background: linear-gradient(135deg, rgba(0, 184, 217, 0.38) 0%, rgba(20, 110, 245, 0.32) 52%, rgba(167, 233, 47, 0.28) 100%);
  box-shadow: 0 10px 28px rgba(20, 110, 245, 0.10);
}
.is-home .zero-stack-card__layer--back {
  z-index: 0;
  width: calc(100% - 112px);
  border: 1px solid rgba(0, 184, 217, 0.12);
  background: linear-gradient(180deg, rgba(0, 184, 217, 0.14) 0%, rgba(167, 233, 47, 0.12) 100%);
  box-shadow: 0 6px 18px rgba(0, 184, 217, 0.06);
  transform: translateX(-50%) translateY(14px);
}
.is-home .zero-spot__stage.is-revealed .zero-stack-card__layer--back {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  transition-delay: 0.14s;
}
.is-home .zero-spot__stage.is-revealed .zero-stack-card__layer--near {
  opacity: 1;
  transform: translateX(-50%) translateY(var(--stack-gap));
  transition-delay: 0.28s;
}
.is-home .zero-stack-card__surface {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  overflow: hidden;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow:
    0 20px 48px rgba(11, 28, 64, 0.08),
    0 0 0 1px rgba(20, 110, 245, 0.06) inset;
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-home .zero-spot__stage.is-revealed .zero-stack-card__surface {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.42s;
}
.is-home .zero-stack-card__copy {
  min-width: 0;
}
.is-home .zero-stack-card__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(290px, 28vw, 350px);
  padding-block: clamp(68px, 3.2vw, 80px) clamp(58px, 3.2vw, 70px);
  padding-inline: clamp(24px, 2.8vw, 36px);
  background:
    radial-gradient(80% 70% at 50% 20%, rgba(20, 110, 245, 0.06), transparent 72%),
    linear-gradient(180deg, rgba(239, 246, 253, 0.72) 0%, rgba(255, 255, 255, 0.2) 100%);
  border-left: 1px solid rgba(20, 110, 245, 0.07);
}
@media (prefers-reduced-motion: no-preference) {
  .is-home .zero-stack-card__visual .zero-story__badge-wrap {
    animation: zero-badge-float 4.6s ease-in-out infinite;
  }
}

/* —— 左侧：引用式打字文案 —— */
.is-home .zero-quote {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 2.4vw, 32px);
  padding-block: clamp(72px, 4vw, 88px) clamp(62px, 4vw, 78px);
  padding-inline: clamp(32px, 4vw, 48px);
  background: transparent;
  box-shadow: none;
}
.is-home .zero-quote__mark {
  display: inline-flex;
  color: var(--color-primary);
  opacity: 0;
  transform: scale(0.84) translateY(10px);
}
.is-home .zero-spot__stage.is-revealed .zero-quote__mark {
  animation: hero-quote-pop 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;
}
.is-home .zero-spot__stage.is-revealed .zero-story__badge-channels span {
  opacity: 0;
  animation: hero-channel-pop 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.is-home .zero-spot__stage.is-revealed .zero-story__badge-channels span:nth-child(1) { animation-delay: 0.72s; }
.is-home .zero-spot__stage.is-revealed .zero-story__badge-channels span:nth-child(2) { animation-delay: 0.82s; }
.is-home .zero-spot__stage.is-revealed .zero-story__badge-channels span:nth-child(3) { animation-delay: 0.92s; }
.is-home .zero-spot__stage.is-revealed .zero-story__badge-channels span:nth-child(4) { animation-delay: 1.02s; }
.is-home .zero-quote__mark svg {
  width: clamp(48px, 5vw, 64px);
  height: auto;
}
.is-home .zero-quote__body {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.is-home .zero-quote__block + .zero-quote__block {
  margin-top: 12px;
}
.is-home .zero-quote__label {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--color-primary-strong);
  font-family: var(--font-mono);
  font-size: 24px;
  font-weight: var(--fw-bold);
  letter-spacing: normal;
}
.is-home .zero-quote__label--accent {
  color: var(--color-text-strong);
  font-size: 18px;
}
.is-home .zero-quote__body .zero-story__lead {
  margin: 0 0 12px;
  color: var(--color-text-strong);
  font-size: 15px;
  line-height: 1.86;
  font-weight: var(--fw-normal);
  letter-spacing: 0;
}
.is-home .zero-quote__body .zero-story__text {
  margin: 0;
  color: var(--color-muted);
  font-size: 15px;
  line-height: 1.86;
  letter-spacing: 0;
}
.is-home .zero-quote__body [data-type-line] {
  display: block;
  margin-top: 24px;
  font-size: 32px;
  line-height: 1.35;
  font-weight: var(--fw-bold);
  color: var(--color-primary);
}
.is-home .zero-quote__caret {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 2px;
  vertical-align: -0.12em;
  background: var(--color-secondary);
  animation: zero-caret-blink 1s steps(1) infinite;
}
@keyframes zero-caret-blink {
  0%, 50% { opacity: 1; }
  50.01%, 100% { opacity: 0; }
}

.is-home .zero-stack-card__visual .zero-story__badge-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 18px;
}
.is-home .zero-stack-card__visual .zero-story__badge {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}
.is-home .zero-stack-card__visual .zero-story__badge-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 14px;
}
.is-home .zero-stack-card__visual .zero-story__badge-channels {
  margin-top: auto;
}
.is-home .zero-stack-card__visual .zero-story__badge-info {
  transform: none;
}

@media (max-width: 1023px) {
  .is-home .zero-stack-card {
    --stack-gap: 24px;
  }
  .is-home .zero-stack-card__layer--near {
    width: calc(100% - 48px);
  }
  .is-home .zero-stack-card__layer--back {
    width: calc(100% - 96px);
  }
  .is-home .zero-stack-card__surface {
    grid-template-columns: 1fr;
  }
  .is-home .zero-stack-card__visual {
    order: -1;
    width: 100%;
    border-left: 0;
    border-bottom: 1px solid rgba(20, 110, 245, 0.07);
    padding-block: 64px 58px;
  }
  .is-home .zero-stack-card__visual .zero-story__badge-wrap {
    max-width: 280px;
    margin-inline: auto;
  }
  .is-home .zero-quote {
    padding-block: 68px 62px;
  }
}

/* =========================================================
   ZERO STORY — 编辑式左右分栏 + 工牌配图
   ========================================================= */
/* 零号员工诞生已并入 hero，保留 hero mesh 背景，不再单独铺 zero-origin 区块底 */
.is-home .hero .zero-story__frame {
  width: 100%;
}

.is-home .zero-story__frame {
  position: relative;
  --zero-shift-x: 0px;
  --zero-shift-y: 0px;
}
/* 覆盖 pages.css 旧版 .zero-origin-layout 双栏 grid，避免文字/工牌错位 */
.is-home .zero-story__frame.zero-origin-layout {
  display: block;
  perspective: none;
  grid-template-columns: unset;
  gap: 0;
}
.is-home .zero-story__glyph {
  position: absolute;
  top: -12%;
  right: -4%;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  font-family: "DIN Alternate", "Avenir Next Condensed", "Helvetica Neue", sans-serif;
  font-size: clamp(280px, 36vw, 480px);
  font-weight: 900;
  line-height: 0.82;
  letter-spacing: -0.06em;
  color: transparent;
  background: linear-gradient(165deg, rgba(20, 110, 245, 0.07) 0%, rgba(0, 184, 217, 0.05) 48%, rgba(167, 233, 47, 0.06) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  transform: translate3d(calc(var(--zero-shift-x) * 0.12), calc(var(--zero-shift-y) * 0.08), 0) rotate(-6deg);
  transition: transform 520ms var(--ease-out);
}
.is-home .zero-story__glow {
  position: absolute;
  top: 10%;
  right: 6%;
  z-index: 0;
  width: clamp(200px, 28vw, 340px);
  height: clamp(200px, 28vw, 340px);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 184, 217, 0.16), transparent 68%);
  filter: blur(2px);
  transform: translate3d(calc(var(--zero-shift-x) * -0.08), calc(var(--zero-shift-y) * -0.06), 0);
  transition: transform 520ms var(--ease-out);
  pointer-events: none;
}

.is-home .zero-story__cluster {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(20px, 3vw, 32px);
  align-items: stretch;
  width: 100%;
}
.is-home .zero-story__mag {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.is-home .zero-story__entry.zero-origin-card {
  position: relative;
  min-height: auto;
  padding: 24px;
  overflow: hidden;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.90);
  box-shadow: 0 16px 38px rgba(11, 28, 64, 0.075);
  opacity: 1;
  animation: none;
  filter: none;
  transform: translate3d(calc(var(--zero-shift-x) * -0.04), calc(var(--zero-shift-y) * -0.04), 0);
  transition: transform 420ms var(--ease-out), box-shadow 420ms var(--ease-out);
}
.is-home .zero-story__entry.zero-origin-card:hover {
  transform: translate3d(calc(var(--zero-shift-x) * -0.04), calc(var(--zero-shift-y) * -0.04 - 4px), 0);
  box-shadow: 0 24px 52px rgba(11, 28, 64, 0.12);
}
.is-home .zero-story__entry.zero-origin-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.58) 42%, transparent 58%);
  transform: translateX(-120%);
  opacity: 0;
  transition: transform 760ms var(--ease-out), opacity 280ms var(--ease-out);
}
.is-home .zero-story__entry.zero-origin-card:hover::before {
  transform: translateX(120%);
  opacity: 1;
}
.is-home .zero-story__entry.zero-origin-card::after {
  content: "";
  position: absolute;
  right: -66px;
  top: -72px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20, 110, 245, 0.11), transparent 70%);
  pointer-events: none;
}
.is-home .zero-story__entry.zero-origin-card--dark {
  color: #fff;
  background:
    radial-gradient(220px 180px at 100% 0%, rgba(167, 233, 47, 0.20), transparent 72%),
    linear-gradient(145deg, #0B1220, #14366E);
  box-shadow: 0 16px 38px rgba(11, 28, 64, 0.18);
}
.is-home .zero-story__entry.zero-origin-card > span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--color-primary-strong);
  font-family: var(--font-mono);
  font-size: 24px;
  font-weight: var(--fw-bold);
  letter-spacing: normal;
}
.is-home .zero-story__entry.zero-origin-card--dark > span {
  color: #C8FF66;
}
.is-home .zero-story__entry .zero-story__lead {
  position: relative;
  z-index: 1;
  margin: 0 0 12px;
  color: var(--color-text-strong);
  font-size: 15px;
  line-height: 1.86;
  font-weight: var(--fw-normal);
  letter-spacing: 0;
}
.is-home .zero-story__entry .zero-story__text {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--color-muted);
  font-size: 15px;
  line-height: 1.86;
  letter-spacing: 0;
}
.is-home .zero-story__entry.zero-origin-card--dark .zero-story__lead {
  color: rgba(255, 255, 255, 0.92);
}
.is-home .zero-story__entry.zero-origin-card--dark .zero-story__text {
  color: rgba(255, 255, 255, 0.76);
}

.is-home .zero-story__mast {
  position: relative;
  z-index: 1;
  margin-top: -10px;
  margin-bottom: clamp(44px, 5vw, 60px);
  text-align: center;
}

/* —— Hero 标题区：命令行 + 大标题专用动效 —— */
@media (prefers-reduced-motion: no-preference) {
  .is-home .hero-mast [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .is-home .hero-mast .hero-cmd-bar[data-reveal]:not(.is-revealed) {
    opacity: 0;
    transform: translateY(18px);
    transition:
      opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .is-home .hero-mast .hero-cmd-bar[data-reveal].is-revealed {
    opacity: 1;
    transform: translateY(0);
  }
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__prompt,
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__label,
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__pill {
    opacity: 0;
  }
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__prompt {
    transform: translateX(-14px);
  }
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__label {
    transform: translateY(6px);
  }
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__pill {
    transform: translateX(18px) scale(0.94);
  }
  .is-home .hero-mast .hero-cmd-bar.is-revealed .hero-cmd-bar__prompt {
    animation:
      hero-mast-cmd-in 0.52s cubic-bezier(0.22, 1, 0.36, 1) forwards,
      hero-prompt-blink 2.8s step-end 0.52s infinite;
  }
  .is-home .hero-mast .hero-cmd-bar.is-revealed .hero-cmd-bar__label {
    background-size: 220% 100%;
    animation:
      hero-mast-label-in 0.52s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards,
      hero-label-gradient 5s ease-in-out 0.62s infinite;
  }
  .is-home .hero-mast .hero-cmd-bar.is-revealed .hero-cmd-bar__pill {
    animation:
      hero-mast-pill-in 0.62s cubic-bezier(0.22, 1, 0.36, 1) 0.22s forwards,
      hero-pill-glow 4.8s ease-in-out 0.84s infinite;
  }
  .is-home .hero-mast .hero-cmd-bar.is-revealed .hero-cmd-bar__kw {
    animation: hero-kw-pulse 2.4s ease-in-out 0.9s infinite;
  }
  .is-home .hero-mast .zero-story__title-primary[data-reveal]:not(.is-revealed) {
    opacity: 0;
    transform: translateY(22px);
  }
  .is-home .hero-mast .zero-story__title-primary[data-reveal].is-revealed {
    animation: hero-title-rise 0.78s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  .is-home .hero-mast .zero-story__title-secondary[data-reveal]:not(.is-revealed) {
    opacity: 0;
    transform: translateY(22px);
  }
  .is-home .hero-mast .zero-story__title-secondary[data-reveal].is-revealed {
    background-size: 220% auto;
    animation:
      hero-title-rise 0.78s cubic-bezier(0.22, 1, 0.36, 1) forwards,
      hero-gradient-flow 6s ease-in-out 0.78s infinite;
  }
}
@keyframes hero-mast-cmd-in {
  from { opacity: 0; transform: translateX(-14px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes hero-mast-label-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes hero-mast-pill-in {
  from { opacity: 0; transform: translateX(18px) scale(0.94); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes hero-label-gradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes hero-kw-pulse {
  0%, 100% { color: #38CBB6; }
  50% { color: #1FA89A; }
}
@keyframes hero-title-rise {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes hero-gradient-flow {
  0%, 100% { background-position: 0% 50%; filter: brightness(1); }
  50% { background-position: 100% 50%; filter: brightness(1.1); }
}

/* —— Hero 命令行条（对齐 qianwenai.com SkillBar） —— */
.is-home .hero-cmd-bar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 36px;
  margin: -20px auto 48px;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #221F3D;
}
.is-home .hero-cmd-bar__prompt {
  color: #6761FF;
  flex-shrink: 0;
}
.is-home .hero-cmd-bar__label {
  margin-left: 10px;
  letter-spacing: 0.32px;
  white-space: nowrap;
  background: linear-gradient(270deg, #4897FE 0%, #40EBDA 20%, #14C8C7 39%, #5B58FF 69%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.is-home .hero-cmd-bar__pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin-left: 12px;
  padding: 0 62px 0 20px;
  border: 1px solid transparent;
  border-radius: 18px;
  overflow: visible;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(270deg, #D64EFF 0%, #5B58FF 47%, #6271FF 100%) border-box;
}
.is-home .hero-cmd-bar__code {
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #171326;
  white-space: nowrap;
}
.is-home .hero-cmd-bar__npx {
  color: #5B56FF;
}
.is-home .hero-cmd-bar__kw {
  color: #38CBB6;
}
.is-home .hero-cmd-bar__copy {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #151321;
  cursor: pointer;
  overflow: visible;
  transform: translateY(-50%);
  transition: color 180ms var(--ease-out), opacity 180ms var(--ease-out);
}
.is-home .hero-cmd-bar__copy:hover {
  color: #221F3D;
  opacity: 0.72;
}
.is-home .hero-cmd-bar__copy.is-copied {
  color: #38CBB6;
}
.is-home .hero-cmd-bar__copy svg {
  display: block;
  width: 24px;
  height: 24px;
  overflow: visible;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .is-home .hero-cmd-bar {
    height: auto;
    row-gap: 8px;
    margin: -20px auto 42px;
  }
  .is-home .hero-cmd-bar__pill {
    margin-left: 0;
    max-width: 100%;
  }
  .is-home .hero-cmd-bar__code {
    font-size: 14px;
    line-height: 18px;
  }
}
.is-home .zero-story__title {
  margin: 0;
  display: grid;
  gap: 4px;
  justify-items: center;
}
.is-home .zero-story__title-primary {
  display: block;
  color: var(--color-text-strong);
  font-size: 72px;
  line-height: 1.06;
  letter-spacing: -0.028em;
  font-weight: var(--fw-extrabold);
}
.is-home .zero-story__title-secondary {
  display: block;
  font-size: 72px;
  line-height: 1.06;
  letter-spacing: -0.028em;
  font-weight: var(--fw-extrabold);
  background: linear-gradient(92deg, var(--color-primary) 0%, var(--color-secondary) 52%, var(--color-primary-strong) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media (max-width: 1399px) {
  .is-home .zero-story__title-primary,
  .is-home .zero-story__title-secondary { font-size: 60px; }
}
@media (max-width: 1023px) {
  .is-home .zero-story__title-primary,
  .is-home .zero-story__title-secondary { font-size: 48px; line-height: 1.12; }
}

/* —— 右侧工牌 —— */
.is-home .zero-story__visual {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.is-home .zero-story__badge-wrap {
  position: relative;
  padding-top: 18px;
}
.is-home .zero-story__cluster.is-revealed .zero-story__badge-wrap {
  animation: zero-badge-float 4.2s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .is-home .zero-story__badge-wrap {
    display: flex;
    flex-direction: column;
    width: 260px;
    height: 100%;
  }
  .is-home .zero-story__badge-avatar {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 0;
    margin-bottom: 14px;
  }
  .is-home .zero-story__badge-channels {
    margin-top: auto;
  }
}
.is-home .zero-story__cluster .zero-story__badge {
  width: 260px;
  box-shadow:
    0 12px 32px rgba(20, 110, 245, 0.20),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset;
  transition: transform 520ms var(--ease-out), box-shadow 520ms var(--ease-out);
}
.is-home .zero-story__cluster.is-revealed .zero-story__badge {
  animation: zero-badge-glow 3.6s ease-in-out infinite;
}
@media (min-width: 1024px) {
  .is-home .zero-story__cluster .zero-story__badge {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
  }
}
.is-home .zero-story__cluster:hover .zero-story__badge {
  box-shadow:
    0 16px 40px rgba(20, 110, 245, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.16) inset;
}
.is-home .zero-story__badge-clip {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 32px;
  height: 16px;
  transform: translateX(-50%);
  border-radius: 0 0 7px 7px;
  background: linear-gradient(180deg, #C8D8EE 0%, #A8BED9 100%);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.is-home .zero-story__badge-clip::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  width: 9px;
  height: 9px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #8AA4C4;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.is-home .zero-story__badge {
  position: relative;
  width: clamp(220px, 22vw, 280px);
  padding: 24px 22px 20px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(55% 45% at 92% 8%, rgba(167, 233, 47, 0.22), transparent 70%),
    linear-gradient(145deg, #0B4FD8 0%, var(--color-primary) 52%, #2B8FF5 100%);
  box-shadow:
    0 24px 56px rgba(20, 110, 245, 0.26),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset;
  overflow: hidden;
  transform: translate3d(calc(var(--zero-shift-x) * 0.08), calc(var(--zero-shift-y) * 0.06), 0);
  transition: transform 520ms var(--ease-out), box-shadow 520ms var(--ease-out);
}
.is-home .zero-story__badge::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 42%);
  pointer-events: none;
}
.is-home .zero-story__badge::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, 0.24) 50%, transparent 58%);
  transform: translateX(-120%) skewX(-12deg);
  pointer-events: none;
}
.is-home .zero-story__cluster.is-revealed .zero-story__badge::after {
  animation: zero-badge-shimmer 5.8s ease-in-out infinite;
}
.is-home .zero-story__badge-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 16px;
}
.is-home .zero-story__badge-co {
  font-size: 11px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.88;
}
.is-home .zero-story__badge-no {
  flex-shrink: 0;
  padding: 4px 11px;
  border-radius: var(--radius-full);
  background: var(--color-ai-lime);
  color: #3D6A00;
  font-size: 14px;
  font-weight: var(--fw-extrabold);
  box-shadow: 0 3px 10px rgba(7, 13, 25, 0.12);
}
.is-home .zero-story__cluster.is-revealed .zero-story__badge-no {
  animation: zero-badge-no-pulse 2.8s ease-in-out infinite;
}
.is-home .zero-story__cluster.is-revealed .zero-story__badge-ava svg {
  animation: zero-badge-spark 3.2s ease-in-out infinite;
}
.is-home .zero-story__badge-avatar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  margin-bottom: 14px;
}
.is-home .zero-story__badge-ava {
  display: grid;
  place-items: center;
  width: clamp(72px, 8vw, 92px);
  height: clamp(72px, 8vw, 92px);
  flex-shrink: 0;
  aspect-ratio: 1;
}
@media (min-width: 1024px) {
  .is-home .zero-story__badge-ava {
    width: clamp(88px, 10vw, 112px);
    height: clamp(88px, 10vw, 112px);
  }
}
.is-home .zero-story__badge-ava svg {
  grid-area: 1 / 1;
  width: 78%;
  height: 78%;
  filter: drop-shadow(0 6px 16px rgba(7, 13, 25, 0.18));
}
.is-home .zero-story__badge-info {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 16px;
}
.is-home .zero-story__badge-info strong {
  display: block;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: var(--fw-bold);
  margin-bottom: 4px;
}
.is-home .zero-story__badge-info span {
  font-size: 12px;
  opacity: 0.88;
  letter-spacing: 0.04em;
}
.is-home .zero-story__badge-channels {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}
.is-home .zero-story__badge-channels span {
  padding: 4px 10px;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.92);
  color: var(--color-primary-strong);
  font-size: 11px;
  font-weight: var(--fw-bold);
  box-shadow: 0 2px 8px rgba(7, 13, 25, 0.10);
}
.is-home .zero-story__badge-channels span:last-child {
  background: var(--color-ai-lime);
  color: #3D6A00;
}

@media (max-width: 1023px) {
  .is-home .zero-story__glyph {
    top: -6%;
    right: -10%;
    font-size: clamp(220px, 42vw, 320px);
  }
  .is-home .zero-story__cluster {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .is-home .zero-story__visual {
    order: -1;
  }
}

@media (max-width: 767px) {
  .is-home .zero-story__glyph {
    top: 0;
    right: -16%;
    font-size: 200px;
    opacity: 0.85;
  }
  .is-home .zero-story__title-primary,
  .is-home .zero-story__title-secondary { font-size: 38px; line-height: 1.12; }
  .is-home .zero-story__mag { gap: 10px; }
  .is-home .zero-story__entry.zero-origin-card { padding: 20px; border-radius: 20px; }
  .is-home .zero-story__entry .zero-story__lead,
  .is-home .zero-story__entry .zero-story__text { font-size: 14px; line-height: 1.78; }
  .is-home .zero-story__badge { width: 240px; }
}

@media (prefers-reduced-motion: reduce) {
  .is-home .hero::after,
  .is-home .hero .zero-story__glyph,
  .is-home .hero .zero-story__glow,
  .is-home .hero-mast .hero-cmd-bar.is-revealed .hero-cmd-bar__prompt,
  .is-home .hero-mast .hero-cmd-bar.is-revealed .hero-cmd-bar__label,
  .is-home .hero-mast .hero-cmd-bar.is-revealed .hero-cmd-bar__pill,
  .is-home .hero-mast .hero-cmd-bar.is-revealed .hero-cmd-bar__kw,
  .is-home .hero-mast .zero-story__title-primary.is-revealed,
  .is-home .hero-mast .zero-story__title-secondary.is-revealed,
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__prompt,
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__label,
  .is-home .hero-mast .hero-cmd-bar:not(.is-revealed) .hero-cmd-bar__pill,
  .is-home .zero-spot__stage.is-revealed .zero-quote__mark,
  .is-home .zero-spot__stage.is-revealed .zero-story__badge-channels span {
    animation: none !important;
  }
  .is-home .hero-mast .hero-cmd-bar,
  .is-home .hero-mast .hero-cmd-bar__prompt,
  .is-home .hero-mast .hero-cmd-bar__label,
  .is-home .hero-mast .hero-cmd-bar__pill,
  .is-home .hero-mast .zero-story__title-primary,
  .is-home .hero-mast .zero-story__title-secondary {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .is-home .zero-stack-card__layer,
  .is-home .zero-stack-card__surface,
  .is-home .zero-quote__mark {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .is-home .zero-stack-card__layer--near {
    transform: translateX(-50%) translateY(var(--stack-gap)) !important;
  }
  .is-home .zero-stack-card__layer--back {
    transform: translateX(-50%) translateY(0) !important;
  }
  .is-home .zero-story__glyph,
  .is-home .zero-story__glow,
  .is-home .zero-story__badge {
    transform: none !important;
    transition: none !important;
  }
  .is-home .zero-story__cluster.is-revealed .zero-story__badge-wrap,
  .is-home .zero-story__cluster.is-revealed .zero-story__badge,
  .is-home .zero-story__cluster.is-revealed .zero-story__badge::after,
  .is-home .zero-story__cluster.is-revealed .zero-story__badge-no,
  .is-home .zero-story__cluster.is-revealed .zero-story__badge-ava svg {
    animation: none !important;
  }
}

@keyframes zero-badge-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}
@keyframes zero-badge-glow {
  0%, 100% {
    box-shadow:
      0 12px 32px rgba(20, 110, 245, 0.20),
      0 0 0 1px rgba(255, 255, 255, 0.12) inset,
      0 0 0 rgba(0, 184, 217, 0);
  }
  50% {
    box-shadow:
      0 18px 44px rgba(20, 110, 245, 0.34),
      0 0 0 1px rgba(255, 255, 255, 0.18) inset,
      0 0 36px rgba(0, 184, 217, 0.22);
  }
}
@keyframes zero-badge-shimmer {
  0% { transform: translateX(-120%) skewX(-12deg); opacity: 0; }
  18% { opacity: 0.55; }
  100% { transform: translateX(120%) skewX(-12deg); opacity: 0; }
}
@keyframes zero-badge-no-pulse {
  0%, 100% { box-shadow: 0 3px 10px rgba(7, 13, 25, 0.12); transform: scale(1); }
  50% { box-shadow: 0 4px 16px rgba(167, 233, 47, 0.42); transform: scale(1.04); }
}
@keyframes zero-badge-spark {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 6px 16px rgba(7, 13, 25, 0.18)); }
  50% { transform: scale(1.05); filter: drop-shadow(0 8px 20px rgba(20, 110, 245, 0.28)); }
}