:root{--ink:#143755;--blue:#245b88;--paper:#f7f4ed;--line:#ced8df;--accent:#b68b53;--muted:#657782;--white:#fff;--serif:"Songti SC","STSong","SimSun",serif;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #38bed1;outline-offset:4px}button{touch-action:manipulation}button:hover{filter:brightness(1.06)}[hidden]{display:none!important}body,html{width:100%;height:100%;overscroll-behavior:none}h1,h2,p{margin:0}.home,.experience{position:relative;width:100%;height:100%;min-height:600px;overflow:hidden}.home{color:white}.cover-photo,.cover-shade{position:absolute;inset:0}.cover-photo{background:url('../assets/photos/cover.jpg') center/cover}.cover-shade{background:linear-gradient(90deg,rgba(5,31,47,.88),rgba(6,36,51,.67) 42%,rgba(9,34,47,.15) 85%),linear-gradient(0deg,rgba(4,27,41,.6),transparent 45%)}.cover-brand{position:absolute;left:5.2vw;top:5vh;display:flex;align-items:center;gap:18px;font-size:16px;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:49px;height:49px;border:1px solid currentColor;font:28px var(--serif);background:transparent;color:inherit;border-radius:2px}.cover-brand small{display:block;margin-top:5px;font-size:11px;letter-spacing:3px;opacity:.7}.cover-copy{position:absolute;left:8vw;top:26vh}.eyebrow{display:block;font-size:11px;letter-spacing:3px;font-weight:600}.cover-copy .eyebrow{color:#dad7bb;margin-bottom:24px}.cover-copy h1{font:clamp(44px,5vw,82px)/1.28 var(--serif);letter-spacing:6px;font-weight:600}.cover-copy em{font-style:normal;color:#f4e4c8}.cover-copy p{font-size:16px;line-height:2;letter-spacing:1.5px;margin:24px 0 30px;color:#e1e8e9}.enter{background:#ede4cf;color:#183f54;padding:17px 25px;min-width:210px;text-align:left;font-weight:600;font-size:18px;letter-spacing:2px}.enter span{float:right;font-size:24px;line-height:23px;margin-left:30px}.cover-route{display:flex;align-items:center;gap:16px;margin-top:29px;color:#e0e4e2;font-size:12px;letter-spacing:1px}.cover-route i{width:28px;height:1px;background:#91a3a8}.cover-robot{position:absolute;right:11vw;bottom:13vh;height:56vh;min-height:330px;max-height:640px;text-align:center;filter:drop-shadow(0 15px 30px #061e3155)}.cover-robot img{height:100%;max-width:32vw;object-fit:contain;display:block;margin:auto}.cover-robot span{display:inline-block;margin-top:4px;background:#f8f7f0ed;color:#245372;padding:11px 18px;border-radius:30px;font-size:12px;letter-spacing:1px}.cover-footer{position:absolute;bottom:4vh;left:5.2vw;right:5.2vw;border-top:1px solid #ffffff30;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#e3e8e7}.experience{min-height:420px;background:#172e39}.panorama,.scene-vignette,.hotspots{position:absolute;inset:0}.panorama{touch-action:none;cursor:grab}.panorama.dragging{cursor:grabbing}.panorama canvas{width:100%;height:100%;display:block}.scene-vignette{pointer-events:none;background:linear-gradient(#071d2a44,transparent 24%,transparent 68%,#071d2a66)}.hotspots{pointer-events:none;overflow:hidden}.scene-header{position:absolute;top:22px;left:26px;right:26px;display:flex;gap:18px;align-items:center;color:white;text-shadow:0 1px 10px #001b2799;z-index:4}.scene-header .brand-mark{border-color:#ffffff70}.scene-heading h1{font:28px var(--serif);margin-top:6px;letter-spacing:2px}.scene-heading .eyebrow{opacity:.83}.scene-tabs{display:flex;margin:auto;gap:3px;padding:4px;background:#fcfcf3e8;backdrop-filter:blur(12px);border-radius:4px;text-shadow:none;box-shadow:0 4px 25px #042b3833}.scene-tabs button{padding:12px 19px;background:transparent;color:#3e5867;border-radius:2px;font-size:13px;letter-spacing:1px;min-height:44px}.scene-tabs button.active{background:var(--ink);color:white}.top-actions{display:flex;gap:8px}.top-actions button,.view-controls button{background:#f9fcf3e8;color:var(--ink);width:44px;height:44px;font-size:23px;border-radius:3px}.top-actions button:first-child{font-size:19px}.view-controls{position:absolute;right:27px;top:44%;display:grid;gap:2px;z-index:4}.view-controls button:last-child{font-size:12px}.hotspot{position:absolute;top:0;left:0;pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:30px;background:#f7f8f1ef;color:var(--ink);border:1px solid #ffffffb0;box-shadow:0 4px 16px #0c24334d;white-space:nowrap;min-height:47px;will-change:transform;font-size:14px;letter-spacing:.6px;transition:opacity .15s}.hotspot .spot-icon{display:grid;place-items:center;width:30px;height:30px;background:var(--ink);color:white;border-radius:50%;font-size:17px;flex:0 0 30px}.hotspot.door{background:#173c58eb;color:#fff;border-color:#b7dce399}.hotspot.door .spot-icon{background:#ecdbb9;color:var(--ink)}.hotspot.visited:after{content:'✓';font-size:11px;color:#829f8f;margin-left:2px}.guide-dock{position:absolute;left:26px;bottom:150px;z-index:4}.guide-character{padding:0;background:none;color:white;display:flex;align-items:flex-end;filter:drop-shadow(0 2px 4px #061c35a0)}.guide-character img{width:105px;height:164px;object-fit:contain}.guide-character span{background:#f7f6ecef;color:var(--ink);padding:12px 14px;border-radius:3px;margin:0 0 16px -8px;text-align:left;filter:none}.guide-character b{font-family:var(--serif);font-size:19px;letter-spacing:4px}.guide-character small{display:block;font-size:10px;letter-spacing:.5px;margin-top:5px}.guide-player{position:absolute;bottom:142px;left:50%;transform:translateX(-50%);width:min(760px,62vw);background:#f9f7efee;border:1px solid #fff8;padding:17px 20px;z-index:6;backdrop-filter:blur(15px);border-radius:4px;display:flex;gap:20px;align-items:center}.guide-text{flex:1}.guide-text>span{font-size:10px;color:#7f8479;letter-spacing:2px}.guide-text p{font-size:17px;line-height:1.65;margin-top:7px;min-height:27px}.guide-buttons{display:flex;gap:5px}.guide-buttons button{background:transparent;color:var(--ink);font-size:21px;min-width:34px;height:40px}.audio-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#c3d3d5}.audio-progress i{display:block;height:100%;width:0;background:var(--blue)}.lesson-nav{position:absolute;left:26px;right:26px;bottom:24px;background:#fbfaf2eb;backdrop-filter:blur(16px);border:1px solid #ffffffb0;border-radius:4px;padding:15px 20px;z-index:5;box-shadow:0 5px 24px #0f253933}.nav-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #486d7f26;padding:0 0 11px;margin-bottom:9px;font-size:11px;color:#5b747e;letter-spacing:1px}.drag-hint{color:#899994;font-size:10px}#lesson-actions{display:flex;gap:8px;align-items:stretch}#lesson-actions button{flex:1;text-align:left;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:11px;min-height:43px;border-radius:3px;font-size:14px;letter-spacing:1px;border-right:1px solid #95aeb229}#lesson-actions button:last-child{border-right:0}#lesson-actions button:hover{background:#e4edf0}#lesson-actions .nav-number{font:16px var(--serif);color:#a08765}#lesson-actions button.visited .nav-number{color:#3d8976}.loading,.scene-error,.transition{position:absolute;inset:0;z-index:20;background:#f4f1e9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--ink)}.loading>span{width:34px;height:34px;border:2px solid #b7cbd0;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.loading p{font-size:13px;letter-spacing:3px}.transition{z-index:25;background:#ede8db;animation:fade .24s ease}.transition p{font:26px var(--serif);letter-spacing:3px}.scene-error{padding:35px;text-align:center}.scene-error p{line-height:1.8}.scene-error button{padding:14px 25px;background:var(--ink);color:white}.content-dialog{border:1px solid #d0d7d7;padding:0;width:min(1200px,94vw);max-width:94vw;height:min(860px,90vh);max-height:92vh;background:var(--paper);color:var(--ink);border-radius:6px;box-shadow:0 30px 80px #051d4466;overflow:hidden}.content-dialog::backdrop{background:#091f38ae;backdrop-filter:blur(5px)}.dialog-header{height:89px;border-bottom:1px solid #c3d0d6;padding:19px 30px;display:flex;justify-content:space-between;align-items:center}.dialog-header .eyebrow{font-size:9px;color:#8b907e;letter-spacing:2px}.dialog-header h2{font:27px var(--serif);letter-spacing:2px;margin-top:5px}.close-button{background:transparent;color:var(--ink);width:44px;height:44px;font:35px/1 system-ui}.dialog-content{height:calc(100% - 89px);overflow:auto}.gallery{height:100%;display:grid;grid-template-columns:185px 1fr}.gallery-sidebar{border-right:1px solid #c9d6dd;padding:22px 14px;overflow:auto;display:flex;flex-direction:column;gap:6px}.gallery-sidebar button{flex:none;background:none;color:#546f7e;text-align:left;min-height:45px;padding:11px 15px;border-radius:3px;font-size:13px;line-height:1.5}.gallery-sidebar button.active{color:white;background:var(--ink)}.gallery-main{min-width:0;min-height:0;display:flex;flex-direction:column}.gallery-image-area{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:auto;background:#e9edef;padding:18px;position:relative}.gallery-image-area img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;box-shadow:0 2px 15px #18344818}.gallery-image-area.zoomed{display:block;text-align:center;overscroll-behavior:contain}.gallery-image-area.zoomed img{max-width:none;max-height:none;width:auto;height:auto;cursor:zoom-out;box-shadow:none}.gallery-caption{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid #d1dadd;gap:15px}.gallery-caption strong{font-size:15px;font-weight:500}.gallery-caption small{display:block;color:#80949b;font-size:11px;margin-top:5px}.gallery-pager{display:flex;gap:8px;align-items:center;font-size:12px}.gallery-pager button{width:44px;height:40px;background:#e0e9eb;color:var(--ink);border-radius:3px;font-size:19px}.video-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#101d24;padding:16px}.video-content video{width:100%;height:calc(100% - 38px);object-fit:contain;min-height:0}.video-content p{color:#d6e2e3;margin-top:12px;font-size:12px}.text-panel{padding:38px;max-width:1000px;margin:auto}.text-panel h3{font:27px var(--serif);margin:0 0 18px}.text-panel p,.text-panel li{font-size:16px;line-height:1.9}.text-panel ol{padding-left:26px}.text-panel li{padding:6px 0}.craft-layout{padding:32px;height:100%;display:flex;flex-direction:column;gap:28px}.craft-steps{display:flex;gap:7px}.craft-steps button{flex:1;padding:14px 5px;background:#e0e8e8;color:#496570;min-height:48px}.craft-steps .active{background:var(--ink);color:white}.craft-body{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;flex:1;min-height:0}.craft-body img{width:100%;height:100%;min-height:0;max-height:480px;object-fit:contain}.craft-body h3{font:32px var(--serif);margin:0 0 20px}.craft-body p{font-size:19px;line-height:1.8}.craft-body small{display:block;margin-top:25px;line-height:1.8;color:var(--muted);font-size:13px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;background:#113b50ee;color:white;padding:14px 24px;border-radius:5px;max-width:85vw;font-size:14px;box-shadow:0 5px 24px #0002}.lab-dialog{width:96vw;max-width:1440px;height:93vh;max-height:94vh}.lab-dialog .dialog-header{height:75px;padding:12px 26px}.lab-dialog .dialog-content{height:calc(100% - 75px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(max-height:730px) and (min-width:801px){.home{min-height:540px}.cover-copy{top:24vh}.cover-copy .eyebrow{margin-bottom:15px}.cover-copy h1{font-size:51px}.cover-copy p{margin:16px 0 19px;font-size:14px}.cover-route{margin-top:20px}.guide-character img{height:128px;width:85px}.guide-player{bottom:126px}.guide-dock{bottom:124px}.lesson-nav{bottom:16px;padding:10px 16px}.scene-header{top:16px}.scene-heading h1{font-size:23px}.gallery-caption{padding:10px 20px}}
@media(max-width:800px){.home{min-height:620px}.cover-brand{top:27px;left:25px;font-size:13px}.cover-brand small{font-size:9px}.cover-copy{left:7vw;top:24vh;z-index:2}.cover-copy h1{font-size:48px}.cover-copy p{font-size:14px}.cover-robot{right:-2vw;bottom:13vh;height:38vh;min-height:240px;opacity:.9}.cover-robot img{max-width:42vw}.cover-robot span{display:none}.cover-footer span:last-child{display:none}.cover-shade{background:linear-gradient(90deg,#092b3be8,#092b3b8c),linear-gradient(0deg,#08213777,transparent)}.scene-header{left:15px;right:15px;top:15px;gap:10px}.scene-header .brand-mark{width:37px;height:37px;font-size:23px}.scene-heading h1{font-size:21px}.scene-heading .eyebrow{font-size:8px}.scene-tabs{position:absolute;top:65px;left:0;margin:0}.scene-tabs button{font-size:11px;padding:7px 13px;min-height:37px}.top-actions{margin-left:auto;gap:5px}.top-actions button{width:37px;height:37px}.view-controls{right:15px}.view-controls button{width:38px;height:39px}.guide-dock{left:12px;bottom:144px}.guide-character img{width:76px;height:116px}.guide-character span{padding:8px 10px;margin-bottom:9px}.guide-character b{font-size:16px}.guide-character small{font-size:8px}.guide-player{width:92vw;left:4vw;transform:none;bottom:147px;padding:12px}.guide-text p{font-size:14px}.guide-text>span{font-size:9px}.guide-buttons{gap:0}.guide-buttons button{min-width:30px}.lesson-nav{left:12px;right:12px;bottom:12px;padding:12px}.nav-heading{font-size:10px;padding-bottom:8px;margin-bottom:5px}.drag-hint{display:none}#lesson-actions{flex-wrap:wrap;gap:2px}#lesson-actions button{flex:1 1 30%;font-size:11px;gap:7px;min-height:36px}#lesson-actions .nav-number{font-size:13px}.hotspot{font-size:12px;min-height:42px;gap:6px;padding:6px 11px 6px 6px}.hotspot .spot-icon{width:26px;height:26px;flex-basis:26px}.content-dialog{width:96vw;max-width:96vw;height:92vh;max-height:94vh}.dialog-header{height:73px;padding:13px 17px}.dialog-header h2{font-size:22px}.dialog-content{height:calc(100% - 73px)}.gallery{grid-template-columns:1fr;grid-template-rows:auto 1fr}.gallery-sidebar{flex-direction:row;border-right:0;border-bottom:1px solid #c9d6dd;padding:8px;gap:4px}.gallery-sidebar button{white-space:nowrap;min-height:39px;padding:8px 13px;font-size:11px}.gallery-image-area{padding:10px}.gallery-caption{padding:12px}.gallery-caption strong{font-size:13px}.gallery-caption small{font-size:10px}.gallery-pager{gap:5px}.gallery-pager button{width:37px;height:37px}.text-panel{padding:23px}.text-panel li,.text-panel p{font-size:14px}.craft-layout{padding:16px;gap:17px}.craft-steps button{font-size:12px}.craft-body{gap:15px;grid-template-columns:1fr;grid-template-rows:minmax(100px,1fr) auto;overflow:auto}.craft-body img{max-height:240px}.craft-body h3{font-size:23px;margin-bottom:9px}.craft-body p{font-size:15px}.craft-body small{margin-top:12px;font-size:11px}.lab-dialog .dialog-header{height:65px;padding:10px 18px}.lab-dialog .dialog-content{height:calc(100% - 65px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}