#theatre .river-passage{position:absolute;inset:0;z-index:50;overflow:hidden;isolation:isolate;background:#12385b;color:#edf8ff;container-type:inline-size;font-family:Arial,'Microsoft YaHei',sans-serif}
.r-world{position:absolute;inset:0;overflow:hidden;background:#12385b}
#theatre .r-panorama{position:absolute;left:0;top:0;width:190%;height:100%;max-width:none;object-fit:cover;filter:none!important;will-change:transform}
.r-atmosphere{position:absolute;inset:0;background:linear-gradient(#03152b87,transparent 35%,#4689b51c 65%,#05162eda)}
.r-heading{position:absolute;left:16%;right:12%;top:4%;text-shadow:0 2px 12px #071e45}
.r-heading small{font-size:2.5cqw;letter-spacing:.5cqw;color:#a9dff5}
.r-heading h1{font:500 6.5cqw/1.5 'STSong','SimSun',serif;letter-spacing:.35cqw;margin:1.8cqw 0}
.r-heading p{font-size:2.8cqw;letter-spacing:.2cqw;color:#e9d4ea}
.r-sound{position:absolute;z-index:3;right:3%;top:2.5%;width:9cqw;height:9cqw;border:1px solid #9cdaee;border-radius:50%;background:#061b32e8;color:#e6f9ff;font:6cqw Arial;display:grid;place-items:center;padding:0}
.r-route{position:absolute;top:20%;left:16%;right:16%;display:flex;align-items:center;gap:2cqw;padding:2cqw 3cqw;border:1px solid #b5e8ff45;border-radius:20px;background:#09294b8c;font-size:2.5cqw;color:#a3bbcf}
.r-route i{flex:1;height:1px;background:#9ad3e354}.r-route span.active{color:#ffbae4;text-shadow:0 0 9px #f297cc}
.r-water{position:absolute;left:-40%;right:-40%;top:43%;bottom:17%;overflow:hidden;transform:perspective(300px) rotateX(26deg);opacity:.5}
.r-water i{position:absolute;left:0;right:0;height:15%;background:repeating-linear-gradient(0deg,transparent 0 9px,#bde7f04d 10px 11px,transparent 12px 23px);animation:rWater 8s linear infinite}.r-water i:nth-child(2){top:25%;animation-delay:-2s}.r-water i:nth-child(3){top:50%;animation-delay:-4s}.r-water i:nth-child(4){top:75%;animation-delay:-6s}
.r-boat{position:absolute;left:4%;bottom:30%;width:62cqw;height:55cqw;will-change:left;transition:left .18s linear}
.r-boat-sway{position:absolute;inset:0;animation:rBoat 5.8s ease-in-out infinite;transform-origin:50% 90%}
#theatre .r-passenger{position:absolute;z-index:2;left:15%;bottom:10cqw;width:40cqw;height:54cqw;object-fit:contain;filter:none!important}
#theatre .r-hull{position:absolute;z-index:4;bottom:0;width:100%;height:24cqw;object-fit:contain;overflow:visible;filter:drop-shadow(0 4px 2px #061a3480)}
.r-boat-lamp{position:absolute;z-index:5;right:14%;bottom:11cqw;height:30cqw;width:2px;background:#a7c8d9;transform:rotate(-8deg)}
.r-boat-lamp i{position:absolute;top:-2cqw;left:-3cqw;width:6cqw;height:8cqw;border:1px solid #dff7ff;border-radius:40%;background:radial-gradient(#fff7e9,#ffb7da 60%,#d954ac);box-shadow:0 0 4cqw 1cqw #f3aed585}
.r-wake{position:absolute;left:-12%;right:-12%;bottom:-1.5cqw;height:7cqw;border-bottom:1px solid #d0edff88;border-top:1px solid #97d7ef6b;border-radius:50%;animation:rWake 3.5s ease-out infinite;opacity:.6}
.r-mist{position:absolute;left:-30%;right:-30%;height:20%;pointer-events:none;background:radial-gradient(ellipse,#b6e3ed54,transparent 65%);filter:blur(7px);animation:rMist 18s ease-in-out infinite alternate}
.r-mist-far{top:32%;opacity:.7}.r-mist-near{top:63%;animation-delay:-7s;opacity:.6}
.r-shore{position:absolute;right:7%;top:34%;opacity:calc(.1 + var(--river-progress)*.9);color:#c6ecff;text-align:center;text-shadow:0 2px 8px #092547;transition:opacity .3s}
.r-shore span{writing-mode:vertical-rl;font:5cqw 'STSong','SimSun',serif;letter-spacing:1cqw;padding:2cqw;border-right:1px solid #e2b3d9}
.r-shore i{display:block;width:1.2cqw;height:1.2cqw;margin:2cqw auto;border-radius:50%;background:#f7addc;box-shadow:0 0 8px #ffcaee}
.r-petals{position:absolute;inset:18% 0 18%;pointer-events:none;overflow:hidden}
.r-petals i{position:absolute;left:calc(var(--n)*13%);top:-5%;width:1.6cqw;height:2.6cqw;border-radius:80% 15% 80% 20%;background:#e9a0d8a6;animation:rPetal 15s linear infinite;animation-delay:calc(var(--n)*-2s)}
.r-controls{position:absolute;left:6%;right:6%;bottom:3%;padding:3cqw 4cqw;background:linear-gradient(125deg,#03172cf2,#081b31ed);border:1px solid #91d4e6ad;box-shadow:0 8px 22px #06182b77}
.r-caption{width:100%;padding:0;text-align:left;color:#ecf6ff;background:none;border:0;cursor:pointer}
.r-caption small{display:block;color:#a3e2f2;font-size:2.8cqw;letter-spacing:.15cqw;margin-bottom:1.7cqw}
.r-caption p{font:3.5cqw/1.8 Arial,'Microsoft YaHei',sans-serif;min-height:12.6cqw;text-wrap:pretty}
.r-caption>span{display:block;text-align:right;font-size:2.1cqw;color:#9ed5eb;margin-top:1cqw}
.r-range-label{display:block;margin:2.5cqw 0;color:#a6d5ed;font-size:2.5cqw}.r-range-label output{float:right;color:#e4badb}
#theatre .r-progress{display:block;width:100%;margin:2cqw 0 0;accent-color:#f265bd;height:4cqw;cursor:ew-resize}
.r-sail{display:flex;justify-content:center;align-items:center;gap:5cqw;width:100%;min-height:10cqw;border:1px solid #ffcae8;background:linear-gradient(110deg,#f58bce,#ed3ea6);box-shadow:0 .6cqw 0 #8a226d;color:#130e26;font:bold 3.8cqw Arial,'Microsoft YaHei',sans-serif}
.r-sail span{font:5cqw Arial}.r-arrived .r-sail{background:linear-gradient(110deg,#b3e7f4,#f1b2dc)}
@keyframes rBoat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(1.5cqw) rotate(1deg)}}
@keyframes rWater{to{transform:translateX(-12%) translateY(15px)}}
@keyframes rWake{from{transform:scale(.85);opacity:.7}to{transform:scale(1.25);opacity:.05}}
@keyframes rMist{to{transform:translateX(12%)}}
@keyframes rPetal{to{transform:translate(20cqw,95cqw) rotate(280deg)}}
@media(prefers-reduced-motion:reduce){.river-passage *{animation:none!important;transition:none!important}}
#theatre .l-exit>p,#theatre .l-exit-track{display:none}
#theatre .l-river-start{display:flex;justify-content:center;align-items:center;gap:4cqw;width:100%;min-height:11cqw;border:1px solid #ffd5ec;background:linear-gradient(110deg,#f79bd5,#ef4caf);box-shadow:0 .6cqw 0 #81255f;color:#160e28;font:600 3.8cqw Arial,'Microsoft YaHei',sans-serif}
#theatre .l-river-start span{font:5cqw Arial}