.slideshow-section {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color: #1f2329;
    background: #0a0a1a;
    line-height: 1.7;
    position: relative;
    overflow: hidden;
    height: clamp(500px, 85vh, 2200px);
}

  /* ========== Slide Container ========== */
.slideshow-section .slides-container { height: 100%; width: 100%; position: relative; }
.slideshow-section .slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: 30px 40px;
    opacity: 0; transform: translateY(40px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    pointer-events: none; overflow: hidden;
  }
.slideshow-section .slide.active { opacity: 1; transform: translateY(0); pointer-events: all; }

  /* ========== Progress & Nav ========== */
.slideshow-section .progress-bar {
    position: absolute; top: 0; left: 0; height: 3px;
    background: linear-gradient(90deg, #2563eb, #10b981);
    transition: width 0.4s ease; z-index: 1000;
  }
.slideshow-section .page-indicator {
    position: absolute; bottom: 28px; right: 36px;
    color: rgba(255,255,255,0.4); font-size: 13px; font-weight: 500; z-index: 1000;
    transition: color 0.3s;
  }
.slideshow-section .page-indicator.dark-text { color: rgba(0,0,0,0.3); }
.slideshow-section .nav-hint {
    position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%);
    color: rgba(255,255,255,0.3); font-size: 12px; z-index: 1000; transition: opacity 0.5s;
  }
.slideshow-section .nav-hint.hidden { opacity: 0; }
.slideshow-section .nav-hint.dark-text { color: rgba(0,0,0,0.2); }
/* .home-link removed (already on home page) */
.slideshow-section .dot-nav {
    position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
    display: flex; flex-direction: column; gap: 8px; z-index: 1000;
  }
.slideshow-section .dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: rgba(255,255,255,0.2); transition: all 0.3s; cursor: pointer;
  }
