*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}.experience{--ink:#e8eee8;--muted:#8fa79b;--mint:#c0eed0;width:100%;height:100svh;min-height:650px;color:var(--ink);background:radial-gradient(at 70% 65%,#17372a 0%,#091c15 42%,#04100c 85%);font-family:Arial,Microsoft YaHei,sans-serif;font-weight:400;position:relative;overflow:hidden}.experience button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.experience a{color:inherit;text-decoration:none}.experience button:focus-visible,.experience a:focus-visible{outline:2px solid var(--mint);outline-offset:7px}.experience svg{flex-shrink:0;width:24px;height:24px}.experience-header{z-index:5;border-bottom:1px solid #c4e6d20d;justify-content:space-between;align-items:center;height:112px;margin:0 4%;display:flex;position:absolute;top:0;left:0;right:0}.spatial-brand{letter-spacing:-2.5px;align-items:center;gap:13px;font-size:37px;font-weight:600;display:flex;position:relative}.spatial-brand span{letter-spacing:2px;padding-top:5px;font-size:17px;font-weight:400}.spatial-brand i{background:#a6e9be;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:3px}.experience-header nav{align-items:center;gap:46px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.experience-header nav button{color:#96a99d;padding:17px 0;font-size:14px;position:relative}.experience-header nav button.selected{color:#e7f1e9}.experience-header nav button.selected:after{content:"";background:var(--mint);border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:50%}.experience .contact-button{align-items:center;gap:24px;font-size:13px;display:flex}.contact-button svg{width:17px}.scene-viewport{z-index:1;position:absolute;inset:9% -4% 10% 22%}.webgl-host{cursor:grab;touch-action:none;width:100%;height:100%}.webgl-host.dragging{cursor:grabbing}.webgl-host canvas{width:100%;height:100%;display:block}.story{z-index:2;pointer-events:none;width:29%;max-width:410px;animation:1.2s both story-enter;position:absolute;top:24%;left:4%}.story>*{pointer-events:auto}.story h1{letter-spacing:.02em;margin:0 0 27px;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(38px,4.4vw,72px);font-weight:400;line-height:1.4}.story h1 span{color:#d8e8dc}.story-description{letter-spacing:.08em;color:#a3b7a9;max-width:295px;margin:0 0 30px;font-size:13px;line-height:2.05}.experience .explore-button{color:#c6e7ce;border:1px solid #acdfbe;border-radius:50px;align-items:center;gap:35px;padding:15px 24px;font-size:13px;transition:background .25s,color .25s;display:flex}.experience .explore-button:hover{color:#0c2316;background:#c0eed0}.explore-button svg{width:20px}.chapter-points{color:#b7cabc;letter-spacing:.12em;margin:0 0 30px;padding:0;font-size:12px;line-height:2.4;list-style:none}.chapter-points li:before{content:"";vertical-align:middle;background:#a5dcba;width:3px;height:3px;margin-right:12px;display:inline-block}.experience .back-overview{color:#93a99b;border-bottom:1px solid #657e6b;margin-top:20px;padding:0 0 5px;font-size:11px}.scene-caption{z-index:2;letter-spacing:2px;color:#91a699;align-items:center;gap:13px;font-size:9px;display:flex;position:absolute;top:145px;right:4%}.live-dot{background:#a2edbd;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:inline-block;box-shadow:0 0 8px #a2edbd44}.caption-line{background:#77968466;width:36px;height:1px}.spatial-tools{z-index:2;color:#7d9585;letter-spacing:1px;align-items:center;gap:22px;font-size:10px;display:flex;position:absolute;bottom:157px;right:4%}.spatial-tools button{padding:0;display:flex}.spatial-tools svg{width:18px;height:18px}.experience-footer{z-index:3;align-items:center;gap:4%;height:65px;display:flex;position:absolute;bottom:60px;left:4%;right:4%}.concept-note{letter-spacing:1px;color:#91a397;white-space:nowrap;align-items:center;gap:10px;width:23%;font-size:10px;display:flex}.chapter-nav{border-bottom:1px solid #78968444;flex:1;gap:0;height:65px;display:flex}.experience .chapter-nav button{white-space:nowrap;text-align:left;color:#839c8d;flex:1;align-items:center;gap:12px;padding:0 8px 0 0;font-size:13px;transition:color .25s;display:flex;position:relative}.chapter-nav button span{font-family:Arial,sans-serif;font-size:13px;font-weight:400}.chapter-nav button strong{letter-spacing:1px;font-size:12px;font-weight:400}.experience .chapter-nav button.active{color:#dcf1df}.chapter-nav button.active span{color:#a8e7bf}.chapter-nav button:after{content:"";background:#c0efd0;width:0;height:2px;transition:width .8s;position:absolute;bottom:-1px;left:0}.chapter-nav button.active:after{width:85%}.playback{align-items:center;gap:19px;display:flex}.playback button{border-radius:50%;place-items:center;width:46px;height:46px;display:grid;border:1px solid #9dc5ab!important}.playback .next-scene{border-color:#537a63!important}.experience .tour-button{z-index:3;letter-spacing:1px;color:#819c89;align-items:center;gap:12px;padding:0;font-size:9px;display:flex;position:absolute;bottom:24px;right:4%}.tour-button span{border:1px solid #47674f;padding:3px 5px;font-size:8px}.tour-button.on span{color:#0b2012;background:#bddfc5}.scene-loading{z-index:4;color:#c0eed0;letter-spacing:2px;font-size:12px;position:absolute;top:50%;left:65%}.scene-loading span{border:1px solid #c0eed033;border-top-color:#c0eed0;border-radius:50%;width:30px;height:30px;margin:0 auto 20px;animation:1s linear infinite spin;display:block}.contact-dialog{color:#dfecdf;background:#11271b;border:1px solid #50715a;width:min(580px,90vw);max-height:90svh;padding:0}.contact-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020b07bb}.contact-dialog>div{padding:50px;position:relative}.contact-dialog .dialog-close{padding:8px;position:absolute;top:20px;right:20px}.dialog-brand{color:#a6ccb1;font-size:15px}.contact-dialog h2{margin:30px 0 20px;font-family:SimSun,serif;font-size:35px;font-weight:400;line-height:1.5}.contact-dialog p{color:#9fb2a3;font-size:12px;line-height:1.8}.contact-phone{justify-content:space-between;align-items:center;margin-top:30px;font-size:30px;display:flex}.email-link{font-size:13px}.contact-locations{border-top:1px solid #57735b55;gap:30px;margin-top:35px;padding-top:25px;font-size:12px;line-height:2;display:flex}.contact-locations small{color:#839d8a;font-size:10px}.scene-fallback{z-index:2;position:absolute;top:25%;left:37%;right:4%}.scene-fallback img{width:100%}.scene-fallback p{color:#bbd0bd;font-size:12px;line-height:1.8}.experience button:hover{color:#e0ffe9}.experience .explore-button:hover{color:#0c2316}@keyframes story-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1700px){.story{top:27%}.scene-viewport{inset:7% -2% 8% 24%}}@media (width<=1100px){.experience-header{height:90px}.experience-header nav{gap:25px}.spatial-brand{font-size:31px}.spatial-brand span{font-size:13px}.concept-note{display:none}.experience-footer{gap:25px}.scene-viewport{left:25%;right:-12%}.story{width:32%;top:25%}.story h1{font-size:46px}.story-description{font-size:12px}.scene-caption{top:120px}.chapter-nav button strong,.chapter-nav button span{font-size:11px}.experience .chapter-nav button{gap:9px}.spatial-tools{bottom:150px}}@media (width<=700px){.experience{min-height:730px}.experience-header{align-items:center;height:76px;margin:0 6%}.spatial-brand{font-size:29px}.spatial-brand span{letter-spacing:1px;font-size:12px}.experience-header nav{gap:25px;height:35px;top:78px;left:0;transform:none}.experience-header nav button{padding:8px 0;font-size:12px}.experience-header nav button.selected:after{bottom:-3px}.experience .contact-button{gap:8px;font-size:11px}.contact-button svg{width:15px}.story{width:88%;max-width:none;top:146px;left:6%}.story h1{margin:0 0 15px;font-size:36px;line-height:1.28}.story-description{letter-spacing:.03em;max-width:260px;margin-bottom:17px;font-size:11px;line-height:1.9}.experience .explore-button{gap:22px;padding:10px 17px;font-size:11px}.explore-button svg{width:17px;height:17px}.scene-viewport{inset:36% -11% 14%}.scene-caption{letter-spacing:1px;gap:7px;font-size:7px;top:128px;right:6%}.scene-caption .caption-line{width:16px}.scene-caption>.live-dot{display:none}.spatial-tools{gap:10px;font-size:8px;bottom:148px;right:6%}.experience-footer{gap:0;height:58px;bottom:64px;left:6%;right:6%}.chapter-nav{height:58px}.experience .chapter-nav button{flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;padding:0 5px 6px 0}.chapter-nav button strong{letter-spacing:0;font-size:10px}.chapter-nav button span{font-size:10px}.playback{gap:10px;position:absolute;top:75px;right:0}.playback button{width:27px;height:27px}.playback svg{width:14px;height:14px}.experience .tour-button{font-size:9px;bottom:24px;left:6%;right:auto}.tour-button span{font-size:7px}.chapter-points{letter-spacing:0;gap:12px;margin:0 0 15px;font-size:9px;line-height:1.5;display:flex}.chapter-points li:before{display:none}.detail .story h1{font-size:31px}.detail .story-description{max-width:320px}.experience .back-overview{margin:0;font-size:10px;position:absolute;bottom:12px;left:155px}.scene-loading{font-size:10px;top:60%;left:40%}.contact-dialog>div{padding:35px 25px}.contact-dialog h2{font-size:29px}.contact-phone{font-size:25px}.scene-fallback{top:50%;left:6%;right:6%}}@media (prefers-reduced-motion:reduce){.experience *{transition:none!important;animation:none!important}}.scene-viewport{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 100%)}.experience-footer:before{content:"";z-index:-1;background:linear-gradient(#0000,#07180fed 45%,#06150f);position:absolute;inset:-25px -5vw -65px}@media (width<=700px){.scene-viewport{-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 88%,#0000 100%)}}@media (width>=701px){.scene-viewport{top:14%}.scene-caption{background:#07180f99;border-radius:2px;padding:8px 10px}}@media (width<=700px){.detail .scene-viewport{top:44%}}