/* === 全局变量 === */
:root{
  --bg: #F6F7FB;
  --panel: #FFFFFF;
  --border: #E6E9EF;
  --text: #1C1F24;
  --muted: #5F6773;
  --blue: #2B5FD6;
  --blueDeep: #1E3F8A;
  --orange: #E68019;
  --green: #2E8B57;
  --red: #DC2626;
  --warn: #D97706;
  --neutral: #94A3B8;
  --radius: 16px;
  --maxW: 1500px;
  --font: "Noto Sans CJK SC", "Inter", system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* === 基础重置 === */
*{ box-sizing: border-box; margin: 0; padding: 0; }
html,body{
  height: 100%;
  width: 100%;
  overflow: hidden;
}
body{
  font-family: var(--font);
  color: var(--text);
  background:
    radial-gradient(1100px 500px at 20% -10%, rgba(43,95,214,.08), rgba(246,247,251,0)),
    radial-gradient(900px 420px at 95% 10%, rgba(230,128,25,.06), rgba(246,247,251,0)),
    linear-gradient(180deg, rgba(246,247,251,1) 0%, rgba(246,247,251,1) 100%);
  position: relative;
}

/* === 沉浸式背景 === */
.immersive-bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 75% 15%, rgba(43, 95, 214, 0.05) 0%, transparent 45%),
    radial-gradient(circle at 15% 85%, rgba(230, 128, 25, 0.03) 0%, transparent 50%);
}

/* 背景水印 */
.bg-watermark{
  position: fixed;
  bottom: -8%;
  right: -3%;
  font-size: 28vh;
  font-weight: 900;
  color: rgba(28, 31, 36, 0.02);
  line-height: 1;
  z-index: 1;
  pointer-events: none;
}

/* 无限网格 */
.grid-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(28, 31, 36, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28, 31, 36, 0.02) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(circle at 70% 30%, black 0%, transparent 70%);
  -webkit-mask-image: radial-gradient(circle at 70% 30%, black 0%, transparent 70%);
}

/* === Deck 布局 === */
.deck{
  height: 100%;
  position: relative;
  z-index: 10;
}

