:root{color-scheme:dark;--bg:#08171c;--panel:#0c2027;--cream:#e9e2ce;--muted:#6c898b;--gold:#d3ac70;--line:#294047}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#173039 0,transparent 65%),var(--bg);color:var(--cream);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button,svg{flex-shrink:0}button:disabled{cursor:default}.cinema{max-width:1380px;padding:0 48px;margin:auto}.masthead{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand svg{width:27px;height:34px;color:var(--gold)}.brand>span{font-family:"SimSun",serif;font-size:21px;letter-spacing:4px}.brand small{display:block;font:8px "Bahnschrift",Arial,sans-serif;letter-spacing:2.2px;color:var(--muted);margin-top:8px}.edition{font:10px "Bahnschrift",Arial,sans-serif;letter-spacing:2px;color:#9bb0ad;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #d3ac7044}.edition-no{margin-left:25px;color:var(--muted);font-size:9px}.player{position:relative;border:1px solid #2a4249;background:#091b22;box-shadow:0 30px 90px #0004}.screen{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#091c25}.screen canvas{display:block;width:100%;height:100%;object-fit:contain}.start{position:absolute;bottom:10.5%;left:8.05%;display:flex;align-items:center;gap:13px;background:#091c25d9;border:1px solid #819d8c6b;padding:11px 21px 12px 14px;text-align:left;backdrop-filter:blur(8px);z-index:2;transition:background .2s,border-color .2s}.start:hover{background:#253d42;border-color:var(--gold)}.start-icon{font-size:11px;color:var(--gold);width:26px;height:26px;display:grid;place-items:center;border:1px solid #a6b4a853;border-radius:50%;padding-left:2px}.start>span+span{font-size:12px;letter-spacing:2px}.start small{display:block;font:7px "Bahnschrift",sans-serif;color:var(--muted);letter-spacing:1.6px;margin-top:5px}.start[hidden]{display:none}.screen-play{position:absolute;inset:0;border:0;background:none;display:none}.screen.started .screen-play{display:block}.fs-caption{display:none}.transport{padding:0 25px 7px;background:#0c2027}.seek-wrap{position:relative;height:18px;display:flex;align-items:center;top:-3px}.seek-wrap:before{position:absolute;content:"";height:2px;width:100%;background:#294047;pointer-events:none}.seek-wrap input{position:relative;z-index:2;width:100%;height:16px;margin:0;appearance:none;background:transparent;cursor:pointer;--progress:0%}.seek-wrap input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--gold) 0 var(--progress),transparent var(--progress))}.seek-wrap input::-moz-range-track{height:2px;background:#294047}.seek-wrap input::-moz-range-progress{height:2px;background:var(--gold)}.seek-wrap input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:-3px;opacity:0;transition:opacity .2s}.seek-wrap:hover input::-webkit-slider-thumb,.seek-wrap input:focus-visible::-webkit-slider-thumb{opacity:1}.seek-wrap input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--gold)}#chapter-ticks{position:absolute;inset:0;pointer-events:none}#chapter-ticks i{position:absolute;top:7px;height:4px;width:2px;background:#0c2027}.transport-row{display:flex;align-items:center;justify-content:space-between;height:45px;gap:12px}.controls-left,.controls-right{display:flex;align-items:center;gap:10px}.icon-button{border:0;background:none;color:#a2b8b6;padding:6px;display:grid;place-items:center;width:32px;height:32px;transition:color .2s,background .2s;border-radius:3px}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--gold);background:#ffffff08}.icon-button svg{width:21px;height:21px}.play{color:var(--gold);margin-right:3px}.time{font:11px "Bahnschrift",monospace;color:#789494;letter-spacing:1px}.time #elapsed{color:#d3d8c9}.time-slash{padding:0 9px;color:#4c6a6d}.scene-label{display:flex;align-items:center;gap:10px;color:#9fb3ad;font-size:10px;letter-spacing:1px}.scene-label>span:first-child{font:10px "Bahnschrift",sans-serif;color:var(--gold)}.scene-dash{width:17px;height:1px;background:#54726f}.lyric-toggle{font-family:"SimSun",serif;font-size:17px}.controls-right{gap:8px}#volume{appearance:none;width:57px;height:2px;background:#466366;margin:0 8px 0 0;accent-color:var(--gold)}#volume::-webkit-slider-thumb{appearance:none;width:5px;height:5px;background:var(--gold);border-radius:50%}.film-info{display:flex;justify-content:space-between;align-items:center;margin:36px 0 31px}.eyebrow{font:9px "Bahnschrift",sans-serif;letter-spacing:3px;color:var(--gold);margin:0 0 12px}.film-title h1{font-family:"SimSun",serif;letter-spacing:4px;font-weight:400;font-size:29px;margin:0}.film-title h1 span{font-family:"Microsoft YaHei",sans-serif;display:inline-block;font-size:11px;letter-spacing:2px;color:#8ea6a1;margin-left:23px;vertical-align:middle}.description{font-size:11px;color:#789490;letter-spacing:1px;margin:13px 0 0}.film-spec{text-align:right}.film-spec>span{font-family:"SimSun",serif;color:#aab6a7;font-size:16px;letter-spacing:2px}.film-spec p{font:8px "Bahnschrift",sans-serif;letter-spacing:1.8px;color:#63817f;margin:12px 0}.film-spec i{font-style:normal;padding:0 7px}.film-spec a{display:inline-flex;gap:18px;font-size:10px;color:var(--gold);letter-spacing:1px}.film-spec a span{font:9px "Bahnschrift",sans-serif;letter-spacing:1px}.chapters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(7,1fr)}.chapter{appearance:none;background:none;border:0;text-align:left;padding:19px 12px 18px 18px;border-left:1px solid var(--line);position:relative;color:#7c9590;transition:background .25s}.chapter:first-child{border-left:0;padding-left:0}.chapter:hover{background:#ffffff04}.chapter.active{color:var(--cream)}.chapter:after{position:absolute;content:"";left:18px;right:18px;top:-1px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s}.chapter:first-child:after{left:0}.chapter.active:after{transform:scaleX(1)}.chapter>span{display:block;font:8px "Bahnschrift",sans-serif;letter-spacing:1.5px;color:#66827f;margin-bottom:11px}.chapter>strong{font:13px "SimSun",serif;letter-spacing:2px}.chapter>small{font:9px "Bahnschrift",sans-serif;float:right;margin-top:2px;letter-spacing:.8px;color:#5e7e7d}footer{display:flex;justify-content:space-between;color:#4f706f;font-size:9px;letter-spacing:1px;padding:24px 0 32px}footer>span:first-child{font-family:"SimSun",serif;font-size:12px}footer b{font-weight:normal;padding:0 8px}.lyrics-panel{position:fixed;right:24px;top:24px;bottom:24px;width:360px;background:#0b2028f5;backdrop-filter:blur(24px);z-index:20;border:1px solid #42605c;box-shadow:0 20px 100px #0008;padding:24px 26px;overflow:hidden}.lyrics-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:15px}.lyrics-header button{border:0;background:none;font-size:23px;color:#8aaba3}#lyrics-list{height:calc(100% - 50px);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#3f5d56 transparent;padding-top:15px}#lyrics-list button{display:block;width:100%;text-align:left;background:none;border:0;font-size:12px;color:#6d8982;line-height:1.8;padding:11px 0;transition:color .2s}#lyrics-list button.active{color:var(--gold)}#lyrics-list button:hover{color:var(--cream)}[hidden]{display:none!important}.error{padding:12px 25px;color:var(--gold);font-size:12px}
.player:fullscreen{border:0;display:flex;flex-direction:column;justify-content:center;background:#040b10}.player:fullscreen .screen{aspect-ratio:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.player:fullscreen canvas{width:100%;height:100%;object-fit:contain}.player:fullscreen .transport{flex-shrink:0;padding:0 38px 10px;background:#08171c}.player:fullscreen .start{left:8%;bottom:14%}.player:fullscreen .fs-caption{position:absolute;right:35px;top:25px;font-size:11px;color:#b1bfb5;display:block;opacity:0;animation:hint 4s}@keyframes hint{0%,60%{opacity:1}100%{opacity:0}}
@media(min-width:1600px){.cinema{max-width:1510px}.masthead{height:118px}.film-info{margin:39px 0 35px}}@media(max-width:800px){.cinema{padding:0 20px}.masthead{height:85px}.edition{font-size:8px;letter-spacing:1px}.edition-no{display:none}.brand>span{font-size:18px}.brand small{font-size:7px}.film-info{margin:27px 0}.film-title h1{font-size:25px}.film-spec>span{font-size:13px}.film-spec p{font-size:7px;letter-spacing:.6px}.film-spec i{padding:0 2px}.description{font-size:9px;letter-spacing:.3px}.scene-label{display:none}.transport{padding:0 13px 5px}.transport-row{height:38px}.chapter{padding:17px 8px}.chapter>strong{font-size:12px;letter-spacing:0}.chapter>small{display:none}.chapter:after{left:8px;right:8px}footer{font-size:8px}footer>span:last-child{display:none}.start{padding:8px 14px 9px 10px;gap:9px}.start-icon{width:22px;height:22px;font-size:9px}.start>span+span{font-size:10px}.start small{font-size:6px;letter-spacing:1px}.lyrics-panel{right:12px;left:12px;top:12px;bottom:12px;width:auto}}
@media(max-width:480px){.cinema{padding:0 12px}.edition{display:none}.masthead{height:75px}.film-info{gap:12px;align-items:flex-start}.film-title h1{font-size:23px;letter-spacing:2px}.film-title h1 span{display:block;font-size:9px;margin:10px 0 0}.film-spec>span{display:none}.film-spec p{margin-top:0;line-height:2;max-width:120px}.description{font-size:9px;max-width:205px;line-height:1.8}.eyebrow{font-size:7px;letter-spacing:2px}.time{font-size:10px;letter-spacing:0}.time-slash{padding:0 5px}.controls-left,.controls-right{gap:2px}#volume{width:33px;margin-right:3px}.icon-button{width:28px;height:28px}.chapters{grid-template-columns:repeat(7,1fr)}.chapter>span{font-size:7px;letter-spacing:0}.chapter>strong{font-size:10px}.chapter{padding:14px 5px}.chapter:after{left:5px;right:5px}.start{bottom:8%;left:8%;padding:7px 9px;gap:7px}.start small{display:none}.start>span+span{font-size:9px}.start-icon{width:18px;height:18px;font-size:7px}}