/* ============================================
   css/responsive.css
   Mucha Exhibition v7.1.17 OSS (v6 起源 + v7.1.x 暗色/优化增量)
   ============================================ */

/* ===================== 响应式 ===================== */
@media(max-width:900px){
  .chapter{padding:80px 5%}
  .masterpiece,.season-content,.diaochan-grid,.similar-big{grid-template-columns:1fr;gap:40px;direction:ltr}
  .timeline::before{left:20px}
  .timeline-item{width:100%;padding-left:50px;padding-right:0;text-align:left!important;left:0!important}
  .timeline-item::before{left:10px!important;right:auto!important}
  .timeline-item .timeline-card{flex-direction:row!important;text-align:left!important}
  .timeline-thumb{width:70px;height:70px}
  #anchor-nav{display:none}
  .hero-frame{inset:20px}
  .hero-frame-tl,.hero-frame-tr,.hero-frame-bl,.hero-frame-br{width:40px;height:40px}
  .diaochan-features{grid-template-columns:1fr}
  #music-toggle{bottom:20px;right:20px;width:48px;height:48px}
}

/* ===================== 性能护城河：尊重系统降级 ===================== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
  }
  #butterfly-canvas,#gold-rain{animation:none!important;opacity:0!important}
  .season-particles{display:none!important}
  .gold-particle{display:none!important}
  .particle{display:none!important}
  body::before{display:none}
  .intro-seasons-flow,.intro-butterfly-stage,#intro{animation:none!important}
}