:root{font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#333b33;background:#f5f3ee;font-synthesis:none;--paper:#f8f6f1;--ink:#333b33;--muted:#8c8e82;--line:#dfdfd5;--accent:#9d6249;--soft:#eae7de}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg{width:20px;height:20px;flex-shrink:0}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{border:1px solid #899080;width:41px;height:44px;display:grid;place-items:center}.brand-mark svg{width:27px;height:27px}.brand-name{font:26px STSong,SimSun,serif;letter-spacing:5px}.brand-name span{display:block;font:8px Consolas,monospace;letter-spacing:1.5px;margin-top:5px}.header-center{font-size:12px;letter-spacing:3px;display:flex;align-items:center;gap:23px}.header-center span{font:9px Consolas,monospace;letter-spacing:1.4px;color:var(--muted)}.about-button{font-size:12px;display:flex;align-items:center;gap:11px;min-height:44px}.about-button svg{width:17px}.workspace{display:grid;grid-template-columns:256px minmax(0,1fr);height:calc(100dvh - 170px);position:relative}.sidebar{background:var(--paper);padding:30px 26px 20px 32px;border-right:1px solid var(--line);z-index:3;overflow:auto}.edition{font:9px Consolas,monospace;letter-spacing:1px;display:flex;justify-content:space-between;color:var(--muted)}h1{font:29px/1.6 STSong,SimSun,serif;font-weight:400;letter-spacing:1px;margin:25px 0 12px}.intro{font-size:10px;color:var(--muted);line-height:2.2;margin:0 0 32px}.room-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.room-heading span{font:8px Consolas,monospace;letter-spacing:1px;color:var(--muted)}.rooms{display:flex;flex-direction:column}.room-button{display:flex;align-items:center;gap:12px;min-height:66px;border-bottom:1px solid var(--line);text-align:left;position:relative;padding:8px 0;transition:background .2s,color .2s}.room-button:hover,.room-button.selected{color:var(--accent)}.room-button.selected:before{content:"";position:absolute;left:-15px;width:3px;height:27px;background:var(--accent)}.room-index{font:10px Consolas,monospace;color:#a2a397}.room-name{font-size:13px;letter-spacing:2px}.room-name small{display:block;font:8px Consolas,monospace;color:var(--muted);letter-spacing:1px;margin-top:6px}.room-area{margin-left:auto;font:11px Consolas,monospace;color:var(--muted)}.room-area small{display:block;font-size:8px;text-align:right;margin-top:4px}.room-arrow{font-size:16px;color:var(--muted);margin-left:5px}.sidebar-foot{font-size:9px;color:var(--muted);margin-top:26px;line-height:1.6}.sidebar-foot p{padding-left:12px;font-size:8px;letter-spacing:2px}.status-dot{display:inline-block;width:5px;height:5px;background:#7b8e6e;border-radius:50%;margin-right:7px}.viewport{position:relative;overflow:hidden;min-width:0;background:#f1efe9}#canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none;outline:none}.view-title{position:absolute;top:31px;left:32px;pointer-events:none}.eyebrow{font:9px Consolas,monospace;color:var(--muted);letter-spacing:2px}.view-title>div{margin-top:9px;display:flex;align-items:center;gap:12px}#view-name{font:20px STSong,SimSun,serif;letter-spacing:2px}.view-badge{font-size:8px;border:1px solid #cdd0c3;padding:4px 7px;border-radius:3px;color:#808777}.scene-top-right{position:absolute;right:28px;top:27px;display:flex;align-items:center;gap:20px}.weather{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#888d7f}.weather svg{width:17px;height:17px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:5px}.icon-button:hover{background:#dfdfd580}.icon-button svg{width:18px;height:18px}#room-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.room-label{position:absolute;left:0;top:0;pointer-events:auto;background:#faf9f0db;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #d4d6c6a0;border-radius:30px;font-size:10px;letter-spacing:1px;padding:9px 13px;box-shadow:0 3px 12px #3033260a;white-space:nowrap;min-height:36px;transition:background .2s,color .2s}.room-label>span{display:inline-block;width:4px;height:4px;background:#9d6249;border-radius:50%;margin-right:6px}.room-label:hover,.room-label.current{background:#485748;color:#fff;border-color:#485748}.room-label small{display:block;font:8px Consolas,monospace;margin-top:4px;color:var(--muted)}.compass{position:absolute;left:30px;bottom:55px;width:40px;text-align:center;pointer-events:none;color:#91988a}.compass>span{font:9px Consolas,monospace}.compass svg{width:40px;height:40px;display:block}.zoom-controls{position:absolute;right:25px;bottom:22px;border:1px solid #d7d8cf;background:#f8f6efce;border-radius:7px;display:flex;box-shadow:0 4px 18px #383b3106}.zoom-controls button+button{border-left:1px solid #ddddcf;border-radius:0}.hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;white-space:nowrap;color:#95998e;font-size:9px;pointer-events:none}.hint i{width:2px;height:2px;border-radius:50%;background:#989f91}.mouse-icon{display:block;width:11px;height:16px;border:1px solid #9da495;border-radius:6px;position:relative}.mouse-icon:before{content:"";position:absolute;left:4px;top:3px;height:4px;width:1px;background:#9da495}.detail{position:absolute;right:28px;top:114px;width:246px;background:#f9f7f0ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #dcded1bd;border-radius:3px;padding:15px 22px 22px;z-index:2;box-shadow:0 8px 40px #353c2205;max-height:calc(100% - 204px);overflow-y:auto;transition:opacity .2s,transform .2s}.detail.collapsed{opacity:0;pointer-events:none;transform:translate(20px)}.detail-top{display:flex;justify-content:space-between;align-items:center;font:8px Consolas,monospace;letter-spacing:.8px;color:var(--muted)}.detail-top .icon-button{width:28px;height:28px}.detail-top svg{width:13px}.detail-number{font:9px Consolas,Microsoft YaHei,monospace;color:var(--accent);letter-spacing:1.2px;display:block;margin-top:14px}.detail-number>span{color:var(--muted);margin-left:8px}.detail h2{font:25px/1.6 STSong,SimSun,serif;font-weight:400;letter-spacing:1px;margin:15px 0}.detail p{font-size:11px;line-height:2.1;color:#8b8e80;margin:10px 0 19px}.overview-sketch{height:96px;color:#89917b;margin-top:2px}.overview-sketch svg{height:100%;width:100%}.overview-stats{display:flex;gap:36px;margin:23px 0;border-top:1px solid var(--line);padding-top:19px}.overview-stats div{display:flex;flex-direction:column;gap:7px}.overview-stats strong{font:29px Consolas,monospace;font-weight:300}.overview-stats span{font-size:9px;color:var(--muted)}.primary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;background:#495b49;color:#fff;width:100%;padding:12px 14px;font-size:11px;border-radius:2px;transition:background .2s}.primary:hover{background:#64745b}.primary svg{width:17px;height:17px}.detail-footnote{display:block;font-size:8px;color:#a2a494;text-align:center;margin-top:14px;letter-spacing:.5px}.palette{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 0 19px}.palette i{height:21px;width:21px;border:2px solid #fff;border-radius:50%}.palette span{display:block;flex-basis:100%;font-size:9px;color:var(--muted);margin-top:6px}.item-list-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:25px 0 8px;color:#797f72}.item-list-title span{font:10px Consolas,monospace}.item-list{display:flex;flex-direction:column}.item-list button{min-height:39px;border-top:1px solid #e4e4d9;font-size:10px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0}.item-list button:hover{color:var(--accent)}.item-list button span{font-size:13px;color:#969b8d}.material-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:20px;font-size:10px}.material-note span{display:block;color:var(--muted);margin-bottom:9px}.material-note strong{font-weight:400;line-height:1.8}.toolbar{height:80px;display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:0 35px;background:var(--paper);position:relative;z-index:6}.material-controls{display:flex;gap:5px;background:#ecebe4;padding:4px;border-radius:6px}.material-controls button{display:flex;align-items:center;gap:8px;font-size:11px;min-height:42px;padding:8px 16px;color:#94978a;border-radius:4px}.material-controls button.active{background:#faf9f3;color:#485744;box-shadow:0 2px 5px #303c2510}.material-controls svg{height:17px;width:17px}.tool-divider{width:1px;height:26px;background:var(--line)}.toggle-control{display:flex;align-items:center;gap:10px;font-size:11px;min-height:44px;padding:0 4px}.toggle-control svg{width:18px;height:18px}.switch{width:28px;height:16px;border-radius:20px;background:#d5d8cd;position:relative;margin-left:7px;transition:background .2s}.switch:after{content:"";position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:#687e5f}.switch.on:after{transform:translate(12px)}.plan-button{display:flex;align-items:center;gap:10px;font-size:11px;min-height:44px;padding:8px 12px;border-radius:4px}.plan-button:hover,.plan-button.active{background:#e8eadd}.plan-button svg{width:18px;height:18px}.plan-button kbd{font:8px Consolas,monospace;border:1px solid #d3d5c9;border-radius:3px;padding:3px;margin-left:8px;color:var(--muted)}.toolbar-end{margin-left:auto;font:9px Consolas,Microsoft YaHei,monospace;color:var(--muted);white-space:nowrap}.plan-legend{position:absolute;bottom:87px;left:90px;display:flex;flex-direction:column;gap:8px;font-size:10px;color:#708477;pointer-events:none}.plan-legend strong{font-size:13px;font-weight:400}.dimension{font:10px Consolas,Microsoft YaHei,monospace;margin-top:9px}.walk-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.walk-instructions{position:absolute;top:90px;left:30px;display:flex;align-items:center;gap:8px;font-size:11px;background:#faf8eedb;padding:9px 13px;border-radius:4px}.walk-instructions svg{width:17px;height:17px}.walk-instructions span{font-size:9px;color:#8b9383;margin-left:9px}.walk-exit{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background:#495b49;color:#fff;min-height:44px;padding:10px 22px;pointer-events:auto;border-radius:5px;font-size:11px}.dpad{position:absolute;bottom:75px;left:32px;display:grid;grid-template-columns:44px 44px 44px;gap:5px;pointer-events:auto}.dpad button{height:44px;background:#f8f6eae0;border:1px solid #c9cfc0;border-radius:6px;touch-action:none;font-size:20px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:active{background:#728366;color:#fff}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#f1efe9;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s;pointer-events:all}#loading.loaded{opacity:0;pointer-events:none}.loading-mark{font:58px STSong,SimSun,serif;border:1px solid #a9b39e;padding:20px;line-height:1}.loading-mark+p{letter-spacing:5px;font-size:12px;margin-top:30px}#loading small{font-size:9px;letter-spacing:2px;color:#92998a}#toast{position:absolute;left:50%;bottom:87px;transform:translate(-50%,10px);font-size:11px;background:#354231ed;color:#fff;padding:13px 20px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5;max-width:90%;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}dialog{border:1px solid #d8dbce;border-radius:7px;padding:44px;max-width:540px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#1c2d2390;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:12px}dialog h2{font:29px STSong,SimSun,serif;letter-spacing:1px;margin:22px 0}dialog p,dialog li{font-size:12px;line-height:2;color:#7f887a}dialog ul{padding-left:18px}dialog li{margin:10px 0}dialog b{font-weight:500;color:#4d6048;margin-right:8px}dialog .dialog-note{font-size:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.night{--paper:#222c2c;--ink:#e2dfcf;--muted:#899a92;--line:#3a4741;--soft:#35413a;color:var(--ink);background:#202a29}.night .viewport{background:#171f25}.night .detail{background:#23302deb;border-color:#43524688}.night .detail p{color:#a6b1a6}.night .room-label{background:#2f3c32d9;color:#d7decc;border-color:#586451}.night .zoom-controls,.night .walk-instructions{background:#27352de3;border-color:#4f5e4a}.night .material-controls{background:#182420}.night .material-controls button.active{background:#415342;color:#f1eedc}.night .primary{background:#7c8b66;color:#fff}.night .plan-button.active,.night .plan-button:hover{background:#40513f}.night .item-list button{border-color:#3c4a40}.night .overview-stats strong{color:#e9e3d0}.night .compass{color:#a8b29f}.night .dpad button{background:#394b3be8;border-color:#687b5b}.night .icon-button:hover{background:#5a6c4d55}.night .view-badge{border-color:#69785d;color:#a7b49c}@media(min-width:1500px){.workspace{grid-template-columns:285px minmax(0,1fr)}.sidebar{padding:36px}.detail{width:265px;right:35px;top:135px}.room-button{min-height:73px}h1{font-size:33px}.intro{font-size:11px}}@media(max-height:850px)and (min-width:901px){.header{height:76px}.workspace{height:calc(100dvh - 148px)}.toolbar{height:72px}.sidebar{padding-top:23px}h1{font-size:25px;margin:18px 0 10px}.intro{margin-bottom:23px}.room-button{min-height:54px}.sidebar-foot{margin-top:18px}.detail{top:99px;max-height:calc(100% - 173px);padding:12px 18px 18px}.overview-sketch{height:67px}.detail h2{font-size:23px;margin:10px 0}.detail p{font-size:10px;margin-bottom:14px}.overview-stats{margin:15px 0;padding-top:14px}.overview-stats strong{font-size:25px}}@media(max-width:1200px){.header-center span{display:none}.workspace{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding-left:23px;padding-right:20px}h1{font-size:25px}.detail{width:209px;right:18px;padding:12px 17px 18px}.detail h2{font-size:22px}.toolbar{gap:13px;padding:0 22px}.material-controls button{padding:8px 12px}.toolbar-end{display:none}.view-title{left:22px}.scene-top-right{right:18px}.weather{font-size:9px}.hint{left:40%}}@media(max-width:900px){.header{height:69px;padding:0 19px}.brand-mark{width:32px;height:35px}.brand-mark svg{width:22px}.brand-name{font-size:22px}.brand-name span{font-size:7px}.header-center{display:none}.about-button{font-size:10px}.workspace{height:calc(100dvh - 169px);display:block;padding-bottom:61px}.sidebar{position:absolute;bottom:0;left:0;right:0;height:61px;padding:0;border:0;border-top:1px solid var(--line);overflow:visible}.edition,.sidebar h1,.intro,.room-heading,.sidebar-foot{display:none}.rooms{flex-direction:row;height:100%;padding:0 10px;justify-content:space-around}.room-button{padding:6px 7px;min-height:58px;border:0;flex:1;justify-content:center;gap:0}.room-index,.room-area,.room-arrow{display:none}.room-name{font-size:11px;text-align:center;letter-spacing:1px}.room-name small{font-size:6px;letter-spacing:.5px}.room-button.selected:before{left:20%;top:0;height:2px;width:60%}.viewport{height:100%;width:100%}.view-title{left:19px;top:22px}#view-name{font-size:18px}.eyebrow{font-size:8px}.view-badge{font-size:7px}.scene-top-right{top:18px;right:14px;gap:6px}.weather{font-size:8px;gap:4px}.weather svg{width:14px}.detail{display:none;top:auto;bottom:79px;right:15px;width:230px;max-height:42%;padding:9px 15px 15px}.detail.room-detail{display:block}.detail.collapsed{display:none}.detail h2{font-size:20px;margin:8px 0}.detail p{font-size:10px;line-height:1.9;margin:8px 0 12px}.detail-number{margin-top:5px;font-size:8px}.palette{padding-bottom:12px}.palette i{width:17px;height:17px}.palette span{font-size:8px;flex-basis:auto;margin:0}.item-list-title{margin-top:18px}.item-list button{min-height:44px}.detail-top .icon-button{width:44px;height:32px}.compass{left:15px;bottom:49px;width:30px}.compass svg{width:30px;height:30px}.hint{bottom:22px;left:50%;font-size:8px;gap:7px}.zoom-controls{bottom:58px;right:14px;display:flex;flex-direction:column}.zoom-controls .icon-button{width:38px;height:38px}.zoom-controls button+button{border-left:0;border-top:1px solid var(--line)}.room-label{font-size:9px;padding:8px 10px;min-height:38px}.toolbar{height:100px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px 5px;padding:6px 12px 8px}.material-controls{grid-column:1/-1;justify-content:space-around;padding:2px;gap:0}.material-controls button{flex:1;justify-content:center;min-height:38px;padding:5px 12px;font-size:10px}.material-controls svg{width:16px}.tool-divider{display:none}.toggle-control{font-size:10px;gap:6px;justify-content:center;min-height:44px}.toggle-control svg{width:16px}.toggle-control .switch{margin-left:2px}.plan-button{font-size:10px;gap:6px;justify-content:center;padding:3px;min-height:44px}.plan-button kbd{display:none}.plan-button svg{width:16px}.plan-legend{bottom:90px;left:18px;font-size:8px}.plan-legend strong{font-size:10px}.dimension{font-size:8px}.walk-instructions{top:83px;left:16px;font-size:10px;padding:7px 10px}.walk-instructions span{display:none}.dpad{left:16px;bottom:72px}.walk-exit{bottom:16px;font-size:10px}.walk-controls~#toast{bottom:135px}#toast{font-size:10px;white-space:normal;width:max-content;max-width:85%;line-height:1.6}dialog{padding:34px 25px;max-width:calc(100% - 30px)}dialog h2{font-size:25px}dialog p,dialog li{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(min-width:901px){#canvas-host{right:275px}.hint{left:calc((100% - 275px)/2)}}@media(min-width:1500px){#canvas-host{right:295px}}@media(min-width:901px)and (max-width:1200px){#canvas-host{right:225px}}@media(max-width:900px){.detail{top:110px;bottom:auto;right:64px;width:calc(100% - 80px);max-width:285px;max-height:42%}.room-label small{display:none}.zoom-controls .icon-button{width:44px;height:44px}.room-label,.material-controls button{min-height:44px}.detail-top .icon-button{height:44px}}@media(max-width:900px){.room-label,.room-label.current,.night .room-label{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:8px;padding:5px 9px;min-width:54px;min-height:44px}.room-label:before{content:"";position:absolute;top:10px;right:0;bottom:10px;left:0;background:#faf9f0eb;border:1px solid #d4d6c6a0;border-radius:20px;z-index:-1}.room-label.current:before{background:#485748;border-color:#485748}.night .room-label:before{background:#2f3c32e8;border-color:#586451}}@media(max-width:900px){.toolbar{height:108px}.workspace{height:calc(100dvh - 177px)}}