/* 成品28 · 跨端收口 · m6 · cinema-marquee */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.xg-site[data-skin="cinema-marquee"]{
  width:100%!important;max-width:100%!important;overflow-x:clip!important;
}
body.xg-site[data-skin="cinema-marquee"] img{max-width:100%}
body.xg-site[data-skin="cinema-marquee"] .cm-hero__stage img,
body.xg-site[data-skin="cinema-marquee"] .xg-card__frame img,
body.xg-site[data-skin="cinema-marquee"] .xg-theater__thumb,
body.xg-site[data-skin="cinema-marquee"] .xg-mini__thumb{
  max-width:none!important;
}
body.xg-site[data-skin="cinema-marquee"] .cm-hero__stage img,
body.xg-site[data-skin="cinema-marquee"] .xg-card__frame img{
  width:100%!important;height:100%!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:cover!important;
}
body.xg-site[data-skin="cinema-marquee"] .xg-theater__screen video,
body.xg-site[data-skin="cinema-marquee"] #movie-player{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;aspect-ratio:auto!important;object-fit:contain!important;background:#000;
}
@media (max-width:1100px){
  body.xg-site[data-skin="cinema-marquee"] .xg-lanes__scroll{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.xg-site[data-skin="cinema-marquee"] .xg-grid,
  body.xg-site[data-skin="cinema-marquee"] .xg-rail__track,
  body.xg-site[data-skin="cinema-marquee"] .movie-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:820px){
  body.xg-site[data-skin="cinema-marquee"] .xg-main{padding:12px 12px 40px!important}
  body.xg-site[data-skin="cinema-marquee"] .cm-head__shell,
  body.xg-site[data-skin="cinema-marquee"] .cm-head__bulbs,
  body.xg-site[data-skin="cinema-marquee"] .cm-foot__inner,
  body.xg-site[data-skin="cinema-marquee"] .cm-foot__bulbs{
    padding-left:12px!important;padding-right:12px!important;
  }
  body.xg-site[data-skin="cinema-marquee"] .cm-nav a:first-child{padding-left:12px!important}
  body.xg-site[data-skin="cinema-marquee"] .cm-hero,
  body.xg-site[data-skin="cinema-marquee"] .xg-hero{
    min-height:min(70vw,360px)!important;border-radius:12px!important;padding:0!important;
  }
  body.xg-site[data-skin="cinema-marquee"] .cm-hero__copy{
    min-height:min(70vw,360px)!important;padding:28px 16px 24px!important;max-width:100%!important;
  }
  body.xg-site[data-skin="cinema-marquee"] .cm-hero h1{font-size:clamp(1.9rem,8vw,2.6rem)!important}
  body.xg-site[data-skin="cinema-marquee"] .xg-rail,
  body.xg-site[data-skin="cinema-marquee"] .xg-zone,
  body.xg-site[data-skin="cinema-marquee"] .xg-lanes{padding:12px!important}
  body.xg-site[data-skin="cinema-marquee"] .xg-rail__track,
  body.xg-site[data-skin="cinema-marquee"] .xg-grid,
  body.xg-site[data-skin="cinema-marquee"] .movie-grid,
  body.xg-site[data-skin="cinema-marquee"] .xg-lanes__scroll{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0!important;
  }
  body.xg-site[data-skin="cinema-marquee"] .xg-theater{padding:10px!important}
  body.xg-site[data-skin="cinema-marquee"] .xg-theater__bar{grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important}
  body.xg-site[data-skin="cinema-marquee"] .xg-theater__play{grid-column:1/-1}
  body.xg-site[data-skin="cinema-marquee"] .xg-cat-aside{grid-template-columns:1fr 1fr!important}
  body.xg-site[data-skin="cinema-marquee"] .xg-cat-aside__field:first-of-type{grid-column:1/-1}
  body.xg-site[data-skin="cinema-marquee"] .filter-panel{grid-template-columns:1fr 1fr!important}
  body.xg-site[data-skin="cinema-marquee"] .filter-panel input{grid-column:1/-1}
  body.xg-site[data-skin="cinema-marquee"] .xg-grid--related{grid-template-columns:1fr!important}
  body.xg-site[data-skin="cinema-marquee"] .cm-search input,
  body.xg-site[data-skin="cinema-marquee"] .cm-search button,
  body.xg-site[data-skin="cinema-marquee"] .cm-nav a,
  body.xg-site[data-skin="cinema-marquee"] .cm-btn,
  body.xg-site[data-skin="cinema-marquee"] .xg-btn{min-height:44px}
}
@media (max-width:360px){
  body.xg-site[data-skin="cinema-marquee"] .xg-rail__track,
  body.xg-site[data-skin="cinema-marquee"] .xg-grid,
  body.xg-site[data-skin="cinema-marquee"] .movie-grid,
  body.xg-site[data-skin="cinema-marquee"] .xg-lanes__scroll{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){
  body.xg-site[data-skin="cinema-marquee"] .xg-card{transition:none}
  body.xg-site[data-skin="cinema-marquee"] .cm-dust i{animation:none!important}
}