/* 表演运营的媒体过渡；独立于共用样式，其他业务页和 GCS 保持原布局。 */
#app[data-page="shows"] .showcase-scene{width:100%;max-width:none;padding:0;margin:0;background:var(--bg);view-timeline-name:--showcase-frame;view-timeline-axis:block}
#app[data-page="shows"] .showcase-scene .showcase{border-radius:0;background:#05090b}
#app[data-page="shows"] .showcase-scene .showcase__in{min-height:100vh;min-height:100svh}
#app[data-page="shows"] .showcase-scene .showcase--bare::before,
#app[data-page="shows"] .showcase-scene .showcase--bare::after{display:none}
#app[data-page="shows"] .showcase__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
#app[data-page="shows"] .showcase-scene .showcase__media img,
#app[data-page="shows"] .showcase-scene .showcase__media video{object-fit:cover}
#app[data-page="shows"] .showcase-scene .showcase__media{clip-path:none;transition:none}
#app[data-page="shows"] .showcase-scene .showcase__media img{transform:none;transition:none}
#app[data-page="shows"] .home-proof--portrait .home-proof__layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:clamp(28px,4vw,64px);align-items:center}
#app[data-page="shows"] .home-proof--portrait .home-proof__media{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
#app[data-page="shows"] .home-proof--portrait .home-proof__image{position:static;width:100%;height:auto;border:0}
#app[data-page="shows"] .home-proof--portrait .home-proof__image--main,
#app[data-page="shows"] .home-proof--portrait .home-proof__image--secondary{aspect-ratio:2/3;object-fit:cover}
#app[data-page="shows"] .home-proof--portrait .home-proof__image--main{object-position:50% 70%}
#app[data-page="shows"] .home-proof--portrait .home-proof__points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
#app[data-page="shows"] .home-proof--portrait .home-proof__points li{padding:20px 0}
/* 在稳定的外层区块上计量进度，只缩放内层，避免改变辅助滚动的目标坐标。 */
@supports(animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    #app[data-page="shows"] .showcase-scene .showcase{animation:shows-frame linear both;animation-timeline:--showcase-frame}
    @keyframes shows-frame{
      0%{transform:scale(.92);animation-timing-function:cubic-bezier(.45,0,.55,1)}
      45%{transform:scale(1)}
      55%{transform:scale(1);animation-timing-function:cubic-bezier(.45,0,.55,1)}
      100%{transform:scale(.92)}
    }
  }
}
@media(max-width:960px){
  #app[data-page="shows"] .home-proof--portrait .home-proof__layout{grid-template-columns:minmax(0,1fr)}
  #app[data-page="shows"] .home-proof--portrait .home-proof__media{max-width:620px;width:100%;margin-inline:auto}
  #app[data-page="shows"] .home-proof--portrait .home-proof__copy{max-width:none}
}
@media(max-aspect-ratio:4/3){
  #app[data-page="shows"] .showcase-scene .showcase__in{min-height:0;aspect-ratio:16/9;padding:0}
}
@media(max-width:640px){
  #app[data-page="shows"] .showcase-scene .showcase__in{min-height:0;aspect-ratio:16/9;padding:0}
  #app[data-page="shows"] .home-proof--portrait .home-proof__media{gap:12px}
  #app[data-page="shows"] .home-proof--portrait .home-proof__points{grid-template-columns:minmax(0,1fr)}
}