.cinema{position:fixed;inset:0;z-index:30;width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;background:transparent;color:#f5f2e8;overflow:hidden}.cinema::backdrop{background:#09120fe0;}.cinema-sheet{position:absolute;inset:32px 24px 0;border:1px solid #ffffff20;border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(145deg,#2d3a32,#182722 58%,#252928);box-shadow:0 -20px 100px #0004;overflow:auto;overscroll-behavior:contain;transform:translateY(105%);transition:transform .72s cubic-bezier(.22,1,.36,1);scrollbar-color:#7f92826b transparent}.cinema.is-open .cinema-sheet{transform:translateY(0)}.cinema.closing::backdrop{background:#09120f00;transition:background .4s}.cinema-handle{width:40px;height:4px;border-radius:9px;background:#ffffff38;margin:12px auto 0}.cinema-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:30px;padding:18px 38px;background:#24322a;border-bottom:1px solid #ffffff0d}.cinema-logo{font-size:23px;font-weight:700;white-space:nowrap}.cinema-logo span{font-size:10px;font-weight:400;letter-spacing:2px;color:#b3c1b1;display:block;margin-top:4px}.cinema-search{display:flex;align-items:center;gap:12px;width:min(430px,45vw);margin-left:auto;background:#ffffff0c;border:1px solid #ffffff20;border-radius:25px;padding:5px 6px 5px 18px}.cinema-search input{width:100%;min-width:0;background:none;border:0;color:#fff;outline:0;font-size:12px}.cinema-search button{background:#c8d6b9;color:#263626;border-radius:20px;padding:9px 17px;white-space:nowrap;font-size:12px}.cinema-back{color:#d1dacd;font-size:12px;white-space:nowrap}.cinema-content{max-width:1460px;margin:auto;padding:25px 38px 50px}.cinema-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.cinema-nav button{padding:10px 20px;color:#b8c4b7;border-radius:22px;font-size:13px}.cinema-nav button.selected{background:#d2ddbe;color:#293c2d;font-weight:600}.cinema-nav .cinema-list{margin-left:auto;border:1px solid #ffffff25}.cinema-hero{position:relative;min-height:340px;border-radius:20px;overflow:hidden;border:1px solid #ffffff17;display:flex;align-items:center;background:#40584c}.cinema-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142a22ed,#1b30219c 45%,transparent 85%)}.cinema-hero-copy{position:relative;z-index:1;max-width:530px;padding:42px}.cinema-kicker{font-size:10px;letter-spacing:3px;color:#d3e1b6}.cinema-hero h2{font-size:42px;letter-spacing:4px;margin:18px 0 14px}.cinema-hero p{font-size:13px;line-height:1.9;color:#d5dccd;margin:0 0 22px;max-width:350px}.cinema-actions{display:flex;gap:10px}.cinema-actions button{border:1px solid #ffffff40;border-radius:24px;padding:12px 22px;font-size:12px}.cinema-actions button:first-child{background:#d5dfbc;color:#233525;border-color:transparent}.cinema-section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px;gap:16px}.cinema-section-title h2{font-size:21px;margin:0;letter-spacing:0}.cinema-section-title span{font-size:11px;color:#a6b8a4}.cinema-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.film{min-width:0}.film-art{width:100%;display:block;padding:0;position:relative;overflow:hidden;border-radius:13px;background:#253b30;aspect-ratio:2/3;border:1px solid #ffffff18;transition:transform .25s,box-shadow .25s}.film-art:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0004}.film-art img{width:100%;height:100%;object-fit:cover;display:block}.film-art:after{content:'查看详情 ↗';position:absolute;inset:auto 0 0;padding:30px 10px 13px;font-size:11px;background:linear-gradient(transparent,#0c211ccb);opacity:0;transition:opacity .2s}.film-art:hover:after,.film-art:focus-visible:after{opacity:1}.film-name{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:12px}.film-name strong{font-size:13px;font-weight:500}.film-save{font-size:19px;color:#c4d2b8;padding:0 5px}.film-meta{font-size:10px;color:#9dac9b;margin-top:7px}.cinema-empty{grid-column:1/-1;text-align:center;padding:45px;border:1px dashed #ffffff24;border-radius:18px;color:#b7c6b2;font-size:13px;line-height:2}.cinema-detail{padding:25px;background:#ffffff09;border:1px solid #ffffff18;border-radius:18px;margin-top:24px}.cinema-detail h3{margin-top:0}.cinema-detail p{font-size:13px;color:#bac9b8;line-height:1.9}.cinema-detail button{color:#d9e3c4;border:1px solid #ffffff30;padding:10px 18px;border-radius:22px;margin-right:8px}.cinema-foot{color:#849681;font-size:10px;text-align:center;margin-top:36px;letter-spacing:1px}body.cinema-open{overflow:hidden}body.cinema-open .scene-controls,body.cinema-open .scene-hint{visibility:hidden}.cinema :focus-visible{outline:2px solid #d6e5b3;outline-offset:4px}@media(max-width:1000px){.cinema-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cinema-top{gap:18px;padding:17px 24px}.cinema-content{padding:20px 24px 40px}}@media(max-width:600px){.cinema-sheet{inset:15px 0 0;border-radius:23px 23px 0 0}.cinema-top{flex-wrap:wrap;padding:15px 18px;gap:14px}.cinema-logo{font-size:20px}.cinema-logo span{display:none}.cinema-back{margin-left:auto}.cinema-search{order:3;width:100%;margin:0}.cinema-content{padding:20px 18px 35px}.cinema-nav{gap:3px}.cinema-nav button{padding:9px 13px;font-size:12px}.cinema-hero{min-height:300px}.cinema-hero-copy{padding:26px}.cinema-hero h2{font-size:32px}.cinema-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.cinema-section-title{align-items:flex-start}.cinema-section-title span{font-size:10px}.cinema-section-title h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.cinema-sheet,.film-art{transition:none}}
/* One shared easing curve keeps the scene and drawer moving together. */
.cinema::backdrop{background:#09120f00;transition:background .72s cubic-bezier(.22,1,.36,1)}.cinema.is-open::backdrop{background:#09120fc9;}.cinema.closing::backdrop{background:#09120f00;transition-duration:.72s}.cinema-sheet{transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .65s;opacity:0;will-change:auto}.cinema.is-open .cinema-sheet{opacity:1}.cinema.closing .cinema-sheet{transition-timing-function:cubic-bezier(.4,0,.2,1)}body.scene #home{transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .6s;transform-origin:center 30%}body.cinema-visible #home{transform:translateY(-32px) scale(.96);opacity:.3}.cinema-scroll-entry{display:block;margin:30px auto 0;color:#ffffffae;font-size:11px;letter-spacing:2px;padding:12px 18px;border-radius:24px;border:1px solid #ffffff20;background:#ffffff08}.cinema-scroll-entry:hover{background:#ffffff18}.cinema-scroll-return{text-align:center;font-size:10px;letter-spacing:2px;color:#b5c3b48c;padding:10px 0 0}.cinema-sheet{overscroll-behavior:contain}@media(prefers-reduced-motion:reduce){.cinema::backdrop,.cinema-sheet,body.scene #home{transition:none!important}.cinema-sheet{will-change:auto}}
.cinema-scroll-return{position:relative;width:max-content;max-width:90%;margin:0 auto;padding-bottom:7px;min-height:29px;transition:color .2s}.cinema-scroll-return:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:#d3e3b7;transform:scaleX(var(--return-progress,0));transform-origin:left;transition:transform .1s linear;opacity:.8}.cinema-scroll-return.return-active{color:#d3e3b7}