:root{--navy:#122542;--brand:#205be4;--ink:#172c48;--muted:#6b7990;--border:#e1e7ef;--bg:#f4f6fa;--teal:#087e70;--danger:#ba4554;--amber:#9c6915;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px;background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{transition:background .16s,color .16s,box-shadow .16s}a{color:inherit}svg{width:20px;height:20px;flex:none}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.4;letter-spacing:-.7px}h2{font-size:19px;line-height:1.5}h3{font-size:16px;line-height:1.6}p{line-height:1.7}button{border:0}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#b9c6d9;padding:30px 18px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;color:white;font-size:23px;font-weight:700;letter-spacing:2px}.brand-mark{width:35px;height:35px;background:#78decd;color:#122542;border-radius:10px;display:grid;place-items:center;letter-spacing:0}.brand-mark svg{width:26px;height:26px}.brand small{display:block;font-size:10px;letter-spacing:3.5px;font-weight:500;margin-top:2px;color:#9cb1d0}.workspace{margin:34px 10px 24px;font-size:13px;color:#8ea3c0;letter-spacing:1px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{display:flex;align-items:center;gap:13px;width:100%;padding:14px 17px;border-radius:8px;background:transparent;color:inherit;text-align:left;font-size:15px}.nav button:hover{background:#1e3657}.nav button.active{background:#2a4468;color:white;box-shadow:inset 3px 0 #86e7d7}.nav .count{margin-left:auto;font-size:12px;padding:1px 6px;background:#43618b;color:white;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:22px 12px 0;line-height:1.7;font-size:13px;color:#91a6c4;border-top:1px solid #30435e}.sidebar-bottom strong{display:flex;align-items:center;gap:7px;color:#c6d5e8;font-weight:500;margin-bottom:8px}.layout{min-width:0}.topbar{height:76px;padding:0 36px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{color:var(--muted);font-size:14px;display:flex;gap:10px;align-items:center}.breadcrumb b{color:var(--ink);font-weight:500}.top-tools{display:flex;gap:20px;align-items:center}.demo-label{font-size:12px;background:#f1f4fa;padding:5px 9px;border:1px solid var(--border);border-radius:5px;color:#60728b}.avatar{display:flex;align-items:center;gap:9px;font-size:13px}.avatar i{display:grid;place-items:center;border-radius:50%;background:#e9eef8;font-style:normal;width:30px;height:30px;color:#49617f}.main{padding:30px 36px 28px;max-width:1650px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:700;color:#7b8fa8;margin-bottom:8px}.page-head p{font-size:14px;color:var(--muted);margin-top:8px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;padding:11px 15px;background:white;border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}.btn:hover{background:#f0f4fb}.btn.primary{background:var(--brand);border-color:var(--brand);color:white;box-shadow:0 4px 10px #205be420}.btn.primary:hover{background:#174bcc}.btn.danger{color:var(--danger);border-color:#eacdd3}.btn.small{padding:7px 11px;font-size:13px}.btn.plain{border:0;background:transparent;color:var(--brand);padding:5px}.btn.wide{width:100%}.intro-stats{display:flex;align-items:center;gap:28px;font-size:13px;color:var(--muted);margin-bottom:26px}.intro-stats strong{font-size:17px;color:var(--ink);margin-right:5px}.intro-stats span{display:flex;align-items:center;gap:7px}.intro-stats svg{width:16px;height:16px;color:#8da0b8}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:22px}.tabs button{padding:0 2px 13px;background:transparent;color:var(--muted);font-size:15px;border-bottom:3px solid transparent}.tabs button.active{color:var(--brand);font-weight:600;border-color:var(--brand)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-pad{padding:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;border-bottom:1px solid var(--border)}.section-kicker{font-size:12px;color:#7389a5;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px}.playground{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(400px,1.3fr);gap:22px;align-items:start}.form-panel{padding:23px}.form-panel h2{margin-bottom:22px}.field{display:block;margin-bottom:19px}.field>span,.label{font-size:13px;display:block;font-weight:600;color:#52677f;margin-bottom:9px}.input,select,textarea{width:100%;border:1px solid #dce3ee;background:#fff;color:var(--ink);border-radius:8px;padding:11px 12px;line-height:1.5;font-size:14px}textarea{resize:vertical;min-height:104px}.input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:2px solid #e2eafd}.help{font-size:12px!important;color:#8593a7;line-height:1.6;margin-top:7px}.source-chip{display:flex;gap:10px;padding:12px;background:#f7f9fc;border:1px solid #e7edf5;border-radius:7px;font-size:13px;margin-top:8px;align-items:center}.source-chip svg{color:#8294ad}.source-chip small{display:block;color:#8a98aa;margin-top:4px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:500;white-space:nowrap;background:#eef3fb;color:#4c6487}.tag.teal{background:#e8f6f1;color:var(--teal)}.tag.blue{background:#edf2fe;color:var(--brand)}.tag.red{background:#fbedef;color:var(--danger)}.tag.amber{background:#fff5e3;color:var(--amber)}.tag.gray{background:#f0f3f7;color:#718096}.result-hero{padding:22px 23px;background:#eef8f5;border-bottom:1px solid #dceee6;display:flex;align-items:center;gap:14px}.result-hero.red{background:#fceff1;border-color:#f3dfe2}.result-hero.amber{background:#fff7e8;border-color:#efe4cf}.status-icon{width:44px;height:44px;display:grid;place-items:center;background:white;border-radius:50%;color:var(--teal);box-shadow:0 2px 8px #15303d06}.red .status-icon{color:var(--danger)}.amber .status-icon{color:var(--amber)}.result-hero h2{font-size:20px}.result-hero p{color:#6c8290;font-size:13px;margin-top:3px}.trace{display:flex;margin:22px 0;padding:0 6px}.step{flex:1;position:relative;text-align:center;font-size:12px;color:#76849a}.step:not(:last-child):after{content:"";position:absolute;top:13px;left:calc(50% + 17px);right:calc(-50% + 17px);height:1px;background:#dbe5ed}.step i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;margin:0 auto 9px;background:#edf7f3;color:var(--teal);font-style:normal;position:relative;z-index:1}.step i svg{width:14px;height:14px}.step.blocked i{background:#fcedef;color:var(--danger)}.step.wait i{background:#f2f4f8;color:#9aa6b6}.result-body{padding:0 23px 23px}.decision-line{padding:13px 15px;background:#f6f8fc;border-left:3px solid var(--brand);border-radius:0 6px 6px 0;font-size:13px;line-height:1.7;margin-bottom:21px}.answer{font-size:14px;line-height:1.9;color:#4c6279}.answer h3{font-size:14px;margin-bottom:10px;color:#293f59}.answer p+p{margin-top:9px}.answer mark{background:#edf4fd;color:#38628a;padding:1px 4px;border-radius:3px}.citation{border:1px solid var(--border);border-radius:7px;padding:11px 12px;display:flex;align-items:center;gap:10px;font-size:12px;margin-top:19px;color:#6d7f96}.citation svg{width:17px}.result-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 23px;border-top:1px solid var(--border);font-size:12px;color:#8c9aad;background:#fcfdff}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.scenario{padding:16px;background:transparent;border:1px solid #dfe6ef;border-radius:10px;text-align:left;color:var(--ink);display:flex;gap:11px;align-items:start}.scenario:hover{background:#fff;border-color:#96b2eb}.scenario svg{width:18px;color:#587da9;margin-top:2px}.scenario b{display:block;font-size:13px;margin-bottom:5px}.scenario small{font-size:12px;color:#8190a5;line-height:1.5;display:block}.footer-note{font-size:12px;color:#8b98aa;margin-top:23px;display:flex;align-items:start;gap:7px;line-height:1.6}.footer-note svg{width:14px;height:18px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar select{width:auto;min-width:160px}.toolbar .input{max-width:280px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}thead{background:#f8fafd;color:#77879d;font-size:12px}th{font-weight:500;padding:14px 20px;white-space:nowrap}td{padding:17px 20px;border-top:1px solid #edf0f5;line-height:1.6}td small{display:block;color:#8a97a9;font-size:12px;margin-top:3px}tr.selected{background:#f4f8ff}.table-title{display:flex;align-items:center;gap:10px;white-space:nowrap}.table-title svg{color:#7693b7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.agent-card{padding:23px}.agent-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:21px}.agent-icon{display:grid;place-items:center;width:44px;height:44px;background:#edf3fc;border-radius:12px;color:#4675b6}.agent-card h2{margin-bottom:6px}.agent-card p{font-size:13px;color:var(--muted)}.agent-meta{display:grid;grid-template-columns:1fr 1fr;margin:21px 0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:13px;gap:14px}.agent-meta span{display:block;font-size:12px;color:#8b9aae;margin-bottom:5px}.agent-rules{font-size:13px;line-height:1.9;color:#637791;min-height:102px}.agent-actions{display:flex;gap:10px;margin-top:21px}.toggle{width:39px;height:23px;border-radius:30px;background:#c8d2df;padding:3px}.toggle i{display:block;width:17px;height:17px;border-radius:50%;background:white;transition:transform .15s}.toggle[aria-checked=true]{background:var(--teal)}.toggle[aria-checked=true] i{transform:translateX(16px)}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.detail-list{padding:4px 0}.detail-list>div{padding:14px 0;border-bottom:1px solid #edf0f5}.detail-list dt{font-size:12px;color:#8a98ac;margin-bottom:5px}.detail-list dd{font-size:14px;margin:0;line-height:1.7;overflow-wrap:anywhere}.empty{text-align:center;padding:64px 20px;color:#8997aa;font-size:14px}.empty svg{width:36px;height:36px;margin-bottom:15px}.notice{padding:13px 16px;background:#f0f5ff;border:1px solid #dfe9fc;border-radius:8px;font-size:13px;line-height:1.7;color:#5c7496;margin-bottom:20px}.notice.amber{background:#fff9ee;border-color:#f0e5cc;color:#967333}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}dialog{border:1px solid var(--border);border-radius:15px;max-width:700px;width:calc(100% - 32px);padding:26px;color:var(--ink);max-height:90vh;box-shadow:0 24px 100px #13254130}dialog::backdrop{background:#10254155;backdrop-filter:blur(2px)}.code{padding:17px;border-radius:8px;background:#14263f;color:#c2d6ed;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.check-label{display:flex;align-items:center;gap:10px;font-size:14px;margin:14px 0}.check-label input{accent-color:var(--brand);width:17px;height:17px}.mini-metrics{display:flex;gap:30px;padding:20px 23px;margin-bottom:23px}.mini-metrics b{font-size:25px;font-weight:600;display:block}.mini-metrics span{font-size:12px;color:#8090a6}.timeline{display:flex;flex-direction:column;gap:0}.event{padding:16px 0 16px 26px;border-left:1px solid var(--border);position:relative;font-size:14px}.event:before{content:"";width:9px;height:9px;background:#97acc6;border-radius:50%;position:absolute;left:-5px;top:22px}.event small{color:#8b9aae;font-size:12px}.event p{font-size:13px;color:#6b7f97;margin-top:3px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:#182e4b;color:white;border-radius:9px;font-size:14px;box-shadow:0 8px 30px #152b4926;opacity:0;pointer-events:none;z-index:999;max-width:90%;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-brand{display:none}.inline-actions{display:flex;gap:9px;flex-wrap:wrap}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.spaced{margin-top:20px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.head-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.step{padding:0 3px;line-height:1.6}.trace{gap:3px}
.sidebar,.panel,.field,.playground,.split,.cards{min-width:0}select,input,textarea{min-width:0;max-width:100%}
@media(min-width:1500px){.main{padding:38px 45px}.playground{grid-template-columns:400px minmax(0,1fr)}}
@media(max-width:1150px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:11px;padding-right:11px}.main{padding:25px}.topbar{padding:0 25px}.playground{grid-template-columns:minmax(275px,.9fr) minmax(310px,1.1fr)}.scenario-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.agent-rules{min-height:0}.split{grid-template-columns:1fr}.intro-stats{gap:18px}}
@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px 18px 0}.brand{font-size:19px;padding:0}.brand small{display:none}.brand-mark{width:28px;height:28px}.workspace,.sidebar-bottom{display:none}.nav{flex-direction:row;overflow:auto;margin-top:15px;gap:3px;padding-bottom:10px}.nav button{width:auto;white-space:nowrap;padding:10px 12px;font-size:13px;gap:7px}.nav button.active{box-shadow:none}.nav svg{width:16px;height:16px}.topbar{height:52px;padding:0 20px}.avatar{display:none}.playground{grid-template-columns:1fr}.main{padding:24px 20px}.page-head{margin-bottom:20px}h1{font-size:25px}.intro-stats{flex-wrap:wrap;gap:12px 20px}.tabs{gap:23px}.footer-note{margin-bottom:15px}.panel-head{padding:18px}.form-panel,.panel-pad{padding:19px}.result-foot{gap:10px;flex-wrap:wrap}.page-head>.btn{padding:8px}.page-head>.btn svg{display:none}.mini-metrics{gap:20px;flex-wrap:wrap}.split{grid-template-columns:1fr}}
@media(max-width:480px){.scenario-grid{grid-template-columns:1fr}.top-tools{gap:8px}.breadcrumb{font-size:12px}.demo-label{font-size:11px}.trace{padding:0}.step{font-size:11px}.page-head{gap:10px}.page-head p{font-size:13px}.result-body{padding:0 17px 18px}.result-hero{padding:19px}.tabs{gap:17px}.tabs button{font-size:14px}td,th{padding:13px 15px}.main{padding:22px 15px}.intro-stats span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1050px){.playground{grid-template-columns:1fr}.page-head{flex-wrap:wrap}.head-actions .reset-label{display:none}.head-actions .btn{padding:10px 12px}.form-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-panel>.section-kicker,.form-panel>h2,.form-panel>.btn,.form-panel>.help{grid-column:1/-1}.form-panel .field:has(textarea){grid-column:1/-1}.scenario-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.form-panel{display:block}.page-head{display:block}.head-actions{margin-top:16px}.scenario-grid{grid-template-columns:1fr}.result-hero h2{font-size:18px}}
@media(max-width:860px){.shell{grid-template-columns:minmax(0,1fr)}.playground,.split{grid-template-columns:minmax(0,1fr)}.topbar{min-width:0}.top-tools{flex-shrink:0}.main{width:100%}}