:root{--sun:#e9b765;--night:#163d49}body{background:#284f5b}header{background:#143946ed;padding:0 18px;margin-inline:3%;border-bottom:1px solid #e4c48d88;box-shadow:0 7px 24px #102b3933}.gate-world>img{object-position:50% 50%}.gate-world:after{background:linear-gradient(#14394644,transparent 45%,#173e4988)}#atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gate-world .light{background:linear-gradient(125deg,#f1b36e33,transparent 70%)}.note-card{border-left:3px solid var(--red);padding-left:15px;margin-top:24px}.note-card small,.note-card b{display:block}.note-card small{font-size:10px;color:#8b4e36}.note-card b{font:21px/1.8 'SimSun',serif;margin:8px 0}.note-card p{font-size:12px;line-height:1.9}.part-tabs{grid-template-columns:1fr 1fr}#building-canvas,#building-fallback{height:440px}.architecture .model-sheet{background:linear-gradient(150deg,#fff1d4,#dbe2d3)}#building-fallback svg{max-height:370px;width:100%}#enter-search,#to-delivery,#read-letter,#to-route,#start-ending,#take-photo,#export-card,#export-photo{background:#286568;color:#fff1d3;border:1px solid #173e49;box-shadow:0 3px 0 #153e47;min-height:49px}#enter-search{width:100%}button:disabled{cursor:default}#enter-search:disabled,#read-letter:disabled,#start-ending:disabled,#take-photo:disabled{opacity:1;background:#d9cfb6;color:#56685f;box-shadow:none}
#search,#delivery,#route-view,#ending-view,#souvenir{width:min(1180px,92%);margin:30px auto 65px}.scene-title,.delivery-heading,.souvenir-heading{background:#fff0d9f2;padding:22px 28px;border-left:4px solid #ad6842;margin-bottom:24px;box-shadow:5px 6px 0 #173e4933}.scene-title h1,.delivery-heading h1,.souvenir-heading h1{font-size:33px;margin:8px 0 12px}.scene-title p:not(.eyebrow),.souvenir-heading>p:last-child{font-size:13px;line-height:1.9;margin:0}.search-layout{display:grid;grid-template-columns:1fr 275px;gap:24px}.search-stage{height:470px;position:relative;border:6px solid #fff0d2;outline:1px solid #173e49;box-shadow:5px 7px 0 #173e4966;overflow:hidden;isolation:isolate;background:#d6b585}.search-backdrop{position:absolute;inset:-6%;z-index:-2;background:url('./assets/lakeside.jpg') center/cover;transform:scale(1.13) translateX(-3%);transition:transform 1.3s cubic-bezier(.2,.7,.2,1),filter 1.3s}.search-stage[data-place=square] .search-backdrop{transform:scale(1.2) translateX(4%);filter:brightness(.92)}.search-stage[data-place=bench] .search-backdrop{transform:scale(1.4) translateX(-10%);filter:brightness(.88) saturate(.9)}.scene-glimmer{position:absolute;inset:48% -10% 28%;background:repeating-linear-gradient(0deg,transparent 0 7px,#ffd9a337 8px 9px);mix-blend-mode:soft-light;animation:lakeGlimmer 5s linear infinite;z-index:-1}.place-sign{position:absolute;left:18px;top:18px;padding:8px 13px;background:#173e49ed;color:#fff1d2;font:16px 'SimSun',serif;border-left:3px solid #e7b965}.stage-edge-note{position:absolute;left:10px;bottom:5px;font-size:8px;background:#173e49c9;color:#fff0d2;padding:3px 6px}.person{position:absolute;bottom:35px;left:48%;width:180px;height:325px;background:none;border:0;padding:0;transform:translateX(-50%);animation:personBreathe 4s ease-in-out infinite;transform-origin:50% 90%}.person:hover{filter:drop-shadow(0 0 5px #fff0cc)!important}.person:active{transform:translateX(-50%) scale(.98)}.person-cutout{display:block;width:100%;height:100%;background:url('./assets/people.webp') no-repeat 0 50%/300% 100%;filter:drop-shadow(3px 5px 2px #153b4933)}.person-cutout.runner{background-position:50% 50%}.person-cutout.volunteer{background-position:100% 50%}.person-cutout.chen{background-position:0 50%}.person>b{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);white-space:nowrap;background:#173e49f2;border:1px solid #fff0d2;padding:9px 12px;color:#fff0d2;font-size:11px;box-shadow:2px 3px 0 #173e4944}.person:focus-visible{outline:3px solid #edbb65;outline-offset:4px}.scene-aqi{position:absolute;left:15%;bottom:22px;width:110px;height:110px;animation:aqiRock 3s ease-in-out infinite}.scene-aqi i,.meeting-aqi,#route-aqi i{display:block;width:100%;height:100%;background:url('../xinsu/assets/aqi-sprites.png') 50% 0/300% 200%}.stage-walkers{position:absolute;bottom:40%;left:25%;opacity:.7;transform:scale(.7);pointer-events:none}.stage-walkers i{position:absolute;left:0;top:0;width:11px;height:26px;border-radius:45% 45% 20% 20%;background:#28454b;animation:passerby 21s linear infinite}.stage-walkers i:before{content:'';position:absolute;left:2px;top:-8px;width:7px;height:8px;border-radius:50%;background:#c59465}.stage-walkers i:after{content:'';position:absolute;width:9px;height:11px;top:22px;border-left:3px solid #28454b;border-right:3px solid #28454b;animation:walkLeg .5s ease-in-out infinite alternate}.stage-walkers i:nth-child(2){animation-delay:-10s;top:8px;background:#ac7351}.search-notes{padding:22px;background:#fff0d5f5;box-shadow:5px 6px 0 #173e4955;border-top:3px solid #bd8051}.search-notes>small{font-size:10px;color:#97563c}.search-notes h2{font-size:24px;line-height:1.6;margin:14px 0}.photo-object{width:100%;background:#f3deb4;padding:8px;transform:rotate(-2deg);border:1px solid #736a52;box-shadow:3px 5px 0 #173e4933}.photo-object img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:sepia(.2)}.photo-object span{font-size:10px;display:block;padding-top:8px}.search-notes>p{font-size:12px;line-height:1.9}.place-tabs{display:flex;gap:10px;margin:24px 0 18px;flex-wrap:wrap}.place-tabs button{flex:1;min-height:51px;font-size:13px;border:1px solid #fff0d1;background:#173e49e6;color:#fff0d2;box-shadow:0 3px 0 #14333e}.place-tabs button[aria-pressed=true]{background:#e6b76e;color:#173e49;border-color:#173e49}.place-tabs button[data-met=true]:after{content:' · 已问过';font-size:10px}#back-building{display:block;margin-top:12px;background:#fff0d5e6;padding-inline:12px}#to-delivery{width:100%}
.person-dialog-layout{display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:start}.person-display{width:170px;height:340px;align-self:end}.person-dialog-layout h2{font-size:26px;line-height:1.5;margin:10px 0 16px}.person-dialog-layout p{font-size:13px;line-height:1.9}#person-dialog{max-width:730px}#compare-person{width:100%;font-size:12px;background:#e9c488}#questions button{display:block;width:100%;margin:8px 0;font-size:12px}#questions p{font-size:11px;margin-bottom:6px}#comparison,#question-feedback{color:#236666}#person-done{margin-top:10px;background:#286568;color:#fff1d3;font-size:12px}#photo-dialog .old-portrait{width:min(260px,100%);display:block;margin:20px auto;border:7px solid #ebd8b2;box-shadow:3px 4px 0 #173e4944}#photo-dialog>small{font-size:10px}
.delivery-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:25px;align-items:start}.meeting-portrait{position:relative;min-height:490px;padding:25px;background:linear-gradient(180deg,#264d5a99,#173e49db);border:1px solid #eed2a1;color:#fff0d2}.meeting-portrait>.person-cutout{height:330px;width:165px;margin:0 auto}.meeting-aqi{position:absolute;left:6%;top:245px;width:100px;height:100px;background-position:0 100%;animation:aqiRock 3s ease-in-out infinite}.meeting-portrait>p{font:18px/1.9 'SimSun',serif;margin:16px 0 8px;min-height:69px}.meeting-portrait>button{background:#e9c17e;font-size:12px}.letter-panel{padding:30px;background:#fff0d6f7;border-top:4px solid #ae6843;box-shadow:5px 7px 0 #173e4955}.letter-panel>small{font-size:10px;color:#9c583f}.handoff{height:160px;position:relative;margin-top:20px;--transfer:0}.handoff-from,.handoff-to{position:absolute;bottom:0;font-size:12px}.handoff-from{left:0}.handoff-to{right:0}.handoff-track{position:absolute;left:5px;right:5px;top:60px;border-top:1px dashed #173e4966}.handoff-track:after{content:'→';position:absolute;right:0;top:-14px;font-size:22px}#envelope{position:absolute;left:calc(var(--transfer) * (100% - 130px));top:12px;width:130px;height:96px;touch-action:none;background:#e9c892;border:1px solid #966d46;box-shadow:3px 5px 0 #173e4933;cursor:grab;overflow:hidden;transition:box-shadow .2s}#envelope:active{transform:none;cursor:grabbing;box-shadow:4px 8px 7px #173e4933}.envelope-fold{position:absolute;inset:-65px 9px 50px;border:1px solid #b0804b;transform:rotate(45deg);pointer-events:none}#envelope small{position:absolute;left:10px;bottom:10px;font-size:11px}#envelope i{position:absolute;right:10px;bottom:10px;border:1px solid #a95c3b;border-radius:50%;background:#b76847;color:#f8e4bb;width:31px;height:31px;font:18px/30px 'SimSun',serif}.letter-range,.route-control{display:flex;gap:12px;align-items:center;font-size:11px}.letter-range>span,.route-control>span{flex:none}.letter-range input,.route-control input{width:100%;height:44px;accent-color:#286568}.letter-panel>p{font-size:12px;line-height:1.9}#read-letter{width:100%}.invitation{padding:25px 24px 18px;border:1px solid #ad8a57;background:repeating-linear-gradient(0deg,#fcecd0 0 31px,#e8d8b9 32px,#fcecd0 33px);margin-top:25px;transform-origin:top;animation:letterUnfold 1.1s ease-out}.invitation>small{font-size:9px;color:#8e5d41}.invitation h2{font-size:25px;line-height:1.6;margin:22px 0 16px}.invitation p{font:17px/2 'KaiTi','SimSun',serif}.invitation strong{font-weight:400;color:#8e4d36}.invitation .signature{text-align:right;font-size:14px}.invitation button{font-size:12px;width:100%}
.route-book{position:relative;background:#f9edcc;border:1px solid #173e49;box-shadow:7px 9px 0 #12374488;padding:36px 28px 30px;perspective:1100px}.book-spine{position:absolute;top:0;bottom:0;left:50%;width:20px;background:linear-gradient(90deg,transparent,#a1844d25,transparent);pointer-events:none}.route-stops{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.route-stop{background:#fff5db;border:1px solid #173e4977;padding:8px 8px 14px;box-shadow:3px 5px 0 #173e4922;transform-origin:50% 100%;animation:paperRise 1s both;animation-delay:calc(var(--i)*.12s)}.route-stop:nth-child(2n){transform:rotate(1.5deg)}.route-stop:nth-child(2n + 1){transform:rotate(-1.5deg)}.route-stop img{width:100%;aspect-ratio:1.2;object-fit:cover;display:block}.route-stop small{font-size:9px;color:#9c623d;display:block;margin:10px 0 6px}.route-stop b{font:16px/1.5 'SimSun',serif}.route-stop p{font-size:10px;line-height:1.8;margin-bottom:0}.last-mile{position:relative;height:150px;margin:20px 10% 5px;--route:0}.last-mile-track{position:absolute;left:0;right:0;bottom:44px;height:3px;background:linear-gradient(90deg,#d6a25a calc(var(--route) * 100%),#cbc5ac 0)}.last-mile>span,.last-mile>strong{position:absolute;bottom:10px;font-size:12px;font-weight:400}.last-mile>span{left:0}.last-mile>strong{right:0}#route-aqi{position:absolute;left:calc(var(--route)*(100% - 92px));bottom:47px;width:92px;height:92px;touch-action:none;background:none;border:0;padding:0;cursor:grab}#route-aqi:active{transform:none}#route-aqi i{background-position:0 100%;animation:aqiRock .8s ease-in-out infinite}.route-control{margin:0 10%}.route-book>p{text-align:center;font-size:12px;line-height:1.9}.route-book>#start-ending{display:block;margin:15px auto 0;min-width:250px;font-size:13px}
.film-top{background:#153b48;color:#fff0d0;padding:13px 18px;display:flex;align-items:center;gap:10px}.film-top>span{margin-right:auto;font-size:13px}.film-top button{font-size:11px;background:#ffefd0;color:#173e49;padding:8px 12px}.ending-film{position:relative;background:#153b48;border:7px solid #f1e3c3;box-shadow:6px 8px 0 #173e4955;isolation:isolate}#ending-canvas{display:block;width:100%;height:clamp(430px,62dvh,700px)}.film-caption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#153b48ee 40%);padding:48px 28px 22px;color:#fff2d3;pointer-events:none}.film-caption small{font-size:10px;color:#efc488}.film-caption h2{font:27px/1.4 'SimSun',serif;margin:8px 0}.film-caption p{font-size:14px;line-height:1.9;margin:6px 0 0;max-width:750px}.film-bottom{display:flex;align-items:center;gap:15px;background:#fff0d2;padding:13px 17px}.film-bottom progress{flex:1;accent-color:#286568;height:5px}.film-bottom>span{font-size:10px;white-space:nowrap}.film-bottom button{font-size:11px}.film-still{position:absolute;inset:0;background:#fff0d2;opacity:0;pointer-events:none;animation:photoFlash .75s ease-out}#photo-note{color:#fff2d4;font-size:12px;line-height:1.9;background:#173e49dd;display:inline-block;padding:8px 12px}#take-photo{display:block;width:100%;font-size:14px}
.souvenir-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.postcard-preview{background:#fff0d5;padding:14px;box-shadow:5px 7px 0 #173e4977}.postcard-preview canvas{width:100%;height:auto;display:block;aspect-ratio:4/5}.souvenir-options{background:#fff0d5f5;padding:28px;border-top:4px solid #b77349}.souvenir-options>label{display:block;font-size:13px;margin:26px 0 10px}.souvenir-options>label small{font-size:10px;margin-left:8px;opacity:.7}#postcard-note{width:100%;height:48px;padding:8px 10px;border:1px solid #54766c;font:13px inherit;color:#173e49;background:#fff9e8}.souvenir-options>button,.souvenir-options>a{display:block;margin-top:13px;width:100%;font-size:12px;text-align:center}.souvenir-options .text-button{color:#20575b;box-shadow:none}#postcard-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}#postcard-choices button{display:flex;gap:10px;align-items:center;text-align:left;min-height:65px;font-size:11px;background:#e9e3cc;border:1px solid #173e4977;padding:9px}#postcard-choices button[aria-pressed=true]{background:#286568;color:#fff1d4;border-color:#173e49;box-shadow:0 0 0 2px #e3ad58 inset}#postcard-choices img{width:42px;height:42px;object-fit:cover}#export-dialog img{width:100%;display:block;margin:20px 0}#export-dialog a{display:block;min-height:48px;background:#286568;color:#fff1d4;text-align:center;padding:12px;font-size:13px}.book-page-image{width:100%;aspect-ratio:1.8;object-fit:cover;display:block;margin:15px 0;border:5px solid #e6d0a6}#book-page p{font-size:14px;line-height:2}#book-page a{display:inline-block;min-height:44px;font-size:12px;padding:12px 0}.book-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px}.book-controls button{font-size:12px}.book-controls>span{font-size:11px}#evidence p{border-bottom:1px solid #173e4933;padding-bottom:12px;font-size:13px;line-height:1.9}#about-dialog a{display:block;font-size:12px;line-height:1.9;padding:9px 0}body[data-view=ending] header{opacity:.8}dialog{max-height:90dvh;overflow:auto}dialog::backdrop{background:#102a35b8;backdrop-filter:blur(4px)}#toast{z-index:1100}
.film-caption{position:relative;inset:auto;background:#153b48;padding:17px 28px 22px}.film-caption h2{margin-top:8px}#photo-note{display:block}
@keyframes personBreathe{50%{transform:translateX(-50%) translateY(-2px) rotate(.35deg)}}@keyframes aqiRock{50%{transform:translateY(-4px) rotate(-3deg)}}@keyframes passerby{from{transform:translateX(-150px)}to{transform:translateX(650px)}}@keyframes walkLeg{to{transform:skewX(-15deg)}}@keyframes lakeGlimmer{to{background-position:0 16px}}@keyframes letterUnfold{from{opacity:.2;transform:perspective(800px) rotateX(-45deg) translateY(-20px)}}@keyframes paperRise{from{opacity:0;transform:perspective(800px) rotateX(-65deg)}}@keyframes photoFlash{0%{opacity:1}100%{opacity:0}}
@media(max-width:900px){.search-layout{grid-template-columns:1fr 230px;gap:16px}.route-stops{gap:8px}.route-stop b{font-size:13px}.route-stop p{font-size:9px}.souvenir-layout{gap:20px}}
@media(max-width:760px){header{height:72px;padding-inline:9px;gap:12px;margin:0 2%}.brand{font-size:24px}.brand small{font-size:8px}.chapter{font-size:9px;gap:6px;letter-spacing:0}.chapter i{width:12px}nav{gap:0}nav button{font-size:11px;padding:5px;min-width:40px}#sound span{display:none}#building{width:92%;gap:19px;margin-top:20px}.note-card{margin-top:14px}.note-card b{font-size:18px}.note-card p{font-size:11px}.part-tabs button{font-size:11px!important}#building-canvas,#building-fallback{height:350px}.architecture .model-sheet>p{font-size:10px}#search,#delivery,#route-view,#ending-view,#souvenir{margin-top:20px}.scene-title,.delivery-heading,.souvenir-heading{padding:18px;margin-bottom:18px}.scene-title h1,.delivery-heading h1,.souvenir-heading h1{font-size:25px;line-height:1.5}.scene-title p:not(.eyebrow),.souvenir-heading>p:last-child{font-size:12px}.search-layout{display:flex;flex-direction:column;gap:15px}.search-stage{height:370px;border-width:4px}.person{width:143px;height:275px;bottom:30px;left:58%}.person>b{font-size:10px;padding:8px 10px}.scene-aqi{width:83px;height:83px;left:9%;bottom:23px}.place-sign{font-size:13px;left:10px;top:10px}.stage-edge-note{font-size:7px}.search-notes{display:grid;grid-template-columns:80px 1fr;gap:8px 13px;padding:15px}.search-notes>small{grid-column:1/-1;font-size:9px}.search-notes h2{font-size:18px;margin:0;grid-column:2;grid-row:2}.search-notes h2 br{display:none}.photo-object{grid-row:2/5;grid-column:1;align-self:start}.photo-object span{font-size:8px;line-height:1.7}.search-notes>p{grid-column:2;font-size:11px;margin:0}.search-notes>button.text-button{grid-column:2;font-size:11px;text-align:left;min-height:40px}.place-tabs{gap:7px;margin-top:18px}.place-tabs button{font-size:10px;padding:8px 6px;min-height:48px}.place-tabs button[data-met=true]:after{content:' ✓';font-size:10px}.person-dialog-layout{grid-template-columns:92px 1fr;gap:13px}.person-display{width:92px;height:184px;align-self:start;margin-top:35px}#person-dialog{padding:27px 18px}.person-dialog-layout h2{font-size:21px}.person-dialog-layout p{font-size:12px}.person-dialog-layout button{font-size:11px;padding:9px 10px;min-height:44px}.delivery-layout{grid-template-columns:1fr;gap:16px}.meeting-portrait{min-height:230px;display:grid;grid-template-columns:100px 1fr;gap:10px 18px;padding:17px}.meeting-portrait>.person-cutout{width:100px;height:200px;grid-column:1;grid-row:1/3}.meeting-portrait>p{font-size:18px;margin:12px 0 0;min-height:80px}.meeting-portrait>button{align-self:start;justify-self:start;font-size:12px}.meeting-aqi{left:67px;top:140px;width:70px;height:70px}.letter-panel{padding:22px 20px}.invitation{padding:20px 16px}.invitation h2{font-size:22px}.invitation p{font-size:16px}.route-book{padding:24px 15px}.route-stops{grid-template-columns:repeat(2,1fr);gap:12px}.route-stop:last-child{grid-column:1/-1;display:grid;grid-template-columns:90px 1fr;gap:3px 10px;padding-bottom:10px}.route-stop:last-child img{grid-row:1/4;width:90px;aspect-ratio:1}.route-stop:last-child small{margin:6px 0 0}.route-stop b{font-size:15px}.route-stop p{font-size:10px}.last-mile{margin-inline:3%;height:135px}.route-control{margin-inline:3%}.route-book>#start-ending{min-width:0;width:100%}.film-top{padding:8px 10px;gap:7px;flex-wrap:wrap}.film-top>span{font-size:10px}.film-top button{font-size:10px;padding:6px 9px;min-height:42px}.ending-film{border-width:4px}#ending-canvas{height:520px}.film-caption{padding:45px 17px 18px}.film-caption h2{font-size:21px;line-height:1.5}.film-caption p{font-size:12px;line-height:1.9}.film-caption small{font-size:9px}.film-bottom{padding:10px;gap:9px}.film-bottom button{font-size:10px;padding:7px 9px}.film-bottom>span{font-size:9px}#photo-note{font-size:11px;margin:12px 0}.souvenir-layout{display:flex;flex-direction:column-reverse;gap:20px}.souvenir-options{padding:21px;width:100%}.postcard-preview{width:100%}#postcard-choices button{font-size:10px;min-height:59px;gap:8px;padding:7px}#postcard-choices img{width:36px;height:36px}#postcard-note{font-size:12px}.gate-ticket{min-height:210px!important}.gate-ticket h2{font-size:23px!important}.opening-panel{gap:25px!important}.opening-copy>p:not(.eyebrow){line-height:2}#book-page p{font-size:13px}.book-controls button{font-size:10px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.stage-walkers{display:none}}

.model-sheet{padding-top:38px}.model-sheet>p{top:10px}.film-caption{padding-top:17px}@media(max-width:760px){.film-caption{padding:15px 17px 18px}}

.gate-world{background:url('./assets/promenade.jpg') center/cover}.gate-world>img{transition:opacity 1.1s ease}body[data-view=search] .gate-world>img,body[data-view=delivery] .gate-world>img,body[data-view=route] .gate-world>img,body[data-view=ending] .gate-world>img{opacity:0}.search-backdrop{background-image:url('./assets/promenade.jpg')}

/* User-recorded dialogue controls, kept inside the current conversation. */
.voice-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0;pointer-events:auto}.voice-status{font:10px/1.8 sans-serif;opacity:.85;flex:1;min-width:95px}.voice-tools button{min-height:44px;white-space:nowrap;padding:7px 11px;font-size:11px;background:#e9d4ad;color:#173e49}.voice-tools button:disabled{opacity:.65}.meeting-portrait>.voice-tools{margin:0}.meeting-portrait>.voice-tools>span,.film-caption .voice-status{color:#fff0d2}.film-caption .voice-tools{margin-bottom:0;max-width:600px}.film-caption .voice-tools button{color:#173e49;background:#f0dfbb}@media(max-width:760px){.voice-status{font-size:9px}.voice-tools button{font-size:10px}.meeting-portrait>.person-cutout{grid-row:1/4}.meeting-portrait>.voice-tools,.meeting-portrait>#meeting-next{grid-column:2}.meeting-portrait>.voice-tools{gap:4px}.meeting-portrait{min-height:255px}.person-dialog-layout .voice-tools{gap:4px}}