:root{--ink:#1b2722;--muted:#718078;--line:#d7ded7;--paper:#f0f3ef;--card:#fbfcfa;--moss:#354a3d;--shadow:0 18px 48px rgba(38,57,45,.09),0 2px 7px rgba(38,57,45,.04);--r:7px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #bd8c54;outline-offset:3px}.shell{max-width:1540px;margin:auto;padding:24px 26px 44px}.topbar{height:66px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--moss);color:#fff;font-weight:800;box-shadow:inset 0 0 0 5px #d6e0cf}.brand b{display:block;font-size:13px;letter-spacing:.14em}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.top-button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:16px}.nav{min-height:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.nav div{display:flex;gap:4px}.nav button{border:0;background:transparent;border-radius:5px;padding:8px 11px;color:var(--muted);font-size:12px;font-weight:670}.nav button:hover,.nav button.active{background:#fff;color:var(--ink)}.nav span{font-size:11px;color:var(--muted)}.pin-card{position:relative;border:1px solid rgba(142,159,147,.28);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow)}.pin-card:after{content:"";position:absolute;top:12px;right:13px;width:11px;height:11px;border-radius:50%;background:#e1dfd3}.workspace,.analysis,.gallery{padding:21px}.analysis,.gallery{margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-right:20px}.eyebrow{margin:0;color:#5c705c;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin-top:5px;font-size:25px;line-height:1.25}h2{margin-top:5px;font-size:18px}.lede{max-width:420px;color:var(--muted);font-size:12px;line-height:1.65;text-align:right}.plan-panel{margin-top:18px;border-radius:5px;overflow:auto;background:#edf0ed;padding:12px}.plan-canvas{position:relative;display:block;width:max-content;max-width:100%;margin:auto;line-height:0}.plan-canvas img{display:block;max-width:100%;height:auto;max-height:600px;box-shadow:0 8px 20px rgba(30,45,36,.08)}.room-hotspots{position:absolute;inset:0}.room-hotspot{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--moss);box-shadow:0 2px 8px rgba(25,37,30,.35);padding:0}.room-hotspot:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#dbe8d6}.room-hotspot:after{content:attr(data-name);position:absolute;left:50%;bottom:26px;display:none;transform:translateX(-50%);width:max-content;max-width:180px;border-radius:3px;background:rgba(27,39,34,.92);color:#fff;padding:6px 8px;font-size:11px;line-height:1.3;white-space:nowrap}.room-hotspot:hover,.room-hotspot:focus-visible{z-index:2;transform:translate(-50%,-50%) scale(1.18)}.room-hotspot:hover:after,.room-hotspot:focus-visible:after{display:block}.plan-badge{position:absolute;top:14px;left:14px;border-radius:3px;background:rgba(30,45,36,.86);color:#fff;padding:6px 8px;font-size:11px;line-height:1.2}.tour-button{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:39px;height:32px;border-radius:16px;background:rgba(30,45,36,.9);color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em}.tour-button[hidden]{display:none}.floor-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.floor-pill{min-width:0;height:50px;border:1px solid var(--line);border-radius:5px;background:#f5f8f4;padding:0 10px;text-align:left}.floor-pill b,.floor-pill span{display:block}.floor-pill b{font-size:12px}.floor-pill span{margin-top:3px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floor-pill.active{border-color:var(--moss);background:var(--moss);color:#fff}.floor-pill.active span{color:#dce6d8}.floor-switch{display:flex;gap:5px;padding:3px;border-radius:5px;background:#e8ede7}.floor-switch button{border:0;border-radius:3px;background:transparent;color:var(--muted);padding:6px 9px;font-size:10px;font-weight:700}.floor-switch button.active{background:#fff;color:var(--moss)}.analysis-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin-top:20px;padding:18px;background:#f0f4ef;border-radius:5px}.analysis-grid h3{font-size:14px}.analysis-grid p{margin-top:8px;color:#56645b;font-size:12px;line-height:1.7}.flow-line{display:flex;gap:8px;overflow:auto;margin-top:18px}.flow-node{min-width:100px;flex:1;border:1px solid #e0e6df;background:#fff;padding:9px;border-radius:4px}.flow-node b,.flow-node span{display:block}.flow-node b{font-size:10px;color:var(--moss)}.flow-node span{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.function-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.function-item{border-left:2px solid #b6c3ae;padding:7px 8px;background:#f8faf7}.function-item b,.function-item span{display:block}.function-item b{font-size:11px}.function-item span{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.counter{border-radius:4px;background:#f0f4ef;padding:7px 9px;color:var(--muted);font-size:11px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px}.gallery-item{position:relative;aspect-ratio:1.48;overflow:hidden;border:0;border-radius:5px;background:#dce4da;padding:0;text-align:left}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:"";position:absolute;inset:44% 0 0;background:linear-gradient(transparent,rgba(20,29,23,.72))}.gallery-label{position:absolute;z-index:1;left:11px;right:11px;bottom:9px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.3)}.gallery-label small{display:block;margin-top:3px;font-size:10px;font-weight:500;opacity:.86}.lightbox{position:fixed;z-index:10;inset:0;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(19,29,23,.79)}.lightbox.open{display:flex}.lightbox-inner{position:relative;width:min(1100px,100%)}.lightbox img{display:block;width:100%;max-height:78vh;object-fit:contain;border-radius:5px;background:#1d2922}.lightbox-inner>div{padding-top:10px;color:#fff;font-size:13px}.close{position:absolute;z-index:1;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.93);font-size:17px}@media(max-width:900px){.analysis-grid{grid-template-columns:1fr}.plan-panel{padding:7px}.plan-canvas img{max-height:none}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{padding:16px 14px 32px}.topbar{height:auto;padding:4px 0 16px}.nav{display:block;padding:8px 0}.nav div{overflow:auto}.nav span{display:block;padding:6px 11px 0}.section-head{padding-right:18px}.section-head .lede{display:none}h1{font-size:22px}.workspace,.analysis,.gallery{padding:13px}.floor-pills{grid-template-columns:repeat(2,1fr)}.room-hotspot{width:22px;height:22px}.function-list{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}