:root{color:#17202a;background:#f4f7f6;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.side-nav{background:#13201d;color:#eef7f2;padding:24px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#2dbd8f;color:#08231a}.brand strong,.profile-card h2,.chat-header h2,.section-heading h2,.architecture-copy h2{display:block;margin:0}.brand span,.section-heading span,.chat-header span,.profile-card span,.metric span,.case-row small,.panel-block small,.risk-row small{color:#6a7b78;font-size:12px}.brand span{color:#b8cbc4}.side-nav nav{display:grid;gap:8px}.side-nav button,.reply-actions button,.risk-row button{border:0;border-radius:8px;cursor:pointer}.side-nav nav button{height:42px;display:flex;align-items:center;gap:10px;color:#d7e7e1;background:transparent;padding:0 12px;text-align:left}.side-nav nav button.active,.side-nav nav button:hover{background:#223731;color:#fff}.nav-note{margin-top:auto;border-top:1px solid #2a403a;padding-top:18px;display:grid;gap:4px}.nav-note span{color:#8db0a5;font-size:12px}.workspace{min-width:0;padding:22px}.topbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.eyebrow{color:#4d7166;font-size:13px;font-weight:700}h1{margin:4px 0 0;font-size:28px;line-height:1.2}.topbar-metrics,.risk-summary{display:grid;grid-template-columns:repeat(3,minmax(128px,1fr));gap:12px}.risk-summary{grid-template-columns:repeat(4,minmax(128px,1fr));margin-bottom:18px}.metric{min-height:60px;background:#fff;border:1px solid #dbe7e3;border-radius:8px;display:flex;align-items:center;gap:12px;padding:12px}.metric svg{color:#167c61}.metric strong{display:block;margin-top:2px;font-size:18px}.workbench-grid{display:grid;grid-template-columns:280px minmax(420px,1fr) 380px;gap:16px;align-items:start}.conversation-list,.chat-panel,.copilot-panel,.risk-table,.architecture-copy{background:#fff;border:1px solid #dbe7e3;border-radius:8px}.conversation-list,.copilot-panel{padding:14px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.section-heading h2,.chat-header h2,.profile-card h2,.architecture-copy h2{font-size:16px}.case-row{width:100%;min-height:74px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;padding:10px 10px 10px 28px;position:relative;display:grid;gap:4px}.case-row:hover,.case-row.selected{background:#eef7f3;border-color:#cce4da}.level-dot{position:absolute;left:10px;top:16px;width:10px;height:10px;border-radius:999px}.level-low{background:#4a9d73;color:#0d5a3f}.level-mid{background:#e0a533;color:#81540d}.level-high{background:#dd6d3e;color:#9a3412}.level-urgent{background:#d64545;color:#982727}.chat-panel{overflow:hidden}.chat-header{min-height:74px;border-bottom:1px solid #dbe7e3;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.risk-pill{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;background-color:color-mix(in srgb,currentColor 12%,white)}.message-stack{padding:18px;display:grid;gap:12px;min-height:350px}.message{max-width:78%;display:grid;gap:4px}.message span{font-size:12px;color:#7a8b88}.message p{margin:0;padding:11px 13px;border-radius:8px;line-height:1.55}.message.customer p{background:#eef4f1}.message.agent{margin-left:auto}.message.agent p{background:#dff3ea}.reply-box{border-top:1px solid #dbe7e3;padding:16px;background:#fbfdfc}.reply-box p{margin:8px 0 12px;line-height:1.7}.reply-actions{display:flex;gap:8px;flex-wrap:wrap}.reply-actions button,.risk-row button{height:34px;background:#13201d;color:#fff;padding:0 12px}.risk-row button:disabled{cursor:default;background:#d6e1dd;color:#5f716c}.profile-card{display:flex;gap:12px;align-items:center;margin-bottom:14px}.avatar{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#e6f3ee;color:#167c61}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.insight-grid div{min-height:64px;border-radius:8px;background:#f3f7f5;padding:10px;display:grid}.insight-grid span{color:#6a7b78;font-size:12px}.insight-grid strong{font-size:20px}.panel-block{border-top:1px solid #e0ebe7;padding:14px 0}.panel-block h3{margin:0 0 8px;font-size:14px}.panel-block p,.panel-block ol,.architecture-copy p,.architecture-copy ul{margin:0;line-height:1.65}.emotion-bar{height:8px;background:#e8efec;border-radius:999px;overflow:hidden;margin:10px 0 8px}.emotion-bar span{display:block;height:100%;background:#2dbd8f}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border-radius:999px;background:#eef7f3;color:#286d59;padding:5px 9px;font-size:12px;font-weight:700}blockquote{margin:8px 0 0;padding:10px;border-left:3px solid #2dbd8f;background:#f5faf8;display:grid;gap:4px}blockquote strong{font-size:12px;color:#167c61}blockquote span{line-height:1.55}.risk-view{display:grid}.risk-table{overflow:hidden}.risk-row{display:grid;grid-template-columns:minmax(280px,1fr) 90px 110px 100px 100px;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid #e0ebe7}.risk-row.header{border-top:0;background:#f4f8f6;font-weight:700;color:#506761}.risk-row span:first-child{display:grid;gap:4px}.architecture{display:grid;gap:18px}.pipeline{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.pipeline div{min-height:96px;border:1px solid #cfe0da;border-radius:8px;background:#fff;display:grid;place-items:center;gap:8px;text-align:center;padding:12px}.pipeline svg{color:#167c61}.architecture-copy{padding:18px}.architecture-copy p{margin:10px 0}.agent-trace{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.agent-card,.demo-card,.demo-hero{background:#fff;border:1px solid #dbe7e3;border-radius:8px}.agent-card{padding:14px}.agent-card-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.agent-card-header svg{color:#167c61;margin-top:2px}.agent-card-header span{display:block;color:#6a7b78;font-size:12px;line-height:1.55;margin-top:3px}.agent-card dl{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 10px;margin:0;font-size:13px;line-height:1.55}.agent-card dt{color:#587168;font-weight:700}.agent-card dd{margin:0}.demo-view{display:grid;gap:16px}.demo-hero{min-height:150px;padding:22px;display:flex;justify-content:space-between;gap:24px;align-items:center}.demo-hero h2{margin:4px 0 10px;font-size:24px}.demo-hero p{margin:0;color:#506761;line-height:1.65;max-width:780px}.demo-hero button{border:0;border-radius:8px;background:#13201d;color:#fff;min-width:140px;height:42px;cursor:pointer}.demo-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.demo-card{padding:16px}.demo-card h3{margin:0 0 12px;font-size:16px}.demo-steps,.readiness-list{margin:0;padding:0;display:grid;gap:10px}.demo-steps{list-style:none;counter-reset:demo-step}.demo-steps li{counter-increment:demo-step;border:1px solid #e0ebe7;border-radius:8px;padding:12px 12px 12px 46px;position:relative;display:grid;gap:4px}.demo-steps li:before{content:counter(demo-step);position:absolute;left:12px;top:14px;width:22px;height:22px;border-radius:999px;background:#2dbd8f;color:#08231a;display:grid;place-items:center;font-weight:800;font-size:12px}.demo-steps span,.demo-steps small,.readiness-list small{color:#60756f;line-height:1.55}.readiness-list div{border:1px solid #e0ebe7;border-radius:8px;padding:12px;display:grid;gap:5px}.readiness{width:fit-content;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.readiness.已完成{background:#def3eb;color:#167c61}.readiness.可演示{background:#e7eef8;color:#315d9f}.readiness.待接入{background:#f8eadb;color:#995b18}.slide-strip{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px}.slide-strip div{min-height:94px;border-radius:8px;border:1px solid #e0ebe7;padding:12px;display:grid;align-content:start;gap:10px}.slide-strip span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#13201d;color:#fff;font-weight:800;font-size:12px}.slide-strip strong{line-height:1.45}.platform-view{display:grid;gap:16px}.platform-hero,.platform-panel{background:#fff;border:1px solid #dbe7e3;border-radius:8px}.platform-hero{min-height:154px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.platform-hero h2{margin:4px 0 10px;font-size:24px}.platform-hero p{margin:0;max-width:820px;color:#506761;line-height:1.65}.platform-hero button{min-width:150px;height:42px;border:0;border-radius:8px;background:#13201d;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.platform-metrics,.platform-grid{display:grid;gap:16px}.platform-metrics{grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}.platform-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}.platform-grid.wide{grid-template-columns:1fr}.platform-panel{padding:16px}.platform-panel h3{margin:0 0 12px;font-size:16px}.auth-panel{border:1px solid #e0ebe7;border-radius:8px;padding:12px;margin-bottom:14px;display:grid;gap:10px;background:#f8fbfa}.auth-panel p{margin:0;color:#60756f;font-size:12px;line-height:1.55}.auth-form{display:grid;gap:8px}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.auth-form input{width:100%;min-height:38px;border:1px solid #d4e2dd;border-radius:8px;padding:0 10px;background:#fff;color:#17202a}.auth-form button,.auth-tabs button,.auth-signed button{min-height:38px;border:0;border-radius:8px;cursor:pointer;background:#13201d;color:#fff}.auth-tabs button{background:#e9f2ef;color:#36544c}.auth-tabs button.active{background:#13201d;color:#fff}.auth-signed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}.auth-signed span{color:#60756f;font-size:12px}.auth-signed strong{min-width:0;overflow-wrap:anywhere}.auth-signed button{grid-row:1 / span 2;grid-column:2;padding:0 14px}.billing-summary{border:1px solid #e0ebe7;border-radius:8px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;background:#f8fbfa}.billing-summary span,.plan-list span,.pending-order span{color:#60756f;font-size:12px}.billing-summary strong,.pending-order strong{display:block;margin-top:4px;font-size:18px}.quota-track{grid-column:1 / -1;height:8px;border-radius:999px;background:#e3eee9;overflow:hidden}.quota-track span{display:block;height:100%;min-width:4px;border-radius:inherit;background:#1b7f66}.plan-list{display:grid;gap:10px;margin-top:10px}.plan-list article{border:1px solid #e0ebe7;border-radius:8px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}.plan-list p{grid-column:1 / -1;margin:0;color:#60756f;font-size:12px;line-height:1.55}.plan-list button,.pending-order button,.billing-actions button{min-height:36px;border:0;border-radius:8px;background:#13201d;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;cursor:pointer}.plan-list button:disabled,.billing-actions button:disabled{cursor:not-allowed;background:#d9e5e0;color:#6a7f78}.pending-order{margin-top:10px;border:1px solid #f2d4a8;border-radius:8px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;background:#fff8ed}.pending-order button{grid-row:1 / span 2;grid-column:2;background:#995b18}.billing-actions{margin-top:10px;display:grid;gap:8px}.billing-actions p{margin:0;color:#60756f;font-size:12px;line-height:1.55}.routing-summary,.provider-readiness,.vault-summary,.security-summary,.postgres-summary,.database-summary,.data-connector-summary,.ai-safety-summary,.production-summary,.reply-summary,.database-table-counts{border:1px solid #e0ebe7;border-radius:8px;padding:12px;display:grid;gap:10px;background:#f8fbfa}.routing-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.provider-readiness,.vault-summary,.security-summary,.postgres-summary,.database-summary,.data-connector-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.postgres-summary,.data-connector-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-safety-summary,.production-summary,.reply-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.database-table-counts{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.taobao-readiness{border:1px solid #e0ebe7;border-radius:8px;padding:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#f8fbfa}.routing-summary span,.provider-readiness span,.vault-summary span,.security-summary span,.postgres-summary span,.database-summary span,.data-connector-summary span,.ai-safety-summary span,.production-summary span,.reply-summary span,.database-table-counts span,.taobao-readiness span,.latest-batch span,.safety-event-list span,.production-gates span,.reply-list span,.oauth-flow span,.route-list span,.panel-note{color:#60756f;font-size:12px;line-height:1.55}.routing-summary strong,.provider-readiness strong,.vault-summary strong,.security-summary strong,.postgres-summary strong,.database-summary strong,.data-connector-summary strong,.ai-safety-summary strong,.production-summary strong,.reply-summary strong,.database-table-counts strong,.taobao-readiness strong{display:block;margin-top:4px;font-size:16px;overflow-wrap:anywhere}.latest-batch{margin-top:10px;border:1px solid #e0ebe7;border-radius:8px;padding:12px;background:#f8fbfa}.latest-batch strong{display:block;margin-top:4px;overflow-wrap:anywhere}.latest-batch p{margin:8px 0 0;color:#60756f;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.route-list,.oauth-flow,.safety-event-list,.production-gates,.reply-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.route-list article,.oauth-flow article,.safety-event-list article,.production-gates article,.reply-list article{border:1px solid #e0ebe7;border-radius:8px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-content:start}.route-list svg,.oauth-flow svg,.safety-event-list svg,.production-gates svg,.reply-list svg{color:#1b7f66;margin-top:2px}.production-gates article.gate-blocked svg{color:#b95b2c}.production-gates article.gate-warning svg,.production-gates article.gate-deferred svg{color:#8b6b20}.route-list strong,.route-list span,.oauth-flow strong,.oauth-flow span,.safety-event-list strong,.safety-event-list span,.production-gates strong,.production-gates span,.reply-list strong,.reply-list span{display:block}.route-list p,.oauth-flow p,.safety-event-list p,.production-gates p,.reply-list p,.panel-note{margin:6px 0 0}.oauth-flow p,.safety-event-list p,.production-gates p,.reply-list p{color:#60756f;font-size:12px;line-height:1.55}.gate-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.gate-list div{border:1px solid #d8e7e2;border-radius:999px;padding:6px 10px;display:inline-flex;gap:8px;align-items:center;background:#f7fbf9;font-size:12px}.gate-list span{color:#4d7166;font-weight:800}.kv-list{margin:0;display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px 12px}.kv-list dt{color:#60756f;font-size:13px}.kv-list dd{margin:0;font-weight:700;min-width:0;overflow-wrap:anywhere}.store-list,.job-list{display:grid;gap:10px}.store-list article,.job-list article{border:1px solid #e0ebe7;border-radius:8px;padding:12px;display:grid;gap:8px}.store-list article{grid-template-columns:minmax(0,1fr) auto}.store-list span,.store-list p,.job-list span,.job-list p,.connector-row small{color:#60756f;line-height:1.55}.store-list span,.job-list span{display:block;margin-top:3px;font-size:12px}.store-list small{border-radius:999px;background:#f8eadb;color:#995b18;padding:4px 8px;height:fit-content;font-weight:800}.store-list p,.job-list p{grid-column:1 / -1;margin:0}.connector-table{border:1px solid #e0ebe7;border-radius:8px;overflow:hidden}.connector-row{min-height:58px;display:grid;grid-template-columns:minmax(140px,1fr) 70px 100px 130px minmax(160px,1.2fr);gap:12px;align-items:center;padding:10px 12px;border-top:1px solid #e0ebe7}.connector-row>*{min-width:0}.connector-row small{overflow-wrap:anywhere}.connector-row:first-child{border-top:0}.connector-row.header{min-height:42px;background:#eef7f3;color:#4d7166;font-size:12px;font-weight:800}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.side-nav{position:static;flex-direction:row;align-items:center;flex-wrap:wrap}.side-nav nav{display:flex;flex-wrap:wrap}.nav-note{margin-left:auto;margin-top:0;border-top:0;padding-top:0}.workbench-grid{grid-template-columns:1fr}.topbar,.risk-summary,.topbar-metrics,.pipeline,.agent-trace,.demo-grid,.slide-strip,.platform-metrics,.platform-grid,.platform-grid.wide{grid-template-columns:1fr;display:grid}.demo-hero,.platform-hero{align-items:flex-start;flex-direction:column}.connector-row,.routing-summary,.provider-readiness,.vault-summary,.security-summary,.postgres-summary,.database-summary,.data-connector-summary,.ai-safety-summary,.production-summary,.reply-summary,.database-table-counts,.taobao-readiness,.route-list,.oauth-flow,.safety-event-list,.production-gates,.reply-list{grid-template-columns:1fr}}@media(max-width:720px){.workspace{padding:14px}.risk-row{grid-template-columns:1fr}.message{max-width:100%}.store-list article{grid-template-columns:1fr}.plan-list article,.pending-order{grid-template-columns:1fr}.pending-order button{grid-row:auto;grid-column:auto}}