*{box-sizing:border-box}html{color-scheme:dark;background:#07141c}body{margin:0;background:#07141c;color:#e8ebdf;font-family:"Microsoft YaHei","PingFang SC",sans-serif;overscroll-behavior:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e9d9a9;outline-offset:4px}[hidden]{display:none!important}#player{width:100%;height:100vh;height:100svh;min-height:360px;position:relative;overflow:hidden;isolation:isolate;background:#07141c}#film{width:100%;height:100%;display:block;touch-action:manipulation}.film-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:24px;padding:calc(18px + env(safe-area-inset-top)) 36px 20px;background:linear-gradient(#051018b3,transparent);z-index:5;pointer-events:none;transition:opacity .3s}.film-header>*{pointer-events:auto}.brand{color:#e4e8da;font-family:serif;font-size:23px;letter-spacing:5px;text-decoration:none}.brand span{font-family:sans-serif;letter-spacing:3px;font-size:9px;margin-left:18px;color:#a1bcbf}.cast{margin-left:auto;font-size:12px;letter-spacing:3px;color:#bfd0cb}.cast i{font-style:normal;color:#7a9498;margin:0 9px}.icon-button{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;font-size:25px;flex-shrink:0;border-radius:50%;color:#d3dfd8}.icon-button:hover{background:#ffffff14}.intro{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#06121ce6 0%,#071b2866 48%,#071b2800 85%);display:flex;align-items:center;transition:opacity .65s,visibility .65s}.intro.closed{opacity:0;visibility:hidden;pointer-events:none}.intro-copy{margin-left:12%;max-width:620px;padding-bottom:15px}.eyebrow{color:#a7c1c1;font-size:11px;letter-spacing:4px;margin:0 0 28px}h1{font-family:"Songti SC","SimSun",serif;font-weight:400;font-size:clamp(84px,9vw,148px);line-height:1;margin:0;letter-spacing:17px;color:#e7e8d7}h1 span{margin-left:16px}.english{font:italic 25px Georgia,serif;letter-spacing:3px;color:#a4bdb8;margin:20px 0 28px}.dedication{font-family:serif;font-size:17px;line-height:1.9;letter-spacing:3px;color:#c7d5cf}.begin{margin-top:32px;display:flex;align-items:center;gap:22px;background:#dae2cc;border:1px solid #edf1df70;border-radius:2px;padding:17px 28px;min-height:68px;color:#183238;text-align:left;letter-spacing:2px;font-size:16px}.begin small{display:block;font-size:10px;letter-spacing:1px;color:#5f7877;margin-top:7px}.play-triangle{font-size:19px}.headphone{color:#8da8ab;font-size:11px;letter-spacing:2px;margin-top:18px}.controls{position:absolute;z-index:5;bottom:0;left:0;right:0;padding:35px max(6vw,24px) calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#041018e8 35%,#041018fa);transition:opacity .35s,transform .35s}.not-started .controls{opacity:0;pointer-events:none;transform:translateY(20px)}.track-info{display:flex;justify-content:space-between;align-items:center;font-size:15px;letter-spacing:2px}.track-info b{font-size:11px;font-weight:400;color:#88a5a8;letter-spacing:1px;margin-left:12px}#time{font:12px monospace;letter-spacing:.3px;color:#afc2c2}#progress{display:block;width:100%;height:32px;appearance:none;margin:2px 0 0;background:transparent;cursor:pointer;touch-action:none;--progress:0%}#progress::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#d2e2cc var(--progress),#78979d55 var(--progress))}#progress::-webkit-slider-thumb{appearance:none;width:15px;height:15px;margin-top:-6px;border:3px solid #edf0dc;border-radius:50%;background:#dce6d2;box-shadow:0 0 10px #bfd8be44}#progress::-moz-range-track{height:3px;background:#75979a55}#progress::-moz-range-progress{height:3px;background:#d2e2cc}#progress::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#dce6d2}.control-row{display:flex;align-items:center;gap:14px;max-width:1100px;margin:auto}.main-toggle{height:52px;width:52px;border-radius:50%;border:1px solid #d2ddc88a;background:#d6e3cc;color:#163237;font-size:22px;display:flex;align-items:center;justify-content:center}.skip{position:relative;font-size:36px}.skip small{font:9px sans-serif;position:absolute;top:20px;left:19px}.control-spacer{flex:1}.caption-toggle{font-size:17px}#fullscreen{font-size:32px}.story-caption{position:absolute;left:15%;right:15%;bottom:205px;z-index:2;text-align:center;font-family:"Songti SC","SimSun",serif;font-size:23px;line-height:1.6;letter-spacing:2px;color:#edf0df;text-shadow:0 2px 12px #00121c,0 1px 4px #00121c;pointer-events:none;transition:opacity .15s}.center-play{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);z-index:4;width:76px;height:76px;border:1px solid #dce4d780;border-radius:50%;background:#071a267a;backdrop-filter:blur(5px);font-size:26px;padding-left:7px}.buffering{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:7;background:#081c29dd;padding:15px 22px;border-radius:4px;font-size:14px}.settings{position:absolute;z-index:10;right:26px;top:calc(83px + env(safe-area-inset-top));width:310px;padding:16px 22px;background:#102934f5;border:1px solid #78939144;box-shadow:0 18px 60px #0007;border-radius:12px;backdrop-filter:blur(18px)}.settings-head{display:flex;justify-content:space-between;align-items:center;font-size:15px;letter-spacing:2px}.setting-row{display:flex;width:100%;justify-content:space-between;align-items:center;padding:15px 0;border:0;border-bottom:1px solid #829b9322;background:none;font-size:14px;text-align:left}.volume-row input{width:130px;accent-color:#cedbc8}.settings p{font-size:12px;color:#8eaaa9;margin-top:25px}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.chapters button{min-height:46px;background:#789b8e14;border:1px solid #738e8833;border-radius:4px;font-size:13px}.chapters button:hover{background:#a6c0a926}.version{display:block;font-size:10px;color:#6c8a90;margin:20px 0 5px}.error{position:absolute;z-index:20;bottom:180px;left:10%;right:10%;padding:20px;background:#452d30;font-size:14px;border-radius:6px}.exit-immersive{position:absolute;right:22px;top:calc(20px + env(safe-area-inset-top));z-index:12;background:#102c36cc;border:1px solid #8a9e9266;border-radius:4px;padding:12px;font-size:13px}.immersive .film-header{opacity:0;pointer-events:none}#player:fullscreen{height:100dvh}.playing.idle .film-header{opacity:0;pointer-events:none}.playing.idle .controls{opacity:0;transform:translateY(10px);pointer-events:none}.playing.idle .story-caption{bottom:max(7vh,38px)}.settings-open .film-header,.settings-open .controls{opacity:1!important;pointer-events:auto!important}.settings-open .controls{transform:none!important}@media(hover:hover){.controls:focus-within{opacity:1!important;transform:none!important;pointer-events:auto!important}}@media(max-width:700px) and (orientation:portrait){#player{height:100svh;min-height:500px}.film-header{padding:calc(10px + env(safe-area-inset-top)) 20px 18px;gap:12px}.brand{font-size:23px;letter-spacing:4px}.brand span{display:none}.cast{font-size:12px;letter-spacing:2px}.cast i{margin:0 4px}.intro{align-items:flex-end;background:linear-gradient(0deg,#04121cf5 0%,#061923bf 22%,#06192300 72%)}.intro-copy{margin:0 28px 6vh;padding:0;max-width:100%}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:20px}h1{font-size:90px;letter-spacing:12px}h1 span{margin-left:8px}.english{font-size:22px;margin:12px 0 19px}.dedication{font-size:16px;line-height:1.75;letter-spacing:3px;margin:0}.begin{min-height:66px;margin-top:23px;padding:14px 23px;gap:20px;font-size:16px}.headphone{font-size:11px;margin-top:14px}.controls{padding:30px 22px calc(16px + env(safe-area-inset-bottom))}.control-row{gap:16px}.track-info{font-size:15px}#time{font-size:12px}.story-caption{font-size:19px;line-height:1.6;left:25px;right:25px;bottom:203px;letter-spacing:1px}.settings{left:18px;right:18px;width:auto;top:calc(77px + env(safe-area-inset-top))}.main-toggle{height:54px;width:54px}.volume-row{display:none}.center-play{top:43%}.playing.idle .story-caption{bottom:calc(38px + env(safe-area-inset-bottom))}}@media(max-height:500px) and (orientation:landscape){#player{min-height:280px}.film-header{padding:5px 20px}.brand{font-size:19px}.controls{padding:20px 6vw calc(5px + env(safe-area-inset-bottom))}.track-info{font-size:12px}.control-row{height:44px}.main-toggle{height:40px;width:40px}.icon-button{height:44px;width:44px}#progress{height:25px}.story-caption{bottom:130px;font-size:18px}.intro-copy{margin-left:9%;padding-top:35px}.eyebrow,.dedication,.headphone{display:none}h1{font-size:70px}.english{font-size:18px;margin:10px 0}.begin{margin-top:14px;min-height:52px;padding:10px 20px;font-size:14px}.begin small{font-size:9px}.settings{top:55px;max-height:calc(100svh - 70px);overflow:auto}}@media(prefers-reduced-motion:reduce){.intro,.controls,.film-header,.story-caption{transition:none}}
@media(max-width:700px) and (orientation:portrait){.control-row{gap:clamp(4px,1.5vw,10px)}}@media(max-width:350px) and (orientation:portrait){.intro-copy{margin:0 22px 4vh}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:76px}.english{font-size:19px;margin:10px 0 12px}.dedication{font-size:15px}.begin{margin-top:18px}.headphone{margin-top:12px}.controls{padding-left:18px;padding-right:18px}.cast{font-size:11px;letter-spacing:1px}}