:root{--ink:#263c40;--cream:#fff9e9;--orange:#f36e46;--blue:#739eda;--mint:#b9d3ab;--floor-h:360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#d5e9f1}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:4px solid #ed724d;outline-offset:5px}button{border:0}button:hover,.primary:hover{filter:brightness(1.06)}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:26px 38px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:800}.brand small{display:block;font:10px/1.8 monospace;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--orange);border-radius:15px;transform:rotate(-7deg);color:white;font-weight:900;box-shadow:3px 4px 0 #263c4020}.header-tools{display:flex;gap:9px;align-items:center;font-size:12px}.header-tools button,.header-tools a{background:#fff9e9dd;border:1px solid #263c4020;border-radius:24px;padding:10px 14px}.viewport{position:fixed;inset:0;overflow:hidden;perspective:2200px}.sky{position:absolute;inset:0;background:linear-gradient(#c4e3f0,#e9f1df 90%);transition:background 1s}.sun{position:absolute;top:13%;right:13%;width:88px;height:88px;border-radius:50%;background:#ffeaa1;box-shadow:0 0 0 18px #fff2bf33}.cloud{position:absolute;width:180px;height:40px;border-radius:80px;background:#ffffffb0;animation:drift 14s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit;width:75px;height:65px;bottom:5px;left:25px}.cloud:after{left:85px;width:62px;height:82px}.cloud-a{top:23%;left:6%;scale:.8}.cloud-b{top:13%;left:63%;scale:1.2;animation-delay:-5s}.cloud-c{top:63%;right:3%;scale:.65;animation-delay:-9s}.far-city{position:absolute;bottom:-15px;width:100%;height:25%;display:flex;justify-content:space-around;align-items:end;opacity:.25;filter:blur(1px)}.far-city i{width:12%;height:90%;background:#95b8b9;border-radius:16px 16px 0 0}.far-city i:nth-child(2n){height:55%;width:18%}.far-city i:nth-child(3){height:130%}.intro{position:absolute;z-index:5;left:7%;top:29%;max-width:510px;will-change:opacity,transform}.eyebrow{font:11px/1.5 monospace;letter-spacing:2px}.intro h1{font-size:clamp(34px,4.2vw,65px);letter-spacing:-3px;line-height:1.25;margin:20px 0}.intro p{font-size:15px;line-height:1.9}.enter{background:var(--orange);color:white;border-radius:50px;padding:15px 25px;margin:16px 0;font-weight:bold;box-shadow:0 5px 0 #c85336}.intro-note{display:block;font-size:10px;margin-top:17px;letter-spacing:1px;opacity:.7}.camera{position:absolute;inset:0;perspective:2200px;pointer-events:none}.building{position:absolute;width:1000px;height:1440px;left:50%;top:50%;transform-style:preserve-3d;will-change:transform;transform:translate(-50%,-50%) scale(.3) rotateX(-25deg) rotateY(-27deg)}.floor{position:absolute;left:0;width:1000px;height:360px;background:var(--cream);border:12px solid #efead8;border-bottom:24px solid #d6ccb5;border-radius:8px;transform-style:preserve-3d;pointer-events:auto;box-shadow:inset 0 12px 15px #293c4010}.floor-four{top:0;--accent:#aac2ea}.floor-three{top:360px;--accent:#edb282}.floor-two{top:720px;--accent:#c7c2e5}.floor-one{top:1080px;--accent:#b6c8a0}.floor-number{position:absolute;top:9px;left:17px;z-index:5;font:bold 20px monospace;color:#425152}.floor-number span{font:10px sans-serif;padding-left:12px;letter-spacing:3px}.room{height:100%;display:grid;grid-template-columns:51% 49%;overflow:hidden;background:linear-gradient(0deg,#e2d4b8 0 17%,#fff9e9 17%);border-radius:2px}.room-art{position:relative;margin-top:41px;border-right:2px solid #d6ccb5;height:275px;overflow:hidden}.room-copy{padding:35px 26px 12px;background:#fff9e9eb;position:relative}.room-copy h2{font-size:40px;line-height:1.1;letter-spacing:-2px;margin:12px 0}.room-copy h2.game-title{font-size:42px;letter-spacing:-2px}.room-copy p{font-size:18px;line-height:1.55;margin:10px 0}.room-copy .detail{font-size:12px;line-height:1.8;color:#546164}.name-dot{color:var(--orange)}.tag{font-size:10px;background:#e4ecd2;border-radius:16px;padding:7px 10px;display:inline-block}.primary{display:inline-block;background:var(--ink);color:var(--cream);border-radius:24px;padding:10px 17px;font-size:12px;transition:transform .2s}.primary:hover{transform:translateY(-3px)}.actions{display:flex;align-items:center;gap:16px;font-size:11px;margin-top:12px}.glass{position:absolute;inset:0;z-index:6;display:flex;gap:12px;padding:35px 20px 20px;background:#cce6e9;transition:opacity .5s,transform .7s;transform-origin:top;pointer-events:none}.glass>div{flex:1;border-radius:60px 60px 5px 5px;border:7px solid #fff8e5;background:repeating-linear-gradient(135deg,#99bfc788 0 50px,#ffffff44 51px 85px,#a5cbd688 86px 155px);box-shadow:inset 4px 4px #53899733;position:relative}.glass>div:after{content:"";position:absolute;top:45%;left:0;right:0;height:7px;background:#fff8e5}.glass>span{position:absolute;bottom:28px;left:35px;background:var(--accent);border:4px solid #fff8e5;border-radius:20px;font:bold 14px monospace;padding:8px 24px}.floor.active .glass{opacity:0;transform:translateY(-20px)}.ledge{position:absolute;height:15px;left:-22px;right:-22px;bottom:-22px;background:#f8f1d8;border-bottom:6px solid #c4b9a0;border-radius:6px;transform:translateZ(15px)}.side{position:absolute;left:100%;top:0;width:430px;height:1440px;transform-origin:left;transform:rotateY(90deg);background:repeating-linear-gradient(0deg,#93aea6 0 16px,transparent 16px 360px),repeating-linear-gradient(90deg,#b7d2c9 0 40px,#739eaa 40px 130px,#d5e1ce 130px 147px);border:12px solid #d8e0c9}.side-sign{position:absolute;top:110px;left:60px;color:#fff4ce;background:#e87b54;padding:25px;font:bold 35px/1.6 monospace;border-radius:12px}.roof{position:absolute;left:0;top:-430px;width:1000px;height:430px;transform-origin:bottom;transform:rotateX(90deg);background:#eadcc0;border:22px solid #fff5de;border-radius:12px;box-shadow:inset 0 0 0 9px #b5ad95}.roof-type{position:absolute;left:70px;top:80px;font:900 85px/.9 sans-serif;color:#f37448;letter-spacing:-7px}.roof-garden{position:absolute;right:45px;top:40px;width:170px;height:270px;background:radial-gradient(circle at 30% 30%,#a8bf79 20%,transparent 22%),radial-gradient(circle at 65% 70%,#c3d08b 26%,#91b280 28%);border:10px solid #c0b191;border-radius:60px}.roof-vent{position:absolute;left:460px;top:65px;width:180px;height:95px;border:12px solid #ece8d9;background:repeating-linear-gradient(0deg,#b8c4bd 0 7px,#8eaaa2 8px 12px);box-shadow:12px 16px #bcb39f}.roof-sign{position:absolute;left:75px;top:-92px;padding:18px 30px;background:#f8794f;border:8px solid #ffedc9;transform:translateZ(10px);border-radius:15px;color:#fff9e9;font-size:30px;font-weight:900;box-shadow:0 8px #ac7051}.roof-sign span{margin-left:55px}.ground{position:absolute;left:-260px;top:100%;width:1500px;height:1100px;transform-origin:top;transform:rotateX(90deg);background:#ccd7b1;border:24px solid #eee8d4;border-radius:100px;box-shadow:30px 20px 0 #a9c1a7}.path{position:absolute;left:500px;top:0;width:410px;height:100%;background:#e6dec6;border-left:10px solid #fff8e0;border-right:10px solid #fff8e0}.grass{position:absolute;width:300px;height:400px;border-radius:100px;background:#b3c98d}.grass-a{left:40px;top:130px}.grass-b{right:60px;top:100px}.tree{position:absolute;font-size:240px;color:#6f9e77;text-shadow:15px 10px #557f6633}.tree-a{top:50px;left:90px}.tree-b{right:80px;top:180px}.tree-c{right:130px;top:490px}.ground-label{position:absolute;left:555px;top:750px;font-size:35px;font-weight:bold;writing-mode:vertical-rl}.wall-window{position:absolute;top:10px;left:23px;width:138px;height:135px;border:9px solid #b3c7d0;background:linear-gradient(#bee0ed,#e2edd8);border-radius:65px 65px 0 0}.wall-window:after{content:"";position:absolute;height:100%;width:7px;background:#b3c7d0;left:50%}.pinboard{position:absolute;left:220px;top:0;width:185px;height:115px;background:#e9ba83;border:8px solid #cca572;transform:rotate(2deg);padding:10px}.pinboard span{display:inline-block;padding:5px;background:#f4f3df;font:bold 16px/.95 monospace;color:#647fac;transform:rotate(-8deg)}.pinboard i{font:10px monospace;position:absolute;right:7px;bottom:20px;transform:rotate(9deg)}.desk{position:absolute;width:285px;height:22px;background:#b48051;left:88px;top:170px;border-radius:6px;box-shadow:0 -7px #deb684}.desk:before,.desk:after{content:"";position:absolute;top:20px;height:60px;width:11px;background:#ae805b;left:20px}.desk:after{left:auto;right:20px}.paper{position:absolute;left:18px;top:-44px;background:#fffcef;width:86px;height:45px;transform:skew(-20deg);font-size:20px;color:#678cad}.paper small{font-size:8px}.model{position:absolute;left:145px;top:-77px;width:102px;height:72px;background:transparent;transition:transform .5s}.model i{position:absolute;bottom:0;width:30px;background:#87a9d3;height:65px;border:3px solid #fff2d4;box-shadow:9px -6px #abc3dd;left:15px;transform:skewY(-12deg)}.model i:nth-child(2){height:40px;left:45px;background:#efa782}.model i:nth-child(3){height:26px;left:75px;background:#b4c891}.chair{position:absolute;top:175px;left:180px;width:65px;height:45px;border-radius:22px;background:#eb936b;border:5px solid #b87c5b}.chair:after{content:"";position:absolute;left:25px;top:40px;height:20px;width:5px;background:#7a8782}.plant{position:absolute;right:20px;top:120px;font-size:75px;color:#6d9c76}.plant i{display:block;width:45px;height:40px;background:#eca36f;margin-top:-15px;margin-left:15px;border-radius:3px 3px 18px 18px}.art-tip,.exhibit-note{position:absolute;bottom:8px;left:24px;font-size:9px;color:#5b6d68}.gallery{background:#f5d6ad}.gallery-title{font:10px monospace;letter-spacing:2px;position:absolute;top:8px;left:32px}.game-frame{position:absolute;top:30px;left:32px;right:32px;height:184px;background:#273c40;border:8px solid #fff8e5;border-radius:8px;box-shadow:5px 6px #cfb48e;overflow:hidden}.game-frame img{width:100%;height:100%;object-fit:cover}.game-frame span{position:absolute;bottom:9px;right:9px;border-radius:20px;padding:6px 10px;background:#fff8e5;font-size:10px}.game-frame:hover img{transform:scale(1.04);transition:transform .4s}.gallery-bench{position:absolute;bottom:27px;left:130px;width:200px;height:12px;background:#ac7e58;border-radius:5px;box-shadow:0 10px #c0986d}.idea-paper{position:absolute;top:18px;width:155px;height:125px;box-shadow:3px 5px #263c4015;background:#faf8eb;padding:20px;font-size:30px;font-weight:bold;transform:rotate(-8deg)}.idea-paper:before{content:"";position:absolute;top:-5px;left:50px;width:45px;height:13px;background:#edb284bb}.idea-paper small{display:block;font-size:8px;margin-top:10px;letter-spacing:1px;font-weight:normal}.p1{left:35px}.p2{right:35px;top:55px;transform:rotate(8deg);background:#e7eccb}.idea-arrow{position:absolute;left:210px;top:50px;font-size:65px;color:#ee835f}.idea-shelf{position:absolute;top:202px;left:30px;right:30px;border-bottom:12px solid #bf9e80;display:flex;justify-content:space-around}.idea-shelf span{font-size:35px;color:#889ac1}.construction{background:#e4e4d8}.wall-tape{position:absolute;top:30px;left:15px;transform:rotate(-9deg);padding:7px 15px;background:#f7c864;font:12px monospace;letter-spacing:2px}.ladder{position:absolute;top:50px;right:58px;width:55px;height:175px;border-left:9px solid #d8a976;border-right:9px solid #d8a976;background:repeating-linear-gradient(0deg,transparent 0 26px,#d8a976 27px 35px);transform:rotate(13deg)}.box{position:absolute;width:110px;height:75px;background:#cba77b;border:3px solid #bb986f;font-size:12px;padding:20px;color:#806747}.box:after{content:"";position:absolute;left:45%;top:0;width:13px;height:100%;background:#f5dda044}.b1{top:150px;left:50px;transform:rotate(-3deg)}.b2{top:105px;left:140px;width:90px;height:65px;transform:rotate(5deg)}.barrier{position:absolute;left:130px;bottom:37px;background:repeating-linear-gradient(135deg,#f7ca6b 0 15px,#384944 16px 26px);padding:8px 15px;border:5px solid #f8f0dd;color:#253b37;font-size:12px;font-weight:bold;box-shadow:0 17px 0 -6px #747b6f;text-shadow:0 0 4px #ffeaca;background-size:100% 6px;background-repeat:repeat-x;background-color:#f7ca6b}.cone{position:absolute;right:30px;bottom:28px;width:45px;height:65px;background:linear-gradient(#ed8758 0 35%,#fff5d9 36% 49%,#ed8758 50% 70%,#fff5d9 71% 79%,#ed8758 80%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}.scroll-track{height:740vh}.floor-nav{position:fixed;right:27px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:8px}.nav-label{font-size:10px;letter-spacing:2px;margin-bottom:7px;text-align:center}.floor-nav button{width:48px;height:44px;border-radius:14px;border:1px solid #263c4020;background:#fff9e9ed;font:bold 15px monospace;position:relative;transition:background .2s,transform .2s}.floor-nav button[aria-current=true]{background:var(--orange);color:white;transform:translateX(-4px);box-shadow:3px 4px 0 #a56a4822}.floor-nav button span{position:absolute;right:58px;top:12px;font:11px sans-serif;white-space:nowrap;background:#fff9e9;color:var(--ink);padding:5px 8px;border-radius:10px;opacity:0;pointer-events:none}.floor-nav button:hover span,.floor-nav button:focus-visible span{opacity:1}.hud{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 38px;background:linear-gradient(transparent,#e9f0dfbb);font:11px monospace;letter-spacing:1px;pointer-events:none}.scroll-hint i{display:inline-block;font-style:normal;animation:bob 1.8s ease-in-out infinite}.hint-mobile{display:none}.skip{position:fixed;z-index:100;top:-80px;background:var(--cream);padding:15px}.skip:focus{top:10px}.no-js{position:fixed;z-index:90;bottom:70px;left:5%;background:white;padding:20px}.night .sky{background:linear-gradient(#263e59,#557582)}.night .sun{background:#fff6d4;box-shadow:0 0 40px #fff5c344}.night .cloud{opacity:.25}.night .brand,.night .intro,.night .hud,.night .nav-label{color:#fff5db}.night .room{filter:sepia(.15)}.night .glass{background:#536e80}.night .glass>div{background:linear-gradient(135deg,#f6cf78,#e7b967)}.night .far-city{opacity:.5}.reduced *{animation:none!important;transition:none!important}body.reduced{scroll-behavior:auto}.reduced .building{will-change:auto}@keyframes drift{to{transform:translateX(35px)}}@keyframes bob{50%{transform:translateY(5px)}}
@media(max-width:700px){.site-header{padding:16px}.brand{font-size:16px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:37px;height:37px;font-size:16px}.header-tools{gap:5px}.header-tools button,.header-tools a{font-size:10px;padding:8px}.header-tools a{display:none}.intro{left:7%;top:15%;max-width:88%}.intro h1{font-size:34px;margin:13px 0;letter-spacing:-2px}.intro p{font-size:12px}.intro-note{font-size:8px;margin-top:8px}.enter{padding:10px 18px;margin:8px 0}.floor-nav{right:50%;top:auto;bottom:57px;transform:translateX(50%);flex-direction:row;gap:9px}.nav-label{display:none}.floor-nav button{height:38px;width:43px;border-radius:12px;font-size:13px}.floor-nav button[aria-current=true]{transform:translateY(-3px)}.floor-nav button span{display:none}.hud{padding:16px;font-size:9px}.hint-mobile{display:inline}.floor{width:600px;height:700px;border-width:10px;border-bottom-width:24px}.building{width:600px;height:2800px}.floor-four{top:0}.floor-three{top:700px}.floor-two{top:1400px}.floor-one{top:2100px}.room{grid-template-columns:1fr;grid-template-rows:300px 1fr;background:#fff9e9}.room-art{margin-top:33px;height:260px;border:0;max-width:100%;border-bottom:12px solid #ddd2b8}.room-copy{padding:22px 30px}.room-copy h2{font-size:43px;margin:12px 0}.room-copy p{font-size:22px}.room-copy .detail{font-size:18px;line-height:1.6}.room-copy .eyebrow{font-size:13px}.room-copy .tag{font-size:14px}.primary{font-size:17px;padding:13px 20px}.actions{font-size:16px}.roof{width:600px}.roof-type{font-size:65px;left:20px}.roof-vent{display:none}.roof-garden{right:15px;width:120px}.side{height:2800px;background-size:auto 700px}.roof-sign{font-size:23px;left:15px;white-space:nowrap}.glass>span{font-size:20px}.glass{padding-top:55px}.glass>div{border-radius:55px 55px 5px 5px}.ground{left:-400px}.scroll-track{height:780vh}.room-copy h2.game-title{font-size:45px}.art-tip,.exhibit-note{font-size:13px}.game-frame{height:178px;left:48px;right:48px}.gallery-title{left:48px}.game-frame span{font-size:13px}.desk{left:125px}.pinboard{left:285px}.plant{right:40px}.p2{right:60px}.p1{left:60px}.idea-arrow{left:260px}.wall-window{left:48px}.barrier{left:180px}.chair{left:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud,.scroll-hint i{animation:none}}