:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#2d3832;background:#f5f2eb;font-synthesis:none;--ink:#2d3832;--muted:#899087;--green:#315b4c;--line:#ddded5;--orange:#bb6b43;--paper:#f5f2eb}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{transition:background .2s,color .2s,transform .2s}button:hover{color:var(--orange)}button:active{transform:translateY(1px)}.site-header{height:84px;margin:0 4.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-weight:750;letter-spacing:3px;font-size:20px}.brand-en{display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;margin-top:4px;color:#7c8379}.brand-mark{width:32px;height:35px;display:flex;gap:3px;align-items:flex-end;transform:skewY(-11deg)}.brand-mark i{display:block;width:8px;background:var(--green);height:28px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:34px}.header-note{font-size:11px;letter-spacing:2px;color:#777e73;display:flex;gap:24px;align-items:center}.header-note span{font-family:Consolas,monospace;font-size:11px;letter-spacing:1px}.about-button{font-size:12px;letter-spacing:1px}.about-button span{margin-left:16px;font-size:18px}main{max-width:1600px;margin:auto;padding:0 4.4%}.intro{display:flex;align-items:center;justify-content:space-between;padding:33px 0 27px}.eyebrow{font-family:Consolas,monospace;font-size:9px;letter-spacing:2px;color:var(--orange);margin:0 0 12px}.intro h1{font-family:Microsoft YaHei,sans-serif;font-size:34px;line-height:1.4;letter-spacing:4px;font-weight:600;margin:0}.intro-copy{padding:16px 5% 0 0}.intro-copy p{font-size:12px;line-height:1.95;color:#7b8178;letter-spacing:.8px;margin:0 0 16px}.gesture-hints{display:flex;gap:22px;font-size:10px;color:#91968b}.gesture-hints span:before{content:"·";color:var(--orange);margin-right:7px;font-weight:700}.experience{display:grid;grid-template-columns:minmax(0,1fr) 264px;height:485px;border:1px solid #d8dbd0;background:#e7e8dd;border-radius:7px;overflow:hidden;box-shadow:0 5px 18px #31433606}#scene-container{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#eef0e6,#dfe4d8)}#room-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}#room-canvas:active{cursor:grabbing}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 90px #6d7a4e09}.scene-topline{position:absolute;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.era-badge{font-size:10px;letter-spacing:1px;display:flex;gap:8px;align-items:center;background:#f9f9f1b8;padding:8px 11px;border:1px solid #ffffff80;border-radius:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-dot{width:5px;height:5px;border-radius:50%;background:#6f8860;box-shadow:0 0 0 3px #6f886012}.scene-number{font-family:Consolas,monospace;font-size:9px;letter-spacing:1px;color:#7b8876}.view-tools{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;background:#fbfbf4e8;border:1px solid #fff9;padding:4px;border-radius:5px;box-shadow:0 3px 12px #2d423012;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-button{display:flex;align-items:center;gap:6px;font-size:10px;padding:7px 10px;border-radius:3px;color:#82897b}.view-button.active{background:#e4e9dd;color:var(--green)}.view-icon{width:12px;height:10px;border:1px solid currentColor;display:inline-block;transform:skewY(-12deg);position:relative}.room-icon:after{content:"";position:absolute;left:3px;top:-3px;height:12px;border-left:1px solid currentColor}.desk-icon{height:7px;border-top-width:3px}.desk-icon:before,.desk-icon:after{content:"";position:absolute;top:1px;height:7px;border-left:1px solid currentColor}.desk-icon:before{left:1px}.desk-icon:after{right:1px}.tool-divider{height:16px;width:1px;background:var(--line);margin:0 5px}.icon-button{font-size:19px;width:29px;height:28px;color:#7b8575}.room-caption{position:absolute;bottom:30px;right:24px;display:flex;align-items:center;gap:14px;font-size:10px;color:#67725e;letter-spacing:1px;pointer-events:none}.caption-rule{width:28px;height:1px;background:#8a9981}.compass{position:absolute;bottom:81px;right:30px;width:26px;height:38px;color:#86917d;font:8px Consolas,monospace;text-align:center;opacity:.75;pointer-events:none}.compass i{display:block;height:23px;width:1px;background:currentColor;margin:5px auto;position:relative}.compass i:before{content:"";position:absolute;top:-1px;left:-3px;width:6px;height:6px;border-left:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg)}.object-hint{position:absolute;display:none;align-items:center;gap:7px;padding:9px 12px;background:#fffdf5ef;box-shadow:0 3px 15px #2033241a;border:1px solid #fff;border-radius:4px;pointer-events:none;white-space:nowrap;transform:translate(12px,-50%);font-size:10px;z-index:3}.object-hint.visible{display:flex}.object-hint>span{display:grid;place-items:center;border-radius:50%;width:15px;height:15px;background:#dce5d3;color:var(--green)}.object-hint b{font-weight:500}.object-hint small{font-size:8px;color:#94998b;margin-left:3px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e7e8dd;z-index:10;transition:opacity .5s;color:#65745f;font-size:11px;letter-spacing:2px}.loading.done{opacity:0;pointer-events:none}.loading-cube{width:26px;height:26px;border:1px solid #7e9074;transform:rotate(45deg);animation:load 1.8s infinite}@keyframes load{50%{transform:rotate(135deg);background:#bac9ae}to{transform:rotate(225deg)}}.memory-panel{background:#faf9f3;padding:22px 24px 16px;display:flex;flex-direction:column;border-left:1px solid #d8dbd0}.memory-top{display:flex;justify-content:space-between;font-family:Consolas,monospace;font-size:8px;letter-spacing:1.4px;color:#979e90}.year-display{display:flex;align-items:baseline;margin-top:19px;color:var(--green);line-height:1}.year-display>span:first-child{font-family:Georgia,serif;font-size:57px;letter-spacing:-3px}.year-unit{font-size:10px;margin-left:9px;color:#959b8e}.memory-panel h2{font-size:17px;letter-spacing:1px;font-weight:600;margin:15px 0 11px}.memory-panel>p{font-size:11px;line-height:1.95;color:#868b7f;margin:0;min-height:65px}.era-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.era-tags span{font-size:8px;border:1px solid #e0e3d7;border-radius:2px;padding:4px 6px;color:#7e8976;background:#f2f3e9}.memory-divider{height:1px;background:#e3e5da;margin:17px 0 13px}.featured-object{padding:0;display:flex;align-items:center;text-align:left;gap:10px}.featured-icon{display:grid;place-items:center;width:33px;height:37px;border:1px solid #d7dccc;background:#f0f2e7;color:#7b8b6a;font-size:26px}.featured-object small{display:block;font-size:8px;color:#989e90;margin-bottom:5px}.featured-object strong{font-size:11px;font-weight:500}.featured-object .arrow{margin-left:auto;color:#8a957e;font-size:17px}.keepsake-note{margin-top:auto;display:flex;gap:10px;align-items:center;background:#f1f2e8;padding:9px 10px;border-radius:3px}.tiny-star{color:#a78e62;font-size:24px}.keepsake-note p{font-size:9px;line-height:1.7;margin:0;color:#76826a}.keepsake-note p span{color:#9b9f90;font-size:8px}.timeline{display:flex;align-items:center;gap:22px;padding:26px 3px 22px;border-bottom:1px solid var(--line)}.play-button{flex:none;width:43px;height:43px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 3px 8px #315b4c1a}.play-button:hover{background:#46755f;color:#fff;transform:scale(1.04)}.play-triangle{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;margin-left:2px}.play-button.playing .play-triangle{width:8px;height:10px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;margin:0}.timeline-main{flex:1}.timeline-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;color:#697564;letter-spacing:.5px}.timeline-heading>span{font-size:8px;color:#9a9f92;letter-spacing:1px}.slider-wrap{padding:0 2px}input[type=range]{--progress:0%;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:3px;margin:0;display:block;cursor:pointer;border-radius:2px;background:linear-gradient(to right,var(--orange) 0%,var(--orange) var(--progress),#d9ddd0 var(--progress),#d9ddd0 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--orange);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--orange);cursor:grab}input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--orange);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--orange);cursor:grab}.slider-labels{display:flex;justify-content:space-between;margin-top:10px}.slider-labels button{font-family:Consolas,monospace;font-size:10px;padding:0;color:#949b8d;position:relative}.slider-labels button:hover{color:var(--orange)}.slider-labels button.current{color:var(--orange);font-weight:700}.timeline-end{border-left:1px solid var(--line);padding:8px 0 8px 24px;display:flex;align-items:center;gap:8px;font-size:9px;color:#909885;white-space:nowrap;margin-top:8px}.timeline-dot{height:5px;width:5px;background:#8b9a7d;border-radius:50%}footer{display:flex;justify-content:space-between;align-items:center;padding:17px 1px 21px;font-size:8px;color:#9b9f94;letter-spacing:1px}footer>span:nth-child(2){font-family:Consolas,monospace;font-size:7px;letter-spacing:1.5px}footer button{font-size:9px;padding:0;color:#8b9482}dialog{border:1px solid #d6ddcc;border-radius:8px;background:#faf9f3;color:var(--ink);padding:34px;box-shadow:0 25px 100px #14271940;max-width:calc(100vw - 32px)}dialog::backdrop{background:#22352765;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:9px;font-size:25px;color:#8b9581;width:30px;height:30px}.detail-dialog{width:460px;padding:0;overflow:hidden}.detail-visual{height:145px;background:#e8ecdf;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.detail-visual:before,.detail-visual:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #cdd6c2;border-radius:50%}.detail-visual:after{width:130px;height:130px}.detail-symbol{font-size:64px;color:#637c56;z-index:1;text-shadow:5px 7px 0 #b7c4aa}.detail-year{position:absolute;left:22px;bottom:17px;font:10px Consolas,monospace;color:#7f8e71;letter-spacing:1px}.detail-body{padding:25px 29px 28px}.detail-kicker{font:9px Consolas,monospace;letter-spacing:1.5px;color:var(--orange)}.detail-body h2{font-size:23px;font-weight:500;letter-spacing:1px;margin:10px 0 14px}.detail-body p{font-size:12px;line-height:1.9;color:#7c8575;margin:0}.detail-quote{border-left:2px solid #c3ccb7;padding-left:13px;margin-top:18px;font-size:11px;line-height:1.8;color:#5e7055}.screen-link{margin-top:20px;background:var(--green);color:#fff;padding:11px 15px;border-radius:3px;font-size:11px;width:100%}.screen-link:hover{color:#fff;background:#47745d}.info-dialog{width:470px}.info-dialog h2{font-size:24px;font-weight:500;margin:15px 0}.info-dialog>p{font-size:12px;line-height:2;color:#7d8775}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0;font-size:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.help-grid span{color:#8a9481}.help-grid b{font-weight:400}.info-dialog .info-small{font-size:10px;color:#989e8f}.screen-dialog{width:min(760px,calc(100vw - 32px));padding:0;background:#17241e;border-color:#405147}.screen-dialog .dialog-close{color:#c5d2bd;z-index:2}.screen-window-bar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 45px 0 17px;background:#263a2e;color:#b8c9ad;font:10px Consolas,monospace;letter-spacing:1px}.screen-window-bar span:last-child{color:#718a69}.screen-content{height:430px;background:#cad5bd;position:relative;overflow:hidden;color:#243b2c}.screen-footer{padding:13px 18px;font-size:10px;color:#9fb096;display:flex;justify-content:space-between}.screen-footer kbd{font:9px Consolas,monospace;border:1px solid #4c6150;padding:2px 5px;border-radius:2px}.pixel-desktop{position:absolute;top:0;right:0;bottom:0;left:0;background:#5b9f94;background-image:linear-gradient(135deg,#76b8a050 25%,transparent 25%),linear-gradient(225deg,#76b8a050 25%,transparent 25%);background-size:90px 90px}.desktop-icons{padding:20px;display:flex;flex-direction:column;gap:20px;width:75px}.desktop-icon{color:#fff;text-align:center;font-size:10px;text-shadow:1px 1px #2d5b50}.desktop-icon i{display:block;font-style:normal;font-size:31px;margin-bottom:5px}.desktop-window{position:absolute;left:20%;right:10%;top:15%;bottom:18%;background:#eed;border:3px outset #fff;box-shadow:5px 5px #24483b55;font-family:Microsoft YaHei,sans-serif}.window-title{background:#16727a;color:#fff;padding:6px 9px;font-size:11px;display:flex;justify-content:space-between}.window-body{padding:20px;text-align:center}.window-body h3{font-size:18px;margin:5px 0 10px}.window-body p{font-size:11px}.pixel-game{width:100%;height:125px;background:#213e2b;border:5px solid #ddd;position:relative;overflow:hidden;margin-top:15px}.pixel-ground{position:absolute;bottom:0;width:100%;height:25px;background:#6e9a4c;border-top:6px solid #a2c56a}.pixel-player{position:absolute;width:14px;height:21px;background:#ecb756;bottom:25px;left:20px;box-shadow:5px -5px #d7744b}.pixel-coin{position:absolute;width:10px;height:10px;background:#f8da57;bottom:65px;left:65%;box-shadow:0 0 0 2px #e7a93c}.game-button{margin-top:15px;padding:8px 16px;background:#376e51;color:#fff;font-size:11px;border:2px outset #7a9d7f}.desktop-taskbar{position:absolute;bottom:0;left:0;right:0;height:32px;background:#d8d5bd;border-top:2px solid white;display:flex;align-items:center;padding:4px;gap:10px;font-size:10px}.start-button{background:#357b50;color:#fff;padding:5px 12px;font-weight:700}.taskbar-time{margin-left:auto;padding-right:8px}.modern-desktop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,#172a44,#326878 55%,#d49d6c);color:#fff;padding:28px}.modern-desktop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(120deg,transparent 0,transparent 100px,#ffffff04 101px,#ffffff04 102px)}.modern-top{display:flex;justify-content:space-between;font:10px Consolas,monospace;opacity:.75;position:relative}.library-window{position:absolute;left:12%;right:12%;top:17%;bottom:15%;border:1px solid #ffffff30;border-radius:7px;background:#17242dee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 15px 50px #0004}.library-sidebar{position:absolute;left:0;top:0;bottom:0;width:110px;background:#ffffff05;padding:17px 12px;font-size:9px;color:#8da6a3}.library-sidebar strong{display:block;color:#e4eade;font-size:11px;margin-bottom:23px}.library-sidebar span{display:block;margin:13px 0}.library-sidebar .selected{color:#d5e9b2}.library-main{margin-left:110px;padding:18px}.library-main h3{margin:0 0 4px;font-size:15px;font-weight:500}.library-main>p{font-size:9px;color:#8da6a3;margin:0 0 15px}.game-cover{height:112px;background:linear-gradient(120deg,#284437,#6b8750);position:relative;padding:15px;display:flex;align-items:flex-end;overflow:hidden}.game-cover:before{content:"";position:absolute;width:150px;height:150px;border:20px solid #bdd09522;transform:rotate(45deg);right:10px;top:-40px}.game-cover strong{font-size:20px;letter-spacing:3px;z-index:1}.game-cover small{position:absolute;top:12px;left:15px;font:8px Consolas,monospace;color:#b7ccac}.modern-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.launch-button{background:#b8d18b;color:#223829;padding:8px 26px;font-size:10px;border-radius:2px}.launch-button:hover{background:#d1e8aa;color:#223829}.modern-actions span{font:9px Consolas,monospace;color:#8da6a3}.modern-dock{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:#ffffff15;border:1px solid #ffffff20;border-radius:6px;padding:7px 15px;font-size:19px}.orbit-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c1624;color:#d6e7f5;overflow:hidden}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#9fd0e5 1px,transparent 1px);background-size:67px 67px,101px 101px;background-position:10px 20px,30px 10px;opacity:.4}.orbit-hud{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:flex;justify-content:space-between;font:9px Consolas,monospace;color:#92aebd}.planet{position:absolute;width:230px;height:230px;left:50%;top:53%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#d9ba89,#a66f54 40%,#3e4d52 75%);box-shadow:-20px 10px 60px #c5936655,0 0 0 1px #e1bb8255}.planet:after{content:"";position:absolute;width:360px;height:70px;border:13px solid #c4a77b88;border-radius:50%;left:-78px;top:82px;transform:rotate(-18deg);clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.ship{position:absolute;left:50%;top:52%;font-size:29px;transform:translate(-50%,-50%) rotate(-90deg);color:#d8e9ec;text-shadow:0 0 15px #8bd5e7;transition:left .2s,top .2s;z-index:2}.orbit-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.orbit-bottom span{font:9px Consolas,monospace;color:#9ab7c7}.orbit-bottom button{font-size:10px;padding:7px 13px;background:#aec7c4;color:#203439;border-radius:2px}@media(min-width:1500px){.experience{height:540px;grid-template-columns:minmax(0,1fr) 285px}.intro{padding-top:38px;padding-bottom:32px}.intro h1{font-size:38px}.memory-panel{padding:26px 28px}.memory-panel h2{font-size:19px}.memory-panel>p{font-size:12px}}@media(max-width:1050px){.site-header{margin:0 3%}main{padding:0 3%}.experience{grid-template-columns:minmax(0,1fr) 235px;height:460px}.memory-panel{padding:20px}.year-display>span:first-child{font-size:50px}.room-caption,.timeline-end{display:none}.intro-copy{padding-right:0}.header-note,.gesture-hints{gap:12px}}@media(max-width:760px){.site-header{height:70px}.brand{font-size:17px}.brand-en{font-size:7px}.header-note{display:none}.about-button{font-size:10px}.intro{padding:25px 0 23px}.intro h1{font-size:28px}.eyebrow{font-size:8px}.intro-copy{max-width:220px}.intro-copy p{font-size:10px}.gesture-hints{gap:7px;font-size:8px;flex-wrap:wrap}.experience{display:flex;flex-direction:column;height:auto}#scene-container{height:390px}.memory-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:20px}.memory-top{grid-column:1/-1}.year-display{margin-top:13px;grid-row:2/4}.year-display>span:first-child{font-size:43px}.memory-panel h2{margin:18px 0 8px;font-size:14px}.memory-panel>p{font-size:10px;min-height:0}.era-tags{grid-column:1/-1;margin-top:12px}.memory-divider{grid-column:1/-1;margin:14px 0}.featured-object{grid-column:1/-1}.keepsake-note{display:none}.scene-topline{left:16px;right:16px;top:16px}.view-tools{left:16px;bottom:18px}.timeline{gap:15px;padding:22px 0}.timeline-heading{font-size:9px}.timeline-heading>span{display:none}footer>span:nth-child(2){display:none}.screen-content{height:360px}.library-sidebar{width:80px}.library-main{margin-left:80px}.desktop-window{left:17%;right:6%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading-cube{animation:none}button{transition:none}}