:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#eee9df;background:#101311;font-synthesis:none;--ink:#101311;--paper:#e9e5dd;--muted:#a8a49b;--brass:#b99161;--blue:#516c78}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app{position:relative;width:100%;height:100%;min-width:0;background:#101311}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transition:opacity .45s ease,filter .45s ease}.scene-canvas.muted{opacity:.14;filter:blur(12px) saturate(.5)}.topbar{position:absolute;top:0;left:0;right:0;height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0c0f0deb,#0c0f0d94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.35);color:#f5eee2;font-size:10px;font-weight:700;letter-spacing:-.05em}.brand-mark i{display:block;width:1px;height:20px;background:var(--brass);transform:rotate(27deg)}.brand>div:last-child{display:flex;flex-direction:column;gap:3px}.brand b{font-size:12px;letter-spacing:.18em}.brand span{font-size:11px;color:#aaa69e}.tabs{height:100%;display:flex;align-items:center;gap:7px}.tabs button{height:38px;padding:0 15px;display:flex;gap:8px;align-items:center;color:#aba8a0;background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:.2s;font-size:12px}.tabs button:hover{color:#fff}.tabs button.active{color:#f6eee1;border-color:#ffffff2e;background:#ffffff14}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.concept-tag{font-size:10px;color:#99958d;letter-spacing:.12em}.outline{border:1px solid rgba(255,255,255,.25);background:#14171573;color:#eee8dd;padding:9px 14px;cursor:pointer;font-size:11px}.outline:hover{border-color:var(--brass)}.room-rail{position:absolute;top:105px;left:24px;bottom:105px;width:112px;display:flex;flex-direction:column;z-index:10}.rail-title{font-size:8px;letter-spacing:.2em;color:#84817b;margin:0 0 12px 10px}.room-rail button{height:42px;display:flex;align-items:center;gap:12px;color:#a7a39a;background:#0c0f0d7a;border:0;border-left:1px solid rgba(255,255,255,.12);padding:0 11px;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:.2s}.room-rail button:hover{color:#eee8dc;background:#191d1ab8}.room-rail button.active{color:#fff;background:linear-gradient(90deg,#516c78bf,#181c1a80);border-left:2px solid #c8ab7b}.room-rail button i{width:16px;font-style:normal;font-size:8px;color:#a88a64}.room-rail button span{font-size:11px;white-space:nowrap}.tool-rail{position:absolute;top:112px;right:24px;z-index:10;display:flex;flex-direction:column;gap:15px}.tool-block{display:flex;flex-direction:column;gap:6px;align-items:center;padding:9px 7px;background:#0c0f0da3;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tool-block>span{font-size:7px;letter-spacing:.16em;color:#85827b;margin:3px 0 4px}.icon-button{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;color:#aaa79f;background:transparent;cursor:pointer;transition:.2s}.icon-button:hover{color:#fff;background:#ffffff12}.icon-button.active{color:#f8ead7;border-color:#c199656b;background:#b991612b}.tool-tip{position:absolute;right:46px;top:50%;transform:translate(7px,-50%);padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:2px;background:#0a0c0deb;box-shadow:0 8px 24px #00000047;color:#ddd4c8;font-size:11px;letter-spacing:.08em;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease}.icon-button:hover .tool-tip{opacity:1;transform:translateY(-50%)}.icon-button:active,.tabs button:active,.room-rail button:active,.tour-button:active,.outline:active{transform:scale(.96)}.walk-reticle{position:absolute;inset:50% auto auto 50%;width:22px;height:22px;transform:translate(-50%,-50%);z-index:8;opacity:.48;pointer-events:none;transition:.2s}.walk-reticle i{position:absolute;display:block;background:#eedabee6;box-shadow:0 0 8px #71bed059}.walk-reticle i:first-child{left:10px;top:3px;width:1px;height:16px}.walk-reticle i:last-child{top:10px;left:3px;width:16px;height:1px}.walk-reticle.locked{opacity:.92;transform:translate(-50%,-50%) scale(.82)}.tour-progress{position:absolute;left:50%;bottom:31px;transform:translate(-50%);width:min(330px,42vw);height:30px;z-index:9;border:1px solid rgba(255,255,255,.1);background:#0a0c0dbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.tour-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3a7f8f59,#c2955a61);transition:width .5s ease}.tour-progress span{position:relative;height:100%;display:grid;place-items:center;color:#e4ded5;font-size:10px;letter-spacing:.18em}.toast{position:absolute;right:80px;top:82px;z-index:12;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.1);background:#0c0e0fd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #0000003d;color:#e7e0d7;font-size:11px;letter-spacing:.08em;animation:toast-in .22s ease both}.toast span{width:5px;height:5px;border-radius:50%;background:#bb925d;box-shadow:0 0 10px #bb925d}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mode-panel{position:absolute;right:24px;bottom:98px;padding:11px;z-index:10;background:#0c0f0da3;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-panel>span{display:block;font-size:7px;letter-spacing:.18em;color:#85827b;margin:0 0 8px 2px}.mode-panel>div{display:flex;gap:5px}.mode-panel button{border:0;padding:8px 10px;display:flex;align-items:center;gap:6px;color:#9d9991;background:transparent;cursor:pointer;font-size:10px}.mode-panel button.active{color:#f7ead5;background:#b991612e}.space-card{position:absolute;left:166px;bottom:90px;z-index:9;display:flex;gap:18px;align-items:flex-start;text-shadow:0 2px 18px rgba(0,0,0,.45)}.space-index{font-size:10px;letter-spacing:.12em;color:#bd9767;border-top:1px solid #bd9767;padding-top:8px;min-width:34px}.eyebrow{display:block;color:#a38f72;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.space-card h1{margin:6px 0 5px;font-weight:500;font-size:31px;letter-spacing:-.04em}.space-card p{margin:0;color:#aaa79e;font-size:11px}.bottom-controls{position:absolute;z-index:12;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:8px}.nav-round{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#b9b5ad;background:#0c0f0da6;cursor:pointer}.tour-button{height:39px;padding:0 18px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);color:#eee7dc;background:#0c0f0db8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;font-size:11px}.tour-button.active{background:#516c78a8;border-color:#6f8d99}.walk-hint{position:absolute;width:400px;text-align:center;left:50%;transform:translate(-50%);bottom:52px;font-size:10px;color:#ded5c7;background:#0e110fbf;padding:8px 12px}.scale-chip{position:absolute;right:27px;bottom:30px;display:flex;align-items:center;gap:8px;color:#99968f;font-size:9px;letter-spacing:.06em;z-index:8}.scale-chip i{width:29px;height:1px;background:#aaa49a;position:relative}.scale-chip i:before,.scale-chip i:after{content:"";position:absolute;width:1px;height:5px;background:#aaa49a;top:-2px}.scale-chip i:after{right:0}.document-layer{position:absolute;top:74px;right:0;bottom:0;left:0;z-index:6;overflow:auto;background:radial-gradient(circle at 80% 10%,rgba(75,90,82,.18),transparent 38%),#151815;color:#e8e2d8}.sheet-wrap{width:min(1380px,calc(100% - 80px));margin:42px auto 70px}.sheet-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 25px}.sheet-head h2{font-size:27px;font-weight:500;margin:7px 0 0}.sheet-scale{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sheet-scale b{font-size:20px;color:#d1b181}.sheet-scale span{font-size:10px;color:#8f8c84}.plan-stage{background:#202420;border:1px solid rgba(255,255,255,.1);padding:24px 28px 18px;box-shadow:0 24px 80px #00000040}.plan-svg{width:100%;height:auto;display:block}.plan-legend{display:flex;align-items:center;justify-content:center;gap:28px;padding:15px 0 2px;color:#a5a198;font-size:10px}.plan-legend span{display:flex;align-items:center;gap:8px}.swatch{display:block;width:13px;height:13px}.swatch.wood{background:#88624a}.swatch.mineral{background:#898b87}.swatch.graphite{background:#303536}.flow-line{display:block;width:25px;border-top:2px dashed #b99161}.sheet-note{margin:15px 0 0;color:#86827b;font-size:10px;line-height:1.8}.concept-wrap{width:min(1220px,calc(100% - 100px));margin:54px auto 100px}.concept-hero{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:42px}.concept-hero>.eyebrow{grid-column:1/-1}.concept-hero h2{font-size:42px;line-height:1.25;letter-spacing:-.05em;font-weight:500;margin:20px 0 0}.concept-hero>p{font-size:14px;line-height:2;color:#aaa69e;margin:20px 0 0}.material-row{grid-column:1/-1;display:flex;gap:8px;margin-top:35px}.material{width:126px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;gap:0 9px;align-items:center;border:1px solid rgba(255,255,255,.1);padding:8px}.material i{grid-row:1/3;width:32px;height:32px}.material b{font-size:9px;font-weight:600}.material span{font-size:8px;color:#77756f}.concept-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;margin-top:10px}.concept-grid article{min-height:205px;padding:27px;background:#20241f;border:1px solid rgba(255,255,255,.08);position:relative}.concept-grid article.big-card{grid-row:1/3;background:linear-gradient(145deg,#76513c8c,#21241fcc)}.concept-grid article>span{font-size:8px;color:#a88964;letter-spacing:.14em}.concept-grid h3{font-size:23px;font-weight:500;margin:15px 0 12px}.concept-grid p{font-size:11px;color:#aaa69e;line-height:1.9;margin:0}.concept-grid strong{position:absolute;bottom:25px;font-size:9px;color:#d4c1a5;font-weight:500}.review-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.1);margin-top:10px}.review-strip div{padding:24px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}.review-strip div:last-child{border:0}.review-strip b{font-size:22px;color:#d0ad7b}.review-strip span{font-size:9px;color:#8f8b84}.assumptions{margin-top:42px}.assumptions h3{font-size:20px;font-weight:500}.assumptions>div{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.assumptions p{border-top:1px solid rgba(255,255,255,.1);padding:13px 0;margin:0;color:#aaa69e;font-size:10px;line-height:1.7}.assumptions p b{display:inline-block;width:36px;color:#ad8c64}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070685;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.drawer{position:absolute;right:0;top:0;width:480px;height:100%;background:#1c201d;border-left:1px solid rgba(255,255,255,.12);padding:50px 42px;overflow:auto;box-shadow:-30px 0 90px #0000004d}.drawer-close{position:absolute;right:22px;top:20px;background:transparent;border:1px solid rgba(255,255,255,.14);color:#aaa;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.drawer h2{font-size:31px;line-height:1.3;font-weight:500;margin:18px 0}.drawer>p{font-size:12px;line-height:1.9;color:#a8a49b}.drawer-list{margin-top:25px}.drawer-list button{width:100%;height:55px;border:0;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#ddd7cc;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer}.drawer-list button>i{font-style:normal;color:#a98b65;font-size:9px}.drawer-list button>span{display:flex;flex-direction:column;gap:4px;flex:1}.drawer-list b{font-size:11px}.drawer-list small{font-size:9px;color:#88857e}.warning{display:flex;gap:12px;background:#b991611f;border:1px solid rgba(185,145,97,.25);padding:15px;margin-top:24px;color:#c9bca9;font-size:10px;line-height:1.7}.warning svg{flex:0 0 auto;color:#c6a06d}.clean-shot .topbar,.clean-shot .room-rail,.clean-shot .tool-rail,.clean-shot .mode-panel,.clean-shot .bottom-controls,.clean-shot .scale-chip{display:none}.clean-shot .space-card{left:42px;bottom:37px}.clean-shot .space-card h1{font-size:25px}.clean-shot:after{content:"木轴 · 夜蓝  /  CONCEPT MODEL";position:absolute;right:40px;bottom:39px;color:#ffffffa6;font-size:8px;letter-spacing:.18em;z-index:9}@media (max-width:1180px){.topbar{grid-template-columns:1fr auto}.top-actions{display:none}.tabs{justify-self:end}.concept-hero{grid-template-columns:1fr}.concept-hero>p{max-width:720px}.material-row{grid-column:1}.concept-grid{grid-template-columns:1fr 1fr}.concept-grid article.big-card{grid-row:auto;grid-column:1/-1;min-height:220px}.review-strip{grid-template-columns:repeat(3,1fr)}}@media (max-height:720px){.room-rail{top:87px;bottom:80px}.room-rail button{height:36px}.space-card{bottom:72px}.tool-rail{top:88px}.mode-panel{bottom:72px}}@media (max-width:700px),(max-height:500px) and (pointer:coarse){html,body,#root,.app{width:100%;min-width:0;overscroll-behavior:none}.topbar{height:112px;grid-template-columns:1fr auto;grid-template-rows:58px 54px;padding:env(safe-area-inset-top,0) 12px 0;background:linear-gradient(180deg,#090c0af5,#090c0ab8)}.brand{grid-column:1;grid-row:1;gap:10px}.brand-mark{width:34px;height:34px}.brand b,.brand span{font-size:10px}.top-actions{display:flex;grid-column:2;grid-row:1;gap:0}.concept-tag{display:none}.outline{min-height:40px;padding:8px 11px;border-radius:3px}.tabs{grid-column:1 / -1;grid-row:2;width:100%;height:54px;gap:4px;border-top:1px solid rgba(255,255,255,.07)}.tabs button{flex:1;height:40px;justify-content:center;padding:0 7px;font-size:11px}.document-layer{top:112px;right:0;bottom:0;left:0}.room-rail{top:121px;left:10px;right:10px;bottom:auto;width:auto;height:44px;flex-direction:row;gap:5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.room-rail::-webkit-scrollbar{display:none}.rail-title{display:none}.room-rail button{flex:0 0 auto;width:auto;min-width:72px;height:40px;padding:0 11px;gap:7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0c0f0db8}.room-rail button.active{border:1px solid rgba(200,171,123,.7)}.room-rail button i{width:auto}.tool-rail{top:176px;right:10px;gap:8px}.tool-block{gap:3px;padding:5px 4px;border-radius:4px;background:#0a0d0bb8}.tool-block>span{margin:2px 0}.icon-button{width:40px;height:40px}.tool-tip{display:none}.tool-block:first-child .icon-button:nth-of-type(2){display:none}.mode-panel{left:12px;right:12px;bottom:78px;display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:4px;background:#0a0d0bc7}.mode-panel>span{margin:0 7px 0 2px;white-space:nowrap}.mode-panel>div{flex:1;justify-content:space-between}.mode-panel button{min-height:38px;flex:1;justify-content:center;padding:7px 5px}.space-card{left:16px;bottom:141px;gap:10px;max-width:calc(100% - 80px)}.space-index{min-width:27px}.space-card h1{margin:4px 0;font-size:23px}.space-card p{font-size:10px}.bottom-controls{bottom:calc(18px + env(safe-area-inset-bottom,0));gap:6px}.tour-button{height:42px;padding:0 14px}.nav-round{width:42px;height:42px}.tour-progress{bottom:128px;width:calc(100% - 24px)}.scale-chip{display:none}.toast{top:174px;right:60px;max-width:calc(100% - 76px)}.walk-hint{display:none}.sheet-wrap,.concept-wrap{width:calc(100% - 24px);margin:24px auto 56px}.sheet-head{align-items:flex-start;gap:16px}.sheet-head h2{font-size:19px;line-height:1.35}.sheet-scale{flex:0 0 auto}.sheet-scale b{font-size:16px}.plan-stage{padding:12px;overflow-x:auto}.plan-svg{width:780px;max-width:none}.plan-legend{width:780px;justify-content:flex-start;flex-wrap:wrap;gap:10px 18px}.sheet-note{padding:0 2px}.concept-hero{display:block;padding-bottom:28px}.concept-hero h2{font-size:29px;margin-top:15px}.concept-hero>p{font-size:12px;line-height:1.85}.material-row{overflow-x:auto;padding-bottom:7px}.material{flex:0 0 118px}.concept-grid{grid-template-columns:1fr;grid-template-rows:auto}.concept-grid article,.concept-grid article.big-card{grid-column:auto;grid-row:auto;min-height:190px}.review-strip{grid-template-columns:1fr 1fr}.review-strip div{padding:18px}.assumptions>div{grid-template-columns:1fr}.drawer{width:100%;padding:48px 22px 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0))}.drawer h2{font-size:26px}}@media (max-height:500px) and (pointer:coarse) and (orientation:landscape){.topbar{height:58px;grid-template-columns:auto 1fr;grid-template-rows:58px;padding:0 10px}.brand{grid-column:1;grid-row:1}.brand>div:last-child,.top-actions{display:none}.tabs{grid-column:2;grid-row:1;height:58px;border:0;margin-left:8px}.tabs button{height:38px}.document-layer{top:58px;right:0;bottom:0;left:0}.room-rail{top:65px}.tool-rail{top:114px;right:8px;flex-direction:row}.tool-block{flex-direction:row}.tool-block>span{display:none}.mode-panel{left:auto;right:8px;bottom:8px;width:278px}.mode-panel>span{display:none}.space-card{left:12px;bottom:10px}.space-card .space-index,.space-card .eyebrow,.space-card p{display:none}.space-card h1{margin:0;font-size:20px}.bottom-controls{bottom:8px}.tour-progress{bottom:58px;width:280px}.toast{top:114px;right:8px}}@media (pointer:coarse){button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.icon-button:hover,.tabs button:hover,.room-rail button:hover{transform:none}}