/* 七彩文旅 · 电视 / 茶桌展示舞台 */
.cinema-main{--cinema-bg:#070b12;--cinema-text:#f2eee7;--cinema-muted:#aab1bd;--cinema-line:rgba(231,224,208,.18);display:block;width:100%;padding-bottom:var(--footer,76px);background:var(--cinema-bg);color:var(--cinema-text)}
.cinema-stage{position:relative;isolation:isolate;min-height:calc(100svh - var(--header,94px) - var(--footer,76px));height:calc(100svh - var(--header,94px) - var(--footer,76px));min-height:550px;overflow:hidden;padding:clamp(24px,4vw,58px) clamp(5%,7vw,9%) 86px;background:#080c14}
.cinema-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 74% 32%,#304059 0,#131b2a 30%,#080c14 70%)}
.cinema-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.cinema-media .media-poster,.cinema-media img,.cinema-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-media .media-shade{position:absolute;inset:0}.cinema-media-fallback{display:grid;place-items:center;color:#cfbb95;letter-spacing:.28em;font-size:10px;border:1px solid #d5c7a32e}.cinema-media-fallback span{opacity:.6}.cinema-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#050810f0 0%,#050810c9 24%,#05081038 65%,#050810ba 100%),linear-gradient(0deg,#050810ec 0%,transparent 34%,#05081075 100%);pointer-events:none}
.cinema-topline{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;color:#cfc5b5;font-size:10px;letter-spacing:.24em;text-transform:uppercase}.cinema-topline i{font-style:normal;color:var(--cinema-accent);margin:0 10px}
.cinema-content{position:relative;z-index:2;display:grid;align-content:center;align-items:center;height:100%;min-height:0;max-width:900px;padding:clamp(20px,5vh,62px) 0 96px;box-sizing:border-box}.cinema-beat-panel{grid-area:1/1;animation:cinema-in .65s ease both}.cinema-beat-panel[hidden]{display:none!important}.cinema-kicker{margin:0 0 17px;color:var(--cinema-accent);font-size:11px;letter-spacing:.2em}.cinema-kicker i{font-style:normal;color:#b0a697;margin:0 8px}.cinema-beat-panel h1,.cinema-beat-panel h2{margin:0;max-width:820px;font-family:"STSong","Songti SC","SimSun",serif;font-weight:400;letter-spacing:.06em;line-height:1.3;text-shadow:0 8px 40px #000b}.cinema-beat-panel h1{font-size:clamp(44px,6vw,86px)}.cinema-beat-panel h1 em{font-style:normal;color:var(--cinema-accent)}.cinema-beat-panel h2{font-size:clamp(30px,4vw,58px)}.cinema-lede{max-width:590px;margin:18px 0 0;color:#d2d1cf;font-size:clamp(14px,1.35vw,18px);line-height:1.9;letter-spacing:.06em}.cinema-meta{display:flex;gap:28px;align-items:center;margin-top:25px;color:#b7bbc3;font-size:11px;letter-spacing:.15em}.cinema-meta span+span{padding-left:28px;border-left:1px solid #d8cbae5c}.cinema-meta span:first-child{color:var(--cinema-accent);font-family:Georgia,serif;font-size:25px;font-style:italic}
.cinema-offerings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}.cinema-offering{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px;background:linear-gradient(140deg,#101827db,#101520ad);border:1px solid var(--cinema-line);color:inherit;transition:transform .25s,border-color .25s,background .25s}.cinema-offering:hover,.cinema-offering:focus-visible{transform:translateY(-5px);border-color:var(--cinema-accent);background:#172233}.cinema-offering>span{color:var(--cinema-accent);font:italic 23px Georgia,serif}.cinema-offering b{margin-top:18px;font-size:21px;font-weight:500}.cinema-offering small{margin-top:9px;color:var(--cinema-muted);font-size:12px;line-height:1.7}.cinema-offering em{margin-top:auto;color:var(--cinema-accent);font-size:11px;font-style:normal;letter-spacing:.08em}
.cinema-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:38px}.cinema-steps article{border-top:1px solid var(--cinema-line);padding-top:17px}.cinema-steps article>span{color:var(--cinema-accent);font:italic 22px Georgia,serif}.cinema-steps b{display:block;margin-top:13px;font-size:18px;font-weight:500}.cinema-steps p{margin:8px 0 0;color:var(--cinema-muted);font-size:12px;line-height:1.75}.cinema-return,.cinema-action{margin-top:30px;margin-right:22px;padding:10px 0;background:none;border-bottom:1px solid var(--cinema-accent);color:var(--cinema-accent);font-size:13px}.cinema-action{color:#d0c5b5;border-color:#d0c5b566}
.cinema-capabilities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:34px}.cinema-capability{min-height:142px;padding:17px;text-align:left;background:#101722c7;border:1px solid var(--cinema-line);border-top:2px solid var(--cinema-accent);color:inherit;transition:background .25s,transform .25s}.cinema-capability:hover,.cinema-capability:focus-visible{background:#1b2737;transform:translateY(-5px)}.cinema-capability .cinema-index{display:block;color:var(--cinema-accent);font:italic 20px Georgia,serif}.cinema-capability b{display:block;margin-top:16px;font-size:17px;font-weight:500}.cinema-capability small{display:block;margin-top:4px;color:#8f99a8;font-size:9px;letter-spacing:.08em;line-height:1.4}
.cinema-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}.cinema-route{min-height:156px;padding:22px;text-align:left;background:#101722c7;border:1px solid var(--cinema-line);color:inherit;transition:background .25s,border-color .25s}.cinema-route:hover,.cinema-route:focus-visible{background:#1a2738;border-color:var(--cinema-accent)}.cinema-route span{display:block;font-size:21px}.cinema-route small{display:block;margin-top:13px;color:var(--cinema-muted);font-size:12px;line-height:1.7}.cinema-empty{color:var(--cinema-muted)}
.cinema-beat-nav{position:absolute;z-index:3;left:clamp(5%,7vw,9%);bottom:27px;display:flex;gap:10px}.cinema-beat-nav button{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#080d16b8;border:1px solid #ffffff2a;color:#adb3be;font-size:11px;letter-spacing:.05em;transition:.25s}.cinema-beat-nav button span{color:#778194;font:italic 16px Georgia,serif}.cinema-beat-nav button:hover,.cinema-beat-nav button.is-active{border-color:var(--cinema-accent);color:#f4eadb;background:#17212fd4}.cinema-beat-nav button.is-active span{color:var(--cinema-accent)}.cinema-hint{position:absolute;right:clamp(5%,7vw,9%);bottom:34px;color:#7d8795;font-size:10px;letter-spacing:.09em}.cinema-hint-pending{color:#b4a17f}
.cinema-main button:focus-visible{outline:2px solid var(--cinema-accent);outline-offset:4px}
.is-playing .cinema-beat-nav,.is-playing .cinema-hint{visibility:hidden}
.cinema-beat-panel h1,.cinema-beat-panel h2{text-wrap:balance}.cinema-topline>span:last-child{display:none}
@keyframes cinema-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cinema-beat-panel{animation:none}.cinema-offering,.cinema-capability,.cinema-route{transition:none}}

@media (min-width:901px) and (max-height:800px){.cinema-stage{padding-top:28px;padding-bottom:82px}.cinema-content{padding-top:20px;padding-bottom:92px;max-width:820px}.cinema-beat-panel h1{font-size:clamp(40px,5vw,64px)}.cinema-beat-panel h2{font-size:clamp(28px,3.5vw,46px)}.cinema-kicker{margin-bottom:12px}.cinema-lede{margin-top:14px;line-height:1.7}.cinema-meta{margin-top:18px}.cinema-offerings,.cinema-capabilities,.cinema-routes{margin-top:22px}.cinema-offering{min-height:150px;padding:16px}.cinema-offering b{margin-top:12px;font-size:18px}.cinema-offering small{font-size:11px}.cinema-capability{min-height:122px;padding:13px}.cinema-capability b{margin-top:11px;font-size:15px}.cinema-route{min-height:128px;padding:16px}.cinema-steps{margin-top:24px;gap:16px}.cinema-steps b{font-size:16px}.cinema-steps p{margin-top:5px}.cinema-return,.cinema-action{margin-top:20px}}
@media(max-width:900px){.cinema-stage{height:auto;min-height:calc(100svh - var(--header,94px) - var(--footer,76px));padding-bottom:92px}.cinema-content{height:auto;min-height:570px}.cinema-capabilities{grid-template-columns:repeat(3,1fr)}.cinema-steps{grid-template-columns:repeat(2,1fr)}.cinema-hint{display:none}}
@media(max-width:620px){.cinema-stage{padding-inline:6%;padding-top:30px}.cinema-topline{font-size:8px}.cinema-topline span:last-child{display:none}.cinema-content{min-height:650px;padding-top:58px}.cinema-beat-panel h1{font-size:43px}.cinema-beat-panel h2{font-size:31px}.cinema-lede{font-size:14px}.cinema-offerings,.cinema-routes{grid-template-columns:1fr;margin-top:25px}.cinema-offering{min-height:145px}.cinema-capabilities{grid-template-columns:repeat(2,1fr);margin-top:25px}.cinema-capability{min-height:125px}.cinema-steps{gap:18px;margin-top:28px}.cinema-steps b{font-size:16px}.cinema-beat-nav{left:6%;right:6%;bottom:22px;gap:6px}.cinema-beat-nav button{flex:1;justify-content:center;padding:8px 5px}.cinema-beat-nav button b{font-size:10px}.cinema-beat-nav button span{font-size:14px}.cinema-meta{gap:14px;flex-wrap:wrap}.cinema-meta span+span{padding-left:14px}}