:root { color-scheme:dark; --bg:#143f52; --surface:#17495f; --text:#dff5f4; --muted:#9bc2c6; --line:rgba(198,235,235,.3); --accent:#f2bd5d; --node-bg:#17495f; --selected-bg:#f2bd5d; --selected-text:#103546; color:var(--text); background:var(--bg); }
body { color:var(--text); background-color:var(--bg); background-image:linear-gradient(rgba(207,240,240,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(207,240,240,.1) 1px,transparent 1px),linear-gradient(rgba(207,240,240,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(207,240,240,.04) 1px,transparent 1px); background-size:80px 80px,80px 80px,16px 16px,16px 16px; font-family:"Microsoft JhengHei UI","Microsoft YaHei UI",sans-serif; }
.chrome { background:rgba(15,54,70,.88); border-bottom:1px solid var(--line); }
.identity>b{border:1px solid var(--text);color:var(--text)}.identity small,.hero>p,.chrome nav a{color:var(--muted)}.chrome nav a.active{color:var(--accent)}
.canvas{position:relative}.canvas::before{content:"DWG / KE-PIPING / 0.3";position:absolute;right:4.5rem;top:1.8rem;font:600 .6rem Consolas,monospace;letter-spacing:.15em;color:var(--muted)}
.hero { min-height:440px; border-left:1px solid var(--line); padding-left:2rem; }
.hero-kicker{color:var(--accent)}.hero h1{font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-weight:500;text-transform:uppercase}.hero h1 em{color:var(--accent);-webkit-text-stroke:1px var(--accent);color:transparent}
.hero-actions a,.hero-actions button{border:1px solid var(--text);background:transparent;color:var(--text)}.hero-actions .primary-action,.hero-actions button.selected{background:var(--accent);color:#103546;border-color:var(--accent)}
.metrics{border:1px solid var(--line)}.metrics article{border-right:1px solid var(--line)}.metrics span,.metrics small{color:var(--muted)}.metrics strong{font-family:Consolas,monospace;color:var(--accent)}.metrics .metric-alert{background:rgba(242,189,93,.12)}
.module{border:1px solid var(--line);background:rgba(20,63,82,.7);border-radius:0}.module-heading span,.module-heading>a,.module-heading>b{color:var(--accent)}
.workflow .complete>b{background:var(--text);color:var(--bg)}.workflow .current>b{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.ontology{padding:0}.ontology>.module-heading{padding:1.7rem;border-bottom:1px solid var(--line)}.ontology-stage{margin:0;grid-template-columns:1fr 300px;min-height:500px}.ontology-stage svg{height:500px}.ontology-stage aside{border-left:1px solid var(--line);background:rgba(11,48,64,.62)}
.bottom-grid .module{margin-top:1.5rem}.task-list a{border-color:var(--line)}.task-list a>b,.healthy{color:var(--accent)}.compute-chain>div{border:1px solid var(--line);background:rgba(11,48,64,.55)}
.page-footer{border-top:1px solid var(--line);color:var(--muted)}