:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#f1eee5;background:#061923;--gold:#ebc491;--p:0}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#ae8277,#092d3b 30%,#04151e);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}#ocean{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.vignette{position:fixed;inset:0;background:linear-gradient(90deg,#020e1959,transparent 65%),linear-gradient(0deg,#010f1b88,transparent 22%);pointer-events:none;z-index:1}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 4vw;z-index:20;background:linear-gradient(#03152330,transparent)}.brand{font-size:26px;font-family:"Segoe Script",Georgia,serif;font-style:italic}.edition{font-size:9px;letter-spacing:.2em;color:#eeeee3aa}nav{display:flex;gap:9px;align-items:center}nav button,nav a{font-size:11px;padding:10px 15px;border-radius:24px;background:#0a24372b;border:1px solid #e7f4f42e;backdrop-filter:blur(14px)}nav button:hover,nav a:hover{background:#e4eef023}.chapter{position:fixed;left:7vw;top:28%;z-index:5;max-width:80vw;will-change:opacity,transform;pointer-events:none;visibility:hidden}.chapter.active{visibility:visible}.chapter.active button,.chapter.active a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.26em;color:#f6e2be;line-height:1.8}.eyebrow span{height:1px;width:32px;background:var(--gold)}h1,h2,p{margin:0}h1{font-size:clamp(50px,6.5vw,110px);font-weight:350;line-height:1.18;letter-spacing:-.05em;margin:24px 0 22px;text-shadow:0 4px 45px #15213630}h1 span{color:var(--gold)}.chapter p{font-size:13px;font-weight:350;line-height:2;color:#eff4f0b0;letter-spacing:.07em}.dive{margin-top:35px;display:flex;gap:65px;align-items:center;border:1px solid #e9e6d94d;background:#102c3c22;border-radius:40px;padding:15px 24px;font-size:12px;backdrop-filter:blur(8px)}.dive span{font-size:20px;color:var(--gold)}.large-en{position:fixed;left:62vw;top:12vh;font-size:clamp(38px,5vw,80px);font-weight:300;letter-spacing:-.055em;line-height:1.02;color:#fff1d624;pointer-events:none}.chapter h2{font-size:clamp(42px,5.5vw,86px);font-weight:350;letter-spacing:-.05em;line-height:1.25;margin:21px 0 23px}.crossing{top:35%;left:12vw}.depth{top:35%;max-width:40vw}.depth .eyebrow{color:#a1e9e6}.arrival{top:29%}.arrival .eyebrow{color:#b0deda}.enter{margin-top:30px;background:#d9eeeaeb;color:#153b41;border-radius:40px;padding:17px 24px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:60px;width:max-content;box-shadow:0 5px 55px #b4fff118}.enter span{font-size:20px}.back{background:none;border:0;color:#cee6dfaa;font-size:11px;padding:18px 0}.scroll-space{height:470svh;min-height:2500px}.scroll-track{position:fixed;right:29px;top:28%;height:38%;width:1px;background:#d9e8e126;z-index:9}.scroll-track span{display:block;height:100%;width:1px;background:linear-gradient(#ecc592,#b9efeb);transform-origin:top;transform:scaleY(0)}.depth-meter{position:fixed;left:4vw;bottom:44px;display:flex;align-items:baseline;gap:9px;z-index:8;font-variant-numeric:tabular-nums}.meter-label{writing-mode:vertical-rl;font-size:7px;letter-spacing:.22em;align-self:center;color:#dce5dfa0}#meters{font-size:43px;font-weight:250;letter-spacing:-.06em}.depth-meter small{font-size:9px;color:#e8eeeba0}.bottom-caption{position:fixed;inset:auto 4vw 21px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#d6e6dc7d;z-index:8}.scroll-cue{position:fixed;right:7vw;bottom:75px;display:flex;gap:13px;align-items:center;z-index:7;pointer-events:none}.scroll-cue span{font-size:8px;letter-spacing:.2em;color:#e1e8e4b3}.scroll-cue i{width:17px;height:29px;border:1px solid #e7e8e373;border-radius:12px;position:relative}.scroll-cue i:after{content:"";width:2px;height:5px;background:#f5ead5;position:absolute;left:6px;top:6px;animation:scroll 1.7s infinite}@keyframes scroll{to{transform:translateY(10px);opacity:0}}.archive{position:fixed;inset:0;z-index:3;perspective:1400px;pointer-events:none}.water-art{position:absolute;padding:0;border:0;background:none;transform-style:preserve-3d;pointer-events:auto;cursor:pointer;will-change:transform,opacity}.water-art img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px;filter:saturate(.83) brightness(.86);box-shadow:0 15px 55px #0006,0 0 55px #8bead514}.water-art:after{content:"";position:absolute;inset:0;border-radius:3px;background:linear-gradient(135deg,#d5ffe327,transparent 45%,#0d688524);pointer-events:none;border:1px solid #c5fff52e}.water-art small{display:block;text-align:left;margin-top:12px;color:#d8e8e2bd;font-size:9px;letter-spacing:.12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-message{position:fixed;right:7vw;bottom:110px;z-index:10;font-size:11px;color:#bcd7d0;max-width:270px}.load-message:empty{display:none}dialog{padding:12px;background:#071d27;color:#e7eee7;border:1px solid #dcf5ee36;border-radius:12px;width:min(1050px,92vw);max-height:90svh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#010d18cc;backdrop-filter:blur(14px)}dialog img{display:block;width:100%;max-height:73svh;object-fit:contain}dialog>div{padding:16px 6px;display:flex;justify-content:space-between;align-items:center;gap:20px}dialog h2{font-size:14px;font-weight:400}dialog a{font-size:11px;color:#addecf}#close-art{position:absolute;right:18px;top:18px;width:34px;height:34px;border:1px solid #eff7ee55;background:#04232ac4;border-radius:50%;font-size:23px}.fallback #ocean{display:none}.fallback{background:linear-gradient(#977e7e,#164052 25%,#061c28 70%,#020f1b)}
@media(max-width:760px){header{padding:22px 22px;gap:10px}.brand{font-size:23px}.edition{display:none}nav{gap:6px}nav button,nav a{padding:8px 10px;font-size:9px}nav a{display:none}.chapter{left:7vw;top:30%;max-width:86vw}h1{font-size:clamp(44px,11vw,72px);margin-top:22px}.chapter h2{font-size:clamp(36px,9vw,60px)}.chapter p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:.18em}.large-en{left:51vw;top:9vh;font-size:34px;opacity:.7}.depth{top:26%;max-width:80vw}.depth h2{font-size:34px}.depth p{font-size:10px}.crossing{top:40%}.dive{padding:12px 20px;font-size:11px;margin-top:27px}.scroll-track{right:14px;height:32%;top:35%}.depth-meter{left:22px;bottom:43px}#meters{font-size:35px}.depth-meter small{font-size:8px}.bottom-caption{left:22px;right:22px;font-size:6px;letter-spacing:.1em}.scroll-cue{right:25px;bottom:65px}.scroll-cue span{font-size:7px}.enter{font-size:11px;padding:14px 20px;gap:45px}.arrival{top:27%}.water-art small{font-size:8px}.load-message{right:22px;bottom:100px;max-width:200px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
/* 三个主题各自的天空底色：首屏在 WebGL 起来之前就应该看出差别 */
html[data-scene-theme=day] body{background:linear-gradient(#8dc0dc 0%,#3f7fa0 26%,#0d3346 52%,#04202c 100%)}
html[data-scene-theme=sunset] body{background:linear-gradient(#b8866f 0%,#8a5a55 18%,#123a4a 44%,#04151e 100%)}
html[data-scene-theme=night] body{background:linear-gradient(#0a1230 0%,#071026 30%,#03080f 62%,#010409 100%)}

/* Shared afterglow accents echo the main site’s rose and glass palette. */
:root{--gold:#efb992}header{background:linear-gradient(#1d14283b,transparent)}nav button,nav a{border-color:#e5b4a137;background:#37253533}.eyebrow{color:#eec1a5}.dive{border-color:#ecc0a252;background:#2f223b33}.depth .eyebrow,.arrival .eyebrow{color:#d2cab9}.enter{background:#efd3b9;color:#332533;box-shadow:0 5px 55px #efb58e17}.vignette{background:linear-gradient(90deg,#140f264a,transparent 65%),linear-gradient(0deg,#010f1b88,transparent 22%)}
@media(max-width:760px){nav .home-link{display:block;font-size:8px;padding:8px}.brand{font-size:21px}nav{gap:5px}header{gap:8px}}

nav .scene-theme button{border:0;background:none;backdrop-filter:none;padding:7px 10px}nav .scene-theme button[aria-pressed=true]{background:#eed1b0;color:#302638}html[data-scene-theme=night] nav .scene-theme button[aria-pressed=true]{background:#adbfdb;color:#17243b}html[data-scene-theme=day] nav .scene-theme button[aria-pressed=true]{background:#ddebf0;color:#1d3b51}html[data-scene-theme=night] .eyebrow{color:#c0d0e6}html[data-scene-theme=night] .enter{background:#b1c7df;color:#12243a}html[data-scene-theme=day] .enter{background:#e3ece7;color:#143c48}html[data-scene-theme=night] .vignette{background:linear-gradient(90deg,#020a2359,transparent 65%),linear-gradient(0deg,#010b1c88,transparent 25%)}
@media(max-width:760px){header{height:120px;align-items:flex-start}nav .scene-theme{position:absolute;left:22px;top:68px}nav .home-link{display:none}nav .scene-theme button{font-size:9px;padding:7px 13px}.edition{display:none}}