:root{--paper:#f7f3ee;--ink:#345066;--muted:#758390;--u:1;--pan-x:0px;--pan-y:0px;--serif:'Songti SC','Noto Serif SC','Source Han Serif SC','STSong','SimSun',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color-scheme:light}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-tap-highlight-color:transparent;overflow:hidden}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #658a96;outline-offset:5px}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button,svg{flex-shrink:0}[hidden]{display:none!important}
.island-app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 15% 50%,#e6e9e833,transparent 55%),radial-gradient(ellipse at 90% 60%,#efe3db66,transparent 60%),var(--paper)}.island-frame{position:relative;width:min(100vw,46.26vh,520px);height:min(216.18vw,100vh,1124px);overflow:hidden;isolation:isolate}.landscape{position:absolute;inset:-1.3%;background:url('/assets/island-background.webp') center/100% 100% no-repeat;transform:translate3d(calc(var(--pan-x)*.28),calc(var(--pan-y)*.28),0);transition:transform .75s cubic-bezier(.22,1,.36,1);pointer-events:none}.is-dragging .landscape,.is-dragging .landmark{transition:none}.island-toolbar{position:absolute;top:2.1%;left:4%;right:4%;height:44px;z-index:10}.island-name{position:absolute;inset:0 50px;display:flex;align-items:center;justify-content:center;margin:0;font-size:14px;font-weight:500;letter-spacing:.14em;color:#617581;pointer-events:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.top-controls{position:absolute;inset:0;z-index:10;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:env(safe-area-inset-top,0px)}.icon-button{width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:#435e72}.icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.sound-button{flex-direction:column;gap:2px}.sound-button span{font-family:var(--sans);font-size:9px;letter-spacing:.06em;color:#7d8b96;white-space:nowrap}.sound-waves{display:none}.sound-on .sound-waves{display:block}.sound-on .sound-off{display:none}.sound-on{color:#a16d49}
.exploration{position:absolute;inset:8% 0 10%;z-index:5;touch-action:none;user-select:none;-webkit-user-select:none}.landmarks{position:absolute;inset:0}.landmark{position:absolute;outline-offset:1px;transform:translate3d(calc(var(--pan-x)*var(--depth,1)),calc(var(--pan-y)*var(--depth,1)),0);transition:transform .75s cubic-bezier(.22,1,.36,1);color:var(--theme);border-radius:35%;min-width:44px;min-height:44px;z-index:3;touch-action:none}.landmark:focus-visible{outline:1px solid var(--theme);outline-offset:7px}.landmark:active{filter:brightness(1.03)}.subject{position:absolute;inset:0;pointer-events:none;transform-origin:50% 85%}.sprite{position:absolute;inset:0;background-image:url('/assets/landmarks-atlas.webp');background-size:400% 200%;background-position:var(--atlas-x) var(--atlas-y);background-repeat:no-repeat;clip-path:inset(2.8% 3.1%);transform-origin:50% 85%;pointer-events:none}.landmark-label{position:absolute;display:block;pointer-events:none;font-size:clamp(12px,calc(15.5px*var(--u)),20px);font-weight:600;letter-spacing:.12em;text-shadow:0 1px 4px #faf6ef;white-space:nowrap}.entry-star{position:absolute;width:7px;height:7px;background:var(--theme);transform:rotate(45deg);opacity:.68;pointer-events:none}.entry-star:before,.entry-star:after{content:'';position:absolute;inset:2px -2px;background:var(--theme)}.entry-star:after{inset:-2px 2px}.entry-rule{position:absolute;width:1px;height:18%;background:linear-gradient(var(--theme),transparent);opacity:.4;pointer-events:none}
.aibti{left:15%;top:3.3%;width:34%;aspect-ratio:1;--depth:.78}.aibti .landmark-label{top:-4%;left:15%;font-size:clamp(14px,calc(19px*var(--u)),24px);letter-spacing:.1em}.constellation{position:absolute;left:-6%;top:-18%;width:116%;height:62%;overflow:visible;color:#c29b69;pointer-events:none}.constellation polyline{stroke:currentColor;stroke-width:.7;fill:none;opacity:.58}.constellation path{fill:currentColor}.owl-eyes{position:absolute;left:54%;top:34%;width:23%;height:9%;fill:none;stroke:#8c87a7;stroke-width:11;stroke-linecap:round;transform:scaleY(0);transform-origin:center;pointer-events:none}.aibti .sprite{animation:owl-idle 9s ease-in-out infinite}.aibti.is-selected .sprite{animation:owl-awake 1.2s ease both}.aibti.is-selected .owl-eyes{animation:owl-blink .9s ease both}
.guidance{left:66%;top:-1.4%;width:28%;aspect-ratio:1;--depth:.66}.guidance .landmark-label{writing-mode:vertical-rl;right:-3%;top:23%;font-size:clamp(13px,calc(17px*var(--u)),21px);letter-spacing:.18em}.guidance .entry-star{right:3%;top:14%}.guidance .entry-rule{right:3%;top:89%;height:16%}.light-beam{position:absolute;left:60%;top:16%;width:180%;height:35%;background:linear-gradient(90deg,#efc27d63,#f5dcac09 90%);clip-path:polygon(0 47%,100% 0,100% 100%);transform-origin:0 47%;opacity:.48;pointer-events:none;animation:lighthouse-glow 6s ease-in-out infinite}.guidance.is-selected .light-beam{animation:lighthouse-awake 1.3s ease both}
.psychology{left:1.3%;top:26%;width:28%;aspect-ratio:1;--depth:1.05}.psychology .landmark-label{writing-mode:vertical-rl;right:-12%;top:24%;letter-spacing:.2em}.psychology .entry-star{right:-6%;top:12%}.psychology .entry-rule{right:-6%;top:89%;height:18%}.mirror-shine{position:absolute;inset:10% 24% 12% 29%;border-radius:50%;background:linear-gradient(120deg,transparent 25%,#fff7 48%,transparent 62%);opacity:0;pointer-events:none}.psychology.is-selected .sprite{animation:mirror-awake 1s ease both}.psychology.is-selected .mirror-shine{animation:mirror-light 1.3s ease both}
.dream{left:56%;top:40.1%;width:35%;aspect-ratio:1;--depth:.95}.dream .sprite{inset:0 10% 10%;animation:moon-idle 7.5s ease-in-out infinite}.dream .landmark-label{top:94%;left:14%;transform:rotate(-8deg);letter-spacing:.15em}.dream .entry-star{left:9%;top:101%;width:4px;height:4px}.lake-rings{position:absolute;width:127%;height:40%;left:-12%;bottom:-5%;overflow:visible;pointer-events:none}.lake-rings ellipse{fill:none;stroke:#729cae;stroke-width:.9;opacity:.43;transform-origin:100px 30px;animation:lake-breathe 5s ease-in-out infinite}.lake-rings ellipse:nth-child(2){animation-delay:-1.5s}.lake-rings ellipse:nth-child(3){animation-delay:-3s}.dream.is-selected .sprite{animation:moon-awake 1.1s ease both}.dream.is-selected .lake-rings ellipse{animation:lake-awake 1.6s ease-out both}.dream.is-selected .lake-rings ellipse:nth-child(2){animation-delay:.2s}.dream.is-selected .lake-rings ellipse:nth-child(3){animation-delay:.4s}
.spirit{left:5.5%;top:56.3%;width:35%;aspect-ratio:1;--depth:1.18}.spirit .landmark-label{writing-mode:vertical-rl;right:-11%;top:13%;letter-spacing:.18em}.spirit .entry-star{right:-7%;top:2%}.spirit .entry-rule{right:-7%;top:84%;height:16%}.spirit .sprite{animation:fox-idle 10s ease-in-out infinite}.spirit.is-selected .sprite{animation:fox-awake 1.15s ease both}
.sleep{left:1.5%;top:78%;width:42%;aspect-ratio:1;--depth:1.3}.sleep .landmark-label{left:24%;top:82%;transform:rotate(-6deg);font-size:clamp(14px,calc(17px*var(--u)),21px)}.sleep .entry-star{left:12%;top:91%;width:5px;height:5px}.sleep .sprite{animation:lotus-breathe 6s ease-in-out infinite}.lotus-orbit{position:absolute;inset:10% -5% 7%;border:1px solid #d6ac716b;border-radius:50%;transform:rotate(-22deg) scaleY(.9);pointer-events:none}.lotus-orbit:before,.lotus-orbit:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#d8b181;box-shadow:0 0 9px #e5c6a9;left:13%;top:11%}.lotus-orbit:after{left:90%;top:78%}.sleep.is-selected .sprite{animation:lotus-awake 1.6s ease both}.sleep.is-selected .lotus-orbit{animation:orbit-awake 1.6s ease both}
.scroll{left:54%;top:76%;width:44%;aspect-ratio:1;--depth:1.23}.scroll .landmark-label{top:72%;left:27%;transform:rotate(-24deg);font-size:clamp(14px,calc(16px*var(--u)),21px);letter-spacing:.13em}.scroll .sprite{animation:scroll-idle 11s ease-in-out infinite}.scroll.is-selected .sprite{animation:scroll-awake 1.3s ease both}
.mist{position:absolute;left:-25%;width:150%;height:25%;pointer-events:none;z-index:2;opacity:.7;background:radial-gradient(ellipse at center,#faf7f080,transparent 66%);animation:mist-drift 25s ease-in-out infinite}.mist-back{top:40%;animation-delay:-12s}.mist-front{bottom:8%;height:22%;z-index:6;opacity:.45}.fireflies{position:absolute;inset:0;pointer-events:none}.fireflies i{position:absolute;width:3px;height:3px;border-radius:50%;background:#d3b488;box-shadow:0 0 7px #d5bca9;animation:firefly 8s ease-in-out infinite;opacity:0}.fireflies i:nth-child(1){left:18%;top:26%;animation-delay:-1s}.fireflies i:nth-child(2){left:86%;top:47%;animation-delay:-5s}.fireflies i:nth-child(3){left:46%;top:59%;animation-delay:-3s}.fireflies i:nth-child(4){left:15%;top:93%;animation-delay:-6s}.fireflies i:nth-child(5){left:39%;top:81%;animation-delay:-2s}.fireflies i:nth-child(6){left:80%;top:97%;animation-delay:-7s}.fireflies i:nth-child(7){left:57%;top:13%;animation-delay:-4s}.touch-ripples{position:absolute;inset:0;pointer-events:none;z-index:10}.touch-ripple{position:absolute;width:22px;height:22px;border:1px solid #a48c6977;border-radius:50%;margin:-11px 0 0 -11px;animation:touch-bloom .9s ease-out forwards}.touch-ripple:after{content:'';position:absolute;inset:5px;border:1px solid #c8aa7955;border-radius:50%}
.island-footer{position:absolute;z-index:8;bottom:1.2%;left:5%;right:5%;text-align:center}.gesture-hint{position:absolute;z-index:8;left:8%;right:8%;bottom:9.2%;margin:0;text-align:center;font-family:var(--sans);font-size:11px;letter-spacing:.03em;color:#71818b;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;pointer-events:none}.gesture-hint.is-visible{opacity:1;transform:translateY(0)}.quiet-controls{display:flex;align-items:center;justify-content:center;gap:16px;font-family:var(--sans);color:#7f8c92}.quiet-controls button{min-height:44px;min-width:44px;font-size:11px;padding:0 8px}.quiet-controls i{font-style:normal;font-size:10px;opacity:.35}.loading-note{position:absolute;top:50%;left:0;right:0;text-align:center;font-size:14px;letter-spacing:.16em;color:#59778a;background:#f8f5eff0;padding:20px;z-index:12;transition:opacity .4s}.is-ready .loading-note{opacity:0;pointer-events:none}.landmarks{opacity:0;transition:opacity .8s}.is-ready .landmarks,.asset-failed .landmarks{opacity:1}.asset-failed .loading-note{top:84%;font-family:var(--sans);font-size:11px;padding:8px}.asset-failed .sprite{opacity:0}.asset-failed .landmark:after{content:'◇';position:absolute;inset:0;display:grid;place-items:center;font-size:40px;opacity:.5}
.panel-overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center}.panel-backdrop{position:absolute;inset:0;background:#354c5a2c;animation:fade-in .22s ease both}.paper-sheet{position:relative;width:100%;max-width:520px;max-height:76vh;max-height:76svh;overflow:auto;background:#faf7f1;padding:22px 28px calc(25px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 60px #536b7918;animation:sheet-in .38s cubic-bezier(.16,1,.3,1) both;border-radius:22px 22px 0 0;outline:none}.paper-sheet:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 0%,var(--theme-tint,#bdc8ca33),transparent 62%)}.sheet-handle{width:30px;height:3px;background:#b8b9b66b;border-radius:2px;margin:0 auto 18px}.sheet-close{position:absolute;right:8px;top:10px;z-index:2;color:#7e8b94}.sheet-close svg{width:18px;height:18px}.sheet-content{position:relative}.sheet-eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:.2em;color:#8b9699;margin:0 0 13px}.sheet-title{font-weight:500;font-size:30px;letter-spacing:.1em;margin:0 0 12px;color:var(--theme,var(--ink))}.sheet-subtitle{font-size:18px;font-weight:400;line-height:1.7;margin:0 0 13px;letter-spacing:.04em}.sheet-description{font-family:var(--sans);font-size:13px;line-height:1.95;color:#7d878c;margin:0;max-width:35em}.journey-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-top:25px;border-top:1px solid #b7b9b544;border-bottom:1px solid #b7b9b544;font-size:16px;letter-spacing:.04em;color:var(--theme,var(--ink))}.journey-link svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.2;transition:transform .25s}.journey-link:active svg{transform:translateX(4px)}.detail-symbol{float:right;width:52px;height:52px;margin:8px 3px 0 10px;background-image:url('/assets/landmarks-atlas.webp');background-size:400% 200%;background-position:var(--atlas-x) var(--atlas-y);clip-path:inset(3%)}.atlas-list{list-style:none;margin:15px 0 0;padding:0}.atlas-list li{border-top:1px solid #b9bdb633}.atlas-entry{display:flex;gap:16px;width:100%;text-align:left;align-items:center;padding:13px 0;min-height:60px}.atlas-number{font-size:11px;color:#adb1ad;width:16px}.atlas-entry strong{display:block;font-size:17px;font-weight:500;letter-spacing:.05em;color:var(--theme)}.atlas-entry small{display:block;font-family:var(--sans);font-size:10px;margin-top:5px;color:#8c979d}.atlas-entry .atlas-arrow{margin-left:auto;font-size:18px;color:#95a0a4}.sound-intro{margin-bottom:20px}.audio-enable{min-height:48px;display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #b9bdb655;font-family:var(--sans);font-size:13px}.audio-enable .switch{height:22px;width:38px;background:#d7dbd9;border-radius:15px;position:relative;transition:background .2s}.audio-enable .switch:after{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;background:#fff;border-radius:50%;transition:transform .2s}.audio-enable[aria-pressed=true] .switch{background:#7c979a}.audio-enable[aria-pressed=true] .switch:after{transform:translateX(16px)}.sound-presets{border:0;padding:0;margin:18px 0}.sound-presets legend{font-family:var(--sans);font-size:11px;color:#8e979b;margin-bottom:12px;letter-spacing:.1em}.preset-choices{display:flex;gap:10px}.preset-label{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:48px;cursor:pointer;font-size:14px;border:1px solid #b4c0bf66;border-radius:3px;color:#7a8990}.preset-label:has(input:checked){color:#477783;border-color:#89a5a8;background:#e7edeb55}.preset-label input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.preset-label input:focus-visible+span{outline:2px solid #7597a1;outline-offset:7px}.preset-label.is-checked{color:#477783;border-color:#89a5a8;background:#e7edeb55}.volume-row{display:flex;gap:20px;align-items:center;padding:5px 0 10px;font-family:var(--sans);font-size:11px;color:#849198}.volume-row input{min-width:0;flex:1;accent-color:#78999e;height:28px}.volume-row output{min-width:27px;font-variant-numeric:tabular-nums}.sound-note{font-family:var(--sans);font-size:10px;line-height:1.8;color:#a0a7a8;margin:10px 0 0}.toast{position:fixed;z-index:50;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));transform:translate(-50%,8px);max-width:calc(100% - 40px);background:#faf7f1f2;border:1px solid #d0d6d2aa;color:#617888;border-radius:5px;padding:10px 15px;font-family:var(--sans);font-size:12px;line-height:1.6;text-align:center;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:normal;width:max-content}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.no-script{position:fixed;inset:0;background:var(--paper);padding:30px;overflow:auto;z-index:100}.no-script a{display:block;padding:16px;border-bottom:1px solid #ccc}
@keyframes owl-idle{0%,100%{transform:rotate(0)}45%{transform:rotate(-.7deg)}70%{transform:rotate(.5deg)}}@keyframes owl-awake{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg) translateY(-2px)}60%{transform:rotate(2deg)}}@keyframes owl-blink{0%,35%,65%,100%{transform:scaleY(0)}45%,55%{transform:scaleY(1)}}@keyframes lighthouse-glow{0%,100%{opacity:.25;transform:scaleY(.92)}50%{opacity:.65;transform:scaleY(1.03)}}@keyframes lighthouse-awake{0%,100%{opacity:.5;transform:rotate(0)}45%{opacity:.9;transform:rotate(-7deg)}70%{transform:rotate(4deg)}}@keyframes moon-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes moon-awake{0%,100%{transform:translateY(0)}45%{transform:translateY(-8px) rotate(-4deg)}}@keyframes lake-breathe{0%,100%{opacity:.3;transform:scale(.98)}50%{opacity:.56;transform:scale(1.015)}}@keyframes lake-awake{0%{opacity:.65;transform:scale(.85)}100%{opacity:.04;transform:scale(1.18)}}@keyframes mirror-awake{0%,100%{transform:rotate(0)}40%{transform:rotate(-2deg)}70%{transform:rotate(1deg)}}@keyframes mirror-light{0%,100%{opacity:0;transform:translateX(-4px)}40%{opacity:.7}80%{opacity:.15;transform:translateX(9px)}}@keyframes fox-idle{0%,100%{transform:rotate(0)}50%{transform:rotate(.8deg)}}@keyframes fox-awake{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-4px) rotate(-4deg)}65%{transform:rotate(2deg)}}@keyframes lotus-breathe{0%,100%{transform:scale(.98)}50%{transform:scale(1.02)}}@keyframes lotus-awake{0%,100%{transform:scale(1)}40%{transform:scale(1.085)}75%{transform:scale(.99)}}@keyframes orbit-awake{0%,100%{opacity:.7;transform:rotate(-22deg) scaleY(.9)}50%{opacity:1;transform:rotate(-8deg) scaleY(.92)}}@keyframes scroll-idle{0%,100%{transform:rotate(0)}50%{transform:rotate(-.7deg)}}@keyframes scroll-awake{0%,100%{transform:scaleY(1)}40%{transform:scaleY(1.06) rotate(-2deg)}75%{transform:rotate(.6deg)}}@keyframes mist-drift{0%,100%{transform:translateX(-3%)}50%{transform:translateX(4%)}}@keyframes firefly{0%,100%{opacity:0;transform:translateY(4px)}40%{opacity:.45}70%{opacity:.12;transform:translateY(-9px)}}@keyframes touch-bloom{0%{opacity:.7;transform:scale(.3)}100%{opacity:0;transform:scale(4)}}@keyframes sheet-in{from{transform:translateY(35px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
.motion-paused .sprite,.motion-paused .light-beam,.motion-paused .mist,.motion-paused .fireflies i,.motion-paused .lake-rings ellipse,.motion-paused .lotus-orbit,.motion-paused .owl-eyes{animation:none!important}.motion-paused .fireflies{display:none}.motion-paused .landmark,.motion-paused .landscape{transform:none!important}.page-sleeping *{animation-play-state:paused!important}
.landscape{opacity:.59}.aibti{top:7.5%}.guidance{top:1%}.sleep{top:73.5%}.scroll{top:72.8%}
.island-app{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.top-controls{padding-top:0}
.landmark-label{pointer-events:auto;touch-action:none}.legacy-images .landscape{background-image:url('/assets/island-background.png')}.legacy-images .sprite,.legacy-images .detail-symbol{background-image:url('/assets/landmarks-atlas.png')}
.scroll .landmark-label{top:94%;left:20%;transform:rotate(-6deg);z-index:2}
@media(prefers-reduced-motion:reduce){.sprite,.light-beam,.mist,.fireflies i,.lake-rings ellipse{animation:none}.paper-sheet,.panel-backdrop,.touch-ripple{animation:none}.landmarks{transition:none}}
@media(min-width:700px){.island-frame:before,.island-frame:after{content:'';position:absolute;top:0;bottom:0;width:10%;pointer-events:none;z-index:9}.island-frame:before{left:0;background:linear-gradient(90deg,var(--paper),transparent)}.island-frame:after{right:0;background:linear-gradient(-90deg,var(--paper),transparent)}.paper-sheet{border-radius:22px 22px 0 0}}
@media(max-height:620px){.island-name{font-size:12px}.paper-sheet{max-height:84vh}.sheet-title{font-size:25px}.sheet-subtitle{font-size:16px}}

.floating-guide{position:absolute;z-index:11;left:calc(100% - 56px);top:calc(50% - 24px);width:48px;height:48px;min-height:48px;border-radius:50%;border:1px solid #c6d0ce99;background:#faf8f0ba;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #34506618;opacity:.68;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:opacity .2s,box-shadow .2s}.floating-guide.is-positioned{transition:left .25s ease,top .25s ease,opacity .2s,box-shadow .2s}.floating-guide svg{width:24px;height:24px}.floating-guide:focus-visible,.floating-guide:active{opacity:1}.floating-guide.is-moving{opacity:1;cursor:grabbing;transition:none;box-shadow:0 4px 14px #34506622}.landmark,.atlas-entry{-webkit-user-drag:none}