:root{--nav:#102f4b;--nav2:#163e61;--primary:#1677ff;--teal:#14b8a6;--bg:#f3f6fa;--card:#fff;--text:#17243a;--muted:#6b7b91;--line:#dce4ed;--danger:#e5484d;--warn:#f59e0b;--success:#16a34a;--shadow:0 8px 30px rgba(16,47,75,.08)}*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--nav),#0b253d);color:#fff;padding:20px 14px;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;padding:2px 8px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.logo strong{display:block;font-size:15px}.logo small{display:block;color:#b8cbda;margin-top:4px}.brand-mark{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#40c9ff,#1677ff);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:800;box-shadow:0 12px 30px rgba(22,119,255,.3)}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:20px}nav{padding-top:18px;display:flex;flex-direction:column;gap:5px}nav button{border:0;background:transparent;color:#c8d7e3;border-radius:9px;text-align:left;padding:12px 14px;font-size:14px;cursor:pointer;display:flex;gap:12px;align-items:center}nav button:hover,nav button.active{background:rgba(52,147,255,.19);color:#fff}nav button.active{box-shadow:inset 3px 0 #51b7ff}.sidebar-foot{margin-top:auto;padding:18px 12px 2px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-foot a{color:#b8cbda;text-decoration:none}main{min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar h1{font-size:20px;margin:0 0 6px}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:16px}.user{padding-left:16px;border-left:1px solid var(--line)}.user span,.user small{display:block}.user small{color:var(--muted);margin-top:3px}.content{padding:24px 28px 45px}.grid{display:grid;gap:18px}.kpi-grid{grid-template-columns:repeat(4,1fr)}.kpi{background:var(--card);border:1px solid #e7edf3;border-radius:14px;padding:18px;box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:26px;font-weight:750;margin:9px 0}.kpi .foot{color:var(--muted);font-size:12px}.kpi .up{color:var(--success)}.panel{background:var(--card);border:1px solid #e4ebf2;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:16px}.panel-body{padding:18px 20px}.two-col{grid-template-columns:1.4fr 1fr;margin-top:18px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.toolbar .spacer{flex:1}button{font-family:inherit}.primary,.ghost,.danger,.soft{border:0;border-radius:8px;padding:9px 14px;cursor:pointer}.primary{background:var(--primary);color:#fff}.primary:hover{filter:brightness(.95)}.ghost{background:#eef5ff;color:#155ea8}.soft{background:#edf2f7;color:#34465b}.danger{background:#fff0f0;color:var(--danger)}.full{width:100%;padding:12px}input,select,textarea{border:1px solid #cad5e1;border-radius:8px;padding:9px 10px;background:#fff;font-family:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,119,255,.1)}.search{width:260px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:11px 12px;border-bottom:1px solid #e8edf2;text-align:left;white-space:nowrap}th{background:#f6f9fc;color:#506177;font-weight:650;position:sticky;top:0}td.wrap{white-space:normal;min-width:220px}.tag{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;background:#eaf3ff;color:#1263ad}.tag.green{background:#eaf8ef;color:#198242}.tag.orange{background:#fff4df;color:#aa6800}.tag.red{background:#ffecec;color:#c53a40}.tag.gray{background:#edf1f5;color:#657488}.money{font-variant-numeric:tabular-nums;font-weight:650}.link{border:0;background:none;color:var(--primary);cursor:pointer;padding:2px 5px}.link.red{color:var(--danger)}.section-title{margin:0 0 15px}.empty{padding:45px;text-align:center;color:var(--muted)}.bars{display:flex;align-items:flex-end;gap:16px;height:220px;padding:20px 10px 0}.bar-item{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px}.bar{width:70%;min-width:24px;background:linear-gradient(180deg,#56b3ff,#1677ff);border-radius:7px 7px 2px 2px;position:relative}.bar.actual{background:linear-gradient(180deg,#65dfcf,#14b8a6)}.bar-label{font-size:11px;color:var(--muted)}.legend{display:flex;gap:18px;font-size:12px;color:var(--muted)}.legend i{width:10px;height:10px;border-radius:2px;display:inline-block;margin-right:5px;background:var(--primary)}.legend i.t{background:var(--teal)}.donut-wrap{display:flex;gap:24px;align-items:center;justify-content:center}.donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(#1677ff 0 42%,#14b8a6 42% 67%,#f59e0b 67% 82%,#8b5cf6 82% 100%);position:relative}.donut:after{content:"项目阶段";position:absolute;inset:31px;background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.stage-list{display:grid;gap:10px}.stage-list div{display:flex;justify-content:space-between;gap:20px}.modal-backdrop{position:fixed;inset:0;background:rgba(7,21,34,.48);display:grid;place-items:center;z-index:20;padding:20px}.modal{width:min(880px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modal.small{width:min(560px,96vw)}.modal-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-body{padding:20px}.modal-foot{padding:15px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.close{border:0;background:none;font-size:22px;color:var(--muted);cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label{display:grid;gap:6px;color:#526276}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:70px}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.summary-item{background:#f5f9fd;border:1px solid #e2eaf3;border-radius:10px;padding:12px}.summary-item small{display:block;color:var(--muted);margin-bottom:7px}.summary-item strong{font-size:17px}.check-score{display:flex;align-items:center;gap:28px}.score-circle{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--success) calc(var(--score)*1%),#e8eef4 0);display:grid;place-items:center;position:relative}.score-circle:after{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.score-circle strong{z-index:1;font-size:28px}.issues{display:grid;gap:10px}.issue{border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:9px;padding:12px 14px}.issue.high{border-left-color:var(--danger)}.issue.low{border-left-color:#6a86a5}.issue h4{margin:0 0 6px}.issue p{margin:4px 0;color:var(--muted)}.chart-row{display:flex;align-items:center;gap:14px;margin:10px 0}.chart-row label{width:90px}.progress{height:12px;background:#e9eff5;border-radius:999px;overflow:hidden;flex:1}.progress i{height:100%;background:linear-gradient(90deg,#1677ff,#4db5ff);display:block;border-radius:999px}#toast{position:fixed;right:25px;bottom:25px;background:#142b40;color:#fff;padding:12px 18px;border-radius:9px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s;z-index:50}#toast.show{opacity:1;transform:none}.login-body{min-height:100vh;background:linear-gradient(135deg,#0c2943,#145985);display:grid;place-items:center;padding:30px}.login-shell{width:min(980px,94vw);display:grid;grid-template-columns:1.25fr .8fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.25)}.login-brand{background:radial-gradient(circle at 20% 20%,#276f9f,#102f4b 60%);color:#fff;padding:70px 60px}.login-brand h1{font-size:34px;margin:24px 0 12px}.login-brand p{color:#c7dae7;font-size:16px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:50px}.brand-grid span{padding:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);border-radius:10px}.login-card{padding:70px 46px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:26px;margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 30px}.login-card label{display:grid;gap:7px;margin-bottom:16px;color:#526276}.login-card input{padding:12px}.login-card small{color:var(--muted);text-align:center;margin-top:16px}.form-msg{color:var(--danger);margin-top:10px;min-height:20px}.note{background:#f0f7ff;border:1px solid #d6e8fa;color:#2a5f8a;padding:12px 14px;border-radius:9px;margin-bottom:15px}.muted{color:var(--muted)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:0;background:none;padding:10px 14px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.summary-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{grid-template-columns:74px 1fr}.sidebar{padding:14px 9px}.logo>div:last-child,nav span,.sidebar-foot{display:none}.logo{justify-content:center;padding:0 0 16px}.topbar{padding:0 15px}.content{padding:16px}.kpi-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.summary-strip{grid-template-columns:1fr}}
.mini-kpi-grid{grid-template-columns:repeat(4,1fr);margin-top:14px}.mini-kpi{background:#eaf3ff;border:1px solid #d5e7fb;border-radius:11px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between}.mini-kpi span{color:#55718e}.mini-kpi strong{font-size:18px;color:#155ea8}.toolbar.compact{margin:0}.toolbar.compact select{max-width:280px}.small-value{font-size:21px!important}.drawing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.drawing-card{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;gap:14px;background:linear-gradient(145deg,#fff,#f8fbfe)}.file-icon{width:56px;height:66px;border-radius:10px;background:#e7f2ff;color:#1569bb;display:grid;place-items:center;font-weight:800;flex:none;border:1px solid #cfe3f7}.file-icon.pdf{background:#fff0f0;color:#c84545}.file-icon.dwg,.file-icon.dxf{background:#edf7f5;color:#177a68}.file-icon.ifc{background:#f2efff;color:#6f51be}.file-icon.zip{background:#fff7e7;color:#9a6a0d}.drawing-main{min-width:0;flex:1}.drawing-title{display:flex;gap:8px;align-items:center;margin-bottom:6px}.drawing-title strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parse-line{margin:9px 0;color:#315b7d;background:#edf6ff;padding:7px 9px;border-radius:7px;font-size:12px}.drawing-actions{display:flex;flex-wrap:wrap;gap:2px}.drawing-actions a{text-decoration:none}.wide-empty{grid-column:1/-1}.model-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.model-toolbar select{min-width:320px}.model-summary{display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:center;margin-bottom:20px;border:1px solid var(--line);border-radius:13px;padding:16px;background:#f8fbfe}.model-visual{height:220px;background:radial-gradient(circle at 50% 30%,#edf8ff,#dceaf7);border-radius:12px;display:grid;place-items:center}.building-svg{width:95%;height:95%}.building-svg polygon{fill:rgba(22,119,255,.12);stroke:#1677ff;stroke-width:2}.building-svg line{stroke:#67a8e7;stroke-width:1}.building-svg text{font-size:11px;fill:#55718e}.model-info h2{margin:0 0 8px}.model-strip{grid-template-columns:repeat(4,1fr);margin-top:16px}.inline-button{display:inline-block;text-decoration:none}.soft-line{border:0;border-top:1px solid var(--line);margin:22px 0}.one-col{grid-template-columns:1fr}.settings-grid{align-items:start}.drawing-kpis{margin-bottom:0}.tag.blue{background:#eaf3ff;color:#1263ad}.tag.orange{background:#fff4df;color:#aa6800}
@media(max-width:1100px){.drawing-grid{grid-template-columns:1fr}.model-summary{grid-template-columns:1fr}.mini-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.mini-kpi-grid{grid-template-columns:1fr}.model-toolbar{align-items:stretch;flex-direction:column}.model-toolbar select{min-width:0;width:100%}.model-strip{grid-template-columns:1fr}.drawing-card{flex-direction:column}.file-icon{width:100%;height:42px}.toolbar.compact{align-items:stretch;flex-direction:column}}