.slideshow-section .dot.active { background: #2563eb; transform: scale(1.5); }
.slideshow-section .dot.dark { background: rgba(0,0,0,0.12); }
.slideshow-section .dot.dark.active { background: #2563eb; }

  /* ========== Animations ========== */
.slideshow-section .fade-in {
    opacity: 0; transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
  }
.slideshow-section .slide.active .fade-in { opacity: 1; transform: translateY(0); }
.slideshow-section .slide.active .fade-in.d1 { transition-delay: 0.15s; }
.slideshow-section .slide.active .fade-in.d2 { transition-delay: 0.3s; }
.slideshow-section .slide.active .fade-in.d3 { transition-delay: 0.45s; }
.slideshow-section .slide.active .fade-in.d4 { transition-delay: 0.6s; }
.slideshow-section .slide.active .fade-in.d5 { transition-delay: 0.75s; }
.slideshow-section .slide.active .fade-in.d6 { transition-delay: 0.9s; }
.slideshow-section .slide.active .fade-in.d7 { transition-delay: 1.05s; }

  /* ========== Shared keyframes ========== */
  @keyframes arrowBounce {
.slideshow-section 0%, .slideshow-section 100% { transform: translateY(0); }
.slideshow-section 50% { transform: translateY(6px); }
  }
  @keyframes pulseGoldDark {
.slideshow-section 0%, .slideshow-section 100% { box-shadow: 0 0 18px rgba(245,158,11,0.35); }
.slideshow-section 50% { box-shadow: 0 0 30px rgba(245,158,11,0.7); }
  }
  @keyframes pulseGoldLight {
.slideshow-section 0%, .slideshow-section 100% { box-shadow: 0 0 18px rgba(245,158,11,0.4); }
.slideshow-section 50% { box-shadow: 0 0 30px rgba(245,158,11,0.7); }
  }

  /* ========== Slide 1: Hero ========== */
.slideshow-section .slide-hero {
    background: linear-gradient(-45deg, #0a0a2e, #1a1a4e, #0d3055, #0d2137);
    background-size: 400% 400%; animation: gradientFlow 15s ease infinite;
    color: #fff; text-align: center;
  }
  @keyframes gradientFlow {
.slideshow-section 0% { background-position: 0% 50%; }
.slideshow-section 50% { background-position: 100% 50%; }
.slideshow-section 100% { background-position: 0% 50%; }
  }
.slideshow-section .slide-hero h1 {
    font-size: clamp(3.2rem, 7vw, 5.5rem); font-weight: 800; letter-spacing: -1px;
    margin-bottom: 0;
    background: linear-gradient(135deg, #60a5fa, #34d399);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  }
.slideshow-section .hero-divider {
    width: 64px; height: 3px; margin: 28px auto;
    background: linear-gradient(90deg, #60a5fa, #34d399); border-radius: 2px;
  }
.slideshow-section .slide-hero .speaker-info { font-size: 1.3rem; color: rgba(255,255,255,0.4); letter-spacing: 2px; }

  /* ========== Slide 2: Pain ========== */
.slideshow-section .slide-pain { background: linear-gradient(180deg, #0f1729, #0a0a1a); color: #fff; text-align: center; }
.slideshow-section .pain-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 44px; }
.slideshow-section .domino-chain { display: flex; align-items: center; justify-content: center; gap: 0; flex-wrap: wrap; max-width: 1200px; }
.slideshow-section .domino {
    background: rgba(239,68,68,0.08); border: 1px solid rgba(239,68,68,0.25);
    border-radius: 12px; padding: 20px 24px; min-width: 130px; text-align: center;
    opacity: 0; transform: rotateZ(12deg) scale(0.8);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .domino.fallen { opacity: 1; transform: rotateZ(0) scale(1); }
.slideshow-section .domino-icon { font-size: 36px; margin-bottom: 6px; }
.slideshow-section .domino-text { font-size: 1.05rem; color: rgba(255,255,255,0.75); }
.slideshow-section .domino-arrow { font-size: 24px; color: rgba(255,255,255,0.15); margin: 0 10px; opacity: 0; transition: opacity 0.4s; }
.slideshow-section .domino-arrow.fallen { opacity: 1; }
.slideshow-section .pain-summary { margin-top: 40px; font-size: clamp(1.1rem, 2.2vw, 1.4rem); color: #f87171; font-weight: 600; max-width: 800px; }

  /* ========== Slide 3: Blueprint ========== */
.slideshow-section .slide-blueprint { background: #f8f9fb; color: #1f2329; }
.slideshow-section .blueprint-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 44px; }
.slideshow-section .phase-cards { display: flex; gap: 24px; max-width: 1200px; flex-wrap: wrap; justify-content: center; }
.slideshow-section .phase-card {
    background: #fff; border-radius: 14px; padding: 32px 28px; width: 320px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05); border: 2px solid transparent;
    position: relative; transition: transform 0.3s;
  }
.slideshow-section .phase-card:hover { transform: translateY(-3px); }
.slideshow-section .phase-card.current { border-color: #2563eb; box-shadow: 0 4px 20px rgba(37,99,235,0.12); }
.slideshow-section .phase-card.current::after {
    content: '当前阶段'; position: absolute; top: -11px; right: 18px;
    background: #2563eb; color: #fff; font-size: 11px; padding: 2px 10px; border-radius: 8px; font-weight: 600;
  }
.slideshow-section .phase-card.future { opacity: 0.55; border: 2px dashed #d1d5db; }
.slideshow-section .phase-number { font-size: 14px; font-weight: 700; color: #2563eb; margin-bottom: 10px; }
.slideshow-section .phase-card.future .phase-number { color: #9ca3af; }
.slideshow-section .phase-keyword { font-size: 1.4rem; font-weight: 700; margin-bottom: 6px; }
.slideshow-section .phase-time { font-size: 0.85rem; color: #9ca3af; margin-bottom: 10px; }
.slideshow-section .phase-desc { font-size: 0.95rem; color: #6b7280; line-height: 1.6; }

  /* ========== Slide 4: Ontology ========== */
.slideshow-section .slide-ontology { background: linear-gradient(180deg, #0a0a1a, #0f1729); color: #fff; text-align: center; }
.slideshow-section .ontology-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 8px; }
.slideshow-section .ontology-subtitle { font-size: 1.05rem; color: rgba(255,255,255,0.45); margin-bottom: 18px; }
.slideshow-section .ontology-visual {
    display: flex; align-items: center; justify-content: center; gap: 40px;
    max-width: 860px; flex-wrap: wrap; margin-bottom: 18px;
  }
.slideshow-section .ontology-left {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
  }
.slideshow-section .ontology-node {
    padding: 10px 22px; border-radius: 12px; font-weight: 600; font-size: 1.05rem;
    opacity: 0; transform: translateX(-20px);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .ontology-node.show { opacity: 1; transform: translateX(0); }
.slideshow-section .ontology-node.obj { background: rgba(37,99,235,0.18); border: 1.5px solid #2563eb; color: #93c5fd; }
.slideshow-section .ontology-node.rel { background: rgba(16,185,129,0.12); border: 1.5px solid #10b981; color: #6ee7b7; font-size: 0.95rem; }
.slideshow-section .ontology-node.prop { background: rgba(245,158,11,0.12); border: 1.5px solid #f59e0b; color: #fcd34d; font-size: 0.95rem; }
.slideshow-section .ontology-connector {
    width: 2px; height: 8px; background: rgba(255,255,255,0.2);
    opacity: 0; transition: opacity 0.4s;
  }
.slideshow-section .ontology-connector.show { opacity: 1; }
.slideshow-section .ontology-equals {
    font-size: 2.2rem; color: rgba(255,255,255,0.3); font-weight: 300;
    opacity: 0; transform: scale(0.5);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .ontology-equals.show { opacity: 1; transform: scale(1); }
.slideshow-section .ontology-right {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
  }
.slideshow-section .ontology-master {
    padding: 18px 32px; border-radius: 14px; font-weight: 700; font-size: 1.3rem;
    background: linear-gradient(135deg, rgba(37,99,235,0.2), rgba(16,185,129,0.15));
    border: 2px solid rgba(96,165,250,0.5); color: #60a5fa;
    opacity: 0; transform: scale(0.8);
    transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .ontology-master.show { opacity: 1; transform: scale(1); }
.slideshow-section .ontology-master-sub { font-size: 0.75rem; color: rgba(255,255,255,0.4); margin-top: 4px; }
.slideshow-section .ontology-quote {
    max-width: 800px; padding: 12px 28px;
    border-left: 3px solid rgba(96,165,250,0.4);
    text-align: left; color: rgba(255,255,255,0.6); font-size: 0.95rem; line-height: 1.6;
  }
.slideshow-section .ontology-quote .quote-source { display: block; margin-top: 6px; font-size: 0.75rem; color: rgba(255,255,255,0.3); font-style: italic; }
.slideshow-section .ontology-insight {
    margin-top: 14px; font-size: 1.1rem; color: #60a5fa; font-weight: 600; max-width: 800px;
  }

  /* ========== Slide 5: Skeleton ========== */
.slideshow-section .slide-skeleton { background: linear-gradient(180deg, #0f1729, #0a0a1a); color: #fff; text-align: center; }
.slideshow-section .skeleton-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 50px; color: rgba(255,255,255,0.55); }
.slideshow-section .layers { display: flex; align-items: center; justify-content: center; position: relative; width: 420px; height: 420px; }
.slideshow-section .layer-ring {
    position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    flex-direction: column; opacity: 0; transform: scale(0.5);
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .layer-ring.show { opacity: 1; transform: scale(1); }
.slideshow-section .layer-outer { width: 380px; height: 380px; border: 2px solid rgba(245,158,11,0.3); background: rgba(245,158,11,0.04); }
.slideshow-section .layer-middle { width: 265px; height: 265px; border: 2px solid rgba(16,185,129,0.4); background: rgba(16,185,129,0.06); }
.slideshow-section .layer-inner { width: 150px; height: 150px; border: 3px solid rgba(37,99,235,0.6); background: rgba(37,99,235,0.12); }
.slideshow-section .layer-label { font-size: 1rem; font-weight: 600; text-align: center; line-height: 1.3; }
.slideshow-section .layer-inner .layer-label { color: #60a5fa; }
.slideshow-section .layer-middle .layer-label { position: absolute; bottom: 18px; color: #34d399; }
.slideshow-section .layer-outer .layer-label { position: absolute; bottom: 14px; color: #fbbf24; }
.slideshow-section .skeleton-quote { margin-top: 44px; font-size: clamp(1.1rem, 2.4vw, 1.5rem); color: rgba(255,255,255,0.75); font-weight: 600; max-width: 750px; }

  /* ========== Slide 6: Definition ========== */
.slideshow-section .slide-definition { background: #f8f9fb; color: #1f2329; text-align: center; }
.slideshow-section .def-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 40px; }
.slideshow-section .def-features { display: flex; gap: 28px; max-width: 900px; justify-content: center; margin-bottom: 44px; flex-wrap: wrap; }
.slideshow-section .def-chip {
    background: #fff; border-radius: 50px; padding: 16px 34px; font-size: 1.3rem; font-weight: 600;
    color: #2563eb; box-shadow: 0 3px 14px rgba(37,99,235,0.08); border: 1px solid rgba(37,99,235,0.12);
  }
.slideshow-section .def-conclusion { max-width: 820px; text-align: left; }
.slideshow-section .def-conclusion-item { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 22px; font-size: 1.15rem; }
.slideshow-section .def-conclusion-num {
    width: 32px; height: 32px; border-radius: 50%; background: #2563eb; color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 700; flex-shrink: 0;
  }

  /* ========== Slide 7: BOM Tree ========== */
.slideshow-section .slide-bom { background: linear-gradient(180deg, #0f1729, #0a0a1a); color: #fff; text-align: center; }
.slideshow-section .bom-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 8px; }
.slideshow-section .bom-subtitle { font-size: 1.05rem; color: rgba(255,255,255,0.5); margin-bottom: 22px; }

.slideshow-section .vehicle-decompose { display: flex; flex-direction: column; align-items: center; margin-bottom: 14px; }
.slideshow-section .vehicle-icon {
    font-size: 1.15rem; font-weight: 700; color: #93c5fd;
    padding: 10px 26px; background: rgba(37,99,235,0.18);
    border: 2px solid #2563eb; border-radius: 12px;
    display: flex; align-items: center; gap: 8px;
    opacity: 0; transform: translateY(-15px);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .vehicle-icon.show { opacity: 1; transform: translateY(0); }
.slideshow-section .vehicle-icon .car-emoji { font-size: 1.4rem; }
.slideshow-section .vehicle-modules {
    display: flex; gap: 8px; margin-top: 20px; position: relative;
    flex-wrap: wrap; justify-content: center;
  }
.slideshow-section .vehicle-modules::before {
    content: ''; position: absolute; top: -16px; left: 50%;
    width: 2px; height: 16px; background: rgba(255,255,255,0.25);
    transform: translateX(-50%);
  }
.slideshow-section .module-chip {
    padding: 8px 16px; font-size: 0.9rem; font-weight: 600;
    border-radius: 18px; background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.7);
    opacity: 0; transform: translateY(-10px) scale(0.85);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .module-chip.show { opacity: 1; transform: translateY(0) scale(1); }
.slideshow-section .module-chip.highlight {
    background: rgba(245,158,11,0.18); border-color: #f59e0b; color: #fcd34d;
    box-shadow: 0 0 18px rgba(245,158,11,0.35);
  }
.slideshow-section .module-chip.dim { opacity: 0.28 !important; }
.slideshow-section .module-chip.highlight.show { animation: pulseGoldDark 1.6s ease-in-out 0.6s 2; }
.slideshow-section .zoom-arrow {
    margin-top: 10px; font-size: 1rem; color: #fbbf24; font-weight: 700;
    opacity: 0; transform: translateY(-6px);
    transition: all 0.5s ease;
  }
.slideshow-section .zoom-arrow.show { opacity: 1; transform: translateY(0); animation: arrowBounce 1.5s ease-in-out infinite; }
.slideshow-section .zoom-label {
    font-size: 0.7rem; color: rgba(251,191,36,0.85); font-weight: 600;
    margin-bottom: 4px; letter-spacing: 0.5px;
    opacity: 0; transition: opacity 0.5s;
  }
.slideshow-section .zoom-label.show { opacity: 1; }

.slideshow-section .bom-tree { display: flex; flex-direction: column; align-items: center; gap: 0; }
.slideshow-section .bom-level { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.slideshow-section .bom-node {
    padding: 10px 20px; border-radius: 10px; font-size: 0.95rem; font-weight: 600;
    text-align: center; min-width: 100px;
    opacity: 0; transform: scale(0.7);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .bom-node.show { opacity: 1; transform: scale(1); }
.slideshow-section .bom-node.l0 { background: rgba(37,99,235,0.22); border: 2px solid #2563eb; color: #93c5fd; font-size: 1.1rem; padding: 12px 26px; }
.slideshow-section .bom-node.l1 { background: rgba(16,185,129,0.15); border: 1.5px solid #10b981; color: #6ee7b7; }
.slideshow-section .bom-node.l2 { background: rgba(245,158,11,0.12); border: 1.5px solid #f59e0b; color: #fcd34d; }
.slideshow-section .bom-node.l2e { background: rgba(107,114,128,0.12); border: 1.5px dashed #6b7280; color: #9ca3af; }
.slideshow-section .bom-connector {
    width: 2px; height: 20px; background: rgba(255,255,255,0.15); margin: 0 auto;
    opacity: 0; transition: opacity 0.4s;
  }
.slideshow-section .bom-connector.show { opacity: 1; }
.slideshow-section .bom-branch { display: flex; gap: 36px; position: relative; justify-content: center; }
.slideshow-section .bom-branch::before {
    content: ''; position: absolute; top: -10px; left: 20%; right: 20%;
    height: 1px; background: rgba(255,255,255,0.12);
  }
.slideshow-section .bom-desc { margin-top: 22px; font-size: 1rem; color: rgba(255,255,255,0.5); max-width: 800px; }
.slideshow-section .bom-desc strong { color: #60a5fa; }

  /* ========== Slide 8: VSD Flow ========== */
.slideshow-section .slide-vsd { background: #f8f9fb; color: #1f2329; text-align: center; }
.slideshow-section .vsd-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 8px; }
.slideshow-section .vsd-subtitle { font-size: 1.05rem; color: #6b7280; margin-bottom: 22px; }

.slideshow-section .oem-section { margin-bottom: 14px; display: flex; flex-direction: column; align-items: center; }
.slideshow-section .oem-line {
    display: flex; align-items: center; justify-content: center;
    gap: 0; padding: 14px 26px;
    background: rgba(99,102,241,0.04); border: 1px dashed rgba(99,102,241,0.35);
    border-radius: 12px; position: relative; flex-wrap: wrap;
  }
.slideshow-section .oem-label {
    position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
    background: #f8f9fb; padding: 0 12px; font-size: 0.7rem;
    color: #6366f1; font-weight: 700; letter-spacing: 1px;
  }
.slideshow-section .oem-station {
    display: flex; flex-direction: column; align-items: center; gap: 3px;
    opacity: 0; transform: translateY(-12px);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .oem-station.show { opacity: 1; transform: translateY(0); }
.slideshow-section .oem-shape {
    width: 68px; height: 38px; border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.85rem; font-weight: 600;
    background: #e0e7ff; border: 1.5px solid #6366f1; color: #3730a3;
  }
.slideshow-section .oem-station.target .oem-shape {
    background: #fef3c7; border-color: #f59e0b; color: #92400e;
    box-shadow: 0 0 18px rgba(245,158,11,0.4);
  }
.slideshow-section .oem-station.target.show .oem-shape { animation: pulseGoldLight 1.6s ease-in-out 0.5s 2; }
.slideshow-section .oem-arrow { font-size: 12px; color: #c7d2fe; margin: 0 5px;
    opacity: 0; transition: opacity 0.3s; }
.slideshow-section .oem-arrow.show { opacity: 1; }
.slideshow-section .oem-station-label { font-size: 0.6rem; color: #6b7280; }
.slideshow-section .oem-station.target .oem-station-label { color: #92400e; font-weight: 700; }
.slideshow-section .oem-feed {
    margin: 10px 0 12px; display: flex; flex-direction: column; align-items: center; gap: 4px;
    opacity: 0; transition: opacity 0.5s;
  }
.slideshow-section .oem-feed.show { opacity: 1; }
.slideshow-section .oem-feed-arrow {
    font-size: 1.1rem; color: #ec4899; line-height: 1; animation: arrowBounce 1.5s ease-in-out infinite;
  }
.slideshow-section .oem-feed-label {
    font-size: 0.7rem; color: #ec4899; font-weight: 600; letter-spacing: 0.5px;
  }
.slideshow-section .supplier-banner {
    background: #fce7f3; border: 1px dashed #ec4899; color: #9d174d;
    padding: 4px 14px; border-radius: 16px; font-size: 0.75rem; font-weight: 700;
    margin-top: 2px;
  }

.slideshow-section .vsd-flow { display: flex; align-items: center; justify-content: center; gap: 0; flex-wrap: wrap; max-width: 1000px; }
.slideshow-section .vsd-node {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    opacity: 0; transform: translateX(-20px);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .vsd-node.show { opacity: 1; transform: translateX(0); }
.slideshow-section .vsd-shape {
    width: 82px; height: 58px; display: flex; align-items: center; justify-content: center;
    font-size: 0.82rem; font-weight: 600; text-align: center; line-height: 1.2;
  }
.slideshow-section .vsd-rect { background: #dbeafe; border: 2px solid #2563eb; border-radius: 8px; color: #1e40af; }
.slideshow-section .vsd-diamond {
    background: #fef3c7; border: 2px solid #f59e0b; color: #92400e;
    transform: rotate(0deg); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 56px; height: 56px;
  }
.slideshow-section .vsd-cylinder {
    background: #d1fae5; border: 2px solid #10b981; border-radius: 8px 8px 50% 50%; color: #065f46;
    height: 56px;
  }
.slideshow-section .vsd-parallel {
    background: #ede9fe; border: 2px solid #8b5cf6; color: #5b21b6;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); width: 80px;
  }
.slideshow-section .vsd-supplier {
    background: #fce7f3; border: 2px solid #ec4899; border-radius: 8px; color: #9d174d;
    border-style: dashed;
  }
.slideshow-section .vsd-label { font-size: 0.68rem; color: #6b7280; max-width: 72px; text-align: center; }
.slideshow-section .vsd-arrow {
    font-size: 16px; color: #d1d5db; margin: 0 4px;
    opacity: 0; transition: opacity 0.3s;
  }
.slideshow-section .vsd-arrow.show { opacity: 1; }
.slideshow-section .vsd-legend {
    display: flex; gap: 20px; margin-top: 18px; flex-wrap: wrap; justify-content: center;
  }
.slideshow-section .vsd-legend-item { display: flex; align-items: center; gap: 6px; font-size: 0.72rem; color: #6b7280; }
.slideshow-section .vsd-legend-box { width: 16px; height: 12px; border-radius: 3px; }
.slideshow-section .vsd-desc { margin-top: 14px; font-size: 1rem; color: #374151; max-width: 800px; }
.slideshow-section .vsd-desc strong { color: #2563eb; }

  /* ========== Slide 9: SVC Merge ========== */
.slideshow-section .slide-svc { background: linear-gradient(180deg, #0a0a1a, #0f1729); color: #fff; text-align: center; }
.slideshow-section .svc-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 8px; }
.slideshow-section .svc-subtitle { font-size: 1.1rem; color: rgba(255,255,255,0.5); margin-bottom: 28px; text-align: center; }
.slideshow-section .svc-mapping {
    display: flex; flex-direction: column; gap: 14px;
    width: 100%; max-width: 880px; margin-bottom: 22px;
  }
.slideshow-section .svc-headers {
    display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: 8px;
    font-size: 0.74rem; color: rgba(255,255,255,0.42); font-weight: 600;
    padding-bottom: 6px; border-bottom: 1px dashed rgba(255,255,255,0.12);
  }
.slideshow-section .svc-header-bom { text-align: right; padding-right: 8px; }
.slideshow-section .svc-header-link { text-align: center; }
.slideshow-section .svc-header-vsd { text-align: left; padding-left: 8px; }

.slideshow-section .svc-row {
    display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: 8px; align-items: center;
    opacity: 0; transform: translateY(12px);
    transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .svc-row.show { opacity: 1; transform: translateY(0); }

.slideshow-section .svc-cell-bom {
    padding: 12px 18px; border-radius: 10px; font-weight: 600; text-align: right;
    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.15);
    font-size: 1rem;
  }
.slideshow-section .svc-cell-bom.level-l0 {
    background: rgba(37,99,235,0.22); border: 2px solid #2563eb; color: #93c5fd;
    font-size: 1.1rem; font-weight: 700;
  }
.slideshow-section .svc-cell-bom.level-l1 {
    background: rgba(16,185,129,0.12); border: 1.5px solid #10b981; color: #6ee7b7;
  }
.slideshow-section .svc-cell-bom.muted { background: rgba(107,114,128,0.08); border-color: rgba(107,114,128,0.3); color: rgba(255,255,255,0.4); }
.slideshow-section .svc-row.show .svc-cell-bom:not(.muted) { animation: cellPulseGold 1.4s ease-in-out 0.55s 1; }
  @keyframes cellPulseGold {
.slideshow-section 0%, .slideshow-section 100% { box-shadow: 0 0 0 rgba(251,191,36,0); }
.slideshow-section 50% { box-shadow: 0 0 22px rgba(251,191,36,0.55); }
  }

.slideshow-section .svc-cell-link {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    overflow: hidden;
  }
.slideshow-section .svc-cell-link .link-arrow {
    font-size: 1.05rem; color: #fbbf24; letter-spacing: -1px; line-height: 1;
    transform: scaleX(0); transform-origin: right;
    transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
    transition-delay: 0.15s;
  }
.slideshow-section .svc-row.show .link-arrow { transform: scaleX(1); }
.slideshow-section .svc-cell-link .link-label {
    font-size: 0.7rem; color: #fbbf24; font-weight: 700; letter-spacing: 0.3px;
    opacity: 0; transition: opacity 0.4s ease;
    transition-delay: 0.7s;
  }
.slideshow-section .svc-row.show .link-label { opacity: 1; }
.slideshow-section .svc-cell-link.muted .link-arrow { color: #6b7280; }
.slideshow-section .svc-cell-link.muted .link-label { color: #9ca3af; }

.slideshow-section .svc-cell-vsd {
    padding: 12px 18px; border-radius: 10px; font-weight: 600;
    background: rgba(245,158,11,0.14); border: 1.5px solid #f59e0b; color: #fcd34d;
    font-size: 1rem; text-align: left;
  }
.slideshow-section .svc-cell-vsd.level-vsd-final {
    background: rgba(245,158,11,0.22); border-width: 2px;
    box-shadow: 0 0 14px rgba(245,158,11,0.25);
  }
.slideshow-section .svc-cell-vsd.muted { background: rgba(107,114,128,0.08); border-color: rgba(107,114,128,0.3); color: rgba(255,255,255,0.35); }

.slideshow-section .svc-conclusion {
    background: linear-gradient(135deg, rgba(37,99,235,0.16), rgba(16,185,129,0.16));
    border: 1px solid rgba(96,165,250,0.3);
    border-radius: 14px; padding: 18px 34px; max-width: 880px; text-align: center;
  }
.slideshow-section .svc-conclusion strong { font-size: 1.2rem; color: #60a5fa; }
.slideshow-section .svc-conclusion p { font-size: 0.95rem; color: rgba(255,255,255,0.55); margin-top: 4px; }

  /* ========== Slide 10: Value ========== */
.slideshow-section .slide-value { background: #f8f9fb; color: #1f2329; text-align: center; }
.slideshow-section .value-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 40px; }
.slideshow-section .value-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 800px; }
.slideshow-section .value-card {
    background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 28px 24px;
    text-align: center; transition: transform 0.3s, box-shadow 0.3s;
  }
.slideshow-section .value-card:hover { transform: translateY(-3px); box-shadow: 0 6px 24px rgba(0,0,0,0.08); }
.slideshow-section .value-icon { font-size: 40px; margin-bottom: 10px; }
.slideshow-section .value-name { font-size: 1.2rem; font-weight: 700; margin-bottom: 6px; color: #1f2329; }
.slideshow-section .value-desc { font-size: 0.95rem; color: #6b7280; line-height: 1.5; }

  /* ========== Slide 11: Core Work Integration ========== */
.slideshow-section .slide-corework { background: linear-gradient(180deg, #0f1729, #0a0a1a); color: #fff; text-align: center; }
.slideshow-section .corework-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 4px; }
.slideshow-section .corework-subtitle { font-size: 1.0rem; color: rgba(255,255,255,0.45); margin-bottom: 16px; }
.slideshow-section .corework-container {
    display: flex; gap: 32px; max-width: 1050px; justify-content: center; flex-wrap: wrap;
  }
.slideshow-section .corework-role {
    width: 440px; border-radius: 16px; padding: 18px 22px;
    text-align: left; position: relative;
    opacity: 0; transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .corework-role.show { opacity: 1; transform: translateY(0); }
.slideshow-section .corework-role.sqe {
    background: rgba(16,185,129,0.06); border: 1.5px solid rgba(16,185,129,0.35);
  }
.slideshow-section .corework-role.buyer {
    background: rgba(139,92,246,0.06); border: 1.5px solid rgba(139,92,246,0.35);
  }
.slideshow-section .corework-role-header {
    display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
  }
.slideshow-section .corework-role-icon {
    width: 36px; height: 36px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
  }
.slideshow-section .corework-role.sqe .corework-role-icon { background: rgba(16,185,129,0.15); }
.slideshow-section .corework-role.buyer .corework-role-icon { background: rgba(139,92,246,0.15); }
.slideshow-section .corework-role-name { font-size: 1.15rem; font-weight: 700; }
.slideshow-section .corework-role.sqe .corework-role-name { color: #6ee7b7; }
.slideshow-section .corework-role.buyer .corework-role-name { color: #c4b5fd; }
.slideshow-section .corework-tasks { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.slideshow-section .corework-task {
    display: flex; align-items: flex-start; gap: 10px; font-size: 0.95rem;
    color: rgba(255,255,255,0.7); line-height: 1.5;
  }
.slideshow-section .corework-task-dot {
    width: 6px; height: 6px; border-radius: 50%; margin-top: 7px; flex-shrink: 0;
  }
.slideshow-section .corework-role.sqe .corework-task-dot { background: #10b981; }
.slideshow-section .corework-role.buyer .corework-task-dot { background: #8b5cf6; }
.slideshow-section .corework-task strong { color: rgba(255,255,255,0.9); }
.slideshow-section .slide-corework .compare-box { padding: 20px 22px; width: 280px; }
.slideshow-section .slide-corework .compare-icon { font-size: 32px; margin-bottom: 6px; }
.slideshow-section .slide-corework .compare-label { font-size: 1.1rem; margin-bottom: 6px; }
.slideshow-section .slide-corework .compare-desc { font-size: 0.88rem; }
.slideshow-section .corework-principle {
    margin-top: 28px; padding: 14px 24px; border-radius: 12px;
    background: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(245,158,11,0.08));
    border: 1px solid rgba(96,165,250,0.25);
    max-width: 660px; text-align: center;
  }
.slideshow-section .corework-principle strong { color: #60a5fa; font-size: 0.95rem; }
.slideshow-section .corework-principle p { font-size: 0.78rem; color: rgba(255,255,255,0.45); margin-top: 4px; }

  /* ========== Slide 12: Virtuous Cycle ========== */
.slideshow-section .slide-cycle { background: #f8f9fb; color: #1f2329; text-align: center; }
.slideshow-section .cycle-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 8px; }
.slideshow-section .cycle-subtitle { font-size: 1.05rem; color: #6b7280; margin-bottom: 36px; }
.slideshow-section .cycle-ring {
    position: relative; width: 400px; height: 400px;
    margin: 0 auto;
  }
.slideshow-section .cycle-node {
    position: absolute; width: 120px; text-align: center;
    opacity: 0; transform: scale(0.6);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.slideshow-section .cycle-node.show { opacity: 1; transform: scale(1); }
.slideshow-section .cycle-node-shape {
    width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 8px;
    display: flex; align-items: center; justify-content: center; font-size: 1.6rem;
  }
.slideshow-section .cycle-node-label { font-size: 0.95rem; font-weight: 600; color: #374151; line-height: 1.3; }
.slideshow-section .cycle-node:nth-child(1) { top: 0; left: 50%; transform-origin: center; margin-left: -60px; }
.slideshow-section .cycle-node:nth-child(2) { top: 50%; right: -10px; margin-top: -50px; }
.slideshow-section .cycle-node:nth-child(3) { bottom: 0; left: 50%; margin-left: -60px; }
.slideshow-section .cycle-node:nth-child(4) { top: 50%; left: -10px; margin-top: -50px; }
.slideshow-section .cycle-node:nth-child(1) .cycle-node-shape { background: rgba(37,99,235,0.08); border: 2px solid #2563eb; }
.slideshow-section .cycle-node:nth-child(2) .cycle-node-shape { background: rgba(16,185,129,0.08); border: 2px solid #10b981; }
.slideshow-section .cycle-node:nth-child(3) .cycle-node-shape { background: rgba(245,158,11,0.08); border: 2px solid #f59e0b; }
.slideshow-section .cycle-node:nth-child(4) .cycle-node-shape { background: rgba(139,92,246,0.08); border: 2px solid #8b5cf6; }
.slideshow-section .cycle-arrow-ring {
    position: absolute; top: 50%; left: 50%;
    width: 260px; height: 260px;
    margin-top: -130px; margin-left: -130px;
    border: 2px dashed rgba(0,0,0,0.1);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.8s ease;
  }
.slideshow-section .cycle-arrow-ring.show { opacity: 1; }
.slideshow-section .cycle-arrow-svg {
    position: absolute; top: 50%; left: 50%;
    width: 280px; height: 280px;
    margin-top: -140px; margin-left: -140px;
    opacity: 0;
    transition: opacity 0.8s ease;
  }
.slideshow-section .cycle-arrow-svg.show { opacity: 1; }
.slideshow-section .cycle-center {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0; transition: opacity 0.6s ease;
  }
.slideshow-section .cycle-center.show { opacity: 1; }
.slideshow-section .cycle-center-text {
    font-size: 0.9rem; font-weight: 700; color: #2563eb;
    padding: 10px 18px; border-radius: 10px;
    background: rgba(37,99,235,0.05); border: 1px solid rgba(37,99,235,0.2);
  }
.slideshow-section .cycle-insight {
    margin-top: 32px; max-width: 800px; text-align: left;
    padding: 18px 28px; border-left: 4px solid #2563eb;
    background: rgba(37,99,235,0.02); border-radius: 0 10px 10px 0;
  }
.slideshow-section .cycle-insight p { font-size: 1rem; color: #374151; line-height: 1.7; margin-bottom: 6px; }
.slideshow-section .cycle-insight strong { color: #2563eb; }

  /* ========== Slide 13: Challenge ========== */
.slideshow-section .slide-challenge { background: linear-gradient(180deg, #0f1729, #0a0a1a); color: #fff; text-align: center; }
.slideshow-section .challenge-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; margin-bottom: 40px; color: rgba(255,255,255,0.65); }
.slideshow-section .compare-row { display: flex; align-items: center; gap: 40px; max-width: 1000px; justify-content: center; flex-wrap: wrap; }
.slideshow-section .compare-box { width: 320px; padding: 36px 28px; border-radius: 14px; text-align: center; }
.slideshow-section .compare-before { background: rgba(107,114,128,0.08); border: 1px solid rgba(107,114,128,0.25); }
.slideshow-section .compare-after { background: rgba(37,99,235,0.08); border: 1px solid rgba(37,99,235,0.25); }
.slideshow-section .compare-icon { font-size: 48px; margin-bottom: 12px; }
.slideshow-section .compare-label { font-size: 1.25rem; font-weight: 600; margin-bottom: 10px; }
.slideshow-section .compare-before .compare-label { color: #9ca3af; }
.slideshow-section .compare-after .compare-label { color: #60a5fa; }
.slideshow-section .compare-desc { font-size: 0.95rem; color: rgba(255,255,255,0.45); line-height: 1.7; }
.slideshow-section .compare-arrow { font-size: 32px; color: #10b981; opacity: 0; transform: scale(0); transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }
.slideshow-section .compare-arrow.show { opacity: 1; transform: scale(1); }
.slideshow-section .challenge-bottom { margin-top: 32px; font-size: 1.15rem; color: #f59e0b; font-weight: 600; }


  /* ========== Slide 14: Closing ========== */
.slideshow-section .slide-closing {
    background: linear-gradient(-45deg, #0a0a2e, #1a1a4e, #0d3055, #0d2137);
    background-size: 400% 400%; animation: gradientFlow 15s ease infinite;
    color: #fff; text-align: center;
  }
.slideshow-section .closing-text {
    font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 700;
    line-height: 1.7; max-width: 900px; min-height: 100px;
  }
.slideshow-section .closing-text .closing-small { font-size: 25%; }
.slideshow-section .cursor {
    display: inline-block; width: 3px; height: 1em;
    background: #60a5fa; margin-left: 2px; vertical-align: text-bottom;
    animation: blink 1s infinite;
  }
  @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.slideshow-section .closing-thanks { margin-top: 50px; font-size: 1.3rem; color: rgba(255,255,255,0.35); }

  /* ========== Responsive ========== */
  @media (max-width: 768px) {
    .slide { padding: 36px 20px; }
.slideshow-section .phase-cards, .slideshow-section .compare-row { flex-direction: column; align-items: center; }
.slideshow-section .value-grid { grid-template-columns: 1fr; max-width: 300px; }
.slideshow-section .layers { width: 280px; height: 280px; }
.slideshow-section .layer-outer { width: 260px; height: 260px; }
.slideshow-section .layer-middle { width: 180px; height: 180px; }
.slideshow-section .layer-inner { width: 100px; height: 100px; }
.slideshow-section .bom-branch { gap: 16px; }
.slideshow-section .vsd-flow { gap: 4px; }
.slideshow-section .oem-line { padding: 10px 14px; }
.slideshow-section .oem-shape { width: 48px; height: 28px; font-size: 0.62rem; }
.slideshow-section .corework-container { flex-direction: column; align-items: center; }
.slideshow-section .corework-role { width: 320px; }
.slideshow-section .cycle-ring { width: 300px; height: 300px; }
.slideshow-section .cycle-arrow-ring { width: 190px; height: 190px; margin-top: -95px; margin-left: -95px; }
.slideshow-section .cycle-arrow-svg { width: 210px; height: 210px; margin-top: -105px; margin-left: -105px; }
  }