:root{--paper:#eee8da;--ink:#282920;--muted:#686960;--red:#923d2d;--line:#33382a2d;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Hiragino Sans GB",sans-serif}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font:14px var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}[hidden]{display:none!important}
.exhibition{min-height:710px;height:100svh;position:relative;overflow:hidden;background:#f2ebdc}.landscape,.veil{position:absolute;inset:0;pointer-events:none}.landscape img{width:100%;height:100%;object-fit:cover;object-position:60% center}.veil{background:linear-gradient(90deg,#f0e9dbef 0%,#f0e9db80 30%,transparent 58%),linear-gradient(0deg,#eee8daf2 0%,#eee8da99 12%,transparent 37%),linear-gradient(180deg,#eee8daaf,transparent 20%)}
.header{position:absolute;top:30px;left:4%;right:4%;height:48px;display:flex;align-items:center;gap:22px;z-index:7}.brand{font:30px var(--serif);letter-spacing:.17em;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand>span{font:10px var(--serif);letter-spacing:0;padding:5px 4px;color:#f1e8d7;background:var(--red);transform:rotate(-4deg);align-self:flex-end}.identity{border-left:1px solid var(--line);padding-left:22px;font:13px var(--serif);letter-spacing:.13em}.identity span{display:block;font:8px var(--sans);letter-spacing:.16em;margin-top:7px;color:var(--muted)}.modes{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:25px;white-space:nowrap}.modes button{padding:12px 0;border-bottom:1px solid transparent;font-size:12px;letter-spacing:.07em;transition:border .2s,color .2s}.modes button span{font-size:9px;color:#767a6e;margin-right:8px}.modes button[aria-pressed=true]{color:var(--red);border-color:var(--red)}.archive{margin-left:auto;font-size:11px;letter-spacing:.06em;padding:10px 0}.archive span{margin-left:8px;color:var(--red)}
.edition{position:absolute;left:4%;top:115px;color:#737368;font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:7px}.dot{width:4px;height:4px;border-radius:50%;background:var(--red)}.introduction{position:absolute;left:7%;top:26%;width:470px;z-index:2}.eyebrow{font-size:10px;color:var(--red);letter-spacing:.17em;margin:0 0 23px}.introduction h1{font:400 clamp(37px,3.35vw,62px)/1.4 var(--serif);letter-spacing:.045em;margin:0 0 24px;max-width:490px}.description{font-size:12px;line-height:2;color:#5e6156;letter-spacing:.04em;margin:0 0 25px}.enter{display:flex;align-items:center;gap:32px;min-height:47px;padding:10px 0;border-bottom:1px solid #923d2d75;font-size:12px;letter-spacing:.09em;color:var(--red)}.enter>span:last-child{font-size:21px;transition:transform .2s}.enter:hover>span:last-child{transform:translate(3px,-3px)}.asset-status{font-size:9px;margin-top:17px;color:#74776b;letter-spacing:.09em}.image-caption{position:absolute;right:4.5%;bottom:224px;text-align:right;color:#343a2e;z-index:2}.caption-rule{display:block;width:32px;height:1px;background:var(--red);margin-left:auto}.image-caption p{font:16px var(--serif);margin:13px 0 6px;letter-spacing:.08em}.image-caption>span:last-child{font-size:8px;letter-spacing:.1em;color:#5f665a}
.chapter-bar{position:absolute;left:4%;right:4%;bottom:67px;min-height:115px;display:flex;align-items:center;gap:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:3}.chapter-label{width:245px;flex-shrink:0}.chapter-label>span{font-size:9px;color:#787b6c;letter-spacing:.15em}.chapter-label p{font:16px var(--serif);letter-spacing:.04em;margin:11px 0 0}.chapters{list-style:none;display:flex;justify-content:space-between;flex:1;max-width:620px;padding:0;margin:0;gap:25px}.chapters li{position:relative;padding:15px 0;min-width:135px}.chapters li:before{content:"";position:absolute;top:-21px;left:0;width:0;height:2px;background:var(--red);transition:width .2s}.chapters li.active:before{width:100%}.chapters button{display:flex;align-items:center;gap:18px;padding:0;text-align:left}.chapters .number{font:italic 26px Georgia,serif;color:#929385}.chapters strong{display:block;font:20px var(--serif);letter-spacing:.1em}.chapters small{display:block;font-size:9px;color:#7b7e70;margin-top:7px}.chapters li.active .number,.chapters li.active strong{color:var(--red)}.story-link{margin-left:auto;font-size:10px;white-space:nowrap;letter-spacing:.08em;padding:12px 0}.story-link span{color:var(--red);margin-left:5px}footer{position:absolute;bottom:27px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:8px;color:#777c6d;letter-spacing:.1em}
.real-player{position:absolute;left:39%;right:4%;top:23%;bottom:29%;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:12px}.video-frame{width:min(100%,calc(85.333svh - 85.333px));align-self:flex-end;background:#151913;box-shadow:0 22px 60px #282c201e}.real-player video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#151913;border:1px solid #3e43382d}.player-foot{display:flex;gap:15px;justify-content:space-between;align-items:center;min-height:28px;font-size:10px;color:#606958;line-height:1.6}.player-foot a,.player-foot button{color:var(--red);white-space:nowrap}.player-foot button{padding:5px 0}body[data-mode=real] .landscape img{object-position:center}body[data-mode=real] .veil{background:linear-gradient(90deg,#f0e9dbfa 0%,#f0e9dbef 28%,#f0e9db78 65%),linear-gradient(0deg,#eee8daff,transparent 60%),linear-gradient(180deg,#eee8daf5,transparent 50%)}body[data-mode=real] .introduction{top:26%;width:31%;max-width:380px}body[data-mode=real] .introduction h1{font-size:clamp(32px,2.75vw,48px)}body[data-mode=real] .image-caption{display:none}
.world-stage{position:absolute;inset:96px 0 0;z-index:4;background:#f0e9d9}.world-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.world-stage canvas:active{cursor:grabbing}.world-note{position:absolute;top:30px;left:4%;pointer-events:none;max-width:285px;background:linear-gradient(90deg,#f0e9d9c9,transparent);padding:6px 24px 16px 0}.world-note .eyebrow{font-size:9px;margin-bottom:12px}.world-note h1{font:30px var(--serif);margin:0 0 10px;letter-spacing:.13em}.world-note>p:not(.eyebrow){font-size:10px;color:#5d6659;line-height:1.9;margin:0}.world-note>span{display:block;font-size:8px;letter-spacing:.11em;color:#818479;margin-top:10px}.places{position:absolute;right:4%;top:33px;display:flex;flex-direction:column;gap:7px}.places button{display:flex;align-items:center;gap:12px;min-height:40px;background:#f3eddeeb;border:1px solid #555c4333;padding:8px 15px;font-size:10px;box-shadow:0 3px 18px #30352b08}.places button span{font:italic 16px Georgia,serif;color:var(--red)}.places button[aria-pressed=true]{border-color:#923d2d75;color:var(--red);background:#f5e9d6}.world-bar{position:absolute;bottom:47px;left:4%;right:4%;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:14px;background:linear-gradient(0deg,#eee8daec,transparent);min-height:64px}.world-actions{display:flex;gap:27px}.world-actions button{min-height:40px;font-size:12px;letter-spacing:.05em;padding:8px 0}.world-actions button:first-child{color:var(--red);display:flex;gap:10px;align-items:center}.world-time{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:9px;color:#697261}.world-time>span:last-child{font:13px Georgia,serif;color:var(--red)}.world-zoom{display:flex;gap:4px}.world-zoom button{height:35px;width:35px;border:1px solid var(--line);background:#f0eadceb;font-size:19px}.world-hint{position:absolute;bottom:20px;left:4%;margin:0;color:#727969;font-size:8px;letter-spacing:.08em}.world-loading,.world-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#eee8daf2;z-index:5;text-align:center;padding:24px}.world-loading p{font:18px var(--serif);letter-spacing:.13em;margin-top:28px}.loading-stroke{height:1px;width:70px;background:var(--red);transform-origin:left;animation:breathe 1.4s ease-in-out infinite}.world-fallback h2{font:28px var(--serif);margin:0 0 12px}.world-fallback p{font-size:12px;line-height:1.8;max-width:380px;color:var(--muted)}.text-button{padding:12px 0;color:var(--red);font-size:12px;border-bottom:1px solid #923d2d60;margin:4px 0}body[data-mode=space] .exhibition{min-height:540px}body[data-mode=space] .header{top:24px}body[data-mode=space] .introduction,body[data-mode=space] .edition,body[data-mode=space] .chapter-bar,body[data-mode=space] .image-caption,body[data-mode=space] footer,body[data-mode=space] .landscape,body[data-mode=space] .veil{display:none}
dialog{width:min(830px,calc(100% - 40px));max-height:88svh;overflow:auto;border:1px solid #30392930;background:#f3eee3;padding:48px 55px;color:var(--ink);box-shadow:0 30px 100px #161e2b4d}dialog::backdrop{background:#1e282bae}.close{position:absolute;right:20px;top:15px;padding:4px 10px;font-size:29px;color:#727569}dialog h2{font:32px/1.5 var(--serif);margin:8px 0 24px;letter-spacing:.04em}dialog p{font-size:13px;line-height:2;color:#5d6657}dialog .eyebrow{color:var(--red);font-size:9px;line-height:1.5}dialog figure{margin:28px 0}dialog figure img,.story-image{width:100%;display:block}dialog figcaption{font-size:9px;color:#858a7d;margin-top:12px;letter-spacing:.08em}.honest-note{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:11px!important;color:#727c69!important}.shot-list{list-style:none;padding:0;margin:28px 0 0}.shot-list li{display:flex;gap:30px;border-bottom:1px solid #30392918;padding:17px 0}.shot-list li>span{flex:0 0 88px;font:11px Georgia,serif;color:var(--red);padding-top:7px}.shot-list h3{font:20px var(--serif);margin:0 0 8px}.shot-list p{font-size:12px;line-height:1.9;margin:0}.text-link{font-size:12px;color:var(--red);display:inline-block;border-bottom:1px solid #923d2d55;padding-bottom:9px;margin-top:10px}.archive-links{display:flex;gap:22px;flex-wrap:wrap}.file-action{cursor:pointer;display:inline-flex;gap:28px;align-items:center;min-height:45px;padding:9px 15px;background:var(--red);color:#f1e8d9;font-size:12px;position:relative}.file-action input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-action:focus-within{outline:2px solid var(--red);outline-offset:4px}.file-note{font-size:10px!important;color:#7b8473!important;overflow-wrap:anywhere}.media-dialog video{display:block;aspect-ratio:16/9;object-fit:contain;width:100%;background:#171c16}.media-dialog .player-foot{margin-top:10px}
@keyframes breathe{0%,100%{transform:scaleX(.4);opacity:.5}50%{transform:scaleX(1);opacity:1}}
.places strong{font-weight:400}
.real-player .player-foot{width:min(100%,calc(85.333svh - 85.333px));align-self:flex-end}
@media(min-width:1600px){.introduction{top:29%}.real-player{top:21%;bottom:28%}.world-note{top:48px}.places{top:50px}}
@media(max-width:1100px){.identity{display:none}.header{gap:12px}.chapter-label{width:190px}.chapter-bar{gap:20px}.chapters{gap:17px}.chapters li{min-width:103px}.chapters button{gap:12px}.story-link{display:none}.introduction{left:5%;width:390px}.image-caption{bottom:222px}body[data-mode=real] .introduction{left:4%;width:32%}.real-player{left:38%;right:4%}.player-foot{font-size:9px;gap:10px}.player-foot a{font-size:9px}.world-note{max-width:230px}}
@media(max-width:740px){.exhibition{min-height:830px;height:100svh}.header{top:20px;left:6%;right:6%;height:42px;gap:12px}.brand{font-size:25px}.archive{font-size:9px}.modes{left:0;right:0;transform:none;top:62px;justify-content:space-between;gap:16px}.modes button{font-size:11px;min-height:38px;padding:9px 0}.modes button span{font-size:8px;margin-right:8px}.edition{top:138px;left:6%;font-size:8px}.introduction{left:7%;top:21%;width:85%;max-width:440px}.eyebrow{font-size:8px;margin-bottom:16px}.introduction h1{font-size:38px;line-height:1.45;margin-bottom:14px}.description{font-size:11px;margin-bottom:14px}.enter{font-size:11px;min-height:42px;gap:25px}.asset-status{font-size:8px;margin-top:11px}.landscape img{object-position:65% center}.veil{background:linear-gradient(90deg,#f0e9dbbc,transparent 95%),linear-gradient(0deg,#eee8dafb 0%,#eee8daab 16%,transparent 50%),linear-gradient(180deg,#eee8daca 0%,#eee8da6b 35%,transparent 60%)}.image-caption{right:6%;bottom:193px}.image-caption p{font-size:13px}.image-caption>span:last-child{font-size:7px}.chapter-bar{left:6%;right:6%;bottom:51px;min-height:100px;gap:0}.chapter-label{display:none}.chapters{max-width:none;gap:8px}.chapters li{min-width:0;flex:1;padding:12px 0}.chapters button{gap:10px}.chapters .number{font-size:21px}.chapters strong{font-size:17px}.chapters small{font-size:8px;white-space:nowrap}.chapters li:before{top:-20px}.story-link{display:none}footer{bottom:23px;left:6%;right:6%;font-size:7px}footer>span:last-child{max-width:48%;text-align:right}body[data-mode=real] .introduction{top:21%;left:7%;width:86%;max-width:none}body[data-mode=real] .introduction h1{font-size:32px;margin-bottom:10px}body[data-mode=real] .description{font-size:10px;margin-bottom:11px}body[data-mode=real] .asset-status{display:none}body[data-mode=real] .enter{min-height:34px;padding:5px 0}.real-player{top:49%;left:6%;right:6%;bottom:auto;gap:9px}.real-player video{max-height:none}.player-foot{font-size:8px;gap:7px;flex-wrap:wrap}.player-foot a{margin-left:auto;font-size:8px}.player-foot button{font-size:9px}body[data-mode=real] .veil{background:linear-gradient(180deg,#eee8daff 0%,#eee8daef 45%,#eee8da92 70%,#eee8daff 90%)}body[data-mode=space] .exhibition{min-height:580px}body[data-mode=space] .header{top:20px}.world-stage{top:132px}.world-note{top:20px;left:6%;max-width:190px;padding-right:10px}.world-note .eyebrow{font-size:8px;margin-bottom:9px}.world-note h1{font-size:25px;letter-spacing:.08em}.world-note>p:not(.eyebrow){font-size:9px;max-width:145px}.world-note>span{font-size:7px}.places{top:20px;right:6%;gap:6px}.places button{min-height:34px;padding:5px 8px;font-size:8px;gap:7px;max-width:125px}.places button span{font-size:13px}.world-bar{left:6%;right:6%;bottom:47px;gap:8px;flex-wrap:wrap;padding-top:9px;min-height:70px}.world-actions{gap:18px;flex:1}.world-actions button{font-size:10px;min-height:34px}.world-actions button:first-child{gap:7px}.world-time{order:3;width:100%;margin:0;justify-content:space-between;font-size:8px}.world-time>span:last-child{font-size:11px}.world-zoom button{width:30px;height:30px;font-size:17px}.world-hint{bottom:21px;left:6%;font-size:7px}.world-fallback h2{font-size:23px}.world-fallback p{font-size:11px}dialog{width:calc(100% - 24px);padding:41px 24px;max-height:90svh}dialog h2{font-size:25px}.close{right:10px;top:8px}.shot-list li{gap:17px}.shot-list li>span{flex-basis:67px;font-size:10px}.shot-list h3{font-size:18px}.shot-list p{font-size:11px}.archive-links{gap:16px}.text-link{font-size:11px}}
@media(max-width:370px){.introduction h1{font-size:32px}body[data-mode=real] .introduction h1{font-size:28px}.chapters .number{font-size:18px}.chapters button{gap:6px}.chapters strong{font-size:16px}.chapters small{font-size:7px}.real-player{top:48%}.world-note{max-width:165px}.world-note h1{font-size:22px}.world-note>p:not(.eyebrow){max-width:120px}.places button{padding:5px 6px;max-width:111px}}
@media(max-height:650px) and (min-width:741px){body[data-mode=space] .world-stage{top:88px}.world-note{top:15px}.world-bar{bottom:39px}.world-hint{bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}