*{box-sizing:border-box} :root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#263d3c;background:#f5f6f2;font-synthesis:none;--green:#346f61;--line:#dce2d9;--muted:#83908b}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4a967b;outline-offset:3px}button{border:0;background:none}button:hover{color:#267c64}button:disabled{opacity:.35;cursor:not-allowed}[hidden]{display:none!important}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#fafbf8;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#263d3c;font-weight:600;font-size:20px;letter-spacing:2px}.brand-icon{background:#346f61;color:#fff;font-size:30px;height:45px;width:45px;display:grid;place-items:center;border-radius:12px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8a9590;font-weight:400;margin-top:7px}.header-center{font-size:11px;letter-spacing:1px;color:#83908b;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#568d74}.slash{padding:0 15px;color:#bac3bc}.line-button{padding:10px 15px;border:1px solid #d4ddd2;border-radius:5px;font-size:12px;background:#fbfcf8}main{height:calc(100dvh - 116px);display:flex;position:relative}.sidebar{width:278px;flex:none;padding:26px 20px 16px;background:#fafbf8;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:4}.eyebrow{font-size:9px;letter-spacing:2px;color:#7b9184;font-weight:600;margin:0 0 10px}.sidebar h1{font-size:18px;font-weight:500;line-height:1.5;margin:0 0 22px}.sidebar h1 span{display:block;font-size:11px;color:#96a199;margin-top:7px;font-weight:400}.search{display:flex;align-items:center;gap:8px;border:1px solid #e0e5dc;background:#f3f5ef;border-radius:5px;padding:7px 10px;height:36px}.search span{font-size:22px;color:#8f9a90}.search input{min-width:0;width:100%;background:none;border:0;font-size:11px;outline:none;color:#3d554b}.search kbd{color:#a4b1a6;font-size:11px}.list-heading{display:flex;justify-content:space-between;margin:24px 0 10px;font-size:10px;color:#8b998e;letter-spacing:1px}#roomList{overflow:auto;flex:1;min-height:110px;scrollbar-width:thin;scrollbar-color:#cbd8c9 transparent}.room-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 9px;text-align:left;border-radius:6px;margin:2px 0;border:1px solid transparent}.room-item:hover{background:#f0f4eb}.room-item.active{background:#e8eee2;border-color:#d7e2d0}.room-item .number{font-size:10px;letter-spacing:1px;color:#9aa79a;min-width:18px}.room-item .swatch{width:8px;height:8px;border-radius:2px;flex:none}.room-item .room-name{font-size:12px;flex:1;line-height:1.6}.room-item small{display:block;color:#91a08f;font-size:9px;font-weight:400}.room-item .arrow{font-size:13px;color:#819a82}.sidebar-bottom{padding-top:16px;margin-top:12px;border-top:1px solid var(--line)}.mini-title{display:flex;justify-content:space-between;font-size:10px;color:#6d8575}.mini-title span{font-size:8px;color:#94a48d}#minimap{width:100%;height:91px;margin:13px 0 5px}#minimap rect{stroke:#fff;stroke-width:7;cursor:pointer;transition:opacity .2s}#minimap rect.active{stroke:#375c4e;stroke-width:13}.source-chip{display:flex;align-items:center;gap:8px;padding:12px 0 0;font-size:10px;color:#78896f}.source-chip i{width:7px;height:7px;border:1px solid #9aab86;border-radius:50%}.source-chip small{display:block;font-size:8px;color:#a2ad9a;margin-top:4px}.source-chip button{margin-left:auto;font-size:18px}#viewport{flex:1;position:relative;overflow:hidden;background:#eef1eb;outline:none;min-width:0}#canvasHost,#canvasHost canvas,#labels{position:absolute;width:100%;height:100%;inset:0;display:block}#canvasHost canvas{touch-action:none}#labels{pointer-events:none;overflow:hidden}.map-label{position:absolute;transform:translate(-50%,-50%);font-size:10px;white-space:nowrap;color:#456354;background:#fafdf6e8;box-shadow:0 3px 12px #365b3c0c;border:1px solid #d7e0d0;border-radius:4px;padding:6px 9px;pointer-events:auto}.map-label.active{background:#376f60;color:white;border-color:#376f60}.map-label::before{content:"";display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%;margin-right:5px}.scene-caption{position:absolute;left:32px;top:29px;pointer-events:none}.scene-caption .eyebrow{font-size:8px;letter-spacing:2.1px;color:#8c9b8c}.scene-caption h2{font-size:25px;font-weight:400;letter-spacing:2px;margin:12px 0 9px}.scene-caption>p:last-child{color:#8b9b89;font-size:10px}.scene-badge{position:absolute;right:26px;top:32px;font-size:10px;display:flex;align-items:center;gap:7px;border:1px solid #d6dfce;border-radius:30px;background:#f8fbf3c9;padding:8px 13px;color:#7b8c72}.vertical-tools{position:absolute;right:24px;top:104px;display:flex;flex-direction:column;background:#fbfdf7dd;border:1px solid #dce3d6;border-radius:7px;box-shadow:0 8px 30px #56624509;overflow:hidden}.vertical-tools button{height:38px;width:38px;border-bottom:1px solid #e4e8de;font-size:19px}.vertical-tools button:last-child{border:0}.view-dock{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:7px;background:#fbfdf7ec;border:1px solid #dce2d3;border-radius:9px;box-shadow:0 8px 30px #56624509;white-space:nowrap}.view-dock>button{padding:11px 12px;font-size:15px;border-radius:5px;display:flex;align-items:center;gap:7px;color:#8e9d83}.view-dock>button span{font-size:11px}.view-dock>button.active{background:#3d7564;color:#fff}.view-dock label{font-size:10px;margin:0 5px;color:#7b8d70;display:flex;align-items:center;gap:3px}.view-dock input{accent-color:#3b7764;width:11px;height:11px}.dock-divider{height:21px;width:1px;background:#d9e0d2;margin:0 7px}.scale-line{position:absolute;bottom:15px;left:24px;display:flex;align-items:center;gap:8px;color:#8c9b7f;font-size:8px}.scale-line span{height:5px;width:50px;border:1px solid #91a581;border-top:0}.scale-line small{font-size:8px}#detail{position:relative;flex:none;width:290px;background:#fafbf8;border-left:1px solid var(--line);padding:28px 22px;overflow-y:auto;z-index:5;scrollbar-width:thin}#closeDetail{position:absolute;top:15px;right:14px;font-size:22px;color:#8f9b89}#detail h2{font-size:20px;line-height:1.6;font-weight:500;margin:12px 0}.tag{font-size:9px;display:inline-block;color:#698064;background:#e9efdf;border:1px solid #dce7d0;padding:4px 7px;border-radius:3px;margin-bottom:20px}.photo-button{position:relative;width:100%;padding:0;text-align:left;overflow:hidden;border-radius:5px;background:#edf0e6;aspect-ratio:1.5;display:block}.photo-button img{width:100%;height:100%;object-fit:cover}.photo-button span{position:absolute;bottom:0;left:0;right:0;padding:10px;color:white;font-size:9px;background:linear-gradient(transparent,#1d332dc9)}.room-stats{display:flex;gap:0;border-bottom:1px solid var(--line);padding:23px 0 20px}.room-stats>div{width:50%;padding:0 8px}.room-stats>div+div{border-left:1px solid var(--line);padding-left:25px}.room-stats b{font-size:26px;font-weight:400;font-family:Georgia,serif;letter-spacing:1px}.room-stats small{display:block;font-size:8px;color:#8c9c83;margin-top:5px}#detailNote{font-size:11px;line-height:1.9;color:#819079;margin:20px 0}#featureList{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:9px;color:#6e8561;margin-bottom:24px}#featureList span::before{content:"·";margin-right:5px;color:#9daf8b}.detail-actions{display:flex;flex-direction:column;gap:9px}.primary,.secondary{width:100%;border-radius:5px;padding:13px 14px;text-align:left;font-size:11px;display:flex;justify-content:space-between}.primary{background:#3c7763;color:#fff}.primary:hover{background:#2d6553;color:#fff}.secondary{border:1px solid #dbe3d1;background:#f6f9ef;color:#6b815b}.detail-footnote{font-size:9px;color:#a1ac96;line-height:1.8;margin-top:17px}footer{height:34px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;gap:15px;background:#fafbf8;color:#95a08e}footer>div{display:flex;align-items:center;gap:9px}footer button{font-size:9px;color:#819775}.sep{color:#d2dbca}#walkHint{position:absolute;bottom:104px;left:50%;transform:translateX(-50%);background:#2b4b42d9;color:#fff;padding:11px 18px;border-radius:5px;font-size:11px;white-space:nowrap}#toast{position:absolute;left:50%;top:90px;transform:translateX(-50%);background:#365748ed;padding:11px 20px;color:white;border-radius:6px;font-size:12px;max-width:90%;z-index:10}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f3eb;z-index:15}#loading h2{font-size:18px;font-weight:400;letter-spacing:2px}#loading p{font-size:11px;color:#89977f}.loader{width:35px;height:35px;border:1px solid #c6d5b7;border-top:2px solid #3c7a60;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #d7e0cd;border-radius:10px;padding:26px;background:#fafbf7;color:#3e5540;max-width:calc(100vw - 40px);max-height:90dvh;width:1050px;box-shadow:0 20px 100px #263f312f}dialog::backdrop{background:#20392f99;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:20px;font-weight:400;margin:0 0 20px}.dialog-close{font-size:28px;color:#8fa07f;align-self:flex-start}#referenceTabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 15px}#referenceTabs button{border:1px solid #dbe4d1;border-radius:4px;padding:8px 12px;font-size:10px}#referenceTabs button.active{background:#3e775e;color:white}.reference-image{background:#1f2823;display:flex;justify-content:center;border-radius:4px;overflow:auto;max-height:62dvh}.reference-image img{max-width:100%;max-height:62dvh;object-fit:contain}#referenceCaption{font-size:11px;color:#8b9b7e;line-height:1.8}#calibrationDialog{width:650px}#calibrationDialog>p{font-size:12px;line-height:1.9;color:#7c8d70}#calibrationForm{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}#calibrationForm label{font-size:11px;color:#7b8c6a;display:flex;flex-direction:column;gap:8px}#calibrationForm input,#calibrationForm select{padding:10px;border:1px solid #d8e0cb;border-radius:4px;background:#fff;color:#3e5540;min-width:0}#calibrationResult{font-size:11px;line-height:1.8;color:#5b8051}.evidence-grid{display:flex;gap:50px;margin:25px 0}.evidence-grid b{font-size:30px;font-weight:400;display:block}.evidence-grid span{font-size:10px;color:#92a080}.compare-mode #detail{width:39%;max-width:580px}.compare-mode .photo-button{aspect-ratio:1.5}.compare-mode #featureList,.compare-mode .room-stats,.compare-mode .detail-footnote{display:none}.compare-mode #detailNote{font-size:10px}.compare-mode .detail-actions{flex-direction:row;flex-wrap:wrap}.compare-mode .detail-actions button{width:auto;flex:1;min-width:120px}.compare-mode .sidebar{width:232px;padding-left:15px;padding-right:15px}
@media(min-width:1700px){.sidebar{width:305px;padding-left:26px;padding-right:26px}#detail{width:320px}.room-item{padding:15px 10px}}
@media(max-height:800px){.sidebar{padding-top:20px}.sidebar h1{margin-bottom:14px}.list-heading{margin-top:17px}.sidebar-bottom{padding-top:10px;margin-top:8px}#minimap{height:67px;margin:8px 0 0}.room-item{padding:8px 7px}.scene-caption{top:22px}.photo-button{aspect-ratio:1.7}.room-stats{padding:16px 0}#detail{padding-top:25px}.detail-footnote{font-size:8px}}
@media(max-width:1150px){header{padding:0 20px}.header-center{display:none}.sidebar{width:238px;padding:20px 14px}.sidebar h1{font-size:16px}#detail{width:260px;padding:24px 17px}.view-dock{gap:0;bottom:32px}.view-dock>button{padding:10px 9px}.view-dock>button span{font-size:10px}.view-dock label{margin:0 3px}.dock-divider{margin:0 3px}.scene-caption{left:23px}.scene-caption h2{font-size:22px}.scene-badge{right:16px;top:23px}.vertical-tools{right:16px}.view-dock:has(#tour.active){} }
@media(max-width:850px){.sidebar{width:194px;padding:18px 10px}.sidebar .eyebrow{font-size:7px;letter-spacing:1px}.sidebar h1{font-size:14px}.room-item .room-name{font-size:10px}.room-item .number{min-width:12px;font-size:8px}.room-item{gap:6px}.room-item small{font-size:8px}.source-chip{font-size:8px}.source-chip small{font-size:7px}#detail{position:absolute;right:0;top:0;bottom:0;width:255px;box-shadow:-8px 0 35px #3e56301a}.detail-open #viewport{margin-right:255px}.view-dock label{display:none}.scene-caption>p:last-child{max-width:180px;line-height:1.6}.scene-badge{display:none}#interactionHint{display:none}.compare-mode .sidebar{display:none}.compare-mode #detail{width:43%;}.compare-mode #viewport{margin-right:43%}}
@media(max-width:600px){header{height:65px;padding:0 13px}.brand{font-size:15px;letter-spacing:1px;gap:8px}.brand-icon{width:34px;height:34px;font-size:25px}.brand small{font-size:6px;letter-spacing:1px}.line-button{font-size:9px;padding:8px}.sidebar{width:122px;padding:15px 7px}.sidebar h1{font-size:11px;margin-bottom:10px}.sidebar h1 span{font-size:8px}.sidebar .eyebrow,.search kbd,.search span,.room-item .number,.room-item small,.room-item .arrow,.sidebar-bottom{display:none}.search{padding:7px;height:30px}.search input{font-size:9px}.list-heading{font-size:8px;letter-spacing:0;gap:5px}.list-heading span:last-child{display:none}.room-item{padding:10px 4px;gap:6px}.room-item .room-name{font-size:10px}.room-item .swatch{width:5px;height:5px}main{height:calc(100dvh - 95px)}footer{height:30px;padding:0 10px;font-size:7px}.scene-caption{left:14px;top:22px}.scene-caption .eyebrow{font-size:6px;letter-spacing:1px}.scene-caption h2{font-size:18px}.scene-caption>p:last-child{font-size:8px;max-width:180px}.vertical-tools{right:10px;top:130px}.vertical-tools button{width:31px;height:33px}.view-dock{bottom:37px;padding:4px}.view-dock>button{padding:9px 7px;font-size:13px}.view-dock>button span{font-size:9px}.dock-divider{display:none}.scale-line{bottom:15px;left:12px}.scale-line span{width:25px}#detail{width:100%;top:48%;left:0;bottom:0;padding:18px 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:5px 16px;align-content:start}#detail .eyebrow,#detail h2,#detail .tag,#detail #detailNote{grid-column:1}#detail h2{font-size:16px;margin:0}#detail .tag{margin:0;justify-self:start}#detail .photo-button{grid-column:2;grid-row:1/6;margin-top:12px}#detail .room-stats,#detail .detail-footnote,#detail #featureList{display:none}#detail #detailNote{font-size:9px;margin:5px 0}#detail .detail-actions{grid-column:1/3;flex-direction:row}.detail-actions button{padding:10px 7px;font-size:9px}#detail .detail-actions span{display:none}.detail-open #viewport{margin-right:0;height:48%}.detail-open .scene-caption{display:none}.detail-open .vertical-tools{top:15px}.detail-open .view-dock{bottom:15px}.detail-open .scale-line{display:none}.compare-mode #detail{width:100%;max-width:none}.compare-mode #viewport{margin:0}.compare-mode #detailNote{display:none}#walkHint{white-space:normal;width:80%;font-size:9px;bottom:66px}.evidence-grid{gap:30px}dialog{padding:18px}#calibrationForm{gap:12px}.reference-image{min-height:200px}}
.walk-mode .scene-caption{display:none}.walk-mode .view-dock{opacity:.75}.walk-mode .view-dock:hover{opacity:1}
.header-actions{display:flex;gap:8px;align-items:center}#roomsToggle,#directoryBackdrop,#touchControls,#walkExit{display:none}#minimap path{stroke:#fff;stroke-width:4;cursor:pointer}#minimap path.active{stroke:#375c4e;stroke-width:7}#minimap path:focus-visible{stroke:#ff6849;outline:none}
.walk-mode #walkExit{display:block;position:fixed;right:20px;top:96px;z-index:6;background:#fafbf8ee}#touchControls{position:fixed;bottom:115px;right:18px;z-index:6;grid-template-columns:repeat(3,46px);grid-template-rows:46px 46px auto;gap:5px;touch-action:none;user-select:none}#touchControls button{height:46px;border-radius:10px;background:#fafbf8e8;border:1px solid #b9cbbc;color:#346f61;font-size:26px;box-shadow:0 3px 12px #263d3c18;touch-action:none}#touchControls button:first-child{grid-column:2}#touchControls button:nth-child(2){grid-column:1;grid-row:2}#touchControls button:nth-child(3){grid-column:2;grid-row:2}#touchControls button:nth-child(4){grid-column:3;grid-row:2}#touchControls button.pressed{background:#346f61;color:#fff}#touchControls span{grid-column:1/4;font-size:10px;color:#39564b;text-align:center;background:#fafbf8d9;padding:5px;border-radius:5px}
@media(any-pointer:coarse){.walk-mode #touchControls{display:grid}}
@media(max-width:850px){#roomsToggle{display:block}.sidebar{display:none}.directory-open .sidebar{display:flex;position:absolute;inset:0 auto 0 0;width:min(280px,80vw);z-index:9;background:#fafbf8;padding:20px 18px;box-shadow:8px 0 30px #263d3c22}.directory-open #directoryBackdrop{display:block;position:fixed;inset:82px 0 34px;background:#263d3c44;z-index:8}.directory-open .sidebar-bottom{display:block}.walk-mode #touchControls{display:grid}.walk-mode #walkHint{bottom:82px;left:18px;width:calc(100% - 36px);transform:none;font-size:10px;text-align:center}.walk-mode .view-dock{bottom:18px}.walk-mode #walkExit{top:94px;right:14px}.detail-open #viewport{margin-right:0}.compare-mode #viewport{margin-right:43%}}
@media(max-width:600px){header{gap:7px}.header-actions{gap:4px}.brand small{letter-spacing:0}.brand{font-size:13px}#referencePlan{font-size:9px;padding:8px 6px}#roomsToggle{font-size:9px;padding:8px 6px}.directory-open #directoryBackdrop{top:65px;bottom:30px}.directory-open .sidebar h1{font-size:16px}.directory-open .sidebar h1 span{font-size:10px}.directory-open .sidebar .room-name{font-size:12px}.directory-open .sidebar .room-item small{display:block;font-size:9px}.directory-open .sidebar .sidebar-bottom{display:block}.directory-open .sidebar #minimap{height:90px}.walk-mode #walkExit{top:76px}.walk-mode .view-dock>button{padding:9px 6px}.walk-mode #walkHint{bottom:72px}#touchControls{bottom:110px}.compare-mode #viewport{margin:0}}
@media(max-width:850px){.walk-mode #walkHint{top:14px;bottom:auto;left:14px;width:calc(100% - 125px);max-width:430px;text-align:left;line-height:1.6;background:#fafbf8df;padding:7px 10px;border-radius:6px}}

.orientation{position:absolute;bottom:112px;left:24px;color:#6d817a;font-size:10px;pointer-events:none}.orientation span{padding:0 12px}.orientation small{display:block;font-size:8px;margin-top:4px;color:#95a198}.walk-mode .orientation,.detail-open .orientation{display:none}#equipmentInfo{margin:16px 0;padding:12px;background:#eef2e7;border:1px solid #dde5d4;border-radius:5px}#equipmentInfo h3{font-size:11px;font-weight:500;margin:0 0 10px}#equipmentInfo ul{padding-left:14px;font-size:10px;line-height:1.8;color:#75856b}#equipmentInfo p{font-size:10px;line-height:1.7;color:#9b7847}#equipmentInfo small{font-size:8px;line-height:1.6;color:#8b9881;display:block}#layoutSvg{display:block;width:100%;height:62dvh;background:#181e1b;border-radius:4px;margin-top:15px}#layoutCaption{font-size:11px;line-height:1.8;color:#839277}.layout-toolbar{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#6d8267}.layout-toolbar span{font-size:10px}@media(max-width:600px){#equipmentInfo{grid-column:1/3}.orientation{left:12px;bottom:98px;font-size:8px}.orientation small{font-size:7px}.detail-actions{flex-wrap:wrap}#detail .detail-actions button{flex:1;min-width:40%}.layout-toolbar{font-size:9px}}