@font-face{font-family:HaoSans;src:url(/experiences/haoverse/fonts/haosans.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--teal:#1f6f78;--gold:#f4c95d;--ink:#1d2a30;--paper:#fbf6ea;--sys:-apple-system, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}[hidden]{display:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;height:100%;font-family:var(--sys);background:#0d1b2a;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}#app{position:fixed;top:0;bottom:0;left:0;right:0}.hs,h1,.logo,.map-title,.lm-sign b,.b-cover b,.sky-title,.qz-q,.lz-title{font-family:HaoSans, var(--sys)}.shelf{opacity:0;background:radial-gradient(1200px 600px at 50% 110%,#24507a 0%,#0000 60%),radial-gradient(circle at 20% 20%,#1c3150,#0b1624 70%);flex-direction:column;justify-content:center;align-items:center;gap:4vh;padding:20px;transition:opacity .5s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.shelf.in{opacity:1}.shelf:before{content:"";pointer-events:none;opacity:.8;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff,#0000),radial-gradient(1px 1px at 30% 70%,#cfe,#0000),radial-gradient(1.5px 1.5px at 70% 30%,#fff,#0000),radial-gradient(1px 1px at 85% 60%,#fff,#0000),radial-gradient(1px 1px at 55% 12%,#ffe,#0000),radial-gradient(1.2px 1.2px at 42% 42%,#fff,#0000);background-size:340px 340px;animation:80s linear infinite drift;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes drift{to{background-position:340px 170px}}.hero{text-align:center;z-index:1}.logo{letter-spacing:.32em;color:var(--gold);font-size:15px;font-weight:800}.hero h1{letter-spacing:.04em;text-shadow:0 4px 30px #78beff59;margin:8px 0 6px;font-size:clamp(26px,5vw,44px);font-weight:900}.hero p{color:#b9cbe0;margin:0;font-size:clamp(14px,2vw,17px)}.island{perspective:1100px;z-index:1;position:relative}.books{transform-style:preserve-3d;flex-wrap:nowrap;align-items:flex-end;gap:clamp(10px,2vw,22px);padding:0 10px;display:flex;transform:rotateX(8deg)}.book{--w:clamp(84px, 13vw, 150px);width:var(--w);height:calc(var(--w) * 1.38);transform-style:preserve-3d;animation:.7s backwards rise;animation-delay:calc(var(--i) * 70ms);transition:transform .35s cubic-bezier(.2,.8,.3,1.2);position:relative;transform:rotateY(-18deg)}@keyframes rise{0%{opacity:0;transform:translateY(40px)rotateY(-18deg)}}.book .b-cover{background:var(--c);background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 70%, #000));transform-origin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;border-radius:4px 10px 10px 4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;transition:transform .9s cubic-bezier(.5,0,.2,1);display:flex;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(2px);box-shadow:inset 6px 0 #ffffff1f,inset 10px 0 12px #00000040,0 18px 30px #00000073}.book .b-side{background:#333;background:color-mix(in srgb, var(--c) 60%, #000);transform-origin:0;width:18px;height:100%;position:absolute;top:0;left:0;transform:rotateY(90deg)}.book .b-inner{z-index:1;background:repeating-linear-gradient(90deg,#fbf6ea 0 3px,#efe6d0 3px 4px);border-radius:2px 8px 8px 2px;position:absolute;top:2px;bottom:2px;left:0;right:2px;transform:translateZ(-1px)}.b-brand{letter-spacing:.2em;color:var(--a);opacity:.9;font-size:10px;font-weight:800}.b-cover b{color:#fff;text-align:center;font-size:clamp(15px,2.3vw,23px);font-weight:900}.b-cover small{color:#ffffffbf;font-size:11px}.b-go{background:var(--a);color:#2a2a2a;border-radius:99px;margin-top:6px;padding:3px 12px;font-size:13px;font-weight:800}.b-soon{color:#ffffffb3;border:1px solid #ffffff59;border-radius:99px;margin-top:6px;padding:2px 9px;font-size:11px}.book.soon{filter:saturate(.45)brightness(.8)}.book.open{animation:.7s backwards rise,2.6s ease-in-out 1s infinite glow}@keyframes glow{50%{filter:drop-shadow(0 0 18px #f4c95d8c)}}.book:hover{transform:rotateY(-4deg)translateY(-10px)}.book:focus-visible{transform:rotateY(-4deg)translateY(-10px)}.book.nope{animation:.4s nope}@keyframes nope{25%{transform:rotateY(-18deg)translate(-6px)}75%{transform:rotateY(-18deg)translate(6px)}}.book.opening{z-index:5;transform:translate(var(--dx,0px), -4vh) scale(1.5) rotateY(0deg);transition:transform .5s}.book.opening .b-cover{transition-delay:.25s;transform:translateZ(2px)rotateY(-165deg)}body.opening .book:not(.opening),body.opening .hero,body.opening .shelf-foot{opacity:0;transition:opacity .4s}.shelf-plank{background:linear-gradient(#8a6a44,#5a4128);border-radius:8px;height:16px;margin:0 -20px;transform:rotateX(8deg);box-shadow:0 20px 40px #00000080}.shelf-foot{z-index:1;text-align:center;color:#cfe0f2;margin:0;font-size:15px;line-height:1.7}.shelf-foot span{color:#7f95ad;font-size:12px}.map{opacity:0;background:linear-gradient(#bfe3f0 0%,#e9f4ee 46%,#d9c9a3 47%,#c8b285 100%);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.map.in{opacity:1}.sky{background:radial-gradient(600px 220px at 50% 100%,#fffc,#0000 70%);height:46%;position:absolute;top:0;left:0;right:0}.sky-title{text-align:center;color:#1f4f55;letter-spacing:.1em;text-shadow:0 3px #fff;width:100%;font-size:clamp(38px,7vw,64px);font-weight:900;position:absolute;top:74px}.sky-title small{letter-spacing:.2em;color:#4f7f86;text-shadow:none;font-size:14px;display:block}.mapscene{perspective:1000px;perspective-origin:50% -10%;height:74%;position:absolute;bottom:0;left:0;right:0}.board-wrap{width:min(1180px,96vw);transform-style:preserve-3d;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.board{aspect-ratio:1.75;width:100%;transform-style:preserve-3d;transform-origin:50% 100%;transition:transform 1s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateX(52deg)}.map:not(.in) .board{transform:rotateX(80deg)translateZ(-200px)}.page{background:var(--paper);width:50%;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #e6d9b8,0 30px 60px #3c280a59}.page.left{background:linear-gradient(90deg, #f3ead4, var(--paper) 12%);border-radius:14px 2px 2px 14px;left:0}.page.right{background:linear-gradient(270deg, #f3ead4, var(--paper) 12%);border-radius:2px 14px 14px 2px;right:0}.page:after{content:"";background:repeating-linear-gradient(#fff 0 2px,#e2d6b8 2px 3px);border-radius:0 0 6px 6px;height:10px;position:absolute;bottom:-10px;left:3%;right:3%}.gutter{background:linear-gradient(90deg,#0000,#6e501e2e,#0000);width:80px;position:absolute;top:0;bottom:0;left:calc(50% - 40px)}.region{border:2px dashed #1f6f7840;border-radius:26px;position:absolute}.region.open{background:radial-gradient(#aadcaa73,#aadcaa1f 70%);border:2px solid #46966459}.region.soon{background:#a096821a}.rg-name{font:800 clamp(11px, 1.5vw, 18px) HaoSans, var(--sys);color:#2d5a4b;position:absolute;top:10px;left:14px}.region.soon .rg-name{color:#9a8f78}.rg-name em{color:#b1a68d;font-size:.72em;font-style:normal;display:block}.region.open .rg-name{font-size:clamp(14px,2vw,24px)}.roads{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.road-bed{fill:none;stroke:#e2cf9c;stroke-width:16px;vector-effect:non-scaling-stroke;stroke-linecap:round}.road-mid{fill:none;stroke:#fff;stroke-width:2.5px;stroke-dasharray:8 10;vector-effect:non-scaling-stroke}.road-bed.on{stroke:#f4c95d}.road-mid.on{stroke:#fff7d6}.lm{width:0;height:0;transform-style:preserve-3d;position:absolute}.lm-base{background:radial-gradient(circle,#1f6f7859,#1f6f7814 60%,#0000 70%);border-radius:50%;width:92px;height:92px;position:absolute;top:-46px;left:-46px}.lm.lit .lm-base{background:radial-gradient(circle,#ffcd46f2,#ffcd4659 45%,#0000 70%);animation:2.4s infinite litpulse}@keyframes litpulse{50%{transform:scale(1.18)}}.lm.next .lm-base:after{content:"";border:3px solid #e0561b;border-radius:50%;animation:1.6s infinite ring;position:absolute;top:8px;bottom:8px;left:8px;right:8px}@keyframes ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.mapscene,.board,.board *{pointer-events:none}.lm-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.lmS{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.lm-sign{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:clamp(110px,14vw,168px);color:var(--ink);text-align:center;border-top:5px solid var(--teal);background:#fffdf6;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 9px;transition:transform .25s,box-shadow .25s;display:flex;position:absolute;bottom:14px;left:0;transform:translate(-50%);box-shadow:0 2px #e7dcc0,0 6px 14px #281e0a38}.lm-sign:after{content:"";pointer-events:none;background:#b9a57a;width:4px;height:14px;margin-left:-2px;position:absolute;bottom:-14px;left:50%}.lm-sign:hover,.lm-sign:active{outline:none;transform:translate(-50%)translateY(-8px)scale(1.05);box-shadow:0 2px #e7dcc0,0 22px 30px #281e0a4d}.lm-sign:focus-visible{outline:none;transform:translate(-50%)translateY(-8px)scale(1.05);box-shadow:0 2px #e7dcc0,0 22px 30px #281e0a4d}.lm-ico svg{width:52px;height:36px;display:block}.lm-sign b{font-size:clamp(14px,1.7vw,18px);font-weight:900}.lm-sign small{color:#6b6458;font-size:11px}.lm-tag{color:#b3560a;background:#fff1de;border-radius:99px;margin-top:2px;padding:1px 8px;font-size:10px}.lm-no{background:var(--teal);color:#fff;width:24px;height:24px;font:800 13px/24px HaoSans, var(--sys);border-radius:50%;position:absolute;top:-12px;left:-8px}.lmS.lit .lm-sign{background:linear-gradient(#fff8e2,#fffdf6);border-top-color:#e3a917}.lmS.lit .lm-no{background:#e3a917}.lm-lit{color:#fff;background:#e3a917;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:-14px;right:-10px;box-shadow:0 3px 8px #a06e0066}.lmS.just .lm-sign{animation:1.4s cubic-bezier(.2,.9,.3,1.3) justlit}@keyframes justlit{0%{filter:brightness(2);transform:translate(-50%)scale(.6)}60%{transform:translate(-50%)translateY(-30px)scale(1.15)}}.map .lm-sign{animation:.6s backwards pop}@keyframes pop{0%{opacity:0}}.map-hud{color:var(--ink);align-items:center;gap:12px;padding:12px 64px 12px 14px;display:flex;position:absolute;top:0;left:0;right:0}.map-hud .back{background:#ffffffd9;border-radius:99px;padding:7px 14px;font-weight:700;box-shadow:0 2px 8px #00000014}.map-title{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.pill{background:var(--teal);color:#fff;border-radius:99px;padding:2px 10px;font-size:13px}.map-prog{background:#ffffffd9;border-radius:99px;align-items:center;gap:8px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.map-prog i{gap:4px;display:flex}.map-prog em{background:#d8d2c2;border-radius:50%;width:10px;height:10px}.map-prog em.on{background:#e3a917;box-shadow:0 0 6px #f4c95d}.guide{pointer-events:none;align-items:flex-start;gap:6px;display:flex;position:absolute;top:26%;left:max(10px,50% - 600px)}.guide img{filter:drop-shadow(0 8px 10px #0003);width:clamp(72px,9vw,120px);height:auto}.bubble{color:var(--ink);background:#fff;border-radius:14px;max-width:260px;margin-top:10px;padding:9px 13px;font-size:14px;font-weight:700;position:relative;box-shadow:0 6px 16px #0000001f}.bubble:before{content:"";border:7px solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:14px;left:-7px}.map.port .mapscene{perspective:1200px;height:80%}.map.port .board{aspect-ratio:.8;transform:rotateX(26deg)}.map.port .board-wrap{width:100vw;bottom:0}.map.port .page.left{display:none}.map.port .page.right{border-radius:14px;width:100%}.map.port .gutter{display:none}.map.port .sky-title{font-size:40px;top:96px}.map.port .map-prog{position:absolute;top:60px;right:12px}.map.port .guide{top:auto;bottom:72%;left:10px}.map.port .guide img{width:64px}.map.port .lm-sign{width:96px;padding:7px 5px}.map.port .lm-ico svg{width:40px;height:28px}.map.port .lm-sign b{font-size:14px}.map.port .lm-tag{display:none}.map.port .region.soon .rg-name{font-size:10px;left:6px}.map.port .region.soon .rg-name em{display:none}.map.port .map-hud{flex-wrap:wrap}.map.port .map-prog em{display:none}.lite .board,.lite .map.port .board{transform:none!important}.lite .mapscene{perspective:none}.lite .shelf:before,.lite .book.open{animation:none}.lite .lm-base{animation:none!important}.lite .page,.lite .lm-sign,.lite .b-cover{box-shadow:none}.lz-ov{z-index:20;perspective:1400px;background:#0f1c2400;transition:background .35s;position:fixed;top:0;bottom:0;left:0;right:0}.lz-ov.on{background:#0f1c248c}.lz-pop{opacity:0;color:var(--ink);background:#f3ead5;border-radius:18px;flex-direction:column;transition:transform .55s cubic-bezier(.2,.9,.25,1.12),opacity .3s;display:flex;position:absolute;top:max(10px,2vh);bottom:max(10px,2vh);left:max(10px,2vw);right:max(10px,2vw);overflow:hidden;transform:rotateX(75deg)scale(.25);box-shadow:0 30px 80px #00000073}.lz-ov.on .lz-pop{opacity:1;transform:none}.lz-ov.off .lz-pop{opacity:0;transition-duration:.3s;transform:rotateX(70deg)scale(.3)}.lite .lz-pop{transition:opacity .2s;transform:none}.lz-head{background:#fffaf0;border-bottom:1px solid #e6dcc4;align-items:center;gap:12px;padding:8px 60px 8px 10px;display:flex}.lz-back{color:var(--teal);background:#eef4f3;border-radius:99px;padding:6px 12px;font-weight:800}.lz-title{font-size:18px;font-weight:900}.lz-title small{color:#8a7a5c;margin-left:8px;font-size:13px;font-weight:700}.lz-steps{gap:6px;margin-left:auto;display:flex}.lz-steps button{color:#6b6458;background:#f1e9d6;border-radius:99px;padding:6px 12px;font-size:14px;font-weight:700}.lz-steps button.on{background:var(--teal);color:#fff}.lz-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.lz-cv{background:#f8f1e2;border-radius:10px;display:block;box-shadow:0 6px 24px #3c280a2e}.lz-loading{color:#6b6458;align-items:center;gap:10px;font-weight:700;display:flex;position:absolute}.lz-loading i{border:3px solid #cbbd99;border-top-color:var(--teal);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lz-recbadge{color:#fff;background:#d92d2d;border-radius:99px;padding:5px 14px;font-weight:800;animation:1.2s infinite blink;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes blink{50%{opacity:.6}}.lz-bar{padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffaf0;border-top:1px solid #e6dcc4;flex-wrap:wrap;align-items:center;gap:12px;min-height:58px;display:flex}.lz-play{background:var(--teal);color:#fff;border-radius:50%;flex:none;width:42px;height:42px;font-size:15px;font-weight:900}.lz-bar input[type=range]{accent-color:var(--teal);flex:1;min-width:120px}.lz-time{font-variant-numeric:tabular-nums;color:#6b6458;font-size:13px}.lz-sliders{flex:1;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 18px;display:grid}.lz-sliders label{align-items:center;gap:8px;font-weight:800;display:flex}.lz-sliders label span{color:#4f5d63;min-width:3.6em;font-size:14px}.lz-sliders b{text-align:right;font-variant-numeric:tabular-nums;color:#e0561b;min-width:2.4em}.lz-acts,.qz-acts{flex-wrap:wrap;gap:8px;display:flex}.lz-tip{color:#6b6458;font-weight:700}.btn{color:var(--ink);background:#efe6d1;border-radius:99px;padding:9px 16px;font-weight:800;text-decoration:none;display:inline-block}.btn.primary{background:var(--teal);color:#fff}.btn.danger{color:#fff;background:#d92d2d}.lz-quiz{background:#f3ead5db;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.lite .lz-quiz{background:#f3ead5}.qz-card{background:#fffdf6;border-radius:18px;width:min(620px,100%);padding:20px;box-shadow:0 16px 40px #3c280a33}.qz-n{color:var(--teal);font-size:13px;font-weight:800}.qz-q{margin:6px 0 14px;font-size:clamp(18px,2.4vw,22px);font-weight:900;line-height:1.5}.qz-opts{gap:8px;display:grid}.qz-opt{text-align:left;background:#f6efdd;border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:17px;font-weight:700;display:flex}.qz-opt i{width:26px;height:26px;color:var(--teal);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:13px;font-style:normal;display:grid}.qz-opt.right{background:#e5f6ec;border-color:#14975a}.qz-opt.wrong{background:#fde8e8;border-color:#e0444b}.qz-ex{border-radius:10px;margin:12px 0;padding:10px 12px;line-height:1.6}.qz-ex.ok{background:#e5f6ec}.qz-ex.no{background:#fff1de}.qz-ex b{margin-right:6px}.qz-card.done{text-align:center}.qz-star{color:#e3a917;letter-spacing:.1em;font-size:44px}.qz-card.done .qz-acts{justify-content:center}.lz-ov.port .lz-steps button{padding:6px 9px;font-size:13px}@media (max-width:720px){.lz-pop{border-radius:0;top:0;bottom:0;left:0;right:0}.lz-head{flex-wrap:wrap;gap:6px}.lz-steps{width:100%;margin-left:0}.lz-steps button{flex:1}.lz-title small{display:none}}.fab{z-index:40;color:#fff;background:#1f4f55;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:fixed;top:10px;right:10px;box-shadow:0 6px 16px #00000040}.tools{z-index:41;width:min(320px,100vw - 20px);color:var(--ink);background:#fffdf6;border-radius:16px;padding:12px;display:none;position:fixed;top:60px;right:10px;box-shadow:0 20px 50px #0000004d}.tools.on{display:block}.tools h4{margin:2px 6px 8px}.tool{text-align:left;border-radius:10px;width:100%;padding:10px;display:block}.tool:hover{background:#f4ecd9}.tool b{font-size:15px;display:block}.tool small{color:#7a7060}.muted{color:#8a8070;margin:8px 6px 0;font-size:12px}.modal{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{color:var(--ink);background:#fffdf6;border-radius:16px;width:min(560px,100%);padding:18px}.modal-card h3{margin:0 0 10px}.rec-prev{background:#000;border-radius:10px;width:100%;max-height:50vh}.toast{z-index:60;color:#fff;opacity:0;background:#1d2a30;border-radius:99px;padding:10px 18px;font-weight:700;transition:all .25s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}.book.opening{filter:none!important;animation:none!important}@media (max-width:640px){.books{grid-template-columns:repeat(3,auto);justify-content:center;gap:22px 14px;display:grid;transform:none}.book{--w:27vw}.shelf-plank{display:none}.book .b-cover{box-shadow:inset 6px 0 #ffffff1f,0 10px 18px #00000073}.hero p{padding:0 10px}}@media (min-width:721px){.lz-bar{padding-right:170px}}@supports not (aspect-ratio:1){.board:before{content:"";padding-top:57.14%;display:block}.map.port .board:before{padding-top:125%}}.lz-tapplay{z-index:3;background:var(--teal);color:#fff;border-radius:99px;padding:14px 26px;font-size:18px;font-weight:900;position:absolute;box-shadow:0 10px 30px #00000040}