.site-highlights{font-size:14px;line-height:1.55;color:#325c80;flex:none}
.source-details{flex:none;border-top:1px solid var(--line)}
.source-details[open]{max-height:32vh;overflow:auto}
.source-content{padding:0 16px 12px;font-size:13px;color:#647892;line-height:1.65}
#sourceLinks{display:flex;gap:18px}#sourceLinks a{color:#246db1}
.sidebar-bottom{flex-shrink:0}.site-list{flex:1}.list-heading{flex-wrap:wrap;gap:5px}
@media(max-width:520px){.site-list .site-button{flex:0 0 165px}.source-details[open]{max-height:none}}
.site-picker{display:grid;grid-template-columns:auto minmax(210px,310px);align-items:center;gap:5px 10px;max-width:100%;flex-shrink:0}
.site-picker label{font-size:14px;color:#647892}
.site-picker select{font:inherit;font-size:14px;width:100%;min-height:38px;border:1px solid #cad8e7;border-radius:6px;background:#fff;color:#193b60;padding:7px 30px 7px 10px;cursor:pointer}
.site-picker select:focus-visible{outline:3px solid #93bce3;outline-offset:2px}
.site-picker .status-tag{grid-column:2;background:transparent;border:0;padding:0;font-size:12px;white-space:normal}
@media(max-width:1100px){.site-view>.page-heading{flex-wrap:wrap;gap:9px}.site-picker{grid-template-columns:auto minmax(180px,1fr)}}
@media(max-width:520px){.site-picker{width:100%;flex-shrink:1}}
.process-view{display:flex;flex-direction:column;gap:14px}
.process-player{flex:1;min-height:0;background:#101d2a;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.process-player video{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.process-status{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.process-status:empty{display:none}
@media(max-width:700px),(max-height:590px){.process-view{flex:none}.process-player{flex:none;aspect-ratio:16/9}}
@media(max-width:520px){.view-nav{flex-wrap:wrap}.view-nav .nav-button{min-width:90px}}
:root{--ink:#162a41;--muted:#6b7c91;--navy:#132c49;--line:#dfe7ef;--blue:#246db1;color-scheme:light;font-family:"Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f1f5f9;color:var(--ink)}button,input{font:inherit}button,summary{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #93bce3;outline-offset:2px}[hidden]{display:none!important}
.app-shell{height:100dvh;display:flex;flex-direction:column}.masthead{height:76px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:24px}.project-heading{display:flex;align-items:center;gap:18px}.owner-name{border-right:1px solid #cbd6e3;padding-right:18px;color:#647892;font-size:14px;letter-spacing:2px;white-space:nowrap}h1{font-size:23px;letter-spacing:.045em;margin:0;font-weight:600}.company-logo{width:285px;max-height:62px;object-fit:contain}.app-body{display:flex;flex:1;min-height:0}
.sidebar{flex:0 0 215px;display:flex;flex-direction:column;background:linear-gradient(165deg,#132c49,#0c2038);color:#fff;padding:24px 16px 18px}.sidebar-heading{font-size:11px;letter-spacing:1.8px;color:#a3b6cd;padding:0 8px}.sidebar-heading span{display:block;font-size:18px;color:#fff;letter-spacing:.06em;margin-top:7px}.view-nav{display:flex;flex-direction:column;gap:6px;margin:22px 0 24px}.nav-button{display:flex;justify-content:space-between;align-items:center;min-height:44px;border:0;background:transparent;color:#bacce0;padding:10px 13px;border-radius:7px;font-size:14px;text-align:left}.nav-button span{font-size:11px;opacity:.6}.nav-button.active{color:#fff;background:#294b70;box-shadow:inset 3px 0 #8fb8e0}.list-heading{display:flex;justify-content:space-between;padding:0 8px;color:#9eb2ca;font-size:12px;margin-bottom:12px}.site-list{min-height:0;overflow:auto}.site-button{display:block;text-align:left;width:100%;border:1px solid transparent;color:#c6d5e6;background:transparent;padding:12px 10px;border-radius:7px;margin-bottom:8px}.site-button.active{background:#f5f8fc;color:#172f4b}.site-button strong{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.site-button small{display:block;font-size:12px;opacity:.7;line-height:1.5}.site-button.pending{border:1px dashed #3f5673;color:#a8b9cf}.sidebar-bottom{margin-top:auto;padding:18px 8px 0;display:flex;gap:10px;align-items:center;border-top:1px solid #2a415c;font-size:13px;line-height:1.6}.sidebar-bottom img{height:28px;width:28px;object-fit:contain}.sidebar-bottom small{font-size:8px;letter-spacing:.4px;color:#93a7c1}
.content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:18px 24px 8px;gap:10px}.view{flex:1;min-height:0}.site-view{display:flex;flex-direction:column;gap:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none}.breadcrumb{color:var(--muted);font-size:12px;margin-bottom:5px}.breadcrumb span{padding:0 9px;color:#a0afbf}h2{font-size:23px;margin:0;font-weight:600;letter-spacing:.025em}.status-tag{font-size:12px;color:#596f89;background:#e5edf5;border:1px solid #d2dfed;padding:5px 10px;border-radius:4px;white-space:nowrap}.metadata-strip{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:12px;color:var(--muted);flex:none}.metadata-strip strong{font-weight:400;color:#3e536c;margin-left:8px}
.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:none}.result-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 15px;min-width:0}.result-card:before{content:"";position:absolute;left:0;top:16px;width:3px;height:22px;background:#457daa}.metric-name{font-size:12px;color:var(--muted);margin-bottom:6px;display:block}.result-card strong{font-size:25px;letter-spacing:-.03em;font-weight:600;font-variant-numeric:tabular-nums}.result-card em{font-style:normal;font-size:12px;color:var(--muted);margin-left:5px}.metric-caption{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.45}.result-card .arrow-value{font-size:21px}.arrow-value b{font-weight:400;font-size:16px;color:#91a5b9;padding:0 6px}
.model-panel{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #193b6010}.model-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 16px;flex:none}h3{font-size:15px;margin:0;font-weight:600}.model-heading>span{font-size:12px;color:var(--muted)}.model-tools{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;flex:none;padding:0 16px 10px;border-bottom:1px solid var(--line)}.button{background:#fff;border:1px solid #d1ddea;color:#425b76;font-size:12px;min-height:32px;padding:5px 11px;border-radius:5px}.button:hover{border-color:#4583bd}.button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.button-accent{background:#edf4fc;color:#28649c;border-color:#cddff1}.button.quiet{border-color:transparent;padding:5px 7px}.preset,.camera-buttons{display:flex;gap:5px}.progress-control,.scale-control{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}.progress-control{flex:1;min-width:130px}.progress-control input{width:100%;min-width:65px}.scale-control input{width:85px}input[type=range]{accent-color:#3378b8}output{min-width:33px;color:#34689a;font-weight:600;font-variant-numeric:tabular-nums}
.viewer{position:relative;flex:1;min-height:210px;background:radial-gradient(ellipse at 45% 40%,#fff 25%,#eef3f9 100%);overflow:hidden}.viewer canvas{display:block;touch-action:none}.viewer-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none}.viewer-hint{position:absolute;bottom:14px;left:16px;font-size:11px;color:#728298;pointer-events:none}.cloud-legend{position:absolute;bottom:14px;right:16px;display:flex;align-items:center;gap:7px;font-size:11px;color:#687e97;pointer-events:none}.cloud-legend i{width:155px;height:8px;border-radius:4px;background:linear-gradient(90deg,#ff0000 0%,#ff3100 18.1%,#ff9b26 35.3%,#ffe799 52.6%,#94dab5 74.1%,#287db6 100%)}.point-detail{flex:none;padding:8px 16px;border-top:1px solid #e8edf4;font-size:12px;line-height:1.5;color:var(--muted)}.point-detail strong{color:#435971}.point-detail .danger{color:#d51213}
.measurement-details{flex:none;border-top:1px solid var(--line)}summary{padding:8px 16px;font-size:12px;color:#48617d}.measurement-details[open]{max-height:40vh;overflow:auto}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:5px 16px 0}.profiles article{min-width:0}.profiles svg{width:100%;height:auto;display:block}.profiles h4{font-size:13px;font-weight:500;margin:7px 0}.profile-legend,.bar-legend{display:flex;gap:18px;justify-content:center;color:var(--muted);font-size:12px;margin:6px 0 12px}.profile-legend span,.bar-legend span{display:flex;align-items:center;gap:6px}.profile-legend span:before,.bar-legend span:before{content:"";width:18px;height:3px;background:#336ca3}.profile-legend .before-key:before{background:repeating-linear-gradient(90deg,#c34135 0 5px,transparent 5px 8px)}.profile-legend .after-key:before{background:#1769c2}.profile-legend .current-key:before{background:#188468}
.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}th{font-weight:500;color:#6a7e94;background:#f6f9fc}td,th{padding:11px 16px;border-bottom:1px solid #e5ecf3}td{color:#425b75;font-variant-numeric:tabular-nums}.text-link{padding:0;border:0;color:#2369a6;background:transparent;font-size:inherit;font-weight:500}.data-note{font-size:11px;color:#8090a4;line-height:1.5;flex:none}
.empty-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:center;padding:36px}.empty-index{font-size:52px;color:#8babc9}.empty-state h3{font-size:19px;margin:12px 0}.empty-state p{max-width:520px;font-size:14px;line-height:1.8;color:var(--muted)}.empty-state>div{font-size:12px;padding:8px 14px;background:#f0f5fa;color:#758ca5}.summary-view{overflow:auto;display:flex;flex-direction:column;gap:18px}.summary-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-panel,.register-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.chart-caption{font-size:12px;color:var(--muted);margin:6px 0 20px}.register-panel{padding:0}.chart-site-row{margin:18px 0}.chart-site-name{font-size:13px;margin-bottom:10px}.bar-row{display:grid;grid-template-columns:38px 1fr 48px;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin:8px 0}.bar-track{height:10px;background:#edf2f8;border-radius:2px}.bar-fill{height:10px;border-radius:2px;background:#3676b2}.bar-fill.inner{background:#729abf}.bar-fill.outer{background:#245b91}.bar-fill.joint-before{background:#ca7b53}.bar-fill.joint-after{background:#2a8290}.bar-row strong{font-size:13px;font-weight:500}.bar-legend .inner-key:before{background:#729abf}.bar-legend .outer-key:before{background:#245b91}.bar-legend .joint-before-key:before{background:#ca7b53}.bar-legend .joint-after-key:before{background:#2a8290}.summary-note{padding:12px 16px;font-size:12px;background:#e6eef6;border-left:3px solid #6e99bd;color:#657d97;line-height:1.7}footer{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#8b9bb0;flex:none}
.button{font-size:14px;padding:4px 9px}.metric-name{font-size:14px}.metadata-strip{font-size:13px}.model-heading h3{font-size:16px}.progress-control,.scale-control{font-size:14px}.point-detail{font-size:13px}table{font-size:14px}.chart-site-name{font-size:14px}.viewer{min-height:150px}
@media(max-width:1200px){.masthead{padding:0 20px}.sidebar{flex-basis:190px;padding:20px 12px}.content{padding:14px 16px 8px}.model-tools{gap:6px 8px}.scale-control input{width:65px}.company-logo{width:250px}.result-card strong{font-size:23px}.result-card .arrow-value{font-size:18px}}
@media(max-width:950px){.masthead{height:66px;gap:10px}.owner-name{font-size:12px;padding-right:12px}.project-heading{gap:12px}h1{font-size:18px}.company-logo{width:210px}.sidebar{flex-basis:165px;padding:18px 10px}.sidebar-heading{font-size:9px}.sidebar-heading span{font-size:16px}.content{padding:12px 12px 6px;gap:7px}.site-view{gap:8px}.result-grid{gap:8px}.result-card{padding:9px 10px}.result-card strong{font-size:22px}.result-card .arrow-value{font-size:16px}.model-tools{padding:0 12px 7px}.camera-buttons{margin-left:auto}.model-heading{padding:9px 12px}.cloud-legend{right:10px;bottom:10px}.cloud-legend i{width:95px}.viewer-hint{bottom:28px;left:12px}.summary-charts{grid-template-columns:1fr}.metadata-strip{font-size:11px;gap:5px 14px}.page-heading h2{font-size:20px}.status-tag{font-size:11px;padding:4px 7px}}
@media(max-width:700px),(max-height:590px){.app-shell{height:auto;min-height:100dvh}.app-body{min-height:calc(100dvh - 66px)}.viewer{height:380px;flex:none}.site-view,.model-panel{flex:none}.content{overflow:visible}.sidebar{flex-basis:150px}.company-logo{width:180px}.owner-name{display:none}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column;gap:8px}.sidebar-bottom small{display:none}.model-heading>span{display:none}.summary-view{overflow:visible}.data-note{margin-bottom:10px}.profiles{grid-template-columns:1fr}}
@media(max-width:520px){.masthead{height:68px;padding:0 12px}.company-logo{width:145px}h1{font-size:15px;line-height:1.6;max-width:170px}.app-body{display:block}.sidebar{padding:10px 12px;display:block}.sidebar-heading,.list-heading,.sidebar-bottom{display:none}.view-nav{margin:0 0 8px;flex-direction:row;gap:8px}.nav-button{flex:1;min-height:34px;padding:7px 10px}.site-list{display:flex;gap:8px}.site-button{margin:0;padding:8px;flex:1}.site-button small{font-size:10px}.content{padding:12px}.viewer{height:340px}.cloud-legend i{width:110px}.viewer-hint{bottom:28px}.metadata-strip{line-height:1.8}.model-tools{padding:0 10px 8px}.scale-control{flex:1}.scale-control input{width:100px}.summary-charts{gap:12px}.status-tag{white-space:normal}.measurement-details[open]{max-height:none}}