:root{--bg:#061313;--panel:#0b1e1d;--panel2:#102826;--line:#22423e;--ink:#eaf8f3;--muted:#8eaaa3;--mint:#32d6ad;--cyan:#44b8d8;--amber:#f5b84a;--red:#ff6b62;--radius:14px;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#153b35 0,#061313 48%);color:var(--ink);min-width:1180px}.topbar{height:78px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#071716e8;position:sticky;top:0;z-index:20}.eyebrow,.section-kicker{margin:0 0 4px;color:var(--mint);font-size:.72rem;letter-spacing:.16em}.topbar h1{margin:0;font-size:1.45rem}.top-actions{display:flex;align-items:center;gap:10px}.data-badge{padding:8px 11px;border:1px solid #3d8e7e;background:#153a34;border-radius:999px;color:#bdf8e7;font-size:.86rem}.clock{color:var(--muted);min-width:100px}.button{border:1px solid var(--mint);background:var(--mint);color:#04211c;padding:8px 15px;border-radius:8px;font-weight:700;cursor:pointer}.button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.screen{padding:15px 20px 28px;max-width:1920px;margin:auto}.notice{padding:9px 13px;border-left:3px solid var(--amber);background:#332811;color:#ffe2a1;font-size:.86rem}.kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.kpi-strip article,.panel{background:linear-gradient(145deg,#0d2523,#091a19);border:1px solid var(--line);box-shadow:0 12px 35px #0005}.kpi-strip article{padding:13px 15px;border-radius:10px}.kpi-strip span{display:block;color:var(--muted);font-size:.82rem}.kpi-strip strong{font:700 1.8rem/1.4 ui-monospace,Consolas,monospace;margin-right:6px}.kpi-strip small{color:var(--muted)}.main-grid{display:grid;grid-template-columns:1.25fr 1fr .78fr;grid-template-areas:"trend island capacity" "components alerts models";gap:12px}.panel{border-radius:var(--radius);padding:15px;min-height:270px}.trend-panel{grid-area:trend}.island-panel{grid-area:island}.capacity-panel{grid-area:capacity}.component-panel{grid-area:components}.alert-panel{grid-area:alerts}.model-panel{grid-area:models}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.panel h2{font-size:1rem;margin:0}.panel-head>span{color:var(--muted);font-size:.8rem}.segmented{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);background:#0a1918;color:var(--muted);padding:7px 10px;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.active{background:#1e564b;color:#fff}.chart{height:210px}.chart svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#23423e;stroke-width:1}.actual-line{fill:none;stroke:var(--mint);stroke-width:2.4}.forecast-line{fill:none;stroke:var(--amber);stroke-width:2.3;stroke-dasharray:5 4}.interval-band{fill:#f5b84a24}.chart-legend{display:flex;gap:18px;font-size:.78rem;color:var(--muted);align-items:center}.chart-legend span:before{content:"";display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle}.chart-legend .actual:before{background:var(--mint)}.chart-legend .forecast:before{background:var(--amber)}.timeline{width:100%;margin-top:12px;accent-color:var(--mint)}.island-map{height:225px;position:relative;border:1px dashed #2b5650;border-radius:48% 52% 45% 55%;background:radial-gradient(ellipse,#183f38 0,#0d2825 58%,transparent 60%);overflow:hidden}.island-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.island-core span,.island-core small{display:block;color:var(--muted)}.island-core b{font:700 1.65rem ui-monospace,monospace;color:var(--mint)}.map-node{position:absolute;border:1px solid #39796e;background:#10342f;color:var(--ink);border-radius:999px;padding:7px 10px;cursor:pointer}.map-node:hover,.map-node.active{background:var(--mint);color:#03231d}.n1{left:12%;top:23%}.n2{right:11%;top:20%}.n3{left:35%;top:8%}.n4{right:8%;top:52%}.n5{left:8%;top:55%}.n6{left:27%;bottom:8%}.n7{right:27%;bottom:7%}.n8{right:33%;top:39%}.image-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.image-slot{height:62px;border:1px dashed #3b625c;border-radius:8px;padding:8px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;background:#071817 center/cover}.image-slot input{display:none}.image-slot b{font-size:.78rem}.image-slot span{font-size:.7rem;color:var(--muted)}.capacity-list{display:grid;gap:15px}.capacity-row{display:grid;grid-template-columns:62px 1fr 48px;gap:8px;align-items:center;font-size:.82rem}.bar{height:8px;background:#173330;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--mint);border-radius:99px}.bar i.warn{background:var(--amber)}.bar i.danger{background:var(--red)}.budget-control{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:24px;color:var(--muted);font-size:.82rem}.budget-control input{grid-column:1/-1;width:100%;accent-color:var(--amber)}.component-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.component-card{border:1px solid var(--line);background:#0a1b1a;border-radius:9px;padding:12px;cursor:pointer;text-align:left;color:var(--ink)}.component-card:hover,.component-card.active{border-color:var(--mint);background:#10342f}.component-card span{display:block;color:var(--muted);font-size:.76rem}.component-card strong{font:700 1.15rem ui-monospace,monospace}.text-button{border:0;background:transparent;color:var(--mint);cursor:pointer}.alert-list{display:grid;gap:8px;max-height:160px;overflow:auto}.alert-item{border-left:3px solid var(--amber);padding:9px 10px;background:#211d10}.alert-item.high{border-color:var(--red);background:#281513}.alert-item b{font-size:.83rem}.alert-item span{display:block;color:var(--muted);font-size:.74rem;margin-top:3px}.empty{padding:25px 10px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px}.decision-card{margin-top:10px;padding:10px;background:#0c302a;border:1px solid #28685c;border-radius:8px}.decision-card span{display:block;color:var(--mint);font-size:.72rem}.decision-card strong{font-size:.83rem}.table-wrap{max-height:222px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.73rem}th,td{padding:7px 5px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);position:sticky;top:0;background:#0b1e1d}@media(max-width:1300px){body{min-width:980px}.main-grid{grid-template-columns:1.15fr 1fr;grid-template-areas:"trend island" "capacity components" "alerts models"}.kpi-strip{grid-template-columns:repeat(5,1fr)}}

.decision-workflow-panel{grid-column:span 2}.approval-form{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:end;margin-top:14px}.approval-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.approval-form input{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--surface);color:var(--text)}.approval-status{margin:12px 0 0;color:var(--muted)}.approval-status.approved{color:#138a62}.approval-status.exception,.approval-status.error{color:#c2410c}@media(max-width:900px){.decision-workflow-panel{grid-column:span 1}.approval-form{grid-template-columns:1fr}}