:root{color:#172033;background:#f5f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:0}header{background:#fff;border-bottom:1px solid #e5e9f0;grid-template-rows:50px 44px;grid-template-columns:1fr auto;align-items:start;height:112px;padding:18px 4vw 0;display:grid}.brand{align-items:center;gap:12px;display:flex}.brandmark{color:#fff;background:#2463eb;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.brand h1{letter-spacing:-.4px;margin:0;font-size:20px}.brand p{color:#7a8496;margin:3px 0;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.demo-trigger{color:#53647e;background:0 0;border-radius:6px;padding:8px;font-size:13px}.demo-trigger:hover{color:#2463eb;background:#f1f4f8}.tabs{background:#f1f4f8;border-radius:8px;gap:5px;padding:3px;display:flex}.tabs button{color:#738096;background:0 0;border-radius:6px;padding:7px 15px;font-size:14px}.tabs .active{color:#2463eb;background:#fff;box-shadow:0 1px 4px #dfe4ec}.scenes{grid-column:1/-1;align-items:end;gap:8px;display:flex}.scenes button{color:#6d7789;background:0 0;border-bottom:2px solid #0000;padding:7px 12px 10px;font-size:14px}.scenes button span{color:#a0a9b7;margin-left:6px;font-size:11px}.scenes .selected{color:#2463eb;border-color:#2463eb}.workspace,.console,.capabilities{max-width:1440px;margin:0 auto;padding:24px 4vw}.workspace{grid-template-columns:1.7fr 1fr;gap:18px;display:grid}.map-panel,.side .card,.panel,.chain,.capabilities{background:#fff;border:1px solid #e4e8ef;border-radius:12px}.map-panel{overflow:hidden}.map-top{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.eyebrow{letter-spacing:1px;color:#6e7d94;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.map-top h2{margin:5px 0 0;font-size:18px}.map-status,.live{color:#2c8b63;align-items:center;gap:6px;font-size:12px;display:flex}.map-status i,.live i{background:#31a66d;border-radius:50%;width:7px;height:7px}.map{background:#edf1f5;height:430px;position:relative;overflow:hidden}.map svg{width:100%;height:100%}.road{fill:none;stroke:#fff;stroke-width:18px}.road.major{stroke-width:30px}.road.thin{stroke-width:11px}.route{fill:none;stroke-width:6px;stroke-linecap:round;stroke-dasharray:1 0}.route.current{stroke:#2463eb}.route.candidate{stroke:#34a477;stroke-dasharray:11 8;opacity:.9}.route.current.switched{stroke:#34a477}.jam{fill:#ef5e55;stroke:#fff;stroke-width:5px}.pin circle{fill:#2463eb;stroke:#fff;stroke-width:4px}.pin.end circle{fill:#313e56}.pin text{text-anchor:middle;fill:#fff;font-size:11px;font-weight:700}.car circle{fill:#2463eb;stroke:#fff;stroke-width:4px}.car path{stroke:#fff;stroke-width:2px}.roadname{fill:#8c98a9;font-size:13px;font-weight:600}.eventlabel{fill:#d34d45;font-size:12px;font-weight:700}.map-legend{color:#667287;background:#fff;border-radius:7px;align-items:center;gap:14px;padding:9px 12px;font-size:12px;display:flex;position:absolute;bottom:15px;left:16px;box-shadow:0 2px 8px #b8c1cf66}.map-legend small{color:#99a3b2;border-left:1px solid #e5e9ef;padding-left:10px;font-size:11px}.dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.blue{background:#2463eb}.red{background:#ef5e55}.line{vertical-align:middle;border-top:3px dashed #34a477;width:18px;margin-right:5px;display:inline-block}.timeline{padding:18px 20px}.section-title{justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.section-title small{color:#9aa4b3;font-size:12px;font-weight:500}.timeline-row{align-items:center;gap:9px;margin-top:15px;display:flex;overflow:auto}.time-item{white-space:nowrap;color:#647188;align-items:center;gap:6px;font-size:12px;display:flex}.time-item i{background:#2463eb;border-radius:50%;width:8px;height:8px}.time-item i.orange{background:#e99b36}.time-item i.gray{background:#aeb7c5}.side{flex-direction:column;gap:14px;display:flex}.card{padding:18px 20px}.card-head{color:#657188;justify-content:space-between;font-size:13px;display:flex}.trip-route{color:#29364e;align-items:center;gap:8px;margin:18px 0 15px;display:flex}.trip-route svg{color:#abb4c2}.trip-route strong{font-size:15px}.metrics{border-top:1px solid #edf0f4;grid-template-columns:repeat(3,1fr);padding-top:14px;display:grid}.metrics div{flex-direction:column;gap:5px;display:flex}.metrics small{color:#8b96a7;font-size:12px}.metrics b{font-size:16px}.metrics .danger{color:#df5a50}.event-card h3{margin:12px 0 8px;font-size:17px}.event-card p{color:#68758a;margin:0 0 15px;font-size:13px;line-height:1.65}.primary,.secondary{border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:14px;display:inline-flex}.primary{color:#fff;background:#2463eb}.secondary{color:#536177;background:#f3f5f8}.full{width:100%}.evaluating,.silent-note,.blocked,.success,.declined{color:#3f5b98;background:#f1f5ff;border-radius:7px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.spinner{border:2px solid #c4d1ee;border-top-color:#2463eb;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert-box{background:#fff8f1;border:1px solid #f3d2a8;border-radius:8px;margin-top:14px;padding:15px}.alert-box h3{margin:8px 0 5px}.confirm-row{gap:8px;display:flex}.confirm-row button{flex:1}.blocked{color:#9b6d2c;background:#fff7ea;margin-bottom:10px}.success{color:#26825a;background:#edfaf3;font-weight:700}.declined{color:#566174;background:#f5f6f8}.declined small{color:#919bab;font-weight:400}.recheck{color:#536b96;background:#f4f8ff;border-radius:7px;flex-direction:column;gap:8px;padding:13px;font-size:13px;display:flex}.recheck b{color:#253c6b}.recheck span{align-items:center;gap:7px;display:flex}.recheck svg{color:#2e9a68;width:15px}.console{padding-top:30px}.console-intro{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.console-intro h2{margin:7px 0;font-size:25px}.console-intro p{color:#738096;margin:0;font-size:14px}.decision{border:1px solid;border-radius:9px;flex-direction:column;gap:4px;min-width:150px;padding:12px 20px;display:flex}.decision small{letter-spacing:1px;font-size:10px}.decision b{font-size:23px}.decision.remind{color:#2463eb;background:#f1f5ff;border-color:#cedbf8}.decision.silent{color:#7a8495;background:#f5f6f8;border-color:#e1e5ec}.console-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.panel{padding:18px}.panel-title{border-bottom:1px solid #edf0f4;justify-content:space-between;margin-bottom:4px;padding-bottom:12px;display:flex}.panel-title span{letter-spacing:1px;color:#8a96a7;font-size:10px}.row{border-bottom:1px solid #f0f2f5;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:10px 0;font-size:13px;display:grid}.row span{color:#6e7b90}.row b{font-weight:600}.row em{border-radius:4px;padding:3px 5px;font-size:10px;font-style:normal;font-weight:700}.pass{color:#25845a;background:#eaf8f0}.block{color:#bd7123;background:#fff3df}.gate-result{border-top:1px solid #e9edf2;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.gate-result b{float:none}.gate-result.pass b{color:#26875e}.gate-result.block b{color:#bd7123}.ai-copy{color:#49628f;background:#f5f8ff;border-radius:7px;margin-top:12px;padding:11px;font-size:13px;line-height:1.55}.ai-copy>div{width:100%}.ai-copy small{letter-spacing:.8px;color:#8064b4;font-size:10px;font-weight:800}.ai-copy p{color:#364b72;margin:5px 0}.ai-copy span{color:#7d8aa0;font-size:11px}.chain{min-height:300px;margin-top:14px;padding:17px 18px}.flow-rows{flex-direction:column;gap:20px;margin-top:26px;display:flex}.flow-row{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:10px;display:grid}.flow-row:nth-child(2){grid-template-columns:repeat(5,minmax(0,1fr))}.chain-node{background:#fff;border:1px solid #e3e8ef;border-radius:7px;flex-direction:column;justify-content:center;gap:6px;min-width:0;height:76px;padding:10px 9px;display:flex}.chain-node small{letter-spacing:.6px;font-size:10px;font-weight:800}.chain-node b{white-space:normal;font-size:12px;line-height:1.35}.chain-node.map small{color:#2463eb}.chain-node.rule small{color:#c07b24}.chain-node.ai small{color:#8261b9}.chain-node.user small{color:#2c9066}.flow-arrow{color:#a8b2c2;justify-self:center}.capabilities{border-radius:12px;margin:0 auto 32px;padding:20px 4vw}.cap-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.cap{border:1px solid #e7ebf1;border-radius:9px;padding:15px}.cap-icon{border-radius:8px;place-items:center;width:32px;height:32px;margin-bottom:12px;display:grid}.cap-icon.event{color:#d45b4e;background:#fff0ee}.cap-icon.route{color:#2d9568;background:#eaf8f1}.cap-icon.rule{color:#c08128;background:#fff6e8}.cap-icon.feedback{color:#4e72c0;background:#eef3ff}.cap h3{margin:0 0 7px;font-size:14px}.cap p,.footer-note{color:#778397;margin:0;font-size:12px;line-height:1.6}.footer-note{text-align:center;color:#8b95a5;margin:20px 0 0}.modal-backdrop{z-index:20;background:#17203355;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.demo-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:26px;position:relative;box-shadow:0 18px 60px #17203330}.demo-modal h2{margin:9px 0;font-size:20px}.demo-modal>p{color:#647188;font-size:14px;line-height:1.75}.modal-close{color:#69758a;background:#f3f5f8;border-radius:6px;padding:6px;position:absolute;top:14px;right:14px}.boundary-list{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px;display:grid}.boundary-list div{background:#f6f8fb;border-radius:7px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.boundary-list b{color:#2463eb;min-width:34px;font-size:11px}@media (width<=900px){header{grid-template-columns:1fr;gap:12px;height:auto;padding-bottom:12px}.header-actions{position:absolute;top:16px;right:4vw}.tabs button{padding:7px 9px}.scenes{overflow-x:auto}.workspace{grid-template-columns:1fr}.map{height:360px}.console-grid{grid-template-columns:1fr}.cap-grid{grid-template-columns:repeat(2,1fr)}.flow-row,.flow-row:nth-child(2){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-row .flow-arrow{display:none}.chain{min-height:0}.flow-rows{gap:10px;margin-top:16px}}@media (width<=520px){.brand h1{font-size:16px}.brand p{font-size:11px}.header-actions{gap:3px}.demo-trigger{padding:6px;font-size:12px}.scenes{gap:2px}.scenes button{white-space:nowrap;padding:7px 8px 10px;font-size:12px}.workspace,.console,.capabilities{padding-left:14px;padding-right:14px}.capabilities{margin-left:14px;margin-right:14px}.map{height:300px}.map-legend{gap:7px;padding:7px;font-size:10px;bottom:8px;left:8px}.map-legend small{display:none}.cap-grid{grid-template-columns:1fr}.console-intro{flex-direction:column;align-items:start;gap:12px}.decision{width:100%}.flow-row,.flow-row:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}.flow-row .chain-node:last-of-type{grid-column:auto}.timeline-row{flex-wrap:wrap}}