/* 影院大屏：首页大海报 + 横向滑动片单 */
.t-cinema{--bg:#0b0b0b;--bg2:#141414;--bg3:#1f1f1f;--tx:#fff;--tx2:#a3a3a3;--bd:#262626}
.t-cinema .hd{background:linear-gradient(#000,rgba(0,0,0,.85));border-bottom:0}
.t-cinema .nav{border-top:0}
.t-cinema .nav a.on{background:none;color:#fff;font-weight:700;border-bottom:2px solid var(--c);border-radius:0}
.t-cinema .logo{letter-spacing:1px;text-transform:uppercase}
.t-cinema .sec-hd h2{border-left:0;padding-left:0;font-size:20px}
.t-cinema .thumb{border-radius:4px}
.t-cinema .card:hover .thumb{outline:2px solid #fff}
.t-cinema .card:hover .thumb img{transform:scale(1.03)}

.cin-hero{position:relative;margin:0 -16px 8px;min-height:360px;overflow:hidden;display:flex;align-items:flex-end}
.cin-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(24px) brightness(.45);transform:scale(1.1)}
.cin-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(11,11,11,.2) 55%,rgba(11,11,11,.6) 100%)}
.cin-in{position:relative;z-index:1;display:flex;gap:28px;align-items:flex-end;padding:40px 16px 28px;width:100%}
.cin-poster{flex:none;width:42%;max-width:520px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.cin-poster img{width:100%;height:100%;object-fit:cover}
.cin-txt{min-width:0}
.cin-badge{display:inline-block;background:var(--c);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:2px;margin-bottom:10px}
.cin-txt h1{font-size:30px;line-height:1.25;margin-bottom:8px}
.cin-meta{color:var(--tx2);font-size:14px;margin-bottom:10px}
.cin-txt p{color:#d4d4d4;font-size:14px;line-height:1.7;max-width:560px;margin-bottom:18px}
.cin-play{display:inline-block;background:#fff;color:#000;font-weight:700;padding:10px 26px;border-radius:4px}
.cin-play:hover{background:#e5e5e5}

.cin-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4.3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.cin-row .card{scroll-snap-align:start}
.cin-row.grid-v{grid-auto-columns:calc((100% - 60px)/6.3)}
@media(max-width:959px){.t-cinema .cin-row.grid-v{grid-auto-columns:calc((100% - 24px)/3.3)}}
@media(max-width:959px){.cin-row{grid-auto-columns:calc((100% - 24px)/2.6)}}
@media(max-width:639px){
  .cin-hero{min-height:0}
  .cin-in{flex-direction:column;align-items:stretch;gap:14px;padding:20px 16px}
  .cin-poster{width:100%;max-width:none}
  .cin-txt h1{font-size:20px}
  .cin-txt p{display:none}
  .cin-row{grid-auto-columns:calc((100% - 12px)/1.6)}
}