.slide{
  display: none;
  height: 100vh;
  width: 100vw;
  padding: 100px 80px;
  position: relative;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.slide.is-active{
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* 确保非活动slide中的固定定位元素也被隐藏 */
.slide:not(.is-active) *{
  visibility: hidden !important;
  opacity: 0 !important;
}

.slide__content{
  max-width: var(--maxW);
  height: 100%;
  margin: 0 auto;
  display: grid;
  gap: 0;
}
.slide__content--center{
  grid-template-rows: 1fr;
  align-content: center;
}

/* === 语言切换 === */
.langBlock{ display: none; }
.langInline{ display: none; }
html[lang^="zh-CN"] .lang--zh,
html[lang^="zh"] .lang--zh,
html[lang^="en"] .lang--en,
html[lang^="zh-CN"] .langInline.lang--zh,
html[lang^="zh"] .langInline.lang--zh,
html[lang^="en"] .langInline.lang--en{ display: inline; }

/* === 控件 === */
.langToggle{
  display: inline-flex;
  gap: 4px;
  border-radius: 10px;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(12px);
  border: 1px solid var(--border);
  overflow: hidden;
  transition: all 240ms ease;
}
.langToggle:hover{
  background: rgba(255,255,255,.9);
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.langBtn{
  border: none;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-family: var(--font);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 8px;
  transition: all 240ms ease;
}
.langBtn:hover{
  background: rgba(30,63,138,.05);
  color: var(--blueDeep);
}
.langBtn.active{
  background: rgba(30,63,138,.08);
  color: var(--blueDeep);
}

.corner{
  position: fixed;
  z-index: 30;
  padding: 16px 20px;
  pointer-events: none;
}
.corner--top-left{ top: 0; left: 0; }
.corner--top-right{ top: 0; right: 0; }
.corner--bottom-left{ left: 0; bottom: 0; }
.corner--bottom-right{ right: 0; bottom: 0; }
.corner > *{ pointer-events: auto; }

.pageCounter{
  font-family: var(--mono);
  font-size: 13px;
  color: var(--neutral);
  font-weight: 400;
  background: rgba(255,255,255,.45);
  backdrop-filter: blur(12px);
  padding: 7px 11px;
  border-radius: 8px;
  border: 1px solid rgba(230,233,239,.3);
  display: inline-flex;
  gap: 4px;
}

/* === 排版 === */
h1,h2,h3{ margin: 0; }
h1{
  font-size: clamp(48px, 5.5vw, 72px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--text);
}
h2{
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  color: var(--blueDeep);
}
h3{ font-size: 18px; font-weight: 600; letter-spacing: 0; }
p{ margin: 0; }
ul,ol{ margin: 14px 0 0; padding-left: 24px; }
li{ line-height: 1.7; margin: 10px 0; color: var(--text); }

.muted{ color: var(--muted); }
.small{ font-size: 13px; }
.lead{
  font-size: 20px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 880px;
  font-weight: 400;
}
.kicker{
  font-family: var(--mono);
  color: var(--blue);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 600;
}

/* === 品牌 === */
.brandLockup{
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.brandIcon{
  width: 24px;
  height: 24px;
  border-radius: 6px;
  box-shadow: 0 4px 20px rgba(59, 130, 246, .2);
}
.brandWord{
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 14px;
  color: var(--blueDeep);
}

/* === 封面 === */
.hero{ max-width: 1080px; }
.chips{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.chip{
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.65);
  color: var(--muted);
  transition: all 240ms ease;
}
.chip:hover{
  background: rgba(255,255,255,.85);
  transform: translateY(-2px);
}
.chip--accent{
  border-color: rgba(230,128,25,.35);
  background: rgba(230,128,25,.12);
  color: #8a4b08;
}

/* === 沉浸式封面 (Slide 01) === */
.slide--cover .slide__content--cover{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  max-width: 1400px;
  padding: 48px 0 40px;
}

/* 封面主布局 */
.coverHero{
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 80px;
  align-items: center;
  flex: 1;
  margin-top: 20px;
}

/* 左侧主标题区 */
.coverHero__main{
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* Kicker */
.coverKicker{
  display: flex;
  align-items: center;
  gap: 16px;
}
.coverKicker__line{
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--blue));
}
.coverKicker__line:last-child{
  background: linear-gradient(90deg, var(--blue), transparent);
}
.coverKicker__text{
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: var(--blue);
  text-transform: uppercase;
}

/* 标题 */
.coverTitle{
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1.05;
}
.coverTitle__line{
  font-size: clamp(56px, 5.8vw, 88px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text);
  display: block;
}
.coverTitle__line--accent{
  background: linear-gradient(135deg, var(--blue) 0%, var(--blueDeep) 50%, var(--orange) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 副标题 */
.coverLead{
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.75;
  color: var(--muted);
  max-width: 540px;
  font-weight: 400;
}
.coverLead__highlight{
  color: var(--blueDeep);
  font-weight: 600;
}

/* 标签组 */
.coverTags{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}
.coverTag{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(230,233,239,.5);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  color: var(--muted);
  transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.coverTag:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.95);
  box-shadow: 0 8px 24px rgba(30,63,138,.08);
}
.coverTag__icon{
  width: 16px;
  height: 16px;
  color: var(--blue);
}
.coverTag--accent{
  background: rgba(230,128,25,.1);
  border-color: rgba(230,128,25,.3);
  color: #9a5410;
}
.coverTag--accent .coverTag__icon{
  color: var(--orange);
}

/* 右侧可视化区 */
.coverVisual{
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* 转换展示 */
.coverTransform{
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px 32px;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(230,233,239,.4);
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(30,63,138,.06);
}
.coverTransform__before,
.coverTransform__after{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.coverTransform__icon{
  width: 44px;
  height: 44px;
  color: var(--neutral);
  opacity: 0.7;
}
.coverTransform__icon--highlight{
  color: var(--blue);
  opacity: 1;
}
.coverTransform__label{
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}
.coverTransform__sublabel{
  font-size: 11px;
  color: var(--neutral);
  font-family: var(--mono);
}
.coverTransform__sublabel--highlight{
  color: var(--green);
  font-weight: 600;
}
.coverTransform__arrow{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 60px;
}
.coverTransform__arrow svg{
  width: 100%;
}
.coverTransform__ai{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
  background: linear-gradient(135deg, var(--blue) 0%, var(--blueDeep) 100%);
  padding: 5px 14px;
  border-radius: 999px;
  font-family: var(--mono);
  box-shadow: 0 4px 12px rgba(43,95,214,.25);
}

/* 指标卡片 */
.coverMetrics{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.coverMetric{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 18px 14px;
  background: rgba(255,255,255,.7);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(230,233,239,.35);
  border-radius: 16px;
  transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.coverMetric:hover{
  transform: translateY(-6px);
  background: rgba(255,255,255,.9);
  box-shadow: 0 16px 40px rgba(30,63,138,.1);
}
.coverMetric__value{
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.coverMetric__number{
  font-size: 28px;
  font-weight: 800;
  color: var(--blueDeep);
  line-height: 1;
  font-family: var(--mono);
}
.coverMetric__unit{
  font-size: 14px;
  font-weight: 600;
  color: var(--blue);
}
.coverMetric__label{
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
  margin-top: 8px;
}
.coverMetric__desc{
  font-size: 11px;
  color: var(--neutral);
  margin-top: 4px;
}

/* 底部特性栏 */
.coverFeatures{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 20px 48px;
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(230,233,239,.3);
  border-radius: 16px;
  margin-top: 28px;
}
.coverFeature{
  display: flex;
  align-items: center;
  gap: 14px;
}
.coverFeature__icon{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(43,95,214,.08);
  border-radius: 12px;
  color: var(--blue);
  flex-shrink: 0;
}
.coverFeature__icon svg{
  width: 22px;
  height: 22px;
}
.coverFeature__content{
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.coverFeature__content strong{
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}
.coverFeature__content span{
  font-size: 12px;
  color: var(--muted);
}
.coverFeature__divider{
  width: 1px;
  height: 32px;
  background: linear-gradient(180deg, transparent, rgba(148,163,184,.3), transparent);
}

/* === 面板/卡片 === */
.panel,.card{
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(16px);
  border-radius: var(--radius);
  padding: 24px 28px 26px;
  border: 1px solid rgba(230,233,239,.4);
  box-shadow: 0 8px 32px rgba(30,63,138,.04);
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
}
.panel:hover,.card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(30,63,138,.08);
}
.panel h3,.card h3{ margin-bottom: 12px; color: var(--blueDeep); }
.panel--accent{
  background: rgba(230,128,25,.04);
  border-color: rgba(230,128,25,.2);
}
.panel--accentSoft{
  background: rgba(230,128,25,.06);
  border-color: rgba(230,128,25,.18);
}
.panel--neutral{
  background: rgba(148,163,184,.06);
  border-color: rgba(148,163,184,.2);
}
.panel--danger{
  background: rgba(220,38,38,.04);
  border-color: rgba(220,38,38,.18);
}

/* === 目录页面专用样式 === */
.slide--agenda .slide__content--agenda{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 48px;
  position: relative;
}

/* 标题区 */
.agendaHero{
  text-align: center;
  position: relative;
  z-index: 10;
}
.agendaHero__kicker{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15em;
  color: var(--muted);
  text-transform: uppercase;
}
.agendaHero__line{
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border), transparent);
}
.agendaHero__title{
  font-size: clamp(42px, 5vw, 60px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text);
  margin-bottom: 16px;
  background: linear-gradient(135deg, var(--text) 0%, var(--blueDeep) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 2px 4px rgba(0,0,0,0.02);
}
.agendaHero__subtitle{
  font-size: 20px;
  color: var(--muted);
  font-weight: 400;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  letter-spacing: 0.5px;
}

/* 流程路径背景 */
.agendaPath{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 200px;
  pointer-events: none;
  z-index: 1;
  opacity: 0.6;
}
.agendaPath svg{
  width: 100%;
  height: 100%;
}
.agendaPath__line{
  stroke-dasharray: 8 6;
  animation: pathFlow 30s linear infinite;
}
@keyframes pathFlow{
  to { stroke-dashoffset: -200; }
}

/* === 目录卡片网格 === */
.agendaGrid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px;
  position: relative;
  z-index: 10;
  margin: 40px 0 0 0;
}

/* 卡片样式 */
.agendaCard{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
  align-items: start;
  padding: 32px 36px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(230,233,239,.45);
  transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  overflow: hidden;
}
.agendaCard::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blue), var(--orange));
  opacity: 0;
  transition: opacity 350ms ease;
}
.agendaCard:hover{
  transform: translateY(-12px) scale(1.03);
  background: rgba(255,255,255,1);
  border-color: rgba(43,95,214,.3);
  box-shadow: 0 24px 70px rgba(30,63,138,.16), 0 12px 30px rgba(0,0,0,.08);
  transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.agendaCard:hover::before{
  opacity: 1;
}

/* 卡片序号 */
.agendaCard__index{
  font-family: var(--mono);
  font-size: 28px;
  font-weight: 700;
  color: var(--blue);
  background: linear-gradient(135deg, rgba(43,95,214,.1) 0%, rgba(43,95,214,.05) 100%);
  border: 1px solid rgba(43,95,214,.2);
  border-radius: 12px;
  padding: 14px 18px;
  min-width: 64px;
  text-align: center;
  transition: all 350ms ease;
}
.agendaCard__index--orange{
  color: var(--orange);
  background: linear-gradient(135deg, rgba(230,128,25,.1) 0%, rgba(230,128,25,.05) 100%);
  border-color: rgba(230,128,25,.2);
}
.agendaCard:hover .agendaCard__index{
  transform: scale(1.1);
  background: linear-gradient(135deg, rgba(43,95,214,.15) 0%, rgba(43,95,214,.08) 100%);
}
.agendaCard:hover .agendaCard__index--orange{
  background: linear-gradient(135deg, rgba(230,128,25,.15) 0%, rgba(230,128,25,.08) 100%);
}

/* 卡片内容 */
.agendaCard__body h3{
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 12px 0;
  color: var(--text);
  transition: color 350ms ease;
  letter-spacing: -0.5px;
}
.agendaCard:hover .agendaCard__body h3{
  color: var(--blueDeep);
  transform: translateX(4px);
}
.agendaCard__body p{
  margin: 0 0 16px 0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 15px;
}

/* 标签容器 */
.agendaCard__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

/* Chip 标签 */
.chip{
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--muted);
  background: rgba(148,163,184,.12);
  border-radius: 20px;
  border: 1px solid rgba(148,163,184,.2);
  transition: all 250ms ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.03);
}
.chip--blue{
  color: var(--blue);
  background: rgba(43,95,214,.1);
  border-color: rgba(43,95,214,.2);
}
.chip--orange{
  color: var(--orange);
  background: rgba(230,128,25,.1);
  border-color: rgba(230,128,25,.2);
}
.chip--green{
  color: var(--green);
  background: rgba(46,139,87,.1);
  border-color: rgba(46,139,87,.2);
}
.agendaCard:hover .chip{
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

/* 入场动画 */
.slide.is-active .agendaCard{
  opacity: 0;
  animation: agendaCardIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.slide.is-active .agendaCard[data-step="1"]{ animation-delay: 0.1s; }
.slide.is-active .agendaCard[data-step="2"]{ animation-delay: 0.2s; }
.slide.is-active .agendaCard[data-step="3"]{ animation-delay: 0.3s; }
.slide.is-active .agendaCard[data-step="4"]{ animation-delay: 0.4s; }

@keyframes agendaCardIn{
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.slide.is-active .agendaHero{
  opacity: 0;
  animation: agendaHeroIn 0.7s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
@keyframes agendaHeroIn{
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === 章节页 === */
.slide--section .sectionTitle{
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 64px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.88));
  backdrop-filter: blur(20px);
  border: 1px solid rgba(230,233,239,.4);
  box-shadow: 0 12px 48px rgba(30,63,138,.06);
}
.slide--section h1{ margin-top: 16px; }
.slide--section .lead{ max-width: 880px; }

/* === Slide Header === */
.slideHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 0;
  flex-shrink: 0;
}
.slideHeader h2{ margin-bottom: 8px; }
.slideHeader p{ margin: 0; }

/* === Split Hero === */
.splitHero{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
  align-items: stretch;
}
.expandBlock{ flex: 1; }

/* === Content Stack === */
.contentStack{
  display: grid;
  gap: 14px;
}

/* === Goal List === */
.goalList{
  display: grid;
  gap: 14px;
  margin-top: 14px;
}
.goalItem{
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  align-items: center;
  padding: 16px 20px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(230,233,239,.4);
  transition: all 240ms ease;
}
.goalItem:hover{
  background: rgba(255,255,255,.95);
  transform: translateX(6px);
}
.goalItem__index{
  font-family: var(--mono);
  font-size: 16px;
  color: var(--blue);
  background: rgba(43,95,214,.08);
  border-radius: 12px;
  text-align: center;
  padding: 10px 0;
  font-weight: 700;
}

/* === Pain Points List === */
.painList{
  display: grid;
  gap: 14px;
  margin-top: 14px;
}
.painItem{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
  padding: 18px 20px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(220,38,38,.18);
}
.painItem__dot{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 8px;
  background: rgba(220,38,38,.85);
  box-shadow: 0 0 0 6px rgba(220,38,38,.14);
}

/* === Compare AB === */
.compareAB{
  display: grid;
  grid-template-columns: 1fr 100px 1fr;
  gap: 28px;
  align-items: stretch;
}
.compareCard{
  padding: 28px 32px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.85);
  transition: all 240ms ease;
  border: 1px solid rgba(230,233,239,.4);
}
.compareCard:hover{
  background: rgba(255,255,255,.95);
  transform: translateY(-4px);
}
.compareBadge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-family: var(--mono);
  font-size: 16px;
  color: var(--blue);
  background: rgba(43,95,214,.06);
  margin-bottom: 12px;
  font-weight: 700;
}
.compareBadge--b{
  color: #8a4b08;
  background: rgba(230,128,25,.08);
}
.compareConnector{
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue);
  font-size: 36px;
  font-weight: 700;
}

/* === Value Grid === */
.valueGrid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.valueCard{
  padding: 28px 24px 26px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.80);
  transition: all 240ms ease;
  border: 1px solid rgba(230,233,239,.4);
}
.valueCard:hover{
  background: rgba(255,255,255,.95);
  transform: translateY(-6px);
}
.valueCard--accent{
  background: rgba(230,128,25,.06);
  border-color: rgba(230,128,25,.25);
}

/* === Phase Path === */
.phasePath{
  display: grid;
  grid-template-columns: 1fr 80px 1fr 80px 1fr;
  gap: 18px;
  align-items: stretch;
}
.phaseCard{
  padding: 24px 26px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(230,233,239,.4);
  transition: all 240ms ease;
}
.phaseCard:hover{
  background: rgba(255,255,255,.95);
  transform: translateY(-4px);
}
.phaseArrow{
  text-align: center;
  color: var(--blue);
  font-size: 32px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* === Scope Grid === */
.scopeGrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.scopeCard{
  padding: 28px 32px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.85);
  transition: all 240ms ease;
  border: 1px solid rgba(230,233,239,.4);
}
.scopeCard--in{
  background: rgba(43,95,214,.04);
  border-color: rgba(43,95,214,.2);
}
.scopeCard--in:hover{
  background: rgba(43,95,214,.08);
}
.scopeCard--out{
  background: rgba(148,163,184,.04);
  border-color: rgba(148,163,184,.2);
}
.scopeCard--out:hover{
  background: rgba(148,163,184,.08);
}

/* === MVP Loop (slide-scoped redesign) === */
.slide[data-title-en="Weekly Inquiry Analysis"] .slide__content{
  display: flex;
  flex-direction: column;
}
html[lang^="zh-CN"] .slide[data-title-en="Weekly Inquiry Analysis"] .lang--zh,
html[lang^="zh"] .slide[data-title-en="Weekly Inquiry Analysis"] .lang--zh,
html[lang^="en"] .slide[data-title-en="Weekly Inquiry Analysis"] .lang--en{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop,
.slide[data-title-en="MVP Scope"] .mvpLoop{
  margin-top: 12px;
  padding: 24px 26px 22px;
  border-radius: 12px;
  border: 1px solid rgba(43,95,214,.22);
  background: linear-gradient(135deg, rgba(43,95,214,.07) 0%, rgba(43,95,214,.14) 100%);
  box-shadow: 0 10px 28px rgba(43,95,214,.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: clamp(220px, 28vh, 320px);
  justify-content: space-between;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .slideHeader,
.slide[data-title-en="MVP Scope"] .slideHeader{
  margin-bottom: 8px;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .slideHeader h2,
.slide[data-title-en="MVP Scope"] .slideHeader h2{
  font-size: clamp(26px, 2.6vw, 34px);
  margin-bottom: 4px;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .slideHeader .muted,
.slide[data-title-en="MVP Scope"] .slideHeader .muted{
  font-size: 14px;
  line-height: 1.5;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__tag,
.slide[data-title-en="MVP Scope"] .mvpLoop__tag{
  display: inline-block;
  padding: 6px 12px;
  border-radius: 7px;
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--blue);
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(43,95,214,.16);
  margin-bottom: 0;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps,
.slide[data-title-en="MVP Scope"] .mvpLoop__steps{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin: auto 0;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpStep,
.slide[data-title-en="MVP Scope"] .mvpStep{
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(43,95,214,.24);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.1;
  color: var(--blueDeep);
  box-shadow: 0 6px 18px rgba(43,95,214,.16);
  transition: all 0.2s ease;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpStep:hover,
.slide[data-title-en="MVP Scope"] .mvpStep:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(43,95,214,.2);
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpStep__arrow,
.slide[data-title-en="MVP Scope"] .mvpStep__arrow{
  color: var(--blue);
  font-weight: 800;
  opacity: 0.85;
  font-size: 22px;
  line-height: 1;
  transition: all 0.2s ease;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpStep__arrow:hover,
.slide[data-title-en="MVP Scope"] .mvpStep__arrow:hover{
  opacity: 1;
  transform: scale(1.1);
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__hint,
.slide[data-title-en="MVP Scope"] .mvpLoop__hint{
  margin-top: 0;
  font-size: 11.5px;
  max-width: 900px;
  text-align: center;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingGrid,
.slide[data-title-en="MVP Scope"] .mvpMappingGrid{
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
  flex: 1;
  align-content: stretch;
  grid-auto-rows: 1fr;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard,
.slide[data-title-en="MVP Scope"] .mvpMappingCard{
  padding: 14px 16px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(230,233,239,.45);
  box-shadow: 0 6px 20px rgba(30,63,138,.08);
  transition: all 0.2s ease;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard:hover,
.slide[data-title-en="MVP Scope"] .mvpMappingCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(30,63,138,.12);
  background: rgba(255,255,255,.98);
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard h3,
.slide[data-title-en="MVP Scope"] .mvpMappingCard h3{
  margin-bottom: 6px;
  font-size: 14.5px;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard p,
.slide[data-title-en="MVP Scope"] .mvpMappingCard p{
  margin-top: 6px;
  margin-bottom: 8px;
  font-size: 11.5px;
  line-height: 1.4;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard .tagList,
.slide[data-title-en="MVP Scope"] .mvpMappingCard .tagList{
  margin-top: 6px;
  gap: 5px;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard .tag,
.slide[data-title-en="MVP Scope"] .mvpMappingCard .tag{
  font-size: 9.5px;
  padding: 3px 6px;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpOut,
.slide[data-title-en="MVP Scope"] .mvpOut{
  margin-top: 10px;
  margin-top: auto;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px dashed rgba(148,163,184,.35);
  background: rgba(148,163,184,.06);
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpOut--muted,
.slide[data-title-en="MVP Scope"] .mvpOut--muted{
  opacity: 0.7;
}
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpOut__items,
.slide[data-title-en="MVP Scope"] .mvpOut__items{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  color: var(--muted);
  font-size: 12.5px;
}

/* === Track Flow === */
.trackFlow{
  display: none;
}
.trackFlowVertical{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-content: start;
}
.track{
  padding: 20px 24px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.90);
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(230,233,239,.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.track:hover{
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.track__header{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(230,233,239,.15);
}
.track__icon{
  flex-shrink: 0;
}
.track--system{
  border-color: rgba(43,95,214,0.3);
  background: linear-gradient(135deg, rgba(43,95,214,.05) 0%, rgba(43,95,214,.10) 100%);
}
.track--user{
  border-color: rgba(230,128,25,0.3);
  background: linear-gradient(135deg, rgba(230,128,25,.05) 0%, rgba(230,128,25,.10) 100%);
}
.track__title{
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0;
  color: var(--text);
  letter-spacing: 0.5px;
}
.track__steps{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.trackStep{
  border-radius: 10px;
  background: rgba(255,255,255,.90);
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.6;
  transition: all 240ms ease;
  border: 1px solid rgba(230,233,239,.3);
}
.trackStep:hover{
  background: rgba(255,255,255,.98);
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.trackStep span{
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
}
.trackStep--arrow::after{
  content: "↓";
  display: block;
  text-align: center;
  color: var(--blue);
  font-size: 16px;
  line-height: 1;
  margin-top: 4px;
  opacity: 0.6;
}
.trackStep__pages{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.trackStep__pages .tag{
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  border-color: rgba(43,95,214,.15);
  background: rgba(43,95,214,.08);
}
.track--user .trackStep__pages .tag{
  border-color: rgba(230,128,25,.18);
  background: rgba(230,128,25,.10);
  color: #8a4b08;
}
.trackStep__pages .tag.tag--warn{
  border-color: rgba(245,158,11,.20);
  background: rgba(245,158,11,.12);
}

/* === Product Flow Slide Fit (slide-scoped overrides) === */

/* 沉浸式背景层 */
.slide[data-title-en="Product Flow (Talk Track)"] {
  position: relative;
  overflow: hidden;
  background: 
    /* 背景光 - 蓝色和橙色径向渐变 */
    radial-gradient(circle at 75% 15%, rgba(43, 95, 214, 0.06) 0%, transparent 50%),
    radial-gradient(circle at 15% 85%, rgba(230, 128, 25, 0.04) 0%, transparent 55%),
    /* 基础背景 */
    var(--bg);
}

/* 无限网格背景 - 使用伪元素避免mask影响内容 */
.slide[data-title-en="Product Flow (Talk Track)"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    linear-gradient(rgba(28, 31, 36, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28, 31, 36, 0.015) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse at 50% 50%, black 0%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, black 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
}

/* 背景水印 */
.slide[data-title-en="Product Flow (Talk Track)"]::after {
  content: "流程";
  position: absolute;
  bottom: 2%;
  right: 2%;
  font-size: 20vh;
  font-weight: 900;
  color: rgba(28, 31, 36, 0.025);
  z-index: 0;
  pointer-events: none;
  opacity: 0.6;
  font-family: var(--font);
  line-height: 1;
}

.slide[data-title-en="Product Flow (Talk Track)"] .slide__content{
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
html[lang^="zh-CN"] .slide[data-title-en="Product Flow (Talk Track)"] .lang--zh,
html[lang^="zh"] .slide[data-title-en="Product Flow (Talk Track)"] .lang--zh,
html[lang^="en"] .slide[data-title-en="Product Flow (Talk Track)"] .lang--en{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 英文版 Product Flow 样式优化 - 步骤较多需要更紧凑的布局 */
html[lang^="en"] .slide[data-title-en="Product Flow (Talk Track)"] .trackStep{
  padding: 10px 14px;
}

html[lang^="en"] .slide[data-title-en="Product Flow (Talk Track)"] .track__steps{
  gap: 6px;
}

html[lang^="en"] .slide[data-title-en="Product Flow (Talk Track)"] .trackStep__pages .tag{
  font-size: 10px;
  padding: 4px 8px;
}

html[lang^="en"] .slide[data-title-en="Product Flow (Talk Track)"] .trackStep--arrow{
  margin-bottom: 20px;
}

html[lang^="en"] .slide[data-title-en="Product Flow (Talk Track)"] .trackStep--arrow::after{
  bottom: -18px;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackFlowVertical{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  flex: 1;
  min-height: 0;
  align-content: stretch;
  align-items: stretch;
  margin-top: 32px;
}
.slide[data-title-en="Product Flow (Talk Track)"] .track{
  padding: 24px 28px;
  align-self: stretch;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  
  /* 玻璃态组件效果 - 提高透明度确保内容可见 */
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 16px;
  border: 1px solid rgba(230,233,239,.5);
  box-shadow: 0 8px 32px rgba(30,63,138,.1);
  
  /* 过渡效果 */
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* 轨道间的视觉连接线 */
.slide[data-title-en="Product Flow (Talk Track)"] .trackFlowVertical {
  position: relative;
}

.slide[data-title-en="Product Flow (Talk Track)"] .trackFlowVertical::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 80%;
  background: linear-gradient(to bottom, 
    rgba(43, 95, 214, 0.3) 0%, 
    rgba(230, 128, 25, 0.3) 50%, 
    rgba(43, 95, 214, 0.3) 100%);
  z-index: 0;
  border-radius: 1px;
  opacity: 0.6;
}

/* 轨道悬停效果 */
.slide[data-title-en="Product Flow (Talk Track)"] .track:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,.95);
  border-color: rgba(43,95,214,.2);
  box-shadow: 0 12px 40px rgba(30,63,138,.12);
}
.slide[data-title-en="Product Flow (Talk Track)"] .track__header{
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(230,233,239,.4);
  display: flex;
  align-items: center;
  gap: 12px;
}

.slide[data-title-en="Product Flow (Talk Track)"] .track__title{
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: #1E3F8A;
  margin: 0;
}

.slide[data-title-en="Product Flow (Talk Track)"] .track--user .track__title{
  color: #9A4A0A;
}

.slide[data-title-en="Product Flow (Talk Track)"] .track__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(43,95,214,.12);
  border: 2px solid rgba(43,95,214,.25);
  transition: all 240ms ease;
  flex-shrink: 0;
}

.slide[data-title-en="Product Flow (Talk Track)"] .track--system .track__icon {
  background: rgba(43,95,214,.12);
  border-color: rgba(43,95,214,.25);
}

.slide[data-title-en="Product Flow (Talk Track)"] .track--user .track__icon {
  background: rgba(230,128,25,.12);
  border-color: rgba(230,128,25,.25);
}

.slide[data-title-en="Product Flow (Talk Track)"] .track__icon svg {
  width: 18px;
  height: 18px;
}

.slide[data-title-en="Product Flow (Talk Track)"] .track:hover .track__icon {
  transform: scale(1.08);
  background: rgba(43,95,214,.18);
}

.slide[data-title-en="Product Flow (Talk Track)"] .track--user:hover .track__icon {
  background: rgba(230,128,25,.18);
}
.slide[data-title-en="Product Flow (Talk Track)"] .track__steps{
  gap: 8px;
  flex: 1;
  justify-content: flex-start;
  overflow-y: auto;
  padding-right: 4px;
  display: flex;
  flex-direction: column;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep{
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.5;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px;
  align-items: start;
  border: 1px solid rgba(230,233,239,0.5);
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* 步骤组件的微妙渐变边框效果 */
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(43, 95, 214, 0.3) 50%, 
    transparent 100%);
  opacity: 0;
  transition: opacity 320ms ease;
}

.slide[data-title-en="Product Flow (Talk Track)"] .track--user .trackStep::before {
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(230, 128, 25, 0.3) 50%, 
    transparent 100%);
}

.slide[data-title-en="Product Flow (Talk Track)"] .trackStep:hover::before {
  opacity: 1;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep__main{
  min-width: 0;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep__title{
  font-weight: 700;
  font-size: 14px;
  line-height: 1.35;
  color: #1C1F24;
  letter-spacing: -0.01em;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep__desc{
  margin-top: 3px;
  font-size: 12px;
  color: #5F6773;
  line-height: 1.4;
  font-weight: 400;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep--arrow{
  position: relative;
  margin-bottom: 32px;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep--arrow::after{
  font-size: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -24px;
  width: 100%;
  text-align: center;
  pointer-events: none;
  font-weight: 600;
  color: rgba(43,95,214,0.7);
}
.slide[data-title-en="Product Flow (Talk Track)"] .track__steps > .trackStep--arrow:last-child{
  margin-bottom: 0;
}
.slide[data-title-en="Product Flow (Talk Track)"] .track__steps > .trackStep--arrow:last-child::after{
  display: none;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep__pages{
  gap: 6px;
  margin-top: 0;
  justify-content: flex-end;
  align-self: start;
  min-height: 20px;
  align-items: center;
}
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep__pages .tag{
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 8px;
  white-space: nowrap;
  line-height: 1.3;
  font-weight: 600;
  border: 1px solid rgba(43,95,214,.25);
  background: rgba(43,95,214,.12);
  color: #1E3F8A;
  transition: all 240ms ease;
}

.slide[data-title-en="Product Flow (Talk Track)"] .track--user .trackStep__pages .tag{
  border-color: rgba(230,128,25,.30);
  background: rgba(230,128,25,.15);
  color: #9A4A0A;
}

.slide[data-title-en="Product Flow (Talk Track)"] .trackStep__pages .tag.tag--warn{
  border-color: rgba(245,158,11,.35);
  background: rgba(245,158,11,.18);
  color: #92400E;
}

/* 步骤悬停效果 */
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep:hover{
  transform: translateY(-4px);
  background: rgba(255,255,255,.98);
  border-color: rgba(43,95,214,.25);
  box-shadow: 0 8px 24px rgba(43,95,214,.1);
}

.slide[data-title-en="Product Flow (Talk Track)"] .track--user .trackStep:hover{
  border-color: rgba(230,128,25,.25);
  box-shadow: 0 8px 24px rgba(230,128,25,.1);
}

.slide[data-title-en="Product Flow (Talk Track)"] .trackStep:hover .tag{
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.slide[data-title-en="Product Flow (Talk Track)"] .callout{
  margin-top: 16px;
  padding: 14px 18px;
  align-self: stretch;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  border: 1px solid rgba(230,233,239,.5);
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

.slide[data-title-en="Product Flow (Talk Track)"] .callout__label{
  font-weight: 700;
  font-size: 13px;
  color: #1E3F8A;
  margin-bottom: 4px;
}

.slide[data-title-en="Product Flow (Talk Track)"] .callout__body{
  font-size: 12.5px;
  color: #5F6773;
  line-height: 1.5;
}

/* 箭头连接线优化 */
.slide[data-title-en="Product Flow (Talk Track)"] .trackStep--arrow{
  position: relative;
  margin-bottom: 24px;
}

.slide[data-title-en="Product Flow (Talk Track)"] .trackStep--arrow::after{
  content: "↓";
  font-size: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -22px;
  width: 100%;
  text-align: center;
  pointer-events: none;
  font-weight: 700;
  color: rgba(43,95,214,0.5);
}

.slide[data-title-en="Product Flow (Talk Track)"] .track--user .trackStep--arrow::after{
  color: rgba(230,128,25,0.5);
}

.slide[data-title-en="Product Flow (Talk Track)"] .track__steps > .trackStep--arrow:last-child{
  margin-bottom: 0;
}

.slide[data-title-en="Product Flow (Talk Track)"] .track__steps > .trackStep--arrow:last-child::after{
  display: none;
}

/* 产品流程图加载动画 - 增强版 */
.slide[data-title-en="Product Flow (Talk Track)"].is-active .trackFlowVertical {
  opacity: 0;
  animation: trackFlowIn 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide[data-title-en="Product Flow (Talk Track)"].is-active .track {
  opacity: 0;
  animation: trackIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide[data-title-en="Product Flow (Talk Track)"].is-active .track--system {
  animation-delay: 0.15s;
}

.slide[data-title-en="Product Flow (Talk Track)"].is-active .track--user {
  animation-delay: 0.3s;
}

.slide[data-title-en="Product Flow (Talk Track)"].is-active .trackStep {
  opacity: 0;
  animation: trackStepIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* 步骤动画延迟，实现依次显示效果 - 更流畅的级联 */
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep:nth-child(1) { animation-delay: 0.4s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep:nth-child(2) { animation-delay: 0.5s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep:nth-child(3) { animation-delay: 0.6s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep:nth-child(4) { animation-delay: 0.7s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep:nth-child(5) { animation-delay: 0.8s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep:nth-child(6) { animation-delay: 0.9s; }

/* 轨道头部图标动画 */
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__icon {
  opacity: 0;
  animation: iconIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide[data-title-en="Product Flow (Talk Track)"].is-active .track--system .track__icon {
  animation-delay: 0.35s;
}

.slide[data-title-en="Product Flow (Talk Track)"].is-active .track--user .track__icon {
  animation-delay: 0.5s;
}

/* callout动画 */
.slide[data-title-en="Product Flow (Talk Track)"].is-active .callout {
  opacity: 0;
  animation: calloutIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  animation-delay: 1.0s;
}

/* 新增动画关键帧 */
@keyframes iconIn {
  from {
    opacity: 0;
    transform: scale(0.5) rotate(-10deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@keyframes calloutIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide[data-title-en="Product Flow (Talk Track)"].is-active .trackStep--arrow {
  opacity: 0;
  animation: arrowIn 0.4s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* 箭头动画延迟，在步骤显示后出现 */
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep--arrow:nth-child(1) { animation-delay: 0.4s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep--arrow:nth-child(2) { animation-delay: 0.6s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep--arrow:nth-child(3) { animation-delay: 0.8s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep--arrow:nth-child(4) { animation-delay: 1.0s; }
.slide[data-title-en="Product Flow (Talk Track)"].is-active .track__steps .trackStep--arrow:nth-child(5) { animation-delay: 1.2s; }

@keyframes trackFlowIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes trackIn {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes trackStepIn {
  from {
    opacity: 0;
    transform: translateY(15px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes arrowIn {
  from {
    opacity: 0;
    transform: translateY(-10px) rotate(0deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }
}

/* === Roadmap === */
.roadmap{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.roadmapStep{
  padding: 24px 26px 22px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.85);
  transition: all 240ms ease;
  border: 1px solid rgba(230,233,239,.4);
}
.roadmapStep:hover{
  background: rgba(255,255,255,.95);
  transform: translateY(-4px);
}

/* === Roadmap Vertical === */
.roadmapVertical{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 28px;
  align-content: start;
  margin-top: 32px;
}
.roadmapCard{
  padding: 22px 28px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.85);
  transition: all 240ms ease;
  border: 1px solid rgba(230,233,239,.4);
  opacity: 0;
  transform: translateY(20px);
  animation: cardFadeInUp 500ms ease-out forwards;
}
.roadmapCard:nth-child(1){ animation-delay: 0ms; }
.roadmapCard:nth-child(2){ animation-delay: 100ms; }
.roadmapCard:nth-child(3){ animation-delay: 200ms; }
.roadmapCard:nth-child(4){ animation-delay: 300ms; }

@keyframes cardFadeInUp{
  from{
    opacity: 0;
    transform: translateY(20px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
.roadmapCard:hover{
  background: rgba(255,255,255,.95);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.roadmapCard__header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  gap: 8px;
}
.roadmapCard__headerLeft{
  display: flex;
  align-items: center;
  gap: 8px;
}
.roadmapCard__badge{
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(43,95,214,.1);
  color: var(--blue);
  flex-shrink: 0;
}
.roadmapCard__status{
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(46,139,87,.15);
  color: var(--green);
  border: 1px solid rgba(46,139,87,.25);
  flex-shrink: 0;
}
.roadmapCard__status--completed{
  background: rgba(46,139,87,.15);
  color: var(--green);
  border-color: rgba(46,139,87,.25);
}
.roadmapCard__status--planned{
  background: rgba(43,95,214,.15);
  color: var(--blue);
  border-color: rgba(43,95,214,.25);
}
.roadmapCard__status--orange{
  background: rgba(230,128,25,.15);
  color: var(--orange);
  border-color: rgba(230,128,25,.25);
}
.roadmapCard__status--future{
  background: rgba(148,163,184,.15);
  color: var(--neutral);
  border-color: rgba(148,163,184,.25);
}
.roadmapCard__badge--accent{
  background: rgba(230,128,25,.1);
  color: var(--orange);
}
.roadmapCard__badge--high{
  background: rgba(46,139,87,.1);
  color: var(--green);
}
.roadmapCard__time{
  font-size: 12px;
  font-family: var(--mono);
  color: var(--muted);
  font-weight: 500;
}
.roadmapCard__title{
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
}
.roadmapCard__subtitle{
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 12px;
  line-height: 1.4;
}
.roadmapCard__items{
  list-style: none;
  margin: 0;
  padding: 0;
}
.roadmapCard__items li{
  font-size: 12px;
  color: var(--text);
  line-height: 1.5;
  padding: 4px 0 4px 0;
  position: relative;
  padding-left: 14px;
}
.roadmapCard__items li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--neutral);
}
.roadmapCard__items li strong{
  color: var(--blue);
  font-weight: 600;
}
.roadmapCard--phase0{
  background: rgba(94,167,255,.04);
  border-color: rgba(94,167,255,.15);
}
.roadmapCard--phase1{
  background: rgba(43,95,214,.04);
  border-color: rgba(43,95,214,.15);
}
.roadmapCard--phase2{
  background: rgba(230,128,25,.04);
  border-color: rgba(230,128,25,.15);
}
.roadmapCard--phase3{
  background: rgba(46,139,87,.04);
  border-color: rgba(46,139,87,.15);
}
.roadmapCard__items li::before{
  background: var(--blue);
}
.roadmapCard--phase2 .roadmapCard__items li::before{
  background: var(--orange);
}
.roadmapCard--phase3 .roadmapCard__items li::before{
  background: var(--green);
}

/* === Decision Grid === */
.decisionGrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.decisionGrid--triple{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.decisionCard{
  padding: 28px 32px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.85);
  transition: all 240ms ease;
  border: 1px solid rgba(230,233,239,.4);
}
.decisionCard:hover{
  background: rgba(255,255,255,.95);
  transform: translateY(-4px);
}
.decisionCard--alert{
  background: rgba(220,38,38,.04);
  border-color: rgba(220,38,38,.2);
}

/* === Decisions Slide - Immersive Redesign === */
.slide--decisions{
  padding: 60px 40px;
  background:
    radial-gradient(circle at 80% 20%, rgba(43, 95, 214, 0.06) 0%, transparent 50%),
    radial-gradient(circle at 20% 80%, rgba(230, 128, 25, 0.04) 0%, transparent 45%);
}
.slide__content--decisions{
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* Decisions Header - Immersive Style */
.decisionsHeader{
  text-align: center;
  margin-bottom: 8px;
}
.decisionsHeader__kicker{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
  font-size: 13px;
  font-family: var(--mono);
  color: var(--muted);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.decisionsHeader__divider{
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border), transparent);
}
.decisionsHeader__title{
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 16px;
  color: var(--text);
}
.decisionsHeader__textLine{
  /* display: block; */
}
.decisionsHeader__textLine--accent{
  color: var(--blue);
}
.decisionsHeader__lead{
  font-size: clamp(15px, 1.3vw, 18px);
  color: var(--muted);
  margin: 0;
}
.decisionsHeader__lead .text-accent{
  color: var(--blue);
  font-weight: 600;
}

/* Decisions Grid - 3x2 Layout */
.decisionsGrid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* Decision Card - Glassmorphism Design */
.decisionCard{
  position: relative;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 16px;
  border: 1px solid rgba(230, 233, 239, 0.6);
  padding: 18px;
  box-shadow:
    0 4px 24px rgba(30, 63, 138, 0.06),
    0 1px 2px rgba(0, 0, 0, 0.02);
  animation: decisionCardEntrance 600ms ease-out forwards;
}

.slide.is-active .decisionCard[data-index="1"]{ animation-delay: 0.1s; }
.slide.is-active .decisionCard[data-index="2"]{ animation-delay: 0.2s; }
.slide.is-active .decisionCard[data-index="3"]{ animation-delay: 0.3s; }
.slide.is-active .decisionCard[data-index="4"]{ animation-delay: 0.4s; }
.slide.is-active .decisionCard[data-index="5"]{ animation-delay: 0.5s; }
.slide.is-active .decisionCard[data-index="6"]{ animation-delay: 0.6s; }

@keyframes decisionCardEntrance {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.decisionCard:hover{
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.95);
  box-shadow:
    0 16px 40px rgba(30, 63, 138, 0.1),
    0 6px 12px rgba(0, 0, 0, 0.03);
  border-color: rgba(43, 95, 214, 0.2);
}
.decisionCard__accent{
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 3px;
  background: linear-gradient(90deg, var(--blue), var(--blueDeep));
  border-radius: 0 0 3px 3px;
  opacity: 0.6;
}
.decisionCard__accent--orange{
  background: linear-gradient(90deg, var(--orange), #F59E0B);
}
.decisionCard__accent--neutral{
  background: linear-gradient(90deg, var(--neutral), var(--muted));
  opacity: 0.4;
}

/* Priority Card Enhancement */
.decisionCard--priority{
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(43, 95, 214, 0.25);
}
.decisionCard--priority:hover{
  border-color: rgba(43, 95, 214, 0.4);
  box-shadow:
    0 24px 56px rgba(43, 95, 214, 0.15),
    0 8px 16px rgba(0, 0, 0, 0.04);
}
.decisionCard--priority .decisionCard__accent{
  opacity: 1;
  height: 4px;
}

/* Card Header */
.decisionCard__header{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
.decisionCard__icon{
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(43, 95, 214, 0.08);
  border-radius: 10px;
  color: var(--blue);
  flex-shrink: 0;
}
.decisionCard__icon svg{
  width: 20px;
  height: 20px;
}
.decisionCard--priority .decisionCard__icon{
  background: rgba(43, 95, 214, 0.12);
}
.decisionCard__meta{
  flex: 1;
  min-width: 0;
}
.decisionCard__badge{
  display: inline-block;
  padding: 2px 8px;
  font-size: 10px;
  font-family: var(--mono);
  font-weight: 600;
  color: var(--neutral);
  background: rgba(148, 163, 184, 0.12);
  border-radius: 5px;
  margin-bottom: 4px;
  letter-spacing: 0.02em;
}
.decisionCard__badge--high{
  color: var(--blue);
  background: rgba(43, 95, 214, 0.12);
}
.decisionCard__title{
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
  margin: 0;
  line-height: 1.25;
}

/* Card List */
.decisionCard__list{
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.decisionCard__list li{
  position: relative;
  padding-left: 14px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}
.decisionCard--priority .decisionCard__list li{
  color: var(--text);
  font-size: 13.5px;
}
.decisionCard__bullet{
  position: absolute;
  left: 0;
  top: 6px;
  width: 5px;
  height: 5px;
  background: var(--blue);
  border-radius: 50%;
  opacity: 0.5;
}
.decisionCard--priority .decisionCard__bullet{
  opacity: 0.8;
}

/* Card Tags */
.decisionCard__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.decisionCard__tag{
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 500;
  color: var(--muted);
  background: rgba(230, 233, 239, 0.6);
  border-radius: 6px;
  transition: all 200ms ease;
}
.decisionCard:hover .decisionCard__tag{
  background: rgba(43, 95, 214, 0.08);
  color: var(--blue);
}

/* Actions */
.decisionsActions{
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 8px;
  opacity: 0;
  transform: translateY(16px);
  transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
}
.slide.is-active .decisionsActions{
  opacity: 1;
  transform: translateY(0);
}

/* === Callout === */
.callout{
  margin-top: 18px;
  padding: 16px 20px;
  border-radius: var(--radius);
  background: rgba(43,95,214,.06);
  border: 1px solid rgba(43,95,214,.15);
  transition: all 240ms ease;
}
.callout:hover{
  background: rgba(43,95,214,.10);
}
.callout__label{
  font-size: 13px;
  font-family: var(--mono);
  color: var(--blue);
  margin-bottom: 10px;
  font-weight: 600;
}
.callout--small{
  padding: 14px 18px;
}

/* === Evolution Chart === */
.evolutionChart{
  margin-top: 24px;
  background: rgba(255,255,255,.70);
  border-radius: var(--radius);
  padding: 24px 28px;
  border: 1px solid rgba(230,233,239,.4);
  position: relative;
}
.chartLegend{
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
  justify-content: center;
}
.legendItem{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
}
.legendDot{
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.legendItem--ai .legendDot{
  background: var(--blue);
}
.legendItem--human .legendDot{
  background: var(--orange);
}
.chartContainer{
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 12px;
  margin-top: 20px;
}
.chartYAxis{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 0;
}
.chartYAxis span{
  font-size: 11px;
  font-family: var(--mono);
  font-weight: 600;
  color: var(--muted);
  text-align: right;
}
.chartSvg{
  width: 100%;
  height: 350px;
}
.chartLine{
  stroke-width: 4;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.08));
}
.chartLine--ai{
  stroke: var(--blue);
}
.chartLine--human{
  stroke: var(--orange);
}
.chartDotGroup{
  cursor: pointer;
}
.chartDot{
  fill: white;
  stroke-width: 4;
  transition: all 240ms ease;
}
.chartDot:hover{
  r: 14;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.15));
}
.chartDot--ai{
  stroke: var(--blue);
}
.chartDot--human{
  stroke: var(--orange);
}
.chartDotInner{
  fill: white;
  opacity: 0.3;
}
.chartLabel{
  font-size: 12px;
  font-weight: 600;
  fill: var(--text);
  font-family: var(--font);
}
.chartValue{
  font-size: 14px;
  font-weight: 700;
  font-family: var(--mono);
  text-shadow: 0 2px 4px rgba(255,255,255,0.9);
}
.chartValue--ai{
  fill: var(--blue);
}
.chartValue--human{
  fill: var(--orange);
}
.slide.is-active .chartLine{
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: drawLine 1.2s ease forwards;
}
.slide.is-active .chartLine--human{
  animation-delay: 0.3s;
}
.slide.is-active .chartDotGroup{
  opacity: 0;
  animation: popIn 0.5s ease forwards;
}
.slide.is-active .chartDotGroup:nth-of-type(1){
  animation-delay: 0.4s;
}
.slide.is-active .chartDotGroup:nth-of-type(2){
  animation-delay: 0.9s;
}
.slide.is-active .chartDotGroup:nth-of-type(3){
  animation-delay: 1.4s;
}
.slide.is-active .chartDotGroup:nth-of-type(4){
  animation-delay: 0.5s;
}
.slide.is-active .chartDotGroup:nth-of-type(5){
  animation-delay: 1.0s;
}
.slide.is-active .chartDotGroup:nth-of-type(6){
  animation-delay: 1.5s;
}

/* === Evolution Chart Polish (slide-scoped) === */
.slide[data-title-en="3-Stage Evolution Value"] .evolutionChart{
  margin-top: 18px;
  padding: 20px 24px 22px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(43,95,214,.14);
  box-shadow:
    0 18px 40px rgba(30,91,255,.10),
    inset 0 1px 0 rgba(255,255,255,.65);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartLegend{
  margin-bottom: 14px;
  gap: 14px;
}
.slide[data-title-en="3-Stage Evolution Value"] .legendItem{
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(248,250,255,.9);
  border: 1px solid rgba(230,233,239,.7);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartContainer{
  grid-template-columns: 52px 1fr;
  gap: 10px;
  margin-top: 12px;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartYAxis{
  padding: 6px 0;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartYAxis span{
  font-size: 10.5px;
  color: rgba(95,103,115,.85);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartSvg{
  height: 330px;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartStageBand{
  fill: rgba(43,95,214,.04);
  stroke: rgba(43,95,214,.08);
  stroke-width: 1;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartStageBand--2{
  fill: rgba(43,95,214,.06);
  stroke: rgba(43,95,214,.12);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartGridLine{
  stroke: rgba(148,163,184,.22);
  stroke-dasharray: 3 8;
  stroke-width: 0.8;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartGuideLine{
  stroke: rgba(43,95,214,.16);
  stroke-width: 1.1;
  stroke-dasharray: 2.5 7;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartLabel{
  font-size: 12px;
  font-weight: 500;
  fill: rgba(15,23,42,.85);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartLine{
  stroke-width: 5.5;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartLine--ai{
  filter: drop-shadow(0 6px 14px rgba(30,91,255,.22));
}
.slide[data-title-en="3-Stage Evolution Value"] .chartLine--human{
  filter: drop-shadow(0 6px 14px rgba(230,128,25,.20));
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDot{
  stroke-width: 3.5;
  filter: drop-shadow(0 6px 12px rgba(15,23,42,.12));
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDotHalo{
  fill: rgba(148,163,184,.12);
  opacity: 0.9;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDotGroup[data-series="ai"] .chartDotHalo{
  fill: rgba(30,91,255,.16);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDotGroup[data-series="human"] .chartDotHalo{
  fill: rgba(230,128,25,.16);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDotInner{
  opacity: 1;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDotGroup[data-series="ai"] .chartDotInner{
  fill: rgba(30,91,255,.22);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDotGroup[data-series="human"] .chartDotInner{
  fill: rgba(230,128,25,.22);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartValue{
  font-size: 13.5px;
  font-weight: 800;
  text-shadow: 0 3px 8px rgba(255,255,255,.95);
  paint-order: stroke;
  stroke: rgba(255,255,255,.9);
  stroke-width: 2px;
  transform-box: fill-box;
  transform-origin: center;
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDotGroup[data-phase="2"][data-series="ai"] .chartValue--ai{
  transform: translateY(-10px);
}
.slide[data-title-en="3-Stage Evolution Value"] .chartDotGroup[data-phase="2"][data-series="human"] .chartValue--human{
  transform: translateY(12px);
}

@keyframes drawLine{
  to{
    stroke-dashoffset: 0;
  }
}

@keyframes popIn{
  from{
    opacity: 0;
    transform: translateY(10px) scale(0.8);
  }
  to{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* === Meters === */
.meters{ margin-top: 20px; display: grid; gap: 14px; }
.meter{
  background: rgba(255,255,255,.70);
  border-radius: var(--radius);
  padding: 16px 20px;
  border: 1px solid rgba(230,233,239,.4);
}
.meter__label{ font-size: 14px; color: var(--muted); margin-bottom: 14px; }
.meter__phase{
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}
.meter__phase:last-child{ margin-bottom: 0; }
.meter__phase-label{
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
}
.meter__bar{
  display: flex;
  align-items: center;
  gap: 8px;
}
.meter__bar.single{
  height: 14px;
  background: rgba(230,233,239,.3);
  border-radius: 7px;
  overflow: hidden;
  position: relative;
}
.meter__bar.single span{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  font-family: var(--mono);
  color: white;
  background: var(--blue);
  animation: growWidth 0.6s ease forwards;
}
.meter__bar--human span{
  background: var(--orange);
}

@keyframes growWidth{
  from{
    width: 0;
  }
  to{
    width: var(--target-width);
  }
}

/* === Grid 系统 === */
.grid{
  display: grid;
  gap: 24px;
}
.grid--2{
  grid-template-columns: repeat(2, 1fr);
}
.grid--3{
  grid-template-columns: repeat(3, 1fr);
}

/* 在标题下方的网格容器添加上边距 */
.slide[data-title-en="UI Structure (Phase 1)"] .grid{
  margin-top: 32px;
}

/* === 其他组件 === */
.badge{
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 7px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  background: rgba(43,95,214,.08);
  color: var(--blue);
}
.badge--mid{
  background: rgba(230,128,25,.08);
  color: #8a4b08;
}
.badge--high{
  background: rgba(46,139,87,.08);
  color: #1a5c3a;
}

.tag{
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
  background: rgba(43,95,214,.06);
  color: var(--blue);
  border: 1px solid rgba(43,95,214,.10);
}
.tag--warn{
  background: rgba(245,158,11,.06);
  color: #92400e;
  border-color: rgba(245,158,11,.15);
}

.valueIcon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  font-family: var(--mono);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.valueIcon--blue{
  background: rgba(43,95,214,.08);
  color: var(--blue);
}
.valueIcon--dark{
  background: rgba(30,63,138,.08);
  color: var(--blueDeep);
}
.valueIcon--orange{
  background: rgba(230,128,25,.08);
  color: #8a4b08;
}

.layoutDiagram{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 16px 0;
}
.layoutDiagram__col{
  padding: 18px 7px;
  border-radius: 9px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(230,233,239,.4);
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--neutral);
}
.layoutDiagram__col--nav{
  background: rgba(148,163,184,.04);
}
.layoutDiagram__col--main{
  background: rgba(43,95,214,.04);
  color: var(--blue);
}
.layoutDiagram__col--ai{
  background: rgba(230,128,25,.04);
  color: #8a4b08;
}

/* === UI Screenshot === */
.uiScreenshot{
  background: var(--panel);
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid rgba(230,233,239,.4);
  margin-bottom: 12px;
}
.uiScreenshot__img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  background: #F6F7FB;
}
.uiScreenshot__caption{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  background: rgba(43,95,214,.04);
  border-top: 1px solid rgba(230,233,239,.2);
}
.uiScreenshot__label{
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
}
.uiScreenshot__label--left{
  margin-right: auto;
  text-align: left;
}
.uiScreenshot__label--main{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.uiScreenshot__label--ai{
  margin-left: auto;
  text-align: right;
}
.uiScreenshot__label--nav{
  color: #94A3B8;
}
.uiScreenshot__label--main{
  color: var(--blue);
}
.uiScreenshot__label--ai{
  color: var(--orange);
}
.uiScreenshot__label--left{
  color: var(--blue);
}
.uiScreenshot__separator{
  color: rgba(230,233,239,.3);
  font-size: 14px;
  margin: 0 4px;
}

/* UI结构页面动画 */
.slide[data-title-zh="UI 结构（阶段一）"].is-active .panel,
.slide[data-title-en="UI Structure (Phase 1)"].is-active .panel {
  opacity: 0;
  animation: panelSlideUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .panel:nth-child(1),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .panel:nth-child(1) {
  animation-delay: 0.1s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .panel:nth-child(2),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .panel:nth-child(2) {
  animation-delay: 0.2s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .uiScreenshot,
.slide[data-title-en="UI Structure (Phase 1)"].is-active .uiScreenshot {
  opacity: 0;
  animation: screenshotFadeIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  animation-delay: 0.3s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem,
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem {
  opacity: 0;
  transform: translateX(-20px);
  animation: listItemSlideIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(1),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(1) {
  animation-delay: 0.4s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(2),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(2) {
  animation-delay: 0.45s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(3),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(3) {
  animation-delay: 0.5s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(4),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(4) {
  animation-delay: 0.55s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(5),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(5) {
  animation-delay: 0.6s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(6),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(6) {
  animation-delay: 0.65s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(7),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(7) {
  animation-delay: 0.7s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(8),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(8) {
  animation-delay: 0.75s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .flowItem:nth-child(9),
.slide[data-title-en="UI Structure (Phase 1)"].is-active .flowItem:nth-child(9) {
  animation-delay: 0.8s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .callout,
.slide[data-title-en="UI Structure (Phase 1)"].is-active .callout {
  opacity: 0;
  animation: calloutFadeIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  animation-delay: 0.9s;
}

.slide[data-title-zh="UI 结构（阶段一）"].is-active .actions,
.slide[data-title-en="UI Structure (Phase 1)"].is-active .actions {
  opacity: 0;
  animation: buttonFadeIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  animation-delay: 1.0s;
}

/* UI结构页面动画关键帧 */
@keyframes panelSlideUp {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes screenshotFadeIn {
  from {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes listItemSlideIn {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes calloutFadeIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes buttonFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.flowList{
  display: grid;
  gap: 12px;
}
.flowItem{
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 9px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(230,233,239,.35);
}
.flowItem span{
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
  min-width: 140px;
}

.tagList{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}

.scopeCard__tag,
.decisionCard__tag{
  display: inline-block;
  padding: 5px 11px;
  border-radius: 7px;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.scopeCard__tag{
  background: rgba(43,95,214,.08);
  color: var(--blue);
}
.scopeCard--out .scopeCard__tag{
  background: rgba(148,163,184,.08);
  color: var(--neutral);
}
.decisionCard__tag{
  background: rgba(220,38,38,.08);
  color: var(--red);
}

.steps{
  padding-left: 20px;
}
.steps li{
  margin: 14px 0;
}
.steps li span{
  font-family: var(--mono);
  font-weight: 600;
  color: var(--blue);
}

.roadmapStep__time{
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--blue);
  margin-bottom: 8px;
}
.roadmapStep__body{
  color: var(--text);
  line-height: 1.6;
}

/* === 按钮 === */
.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  border: none;
  font-family: var(--font);
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  transition: all 240ms ease;
  text-decoration: none;
}
.btn--ghost{
  background: rgba(255,255,255,.45);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(230,233,239,.3);
  color: var(--muted);
}
.btn--ghost:hover{
  background: rgba(255,255,255,.60);
  color: var(--text);
  transform: translateY(-2px);
}
.btn--primary{
  background: var(--blue);
  color: white;
  box-shadow: 0 4px 16px rgba(43,95,214,.3);
}
.btn--primary:hover{
  background: var(--blueDeep);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(43,95,214,.4);
}
.btn--outline{
  background: transparent;
  border: 2px solid var(--blue);
  color: var(--blue);
}
.btn--outline:hover{
  background: rgba(43,95,214,.08);
  transform: translateY(-2px);
}

/* === 快捷键提示 === */
.shortcutHint{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--neutral);
}
.kbd{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 22px;
  padding: 0 7px;
  border-radius: 5px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(230,233,239,.3);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--muted);
  box-shadow: 0 1px 2px rgba(0,0,0,.02);
}

/* === 进度条 === */
.progress{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 20;
  pointer-events: none;
}
.progress__bar{
  height: 100%;
  background: var(--blue);
  transition: width 0.3s ease;
  box-shadow: 0 0 8px rgba(43,95,214,.3);
  opacity: 0.7;
}

/* === 目录 (TOC) === */
.toc{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 40;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  transition: all 240ms ease;
}
.toc.is-open{
  opacity: 1;
  visibility: visible;
}
.toc__panel{
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  max-width: 600px;
  width: 90%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 48px rgba(0,0,0,.10);
  border: 1px solid rgba(230,233,239,.5);
  transform: scale(0.95);
  transition: all 240ms cubic-bezier(0.23, 1, 0.32, 1);
}
.toc.is-open .toc__panel{
  transform: scale(1);
}
.toc__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 28px 18px;
  border-bottom: 1px solid rgba(230,233,239,.5);
}
.toc__kicker{
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 600;
  margin-bottom: 8px;
}
.toc__title{
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
}
.toc__list{
  flex: 1;
  overflow-y: auto;
  padding: 12px 28px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.toc__item{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(230,233,239,.2);
  cursor: pointer;
  transition: all 200ms ease;
  font-size: 14px;
  color: var(--text);
}
.toc__item:hover{
  background: rgba(43,95,214,.06);
  border-color: rgba(43,95,214,.15);
  transform: translateX(3px);
}
.toc__item.is-active{
  background: rgba(43,95,214,.10);
  border-color: rgba(43,95,214,.25);
  color: var(--blue);
}
.toc__footer{
  padding: 16px 28px 20px;
  border-top: 1px solid rgba(230,233,239,.5);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}

/* === 其他组件 === */
.actions{
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.noscript{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: grid;
  place-items: center;
  background: var(--bg);
  padding: 40px;
  text-align: center;
}
.noscript span{
  font-size: 18px;
  color: var(--text);
}

/* === 动画 === */
@keyframes fadeInUp{
  from{
    opacity: 0;
    transform: translateY(20px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.slide.is-active .slide__content{
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* === 封面页入场动画 === */
.slide--cover.is-active .coverKicker{
  opacity: 0;
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide--cover.is-active .coverTitle{
  opacity: 0;
  animation: fadeInUp 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.1s forwards;
}

.slide--cover.is-active .coverLead{
  opacity: 0;
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.2s forwards;
}

.slide--cover.is-active .coverTag{
  opacity: 0;
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide--cover.is-active .coverTag:nth-child(1){ animation-delay: 0.35s; }
.slide--cover.is-active .coverTag:nth-child(2){ animation-delay: 0.42s; }
.slide--cover.is-active .coverTag:nth-child(3){ animation-delay: 0.49s; }
.slide--cover.is-active .coverTag:nth-child(4){ animation-delay: 0.56s; }

.slide--cover.is-active .coverTransform{
  opacity: 0;
  animation: slideInRight 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.3s forwards;
}

.slide--cover.is-active .coverMetric{
  opacity: 0;
  animation: scaleIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide--cover.is-active .coverMetric:nth-child(1){ animation-delay: 0.5s; }
.slide--cover.is-active .coverMetric:nth-child(2){ animation-delay: 0.58s; }
.slide--cover.is-active .coverMetric:nth-child(3){ animation-delay: 0.66s; }
.slide--cover.is-active .coverMetric:nth-child(4){ animation-delay: 0.74s; }

.slide--cover.is-active .coverFeatures{
  opacity: 0;
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;
}

@keyframes scaleIn{
  from{
    opacity: 0;
    transform: scale(0.9) translateY(10px);
  }
  to{
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* === 响应式 === */
@media (max-width: 1200px){
  .slide{ padding: 60px 40px; }
  h1{ font-size: clamp(40px, 5vw, 56px); }
  h2{ font-size: clamp(24px, 2.5vw, 32px); }
  .decisionGrid--triple{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Decisions Slide Responsive - 1200px */
  .slide--decisions{
    padding: 60px 40px;
  }
  .decisionsGrid{
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .decisionsHeader__title{
    font-size: clamp(28px, 3.5vw, 40px);
  }
  .decisionsHeader__lead{
    font-size: clamp(14px, 1.3vw, 16px);
  }
  .decisionCard{
    padding: 18px;
  }
  .decisionCard__icon{
    width: 36px;
    height: 36px;
  }
  .decisionCard__icon svg{
    width: 18px;
    height: 18px;
  }
  .decisionCard__title{
    font-size: 14px;
  }
  .decisionCard__list li{
    font-size: 12px;
  }

  /* 封面页响应式 */
  .coverHero{
    grid-template-columns: 1fr;
    gap: 36px;
    text-align: center;
    margin-top: 10px;
  }
  .coverHero__main{
    align-items: center;
  }
  .coverLead{
    max-width: 100%;
  }
  .coverTags{
    justify-content: center;
  }
  .coverVisual{
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
  }
  .coverMetrics{
    grid-template-columns: repeat(2, 1fr);
  }
  .coverFeatures{
    flex-wrap: wrap;
    gap: 24px;
    padding: 20px 32px;
  }
  .coverFeature__divider{
    display: none;
  }
  
  /* 产品流程图响应式 - 1200px */
  .slide[data-title-en="Product Flow (Talk Track)"] .trackFlowVertical{
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackFlowVertical::before{
    display: none; /* 移动端隐藏连接线 */
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .track{
    padding: 20px 24px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .track__header{
    margin-bottom: 16px;
    padding-bottom: 10px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .track__title{
    font-size: 16px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .track__icon{
    width: 36px;
    height: 36px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackStep{
    padding: 12px 14px;
    font-size: 13px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackStep__title{
    font-size: 13.5px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackStep__desc{
    font-size: 11.5px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .callout{
    padding: 12px 14px;
  }
}

@media (max-width: 768px){
  .slide{ padding: 40px 24px; }
  
  /* 目录卡片移动端 */
  .agendaGrid{
    gap: 24px;
    margin: 30px 0 0 0;
  }
  .agendaCard{
    grid-template-columns: auto 1fr;
    padding: 28px 30px;
  }
  .agendaCard__index{
    font-size: 24px;
    padding: 12px 16px;
    min-width: 56px;
  }
  .agendaCard__body h3{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .agendaCard__body p{
    font-size: 14px;
  }
  .agendaCard__tags{
    gap: 8px;
    margin-top: 12px;
  }

  /* 封面页移动端 */
  .coverTitle__line{
    font-size: clamp(36px, 10vw, 48px);
  }
  .coverLead{
    font-size: 16px;
  }
  .coverTags{
    gap: 8px;
  }
  .coverTag{
    padding: 8px 14px;
    font-size: 12px;
  }
  
  /* 产品流程图移动端适配 - 768px */
  .slide[data-title-en="Product Flow (Talk Track)"] .track{
    padding: 16px 18px;
    border-radius: 12px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .track__header{
    margin-bottom: 12px;
    padding-bottom: 8px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .track__title{
    font-size: 15px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .track__icon{
    width: 32px;
    height: 32px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .track__icon svg{
    width: 16px;
    height: 16px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackStep{
    padding: 10px 12px;
    font-size: 12.5px;
    border-radius: 10px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackStep__title{
    font-size: 13px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackStep__desc{
    font-size: 11px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackStep__pages{
    justify-content: flex-start;
    margin-top: 6px;
    gap: 4px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .trackStep__pages .tag{
    font-size: 9px;
    padding: 3px 6px;
    border-radius: 6px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .callout{
    padding: 10px 12px;
    margin-top: 12px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .callout__label{
    font-size: 12px;
  }
  .slide[data-title-en="Product Flow (Talk Track)"] .callout__body{
    font-size: 11px;
  }
  .coverTransform{
    padding: 20px 24px;
    gap: 16px;
  }
  .coverTransform__icon{
    width: 36px;
    height: 36px;
  }
  .coverTransform__label{
    font-size: 12px;
  }
  .coverTransform__sublabel{
    font-size: 10px;
  }
  .coverTransform__arrow{
    width: 50px;
  }
  .coverMetrics{
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .coverMetric{
    padding: 16px 12px;
  }
  .coverMetric__number{
    font-size: 24px;
  }
  .coverMetric__label{
    font-size: 12px;
  }
  .coverMetric__desc{
    font-size: 10px;
  }
  .coverFeatures{
    flex-direction: column;
    gap: 16px;
    padding: 20px;
  }
  .coverFeature{
    width: 100%;
    justify-content: flex-start;
  }

  .agendaGrid,
  .splitHero,
  .compareAB,
  .scopeGrid,
  .decisionGrid,
  .track__steps,
  .roadmap,
  .phasePath{
    grid-template-columns: 1fr;
  }
  .agendaCard{
    grid-template-columns: auto 1fr;
  }

  /* Decisions Slide Mobile Responsive */
  .slide--decisions{
    padding: 40px 20px;
  }
  .decisionsGrid{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .decisionsHeader{
    margin-bottom: 4px;
  }
  .decisionsHeader__kicker{
    font-size: 11px;
    gap: 8px;
  }
  .decisionsHeader__divider{
    width: 24px;
  }
  .decisionsHeader__title{
    font-size: 28px;
  }
  .decisionsHeader__lead{
    font-size: 14px;
  }
  .decisionCard{
    padding: 16px;
  }
  .decisionCard__accent{
    left: 16px;
    right: 16px;
    height: 2px;
  }
  .decisionCard__header{
    gap: 10px;
    margin-bottom: 12px;
  }
  .decisionCard__icon{
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }
  .decisionCard__icon svg{
    width: 18px;
    height: 18px;
  }
  .decisionCard__badge{
    font-size: 9px;
    padding: 1px 6px;
  }
  .decisionCard__title{
    font-size: 14px;
  }
  .decisionCard__list{
    gap: 7px;
    margin-bottom: 12px;
  }
  .decisionCard__list li{
    font-size: 11.5px;
    line-height: 1.4;
    padding-left: 12px;
  }
  .decisionCard__bullet{
    width: 4px;
    height: 4px;
    top: 5px;
  }
  .decisionCard__tags{
    gap: 5px;
  }
  .decisionCard__tag{
    font-size: 9px;
    padding: 2px 6px;
  }
  .decisionsActions{
    flex-direction: column;
    gap: 10px;
    margin-top: 3px;
  }
  .decisionsActions .btn{
    width: 100%;
    justify-content: center;
  }
}

/* ============================================
   两张表驱动全流程 - Slide 05 重设计
   ============================================ */

/* === Slide 特定布局 - 充分利用垂直空间 === */
.slide[data-title-zh="两张表驱动全流程"] .slide__content,
.slide[data-title-en="Two Lists Drive the Workflow"] .slide__content{
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.slide[data-title-zh="两张表驱动全流程"] .langBlock,
.slide[data-title-en="Two Lists Drive the Workflow"] .langBlock{
  display: none;
  flex-direction: column;
  gap: 28px;
  height: 100%;
}

html[lang^="zh-CN"] .slide[data-title-zh="两张表驱动全流程"] .lang--zh,
html[lang^="zh"] .slide[data-title-zh="两张表驱动全流程"] .lang--zh,
html[lang^="en"] .slide[data-title-en="Two Lists Drive the Workflow"] .lang--en{
  display: flex;
}

/* === 数据流图 === */
.dataFlowDiagram{
  display: grid;
  grid-template-columns: 1.1fr 140px 1.3fr;
  gap: 24px;
  align-items: stretch;
  flex: 1;
  min-height: 400px;
}

/* === 数据层卡片 === */
.dataLayer{
  padding: 0;
  border-radius: var(--radius);
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(230,233,239,.5);
  box-shadow: 0 8px 32px rgba(30,63,138,.06);
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.dataLayer:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 48px rgba(30,63,138,.12);
}

.dataLayer--entry{
  background: linear-gradient(180deg, rgba(43,95,214,.03) 0%, rgba(255,255,255,.90) 100%);
  border-color: rgba(43,95,214,.2);
}

.dataLayer--analysis{
  background: linear-gradient(180deg, rgba(230,128,25,.03) 0%, rgba(255,255,255,.90) 100%);
  border-color: rgba(230,128,25,.18);
}

/* === 层头部 === */
.layerHeader{
  padding: 24px 28px 20px;
  border-bottom: 1px solid rgba(230,233,239,.4);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  background: rgba(255,255,255,.4);
  flex-shrink: 0;
}

.layerBadge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  font-family: var(--mono);
  font-size: 22px;
  font-weight: 700;
  color: var(--blue);
  background: rgba(43,95,214,.1);
  border: 1px solid rgba(43,95,214,.18);
}

.layerBadge--b{
  color: #8a4b08;
  background: rgba(230,128,25,.12);
  border-color: rgba(230,128,25,.2);
}

.layerMeta{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.layerMeta h3{
  font-size: 19px;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}

.layerGrain{
  font-size: 13px;
  font-family: var(--mono);
  color: var(--muted);
  font-weight: 500;
}

/* === 层内容 === */
.layerContent{
  padding: 20px 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  min-height: 0;
}

/* === 字段网格 === */
.dataFieldGrid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 14px;
  flex-shrink: 0;
}

.dataField{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(230,233,239,.3);
  transition: all 240ms ease;
}

.dataField:hover{
  background: rgba(255,255,255,.95);
  border-color: rgba(43,95,214,.15);
  transform: translateX(4px);
}

.dataField--aggregated{
  background: rgba(43,95,214,.04);
  border-color: rgba(43,95,214,.12);
}

.dataField--aggregated:hover{
  background: rgba(43,95,214,.08);
  border-color: rgba(43,95,214,.18);
}

.dataField--calculated{
  background: rgba(230,128,25,.04);
  border-color: rgba(230,128,25,.12);
}

.dataField--calculated:hover{
  background: rgba(230,128,25,.08);
  border-color: rgba(230,128,25,.18);
}

.fieldName{
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
}

.fieldType{
  font-size: 11px;
  font-weight: 600;
  padding: 4px 9px;
  border-radius: 6px;
  font-family: var(--mono);
  background: rgba(148,163,184,.08);
  color: var(--neutral);
}

.dataField--aggregated .fieldType{
  background: rgba(43,95,214,.1);
  color: var(--blue);
}

.dataField--calculated .fieldType{
  background: rgba(230,128,25,.1);
  color: #8a4b08;
}

/* === 层用途说明 === */
.layerPurpose{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  padding: 16px 18px;
  border-radius: 10px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(230,233,239,.3);
  flex-shrink: 0;
}

.purposeIcon{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--muted);
  flex-shrink: 0;
}

.dataLayer--entry .purposeIcon{
  background: rgba(43,95,214,.08);
  color: var(--blue);
}

.dataLayer--analysis .purposeIcon{
  background: rgba(230,128,25,.08);
  color: #8a4b08;
}

.purposeIcon svg{
  width: 22px;
  height: 22px;
}

.purposeText strong{
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 5px;
}

.purposeText p{
  font-size: 13px;
  margin: 0;
  line-height: 1.5;
  color: var(--muted);
}

/* === 连接器 === */
.dataConnector{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 12px 0;
}

.connectorLine{
  width: 2px;
  flex: 1;
  background: linear-gradient(180deg,
    rgba(43,95,214,.3) 0%,
    rgba(43,95,214,.6) 50%,
    rgba(230,128,25,.6) 50%,
    rgba(230,128,25,.3) 100%
  );
  position: relative;
}

.connectorLine::before,
.connectorLine::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--blue);
  box-shadow: 0 0 0 4px rgba(43,95,214,.15);
}

.connectorLine::before{
  top: 0;
}

.connectorLine::after{
  bottom: 0;
  background: var(--orange);
  box-shadow: 0 0 0 4px rgba(230,128,25,.15);
}

.connectorKey{
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(43,95,214,.2);
  border-radius: 10px;
  padding: 10px 14px;
  text-align: center;
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px rgba(43,95,214,.08);
}

.keyLabel{
  display: block;
  font-size: 10px;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  margin-bottom: 4px;
}

.keyValue{
  display: block;
  font-size: 11px;
  font-family: var(--mono);
  color: var(--blue);
  font-weight: 600;
}

.connectorArrow svg{
  width: 40px;
  height: 40px;
  animation: pulseArrow 2s ease-in-out infinite;
}

@keyframes pulseArrow{
  0%, 100%{ opacity: 1; }
  50%{ opacity: 0.5; }
}

/* === 数据价值卡片 === */
.dataValueCards{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 8px;
  flex-shrink: 0;
}

.dataValueCard{
  display: flex;
  gap: 14px;
  padding: 18px 20px;
  border-radius: var(--radius);
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(230,233,239,.4);
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
}

.dataValueCard:hover{
  transform: translateY(-6px);
  background: rgba(255,255,255,.95);
  box-shadow: 0 12px 40px rgba(30,63,138,.1);
  border-color: rgba(43,95,214,.2);
}

.dataValueIcon{
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  flex-shrink: 0;
  color: var(--blue);
  background: rgba(43,95,214,.08);
}

.dataValueIcon svg{
  width: 22px;
  height: 22px;
}

.dataValueCard h4{
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 6px 0;
}

.dataValueCard p{
  font-size: 13px;
  margin: 0;
  line-height: 1.5;
  color: var(--muted);
}

/* === 入场动画 === */
.slide.is-active .dataLayer{
  opacity: 0;
  animation: slideInRight 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide.is-active .dataLayer--entry{
  animation-delay: 0.2s;
}

.slide.is-active .dataConnector{
  opacity: 0;
  animation: fadeIn 0.6s ease forwards;
  animation-delay: 0.4s;
}

.slide.is-active .dataLayer--analysis{
  animation-delay: 0.5s;
}

.slide.is-active .dataValueCard{
  opacity: 0;
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide.is-active .dataValueCard:nth-child(1){
  animation-delay: 0.7s;
}

.slide.is-active .dataValueCard:nth-child(2){
  animation-delay: 0.8s;
}

.slide.is-active .dataValueCard:nth-child(3){
  animation-delay: 0.9s;
}

.slide.is-active .dataValueCard:nth-child(4){
  animation-delay: 1.0s;
}

@keyframes slideInRight{
  from{
    opacity: 0;
    transform: translateX(-30px);
  }
  to{
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeIn{
  from{ opacity: 0; }
  to{ opacity: 1; }
}

/* === 响应式适配 === */
@media (max-width: 1200px){
  .dataFlowDiagram{
    grid-template-columns: 1fr;
    gap: 20px;
    min-height: auto;
  }

  .dataConnector{
    flex-direction: row;
    padding: 0 12px;
  }

  .connectorLine{
    width: auto;
    height: 2px;
    flex: 1;
    background: linear-gradient(90deg,
      rgba(43,95,214,.3) 0%,
      rgba(43,95,214,.6) 50%,
      rgba(230,128,25,.6) 50%,
      rgba(230,128,25,.3) 100%
    );
  }

  .connectorLine::before{
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .connectorLine::after{
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
  }

  .connectorArrow{
    transform: rotate(90deg);
  }

  .dataValueCards{
    grid-template-columns: repeat(2, 1fr);
  }

  .dataLayer{
    height: auto;
  }
}

@media (max-width: 768px){
  .dataValueCards{
    grid-template-columns: 1fr;
  }

  .dataFieldGrid{
    grid-template-columns: 1fr;
  }

  .slide[data-title-zh="两张表驱动全流程"] .slide__content,
  .slide[data-title-en="Two Lists Drive the Workflow"] .slide__content{
    gap: 20px;
  }
}

/* ============================================
   产品价值页面重设计 - Slide 06
   ============================================ */

/* === 页面整体布局 === */
.slide--value .slide__content{
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 10px;
}

.slide--value .langBlock{
  display: none;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}

html[lang^="zh-CN"] .slide--value .lang--zh,
html[lang^="zh"] .slide--value .lang--zh,
html[lang^="en"] .slide--value .lang--en{
  display: flex;
}

/* === 页面头部 === */
.valueHeader{
  text-align: center;
  margin-bottom: 8px;
}

.valueHeader .kicker{
  margin-bottom: 12px;
}

.valueHeader h2{
  font-size: clamp(32px, 3.5vw, 48px);
  margin-bottom: 12px;
  color: var(--text);
}

.valueHeader h2 .text-accent{
  color: var(--orange);
}

.valueHeader .lead{
  max-width: 800px;
  margin: 0 auto;
  font-size: 18px;
}

/* === 对比转换区 === */
.valueTransformation{
  display: grid;
  grid-template-columns: 1fr 80px 1fr;
  gap: 20px;
  align-items: center;
  padding: 20px 24px;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(16px);
  border-radius: var(--radius);
  border: 1px solid rgba(230,233,239,.5);
  box-shadow: 0 8px 32px rgba(30,63,138,.06);
}

.transformPanel{
  padding: 20px 24px;
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(230,233,239,.5);
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
}

.transformPanel:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(30,63,138,.1);
}

.transformPanel--before{
  background: rgba(148,163,184,.08);
  border-color: rgba(148,163,184,.3);
}

.transformPanel--after{
  background: rgba(43,95,214,.06);
  border-color: rgba(43,95,214,.25);
}

.transformLabel{
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(230,233,239,.5);
  font-family: var(--mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.transformLabel--highlight{
  color: var(--blue);
  border-color: rgba(43,95,214,.2);
}

.transformContent{
  display: grid;
  gap: 12px;
}

.transformItem{
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  color: var(--muted);
  padding: 8px 0;
}

.transformItem--highlight{
  color: var(--text);
  font-weight: 500;
}

.transformIcon{
  width: 20px;
  height: 20px;
  color: var(--muted);
  flex-shrink: 0;
}

.transformItem--highlight .transformIcon{
  color: var(--blue);
}

.transformMetric{
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(230,233,239,.5);
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.metricValue{
  font-size: 28px;
  font-weight: 700;
  font-family: var(--mono);
}

.metricUnit{
  font-size: 13px;
  color: var(--muted);
}

.transformMetric--negative .metricValue{
  color: var(--red);
}

.transformMetric--positive .metricValue{
  color: var(--green);
}

.transformArrow{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.transformArrow svg{
  width: 60px;
  height: 40px;
}

/* === 价值卡片区 === */
.valueCards{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  flex: 1;
}

.valueCardV2{
  position: relative;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(16px);
  border-radius: var(--radius);
  border: 1px solid rgba(230,233,239,.4);
  overflow: hidden;
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  display: flex;
  flex-direction: column;
}

.valueCardV2:hover{
  transform: translateY(-8px);
  box-shadow: 0 20px 48px rgba(30,63,138,.12);
}

.valueCardV2__accent{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  transition: height 320ms cubic-bezier(0.23, 1, 0.32, 1);
}

.valueCardV2:hover .valueCardV2__accent{
  height: 6px;
}

.valueCardV2--efficiency .valueCardV2__accent{
  background: linear-gradient(90deg, var(--blue), #4F8CFF);
}

.valueCardV2--quality .valueCardV2__accent{
  background: linear-gradient(90deg, var(--blueDeep), var(--blue));
}

.valueCardV2--outcome .valueCardV2__accent{
  background: linear-gradient(90deg, var(--orange), #F59E0B);
}

.valueCardV2__content{
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.valueCardV2__icon{
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
}

.valueCardV2__icon svg{
  width: 24px;
  height: 24px;
}

.valueCardV2--efficiency .valueCardV2__icon{
  background: rgba(43,95,214,.1);
  color: var(--blue);
}

.valueCardV2--quality .valueCardV2__icon{
  background: rgba(30,63,138,.1);
  color: var(--blueDeep);
}

.valueCardV2--outcome .valueCardV2__icon{
  background: rgba(230,128,25,.12);
  color: var(--orange);
}

.valueCardV2:hover .valueCardV2__icon{
  transform: scale(1.1);
}

.valueCardV2__text h3{
  font-size: 20px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 16px;
}

.valueList{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.valueList li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
  margin: 0;
}

.valueTag{
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}

.valueCardV2--efficiency .valueTag{
  background: rgba(43,95,214,.1);
  color: var(--blue);
}

.valueCardV2--quality .valueTag{
  background: rgba(30,63,138,.1);
  color: var(--blueDeep);
}

.valueCardV2--outcome .valueTag{
  background: rgba(230,128,25,.12);
  color: var(--orange);
}

/* === 入场动画 === */
.slide.is-active .valueTransformation{
  opacity: 0;
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  animation-delay: 0.2s;
}

.slide.is-active .valueCardV2{
  opacity: 0;
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide.is-active .valueCardV2:nth-child(1){
  animation-delay: 0.4s;
}

.slide.is-active .valueCardV2:nth-child(2){
  animation-delay: 0.55s;
}

.slide.is-active .valueCardV2:nth-child(3){
  animation-delay: 0.7s;
}

/* === 响应式适配 === */
@media (max-width: 1200px){
  .valueTransformation{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .transformArrow{
    transform: rotate(90deg);
  }
  .valueCards{
    grid-template-columns: 1fr;
  }
}

/* ============================================
   现状流程与痛点 - Slide 04 重设计
   ============================================ */

/* === Slide 特定布局 === */
.slide--asis .slide__content{
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.slide--asis .langBlock{
  display: none;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}

html[lang^="zh-CN"] .slide--asis .lang--zh,
html[lang^="zh"] .slide--asis .lang--zh,
html[lang^="en"] .slide--asis .lang--en{
  display: flex;
}

/* === 标题区 === */
.asisHeader{
  text-align: center;
  padding-bottom: 8px;
}

.asisHeader .kicker{
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 8px;
}

.asisHeader h2{
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 700;
  color: var(--blueDeep);
  margin-bottom: 8px;
}

.asisHeader .muted{
  font-size: 16px;
  color: var(--muted);
}

.asisHeader__line{
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, var(--blue), var(--orange));
  margin: 16px auto 0;
  border-radius: 2px;
}

/* === 流程可视化区 === */
.flowVisualization{
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 16px;
  padding: 12px 0;
}

.flowCard{
  flex: 1;
  max-width: 280px;
  min-height: 220px;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(20px);
  border-radius: var(--radius);
  padding: 24px 20px;
  border: 1px solid rgba(230,233,239,.5);
  box-shadow: 0 8px 32px rgba(30,63,138,.06);
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.flowCard:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 48px rgba(30,63,138,.12);
  border-color: rgba(43,95,214,.25);
}

.flowCard__badge{
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue), var(--blueDeep));
  color: white;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(43,95,214,.3);
}

.flowCard__icon{
  width: 44px;
  height: 44px;
  margin: 4px auto 12px;
  color: var(--blue);
}

.flowCard__icon svg{
  width: 100%;
  height: 100%;
}

.flowCard h4{
  font-size: 15px;
  font-weight: 600;
  color: var(--blueDeep);
  margin-bottom: 6px;
}

.flowCard p{
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
  margin-bottom: 10px;
  flex: 1;
}

.flowCard__tag{
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  color: var(--orange);
  background: rgba(230,128,25,.1);
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid rgba(230,128,25,.2);
}

.flowArrow{
  width: 48px;
  align-self: center;
  flex-shrink: 0;
  color: var(--neutral);
  display: flex;
  align-items: center;
}

.flowArrow svg{
  width: 100%;
  height: 24px;
}

/* === 痛点冲击区 === */
.painGrid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  flex: 1;
  min-height: 0;
  align-items: stretch;
}

.painCard{
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(20px);
  border-radius: var(--radius);
  border: 1px solid rgba(230,233,239,.5);
  box-shadow: 0 8px 32px rgba(30,63,138,.06);
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.painCard:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(30,63,138,.1);
}

.painCard__accent{
  height: 4px;
  background: linear-gradient(90deg, var(--blue), var(--blueDeep));
  flex-shrink: 0;
}

.painCard--critical{
  border-color: rgba(220,38,38,.3);
}

.painCard--critical .painCard__accent{
  background: linear-gradient(90deg, var(--red), #B91C1C);
}

.painCard--critical:hover{
  border-color: rgba(220,38,38,.5);
  box-shadow: 0 16px 48px rgba(220,38,38,.1);
}

.painCard__content{
  padding: 16px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  min-height: 0;
}

.painCard__icon{
  width: 32px;
  height: 32px;
  color: var(--blue);
  flex-shrink: 0;
  margin-top: 2px;
}

.painCard--critical .painCard__icon{
  color: var(--red);
}

.painCard__icon svg{
  width: 100%;
  height: 100%;
}

.painCard__text{
  flex: 1;
  min-width: 0;
}

.painCard__text h4{
  font-size: 14px;
  font-weight: 600;
  color: var(--blueDeep);
  margin-bottom: 4px;
  line-height: 1.3;
}

.painCard--critical .painCard__text h4{
  color: var(--red);
}

.painCard__text p{
  font-size: 12px;
  color: var(--muted);
  line-height: 1.4;
  margin: 0;
}

.painCard__highlight{
  font-weight: 700;
  color: var(--orange);
}

/* === 底部强调区 === */
.asisFooter{
  display: flex;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
  padding-top: 4px;
  height: 100px;
}

.costHighlight{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px 32px;
  background: linear-gradient(135deg, rgba(43,95,214,.08), rgba(30,63,138,.05));
  border-radius: var(--radius);
  border: 1px solid rgba(43,95,214,.15);
  min-width: 160px;
}

.costHighlight__number{
  font-size: 38px;
  font-weight: 800;
  color: var(--blue);
  line-height: 1;
  letter-spacing: -0.02em;
}

.costHighlight__unit{
  font-size: 13px;
  font-weight: 600;
  color: var(--blueDeep);
  margin-top: 2px;
}

.costHighlight__desc{
  font-size: 11px;
  color: var(--muted);
  margin-top: 2px;
}

.missedOpportunity{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: rgba(220,38,38,.06);
  border-radius: var(--radius);
  border: 1px solid rgba(220,38,38,.2);
  flex: 1;
  max-width: 400px;
}

.missedOpportunity__icon{
  width: 36px;
  height: 36px;
  color: var(--red);
  flex-shrink: 0;
}

.missedOpportunity__icon svg{
  width: 100%;
  height: 100%;
}

.missedOpportunity__text{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.missedOpportunity__text strong{
  font-size: 13px;
  font-weight: 600;
  color: var(--red);
}

.missedOpportunity__text span{
  font-size: 12px;
  color: var(--muted);
}

/* === 入场动画 === */
.slide.is-active .asisHeader{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide.is-active .flowVisualization{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.15s forwards;
  opacity: 0;
}

.slide.is-active .painGrid{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.3s forwards;
  opacity: 0;
}

.slide.is-active .asisFooter{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.45s forwards;
  opacity: 0;
}

/* === 响应式适配 === */
@media (max-width: 1200px){
  .flowVisualization{
    flex-wrap: nowrap;
    gap: 12px;
  }
  
  .flowCard{
    max-width: 200px;
    min-height: 200px;
    padding: 20px 16px;
  }
  
  .flowArrow{
    width: 36px;
  }
  
  .painGrid{
    grid-template-columns: repeat(2, 1fr);
  }
  
  .painCard__content{
    padding: 14px;
    gap: 10px;
  }
  
  .painCard__icon{
    width: 28px;
    height: 28px;
  }
  
  .painCard__text h4{
    font-size: 13px;
  }
  
  .painCard__text p{
    font-size: 11px;
  }
  
  .asisFooter{
    height: auto;
    gap: 12px;
  }
  
  .costHighlight{
    padding: 10px 24px;
  }
  
  .costHighlight__number{
    font-size: 32px;
  }
  
  .missedOpportunity{
    padding: 10px 16px;
  }
}

@media (max-width: 768px){
  .slide--asis .slide__content{
    gap: 16px;
  }
  
  .flowVisualization{
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  
  .flowCard{
    max-width: 100%;
    width: 100%;
    min-height: auto;
    padding: 20px 16px;
  }
  
  .flowArrow{
    transform: rotate(90deg);
    width: 24px;
    height: 40px;
  }
  
  .painGrid{
    grid-template-columns: 1fr;
  }
  
  .painCard__content{
    flex-direction: row;
    align-items: center;
    padding: 14px 16px;
  }
  
  .asisFooter{
    flex-direction: column;
    height: auto;
  }
  
  .missedOpportunity{
    max-width: 100%;
  }
}

/* ============================================
   Slide 03: 业务背景与目标 (Context & Goals)
   ============================================ */

/* 页面整体布局 */
.slide--context .slide__content{
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}

/* 标题区 */
.contextHeader{
  text-align: center;
  margin-bottom: 16px;
}

.contextHeader .kicker{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--blue);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.contextHeader h2{
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 800;
  color: var(--text);
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}

.contextHeader .text-accent{
  color: var(--blue);
}

.contextHeader .muted{
  font-size: 18px;
  color: var(--muted);
  max-width: 600px;
  margin: 0 auto;
}

.contextHeader__line{
  width: 120px;
  height: 3px;
  background: linear-gradient(90deg, var(--blue), var(--orange));
  margin: 20px auto 0;
  border-radius: 2px;
}

/* 流程可视化区 */
.contextFlow{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 16px 0;
  padding: 0 20px;
}

/* 复用 flowCard 但调整尺寸 */
.slide--context .flowCard{
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(230, 233, 239, 0.6);
  border-radius: var(--radius);
  padding: 24px 20px;
  min-height: 180px;
  max-width: 260px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
}

.slide--context .flowCard:hover{
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(43, 95, 214, 0.3);
  box-shadow: 0 12px 40px rgba(30, 63, 138, 0.1);
}

.slide--context .flowCard__badge{
  position: absolute;
  top: -12px;
  left: 18px;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, var(--blue), var(--blueDeep));
  color: white;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(43, 95, 214, 0.3);
}

.slide--context .flowCard__icon{
  width: 40px;
  height: 40px;
  color: var(--blue);
  margin-bottom: 12px;
}

.slide--context .flowCard h4{
  font-size: 15px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 8px;
}

.slide--context .flowCard p{
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
  margin-bottom: 10px;
}

.slide--context .flowCard p strong{
  color: var(--blueDeep);
  font-weight: 600;
}

.slide--context .flowCard__tag{
  font-size: 11px;
  color: var(--blue);
  background: rgba(43, 95, 214, 0.08);
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 500;
}

/* 箭头样式 */
.slide--context .flowArrow{
  width: 48px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide--context .flowArrow svg{
  width: 100%;
  height: 100%;
}

/* 目标卡片区 */
.contextGoals{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 16px 0;
  padding: 0 20px;
}

/* 目标卡片 */
.goalCardV2{
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(230, 233, 239, 0.5);
  border-radius: var(--radius);
  overflow: hidden;
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
}

.goalCardV2:hover{
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 48px rgba(30, 63, 138, 0.12);
}

.goalCardV2__accent{
  height: 5px;
  width: 100%;
}

.goalCardV2[data-goal="identify"] .goalCardV2__accent{
  background: linear-gradient(90deg, var(--blue), var(--blueDeep));
}

.goalCardV2[data-goal="action"] .goalCardV2__accent{
  background: linear-gradient(90deg, var(--orange), #F59E0B);
}

.goalCardV2[data-goal="history"] .goalCardV2__accent{
  background: linear-gradient(90deg, var(--green), #10B981);
}

.goalCardV2__content{
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.goalCardV2__icon{
  width: 44px;
  height: 44px;
  color: var(--blue);
  background: rgba(43, 95, 214, 0.08);
  border-radius: 10px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.goalCardV2[data-goal="action"] .goalCardV2__icon{
  color: var(--orange);
  background: rgba(230, 128, 25, 0.08);
}

.goalCardV2[data-goal="history"] .goalCardV2__icon{
  color: var(--green);
  background: rgba(46, 139, 87, 0.08);
}

.goalCardV2__text h3{
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 10px;
}

.goalListV2{
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.goalListV2 li{
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.goalTag{
  font-size: 11px;
  font-weight: 600;
  color: var(--blue);
  background: rgba(43, 95, 214, 0.1);
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0;
}

.goalCardV2[data-goal="action"] .goalTag{
  color: var(--orange);
  background: rgba(230, 128, 25, 0.1);
}

.goalCardV2[data-goal="history"] .goalTag{
  color: var(--green);
  background: rgba(46, 139, 87, 0.1);
}

/* 数据指标区 */
.contextMetrics{
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-top: 16px;
  padding: 20px 32px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 16px;
  border: 1px solid rgba(230, 233, 239, 0.4);
}

.metricItem{
  text-align: center;
}

.metricItem__number{
  font-size: 32px;
  font-weight: 800;
  color: var(--blueDeep);
  line-height: 1.2;
}

.metricItem__unit{
  font-size: 14px;
  font-weight: 600;
  color: var(--muted);
  margin-left: 4px;
}

.metricItem__label{
  font-size: 13px;
  color: var(--muted);
  margin-top: 4px;
}

/* 响应式适配 */
@media (max-width: 1200px){
  .slide--context .slide__content{
    gap: 16px;
  }
  
  .contextFlow{
    gap: 12px;
  }
  
  .slide--context .flowCard{
    max-width: 200px;
    min-height: 140px;
    padding: 16px 14px;
  }
  
  .slide--context .flowArrow{
    width: 36px;
  }
  
  .contextGoals{
    gap: 12px;
  }
  
  .goalCardV2__content{
    padding: 14px 12px;
  }
  
  .contextMetrics{
    gap: 32px;
    padding: 14px 24px;
  }
  
  .metricItem__number{
    font-size: 24px;
  }
}

@media (max-width: 768px){
  .slide--context .slide__content{
    gap: 12px;
    justify-content: flex-start;
    padding-top: 20px;
  }
  
  .contextHeader h2{
    font-size: 24px;
  }
  
  .contextHeader .muted{
    font-size: 14px;
  }
  
  .contextFlow{
    flex-direction: column;
    gap: 12px;
  }
  
  .slide--context .flowCard{
    max-width: 100%;
    width: 100%;
    min-height: auto;
    padding: 16px;
  }
  
  .slide--context .flowArrow{
    transform: rotate(90deg);
    width: 24px;
    height: 32px;
  }
  
  .contextGoals{
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .goalCardV2__content{
    padding: 14px 16px;
  }
  
  .contextMetrics{
    flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
}

/* === 入场动画 === */
.slide.is-active .contextHeader{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide.is-active .contextFlow{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.15s forwards;
  opacity: 0;
}

.slide.is-active .contextGoals{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.3s forwards;
  opacity: 0;
}

.slide.is-active .contextMetrics{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.45s forwards;
  opacity: 0;
}

/* ============================================
   Slide 11: 安全与治理 - Security & Governance
   ============================================ */

/* 容器布局 */
.slide--security{
  background: linear-gradient(135deg, rgba(43, 95, 214, 0.03) 0%, rgba(230, 128, 25, 0.02) 50%, rgba(46, 139, 87, 0.03) 100%);
}

.slide__content--security{
  max-width: 1400px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 60px 60px 50px;
  justify-content: flex-start;
}

/* 顶部标题区 */
.securityHeader{
  text-align: center;
  margin-bottom: 12px;
}

.securityHeader__badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  background: rgba(43, 95, 214, 0.08);
  border: 1px solid rgba(43, 95, 214, 0.2);
  border-radius: 20px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.securityHeader__icon{
  width: 16px;
  height: 16px;
}

.securityHeader__title{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

.securityHeader__line{
  font-size: clamp(32px, 3.5vw, 44px);
  font-weight: 800;
  color: var(--text);
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.securityHeader__subtitle{
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 500;
  color: var(--muted);
  letter-spacing: 0.2em;
}

.securityHeader__lead{
  font-size: 14px;
  color: var(--muted);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.5;
}

/* 三大治理维度网格 */
.securityGrid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}

/* 治理卡片 */
.governanceCard{
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
  border-radius: 16px;
  border: 1px solid rgba(230, 233, 239, 0.6);
  overflow: hidden;
  transition: all 320ms cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 0 4px 20px rgba(30, 63, 138, 0.06);
  display: flex;
  flex-direction: column;
}

.governanceCard:hover{
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(30, 63, 138, 0.12);
}

.governanceCard__accent{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}

.governanceCard--control .governanceCard__accent{
  background: linear-gradient(90deg, var(--blue), #4F8CFF);
}

.governanceCard--audit .governanceCard__accent{
  background: linear-gradient(90deg, var(--orange), #FFB366);
}

.governanceCard--trace .governanceCard__accent{
  background: linear-gradient(90deg, var(--green), #5CB85C);
}

.governanceCard__content{
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.governanceCard__header{
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.governanceCard__icon{
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  flex-shrink: 0;
}

.governanceCard__icon svg{
  width: 28px;
  height: 28px;
}

.governanceCard--control .governanceCard__icon{
  background: rgba(43, 95, 214, 0.1);
  color: var(--blue);
}

.governanceCard--audit .governanceCard__icon{
  background: rgba(230, 128, 25, 0.1);
  color: var(--orange);
}

.governanceCard--trace .governanceCard__icon{
  background: rgba(46, 139, 87, 0.1);
  color: var(--green);
}

.governanceCard__meta{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.governanceCard__label{
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.governanceCard__title{
  font-size: 20px;
  font-weight: 700;
  color: var(--text);
  margin: 0;
}

.governanceCard__desc{
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
  margin: 0;
}

/* 特性列表 */
.governanceCard__features{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.governanceFeature{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--text);
}

.governanceFeature svg{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.governanceCard--control .governanceFeature svg{
  color: var(--blue);
}

.governanceCard--audit .governanceFeature svg{
  color: var(--orange);
}

.governanceCard--trace .governanceFeature svg{
  color: var(--green);
}

/* 标签 */
.governanceCard__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  padding-top: 8px;
}

.governanceTag{
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.governanceTag--blue{
  background: rgba(43, 95, 214, 0.1);
  color: var(--blue);
}

.governanceTag--orange{
  background: rgba(230, 128, 25, 0.1);
  color: var(--orange);
}

.governanceTag--green{
  background: rgba(46, 139, 87, 0.1);
  color: var(--green);
}

/* 底部部署架构区 */
.deploySection{
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  border: 1px solid rgba(230, 233, 239, 0.5);
  padding: 20px 24px;
  margin-top: 12px;
}

.deployHeader{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(230, 233, 239, 0.5);
}

.deployHeader svg{
  width: 16px;
  height: 16px;
}

.deployGrid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.deployCard{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  border: 1px solid rgba(230, 233, 239, 0.4);
  transition: all 250ms ease;
}

.deployCard:hover{
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 4px 16px rgba(30, 63, 138, 0.08);
  transform: translateY(-2px);
}

.deployCard__icon{
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.deployCard__icon svg{
  width: 20px;
  height: 20px;
}

.deployCard__icon--primary{
  background: rgba(43, 95, 214, 0.1);
  color: var(--blue);
}

.deployCard__icon--secondary{
  background: rgba(230, 128, 25, 0.1);
  color: var(--orange);
}

.deployCard__icon--tertiary{
  background: rgba(46, 139, 87, 0.1);
  color: var(--green);
}

.deployCard__content h4{
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 2px 0;
}

.deployCard__content p{
  font-size: 11px;
  color: var(--muted);
  margin: 0;
}

/* 入场动画 */
.slide.is-active .securityHeader{
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide.is-active .governanceCard[data-governance="control"]{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.15s forwards;
  opacity: 0;
}

.slide.is-active .governanceCard[data-governance="audit"]{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.3s forwards;
  opacity: 0;
}

.slide.is-active .governanceCard[data-governance="trace"]{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.45s forwards;
  opacity: 0;
}

.slide.is-active .deploySection{
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.6s forwards;
  opacity: 0;
}

/* 响应式适配 */
@media (max-width: 1200px){
  .slide__content--security{
    padding: 60px 40px;
    gap: 24px;
  }
  
  .securityGrid{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .governanceCard__content{
    padding: 20px;
  }
  
  .deployGrid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  .slide__content--security{
    padding: 40px 24px;
  }
  
  .securityHeader__title{
    gap: 6px;
  }
  
  .securityHeader__line{
    font-size: 28px;
  }
  
  .securityHeader__subtitle{
    font-size: 14px;
    letter-spacing: 0.2em;
  }
  
  .governanceCard__header{
    gap: 12px;
  }
  
  .governanceCard__icon{
    width: 40px;
    height: 40px;
  }
  
  .governanceCard__icon svg{
    width: 26px;
    height: 26px;
  }
  
  .governanceCard__title{
    font-size: 18px;
  }
  
  .deploySection{
    padding: 16px;
  }
}

/* === 三阶段进化路线 - 阶梯式设计 === */
.slide[data-title-en="3-Stage Evolution Value"] .evolutionStaircase {
  margin-top: 32px;
  margin-bottom: 24px;
}

.slide[data-title-en="3-Stage Evolution Value"] .evolutionStaircase .phaseCardsContainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}

/* 玻璃态阶段卡片 */
.slide[data-title-en="3-Stage Evolution Value"] .evolutionStaircase .phaseCard {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(43, 95, 214, 0.1);
  border-radius: var(--radius);
  padding: 32px;
  box-shadow: 
    0 8px 32px rgba(30, 91, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.slide[data-title-en="3-Stage Evolution Value"] .evolutionStaircase .phaseCard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--blue), var(--orange));
  opacity: 0.8;
}

.slide[data-title-en="3-Stage Evolution Value"] .evolutionStaircase .phaseCard:hover {
  transform: translateY(-4px);
  box-shadow: 
    0 16px 48px rgba(30, 91, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCardBadge {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
  background: rgba(30, 91, 255, 0.1);
  color: var(--blue);
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCardBadge.mid {
  background: rgba(230, 128, 25, 0.1);
  color: var(--orange);
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCardBadge.high {
  background: rgba(16, 185, 129, 0.1);
  color: #10B981;
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCard h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: var(--text);
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCard .phaseSubtitle {
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.4;
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCard ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCard li {
  padding: 8px 0;
  font-size: 14px;
  position: relative;
  padding-left: 16px;
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCard li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--blue);
  font-weight: bold;
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCard li:last-child {
  border-bottom: none;
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCard {
  border-bottom: none;
  border: 1px solid rgba(43, 95, 214, 0.1);
}

/* 阶梯式进度条 */
.slide[data-title-en="3-Stage Evolution Value"] .staircaseProgress {
  background: rgba(255, 255, 255, 0.7);
  border-radius: var(--radius);
  padding: 32px;
  border: 1px solid rgba(230, 233, 239, 0.4);
  box-shadow: 
    0 8px 32px rgba(30, 91, 255, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  border-bottom: none;
}

.slide[data-title-en="3-Stage Evolution Value"] .progressHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.slide[data-title-en="3-Stage Evolution Value"] .progressTitle {
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
}

.slide[data-title-en="3-Stage Evolution Value"] .progressLegend {
  display: flex;
  gap: 24px;
}

.slide[data-title-en="3-Stage Evolution Value"] .legendItem {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--muted);
}

.slide[data-title-en="3-Stage Evolution Value"] .legendDot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.slide[data-title-en="3-Stage Evolution Value"] .legendDot.ai {
  background: var(--blue);
  box-shadow: 0 2px 4px rgba(30, 91, 255, 0.3);
}

.slide[data-title-en="3-Stage Evolution Value"] .legendDot.human {
  background: var(--orange);
  box-shadow: 0 2px 4px rgba(230, 128, 25, 0.3);
}

/* 阶梯式进度条主体 */
.slide[data-title-en="3-Stage Evolution Value"] .staircaseContainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  position: relative;
}

.slide[data-title-en="3-Stage Evolution Value"] .stairStep {
  position: relative;
  background: rgba(248, 250, 255, 0.8);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid rgba(230, 233, 239, 0.6);
  backdrop-filter: blur(5px);
}

.slide[data-title-en="3-Stage Evolution Value"] .stepLabel {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 12px;
  text-align: center;
}

.slide[data-title-en="3-Stage Evolution Value"] .stepProgressBars {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.slide[data-title-en="3-Stage Evolution Value"] .progressBar {
  height: 24px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.slide[data-title-en="3-Stage Evolution Value"] .progressBar.ai {
  background: linear-gradient(90deg, rgba(30, 91, 255, 0.2), rgba(30, 91, 255, 0.4));
}

.slide[data-title-en="3-Stage Evolution Value"] .progressBar.human {
  background: linear-gradient(90deg, rgba(230, 128, 25, 0.2), rgba(230, 128, 25, 0.4));
}

.slide[data-title-en="3-Stage Evolution Value"] .progressFill {
  height: 100%;
  border-radius: 12px;
  position: relative;
  transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.slide[data-title-en="3-Stage Evolution Value"] .progressFill.ai {
  background: linear-gradient(90deg, var(--blue), #4F8CFF);
  width: 0%;
}

.slide[data-title-en="3-Stage Evolution Value"] .progressFill.human {
  background: linear-gradient(90deg, var(--orange), #F59E0B);
  width: 0%;
}

.slide[data-title-en="3-Stage Evolution Value"] .progressValue {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* 动画效果 */
.slide.is-active .progressFill.ai {
  animation: fillProgress 1.2s ease-out forwards;
}

.slide.is-active .progressFill.human {
  animation: fillProgress 1.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s forwards;
}

.slide.is-active .phaseCard {
  animation: slideInUp 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.slide.is-active .phaseCard:nth-child(2) {
  animation-delay: 0.25s;
}

.slide.is-active .phaseCard:nth-child(3) {
  animation-delay: 0.5s;
}

@keyframes fillProgress {
  0% {
    width: 0%;
    transform: scaleX(0);
  }
  50% {
    width: var(--target-width, 100%);
    transform: scaleX(1.05);
  }
  100% {
    width: var(--target-width, 100%);
    transform: scaleX(1);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  70% {
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === Weekly Inquiry Analysis 页面动画 === */
.slide[data-title-en="Weekly Inquiry Analysis"] .slide__content {
  animation: fadeInUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop {
  opacity: 0;
  animation: slideInUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s forwards;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep {
  opacity: 0;
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep:nth-child(1) { animation-delay: 0.5s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep:nth-child(3) { animation-delay: 0.6s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep:nth-child(5) { animation-delay: 0.7s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep:nth-child(7) { animation-delay: 0.8s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep:nth-child(9) { animation-delay: 0.9s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep:nth-child(11) { animation-delay: 1.0s; }

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep__arrow {
  opacity: 0;
  animation: fadeIn 0.4s ease forwards;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep__arrow:nth-child(2) { animation-delay: 0.55s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep__arrow:nth-child(4) { animation-delay: 0.65s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep__arrow:nth-child(6) { animation-delay: 0.75s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep__arrow:nth-child(8) { animation-delay: 0.85s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpLoop__steps > .mvpStep__arrow:nth-child(10) { animation-delay: 0.95s; }

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingGrid {
  opacity: 0;
  animation: fadeInUp 0.6s cubic-bezier(0.23, 1, 0.32, 1) 1.2s forwards;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard {
  opacity: 0;
  animation: slideInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard:nth-child(1) { animation-delay: 1.3s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard:nth-child(2) { animation-delay: 1.4s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard:nth-child(3) { animation-delay: 1.5s; }
.slide[data-title-en="Weekly Inquiry Analysis"] .mvpMappingCard:nth-child(4) { animation-delay: 1.6s; }

.slide[data-title-en="Weekly Inquiry Analysis"] .mvpOut {
  opacity: 0;
  animation: fadeInUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.8s forwards;
}

/* 额外的动画效果 - 卡片悬停时的微妙缩放 */
.slide[data-title-en="3-Stage Evolution Value"] .phaseCard {
  transition: 
    transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.4s ease-out;
}

.slide[data-title-en="3-Stage Evolution Value"] .phaseCard:hover {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: 
    0 16px 48px rgba(30, 91, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

/* 响应式设计 */
@media (max-width: 1024px) {
  .slide[data-title-en="3-Stage Evolution Value"] .evolutionStaircase .phaseCardsContainer {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .slide[data-title-en="3-Stage Evolution Value"] .staircaseContainer {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  
  .slide[data-title-en="3-Stage Evolution Value"] .staircaseContainer::before,
  .slide[data-title-en="3-Stage Evolution Value"] .staircaseContainer::after {
    display: none;
  }
  
  .slide[data-title-en="3-Stage Evolution Value"] .connector {
    display: none;
  }
}

@media (max-width: 768px) {
  .slide[data-title-en="3-Stage Evolution Value"] .evolutionStaircase .phaseCard {
    padding: 24px 20px;
  }
  
  .slide[data-title-en="3-Stage Evolution Value"] .staircaseProgress {
    padding: 24px 20px;
  }
  
  .slide[data-title-en="3-Stage Evolution Value"] .progressHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  
  .slide[data-title-en="3-Stage Evolution Value"] .progressLegend {
    gap: 16px;
 }
}