@charset "UTF-8";
:root{color-scheme:dark;--ink:#060c11;--paper:#e8ede8;--muted:#98aaa9;--accent:#a2e3d9;--gold:#d9bb8c;--line:rgba(173,204,197,.20);font-family:"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink)}body{color:var(--paper);min-height:520px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{touch-action:manipulation}.atmosphere,.shade,#universe,.frame{position:fixed;inset:0}.atmosphere{background:#060c11 url("background.png") center/cover no-repeat;opacity:.47;pointer-events:none}#universe{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#universe:active{cursor:grabbing}.shade{pointer-events:none;background:linear-gradient(90deg,rgba(6,12,17,.80),rgba(6,12,17,.26) 28%,transparent 56%),linear-gradient(0deg,rgba(6,12,17,.95),transparent 20%,transparent 83%,rgba(6,12,17,.62))}.frame{inset:20px;border:1px solid rgba(195,224,218,.09);pointer-events:none;z-index:3}.topbar{position:absolute;top:46px;left:54px;right:54px;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;align-items:center;gap:17px}.brand-orbit{display:block;position:relative;width:33px;height:33px;flex-shrink:0}.brand-orbit:before{content:"";position:absolute;inset:7px -2px;border:1px solid var(--accent);border-radius:50%;transform:rotate(-36deg)}.brand-orbit b{position:absolute;width:6px;height:6px;top:13px;left:13px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px #d8bd7b}.brand-word{font-size:16px;font-weight:500;letter-spacing:4px}.brand-word>span{display:block;font-size:10px;font-family:Georgia,serif;letter-spacing:2px;color:var(--muted);margin-top:7px}.toolbar{display:flex;align-items:center;gap:26px}.quiet-button{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#bac8c6;padding:8px 0;transition:color .2s}.quiet-button:hover,.text-button:hover{color:var(--paper)}.glyph{font-size:21px;line-height:1}.help-button{border:1px solid var(--line);width:27px;height:27px;border-radius:50%;font-family:Georgia,serif;font-size:15px;color:#bac8c6}.help-button:hover{border-color:var(--accent)}.sound-bars{display:flex;align-items:center;gap:3px;height:18px}.sound-bars i{width:2px;background:currentColor;height:4px;border-radius:2px}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:8px}.sound-bars i:nth-child(4){height:16px}#sound[aria-pressed="true"]{color:var(--accent)}#sound[aria-pressed="true"] i{animation:music 1.2s ease-in-out infinite alternate}#sound[aria-pressed="true"] i:nth-child(2){animation-delay:-.4s}#sound[aria-pressed="true"] i:nth-child(3){animation-delay:-.8s}@keyframes music{to{transform:scaleY(.35)}}
.story{position:absolute;z-index:4;left:7.4%;top:24%;pointer-events:none;width:390px}.story button{pointer-events:auto}.eyebrow{margin:0;display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:3px;color:var(--accent)}.tiny-line{width:24px;height:1px;background:var(--accent)}h1{font-family:"Noto Serif CJK SC","Songti SC","SimSun",serif;font-weight:400;font-size:clamp(64px,6.4vw,100px);letter-spacing:.13em;line-height:1.2;margin:26px 0 32px;position:relative}h1>span{display:block}h1>i{position:absolute;font-size:.75em;bottom:0;left:2.1em;color:var(--gold);font-style:normal}.scene-story{transition:opacity .4s,transform .4s}.scene-story.changing{opacity:0;transform:translateY(9px)}.scene-kicker{display:flex;align-items:center;gap:10px;font-size:11px;color:#91aaa5;letter-spacing:2px;margin:0 0 10px;font-family:Georgia,serif}.scene-kicker #scene-number{color:var(--gold);font-size:14px}.kicker-line{width:23px;height:1px;background:var(--line)}.scene-story h2{font-family:"Songti SC","SimSun",serif;font-weight:400;letter-spacing:5px;font-size:26px;margin:0 0 12px}.scene-story>p:last-child{font-size:14px;line-height:1.9;margin:0;color:#a2b4b0;letter-spacing:1px;max-width:335px}.journey-controls{display:flex;gap:20px;align-items:center;margin-top:29px}.journey-button{height:44px;border:1px solid rgba(166,212,200,.50);padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:14px;letter-spacing:.5px;background:rgba(10,29,32,.30);transition:background .2s,border-color .2s}.journey-button:hover{background:rgba(114,199,189,.14);border-color:var(--accent)}.play-symbol{font-size:19px;color:var(--gold)}.text-button{font-size:13px;color:#a0b3af;padding:12px 0}.invitation{font-size:12px;letter-spacing:1px;color:#7b928e;line-height:1.8;margin:14px 0 0}.sculpture-caption{position:absolute;right:4.7%;top:31%;display:flex;align-items:center;gap:22px;writing-mode:vertical-rl;font-size:11px;letter-spacing:2px;color:#8aa39c;pointer-events:none}.sculpture-caption>span:first-child{font-family:Georgia,serif;font-size:10px;letter-spacing:2px;color:#c0c9b8}.vertical-line{height:50px;width:1px;background:var(--line)}.touch-hint{position:absolute;bottom:23%;left:64%;transform:translateX(-50%);color:#8ca9a2;font-size:13px;letter-spacing:1px;pointer-events:none;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:opacity 1s}.hint-point{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px rgba(217,187,140,.7)}.hint-divider{color:#415d57;margin:0 4px}.bottom-bar{position:absolute;left:7.4%;right:5.1%;bottom:53px;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.chapters{display:flex;width:470px;flex-shrink:0;border-bottom:1px solid var(--line)}.chapter{position:relative;text-align:left;width:25%;padding:17px 0 18px;display:grid;grid-template-columns:25px 1fr;row-gap:9px;color:#78928c;transition:color .4s}.chapter-no{font-size:12px;font-family:Georgia,serif;padding-top:3px}.chapter-name{font-size:16px;letter-spacing:3px}.chapter-en{grid-column:2;font-family:Georgia,serif;font-size:10px;letter-spacing:2px;color:#536e67}.chapter-progress{position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--accent);transition:width .6s}.chapter.active{color:var(--paper)}.chapter.active .chapter-no{color:var(--gold)}.chapter.active .chapter-en{color:#a2b9b1}.chapter.active .chapter-progress{width:calc(100% - 24px)}.chapter:hover{color:#d5e2db}.energy-control{width:225px;display:grid;grid-template-columns:1fr 27px;align-items:center;gap:13px 9px;padding-bottom:4px}.energy-control label{grid-column:1/-1;letter-spacing:2px;font-size:12px;color:#8eaaa2}.energy-control output{font-family:Georgia,serif;font-size:12px;color:#a9c4b9;text-align:right;font-variant-numeric:tabular-nums}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:none;cursor:pointer;margin:0}input[type="range"]::-webkit-slider-runnable-track{height:1px;background:#3d5951}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:var(--gold);border-radius:50%;margin-top:-4px;box-shadow:0 0 9px rgba(213,188,141,.3)}input[type="range"]::-moz-range-track{height:1px;background:#3d5951}input[type="range"]::-moz-range-thumb{width:9px;height:9px;border:0;background:var(--gold);border-radius:50%}.edition{display:flex;flex-direction:column;gap:12px;font-size:10px;color:#6c857c;text-align:right;letter-spacing:1.5px;padding-bottom:6px}.edition span:first-child{font-family:Georgia,serif;font-size:10px}.edition span:last-child{font-size:12px;letter-spacing:1px}.journey-track{position:fixed;bottom:0;left:0;width:100%;height:2px;z-index:8;background:transparent}.journey-track>span{display:block;width:0;height:100%;background:var(--gold);box-shadow:0 0 12px rgba(230,197,133,.5)}.toast{position:fixed;z-index:12;left:50%;bottom:140px;transform:translate(-50%,15px);background:rgba(8,22,27,.93);border:1px solid var(--line);padding:13px 21px;color:#d2ddd5;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:85vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{background:rgba(8,21,26,.97);border:1px solid #36504b;color:#dce7dd;padding:45px 42px;max-width:530px;width:calc(100% - 36px);max-height:calc(100% - 48px);overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:rgba(1,6,9,.66);backdrop-filter:blur(9px)}dialog .eyebrow{font-family:Georgia,serif;font-size:10px;letter-spacing:1.5px}dialog h2{font-family:"SimSun",serif;letter-spacing:2px;font-weight:400;font-size:27px;margin:20px 0 28px}.dialog-close{position:absolute;right:16px;top:13px;font-size:26px;color:var(--muted)}dialog dl{margin:0}dialog dl>div{margin:20px 0}dialog dt{font-size:14px;letter-spacing:1px;color:var(--accent)}dialog dd{margin:7px 0 0;font-size:14px;line-height:1.7;color:#a6b9b1}.keyboard-help{border-top:1px solid var(--line);padding-top:19px;font-size:12px;line-height:2;color:#a2b9b0}.motion-setting{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--accent);margin-top:20px}.motion-setting input{accent-color:var(--accent)}.art-note{font-size:12px;line-height:1.8;color:#6f8e80;margin:23px 0 0}.immersive-return{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:5;display:none}.immersive-return button{font-size:12px;padding:11px 18px;color:#96b3a6;background:#06101566;border:1px solid #46635255}.immersive .topbar,.immersive .story,.immersive .bottom-bar,.immersive .touch-hint,.immersive .sculpture-caption,.immersive .frame{opacity:0;pointer-events:none;visibility:hidden}.immersive .story button{pointer-events:none}.immersive .immersive-return{display:block}.no-script{position:fixed;inset:35% 10%;z-index:20;background:#061015;padding:40px;font-size:20px;line-height:1.8}.fallback-notice{position:fixed;left:50%;top:120px;transform:translateX(-50%);font-size:14px;color:var(--gold);max-width:90%;text-align:center;z-index:7}.error-sound{color:var(--gold)}
@media(min-width:1600px){.story{top:24%;width:430px}.journey-controls{margin-top:38px}.scene-story>p:last-child{font-size:16px}.scene-story h2{font-size:29px}.chapters{width:560px}.bottom-bar{bottom:65px}.topbar{top:53px}}
@media(max-width:1150px){.edition{display:none}.story{left:6%;top:22%;width:310px}h1{font-size:76px;margin-bottom:26px}.topbar{left:40px;right:40px;top:34px}.toolbar{gap:21px}.bottom-bar{left:6%;right:6%;bottom:38px}.chapters{width:430px}.energy-control{width:180px}.sculpture-caption{right:4%;font-size:10px}.scene-story>p:last-child{max-width:295px}.frame{inset:15px}}
@media(max-height:740px) and (min-width:701px){.story{top:23%}h1{font-size:64px;margin:16px 0 21px}.scene-story h2{font-size:23px}.journey-controls{margin-top:20px}.invitation{margin-top:9px}.topbar{top:30px}.bottom-bar{bottom:30px}.touch-hint{bottom:22%}}
@media(max-width:700px){body{min-height:500px}.frame{inset:11px}.topbar{top:max(28px,env(safe-area-inset-top));left:27px;right:27px}.brand{gap:10px}.brand-word{font-size:14px;letter-spacing:3px}.brand-word>span{font-size:8px;letter-spacing:1.1px;margin-top:5px}.brand-orbit{width:25px;height:25px}.brand-orbit:before{inset:6px -2px}.brand-orbit b{top:10px;left:10px;width:5px;height:5px}.toolbar{gap:18px}.toolbar #capture>span:last-child{display:none}.fullscreen-button{display:none}.quiet-button{font-size:12px;gap:7px}.help-button{width:24px;height:24px;font-size:13px}.sound-bars{gap:2px}.story{top:126px;left:30px;width:calc(100% - 60px)}.eyebrow{font-size:11px;letter-spacing:2px}.tiny-line{width:19px}h1{font-size:45px;letter-spacing:.17em;line-height:1.3;margin:15px 0 0;display:flex;gap:5px}h1>span{display:inline}h1>i{position:static;font-size:.75em;align-self:flex-end;margin-left:-9px}.scene-story{position:fixed;left:30px;bottom:208px}.scene-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:7px}.scene-story h2{font-size:21px;margin-bottom:6px;letter-spacing:4px}.scene-story>p:last-child{font-size:13px;letter-spacing:.5px;max-width:330px}.journey-controls{position:fixed;left:30px;bottom:147px;margin:0;gap:19px}.journey-button{height:39px;font-size:13px;padding:0 14px}.text-button{font-size:12px}.invitation{display:none}.sculpture-caption{display:none}.touch-hint{left:50%;bottom:315px;font-size:11px;gap:7px}.bottom-bar{left:30px;right:30px;bottom:max(31px,env(safe-area-inset-bottom));display:block}.chapters{width:100%}.chapter{padding:11px 0 14px;grid-template-columns:21px 1fr;row-gap:5px}.chapter-no{font-size:10px;padding-top:2px}.chapter-name{font-size:14px;letter-spacing:2px}.chapter-en{font-size:8px;letter-spacing:1px}.energy-control{width:100%;display:flex;gap:13px;padding-top:20px}.energy-control label{font-size:10px;letter-spacing:1px;white-space:nowrap}.energy-control input{flex:1}.energy-control output{font-size:11px}.chapter.active .chapter-progress{width:calc(100% - 14px)}.shade{background:linear-gradient(0deg,rgba(6,12,17,.98),rgba(6,12,17,.4) 35%,transparent 55%,rgba(6,12,17,.78))}.toast{bottom:285px;font-size:12px}.journey-track{bottom:0}dialog{padding:34px 26px}dialog h2{font-size:24px}}
@media(max-height:760px) and (max-width:700px){.story{top:103px}h1{font-size:38px;margin-top:11px}.scene-story{bottom:186px}.journey-controls{bottom:128px}.bottom-bar{bottom:23px}.energy-control{padding-top:14px}.touch-hint{bottom:281px}.scene-story h2{font-size:19px}}
@media(max-width:360px){.topbar{left:20px;right:20px}.brand-word>span{display:none}.toolbar{gap:12px}.story{left:24px;width:calc(100% - 48px)}.scene-story,.journey-controls{left:24px}.bottom-bar{left:24px;right:24px}.scene-story>p:last-child{font-size:12px;max-width:275px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-height:520px){html,body{overflow:auto}body{height:650px}.topbar{top:28px}.story{top:130px}.bottom-bar{top:537px;bottom:auto}.touch-hint{top:440px;bottom:auto}.scene-story{position:static}.journey-controls{position:static}.sculpture-caption{display:none}}

@media(min-width:701px){.touch-hint{bottom:19%}}
@media(max-width:1150px){.sculpture-caption{display:none}}
.reduced .sound-bars i{animation:none!important}
@media(max-height:520px){html,body{height:100%;min-height:0;overflow:hidden}.topbar{top:23px;left:27px;right:27px}.story{top:92px;left:5%;width:290px}h1{font-size:39px;display:flex;gap:4px;line-height:1.2;margin:12px 0 16px}h1>span{display:inline}h1>i{position:static;font-size:.75em;align-self:flex-end;margin-left:-7px}.eyebrow{font-size:10px;letter-spacing:1.5px}.scene-story{position:static;margin-top:14px}.scene-story h2{font-size:19px;margin-bottom:7px}.scene-story>p:last-child{font-size:12px;line-height:1.5;max-width:275px}.journey-controls{position:static;margin-top:16px;gap:15px}.journey-button{height:34px;font-size:12px;padding:0 12px}.text-button{font-size:12px}.invitation,.touch-hint,.sculpture-caption{display:none}.bottom-bar{display:flex;left:5%;right:5%;bottom:16px;top:auto;align-items:flex-end;gap:25px}.chapters{width:350px}.chapter{padding:8px 0 10px;grid-template-columns:21px 1fr;row-gap:5px}.chapter-name{font-size:14px;letter-spacing:2px}.chapter-en{font-size:8px}.energy-control{width:160px;flex-shrink:0;display:grid;padding:0 0 2px;gap:8px}.energy-control label{font-size:10px}.energy-control output{font-size:10px}.toolbar{gap:19px}.toast{bottom:80px}}
@media(max-height:520px) and (max-width:740px){.brand-word>span{display:none}.topbar{top:21px}.story{top:82px;width:270px}h1{font-size:33px}.scene-story>p:last-child{font-size:11px}.journey-controls{margin-top:12px}.chapters{width:300px}.energy-control{width:125px}.bottom-bar{gap:15px}}


.capture-dialog{max-width:800px;text-align:center}.capture-dialog .eyebrow{justify-content:center}.capture-dialog h2{margin-bottom:22px}.capture-dialog img{display:block;max-width:100%;max-height:56vh;width:auto;height:auto;margin:0 auto 24px;border:1px solid var(--line)}.capture-dialog .journey-button{margin:auto;min-width:180px}.capture-dialog .art-note{margin-top:15px}