/* money mate 05 产品演示 —— 单卡片版面：左侧视频最大化 + 右侧文案 */
.moneycase-page .demo-module-parts{max-width:1280px}

.moneycase-page .demo-sequence{
  display:flex;
  flex-direction:column;
  gap:clamp(28px,4vw,44px);
  padding:clamp(36px,5vw,60px) 0;
}

/* 整个 demo 是一张卡片 */
.moneycase-page .demo-story{
  display:grid;
  grid-template-columns:auto minmax(320px,1fr);
  gap:clamp(36px,4.5vw,68px);
  align-items:stretch;
  border:1px solid var(--line);
  border-radius:28px;
  background:#fff;
  overflow:hidden;
}

/* 视频区：与卡片同底色，通高铺满，视频按原始竖屏比例最大化展示 */
.moneycase-page .demo-video{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:clamp(16px,1.8vw,26px);
  background:#fff;
}
.moneycase-page .demo-video video{
  display:block;
  width:auto;
  height:clamp(460px,62vh,640px);
  aspect-ratio:892/1660;
  border-radius:18px;
  background:transparent;
  box-shadow:0 24px 48px -20px rgba(23,23,23,.22);
}

/* 文案区：同一卡片内，无分界线，垂直居中 */
.moneycase-page .demo-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(24px,3vw,44px);
  padding-left:0;
}
.moneycase-page .demo-index,
.moneycase-page .demo-tag{margin:0;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}
.moneycase-page .demo-tag{margin-top:9px;letter-spacing:.04em}
.moneycase-page .demo-copy h3{
  margin:18px 0 26px;
  color:var(--ink);
  font-size:clamp(26px,2.6vw,40px);
  font-weight:700;
  letter-spacing:-.05em;
  line-height:1.14;
}
.moneycase-page .demo-copy-block{padding:16px 0;border-top:1px solid var(--line)}
.moneycase-page .demo-copy-block b{display:block;margin:0 0 8px;color:var(--blue);font-size:11px;letter-spacing:.08em}
.moneycase-page .demo-copy-block p{margin:0;color:#5f5958;font-size:15px;line-height:1.78}

@media (max-width:820px){
  .moneycase-page .demo-sequence{gap:24px;padding:32px 0}
  .moneycase-page .demo-story{grid-template-columns:1fr;gap:0;border-radius:20px}
  .moneycase-page .demo-video{padding:16px}
  .moneycase-page .demo-video video{height:clamp(340px,60vh,500px);border-radius:14px}
  .moneycase-page .demo-copy{padding:8px 22px 26px;padding-left:22px}
  .moneycase-page .demo-copy h3{margin:14px 0 20px;font-size:clamp(25px,7vw,32px)}
  .moneycase-page .demo-copy-block{padding:14px 0}
  .moneycase-page .demo-copy-block p{font-size:14px;line-height:1.75}
}