:root{--yq-primary-50: #eef6ff;--yq-primary-100: #d9ebff;--yq-primary-200: #b0d4ff;--yq-primary-300: #7db8fb;--yq-primary-400: #4b97f2;--yq-primary-500: #2f7fe0;--yq-primary-600: #2366c2;--yq-primary-700: #1d519c;--yq-primary-800: #1b457e;--yq-primary-900: #1b3c68;--yq-neutral-50: #f7f9fb;--yq-neutral-100: #eef1f5;--yq-neutral-200: #dde2e9;--yq-neutral-300: #c3ccd8;--yq-neutral-400: #94a1b3;--yq-neutral-500: #6b7889;--yq-neutral-600: #4c5869;--yq-neutral-700: #3a4554;--yq-neutral-800: #272f3c;--yq-neutral-900: #181e28;--state-success: #1fa87a;--state-warning: #d98a06;--state-error: #d8493b;--state-info: #2f7fe0;--yq-background: var(--yq-neutral-50);--yq-foreground: var(--yq-neutral-900);--yq-card: #ffffff;--yq-card-foreground: var(--yq-neutral-900);--yq-popover: #ffffff;--yq-popover-foreground: var(--yq-neutral-900);--yq-primary: var(--yq-primary-500);--yq-primary-foreground: #ffffff;--yq-muted: var(--yq-neutral-100);--yq-muted-foreground: var(--yq-neutral-500);--yq-border: var(--yq-neutral-200);--yq-input: var(--yq-neutral-200);--yq-ring: var(--yq-primary-400);--msg-mirror-bg: #e9f7f1;--msg-mirror-bar: #1fa87a;--msg-skeleton-bg: #f0ecf9;--msg-skeleton-bar: #7c5cd6;--intent-inquiry: #2f7fe0;--intent-inquiry-bg: rgba(47, 127, 224, .1);--intent-delegate: #e67e22;--intent-delegate-bg: rgba(230, 126, 34, .1);--intent-decision: #7c3aed;--intent-decision-bg: rgba(124, 58, 237, .1);--intent-notify: #6b7889;--intent-notify-bg: rgba(107, 120, 137, .1);--intent-status: #1fa87a;--pier-phase-problem: var(--yq-neutral-500);--pier-phase-intention: #8b5cf6;--pier-phase-consensus: #f59e0b;--pier-phase-execution: var(--yq-primary);--pier-phase-result: var(--state-success);--yq-overlay: rgba(0, 0, 0, .35);--yq-shadow-pop: 0 8px 30px rgba(0, 0, 0, .18);--yq-shadow-focus-ring: 0 0 0 3px rgba(47, 127, 224, .2);--yq-shadow-focus-ring-sm: 0 0 0 2px rgba(47, 127, 224, .12);--intent-status-bg: rgba(31, 168, 122, .1);--card-task: #2f7fe0;--card-task-bg: rgba(47, 127, 224, .1);--card-confirm: #d98a06;--card-confirm-bg: rgba(217, 138, 6, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--el-color-primary: #2f7fe0}html,body{height:100%;margin:0}body{overflow:hidden;background:var(--yq-background);color:var(--yq-foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}#app{height:100%}*{box-sizing:border-box}@keyframes yq-caret-blink{0%,to{opacity:1}50%{opacity:0}}.yq-shell{height:100vh;display:flex;flex-direction:column;background:var(--yq-background);color:var(--yq-foreground);overflow:hidden}.yq-topbar{height:56px;flex:0 0 56px;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--yq-card);border-bottom:1px solid var(--yq-border);position:relative;z-index:30}.yq-topbar-left{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}.yq-topbar-mid{flex:1 1 auto;display:flex;justify-content:center;min-width:0}.yq-topbar-right{flex:0 0 auto;display:flex;align-items:center;gap:8px}.yq-logo{width:24px;height:24px;border-radius:4px;background:var(--yq-primary);color:var(--yq-primary-foreground);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex:0 0 auto}.yq-logo-text{font-weight:600;font-size:15px}.yq-divider{width:1px;height:20px;background:var(--yq-border)}.yq-ctx-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yq-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:4px;border:1px solid var(--yq-border);background:var(--yq-card);font-size:13px;cursor:pointer;white-space:nowrap}.yq-badge .dot{width:6px;height:6px;border-radius:9999px;background:var(--state-success)}.yq-search{width:100%;max-width:420px;height:32px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--yq-border);border-radius:8px;background:var(--yq-muted);color:var(--yq-muted-foreground);font-size:14px}.yq-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:var(--yq-foreground)}.yq-search kbd{font-size:12px;color:var(--yq-muted-foreground);border:1px solid var(--yq-border);border-radius:4px;padding:0 4px;background:var(--yq-card)}.yq-avatar{width:32px;height:32px;border-radius:9999px;background:var(--yq-primary);color:var(--yq-primary-foreground);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex:0 0 auto}.yq-avatar.muted{background:var(--yq-muted);color:var(--yq-muted-foreground)}.yq-body{flex:1;display:grid;grid-template-columns:var(--nav-w, 240px) 5px minmax(0,1fr) 5px var(--panel-w, 320px);min-height:0;position:relative}.col-resizer{flex:0 0 auto;width:5px;cursor:col-resize;position:relative;background:transparent;transition:background .15s}.col-resizer:before{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px}.col-resizer:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:1px;background:transparent}.col-resizer:hover,.col-resizer.dragging{background:var(--yq-primary-100, #e6f0fb)}.col-resizer:hover:after,.col-resizer.dragging:after{background:var(--yq-primary)}.yq-nav{flex:0 0 var(--nav-w, 270px);width:var(--nav-w, 270px);border-right:1px solid var(--yq-border);background:var(--yq-card);overflow-y:auto;min-height:0;display:flex;flex-direction:column}.yq-center{overflow-y:auto;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--yq-background)}.yq-panel{flex:0 0 var(--panel-w, 200px);min-width:200px;border-left:1px solid var(--yq-border);background:var(--yq-card);overflow-y:auto;min-height:0;display:flex;flex-direction:column}.yq-body-5col{flex:1;display:flex;min-height:0;overflow:hidden;position:relative}.yq-body-5col.panel-fs>.yq-nav,.yq-body-5col.panel-fs>.col-resizer,.yq-body-5col.panel-fs>.yq-main-col{display:none}.yq-body-5col.panel-fs>.yq-panel{display:flex;position:static;width:auto;max-width:none;z-index:auto;box-shadow:none;flex:1 1 auto;min-width:0;border-left:0}@media (max-width: 860px){.yq-body-5col.panel-fs>.yq-rail{display:flex}}.yq-main-col{flex:1 1 auto;min-width:200px;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--yq-background)}.yq-main-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.yq-perspective-empty{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--yq-muted-foreground);font-size:13px;text-align:center}.yq-icn{width:16px;height:16px;flex:0 0 auto}.yq-nav-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;font-size:14px;color:var(--yq-foreground);cursor:pointer}.yq-nav-item:hover{background:var(--yq-muted)}.yq-nav-item.active{background:var(--yq-primary-50);color:var(--yq-primary-700);font-weight:600}.yq-nav-section{font-size:12px;color:var(--yq-muted-foreground);padding:6px 10px 4px}.yq-viewtab{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;font-size:14px;color:var(--yq-muted-foreground);border-bottom:2px solid transparent;cursor:pointer}.yq-viewtab.active{color:var(--yq-primary);border-bottom-color:var(--yq-primary);font-weight:600}.yq-paneltab{flex:1;text-align:center;padding:9px 0;font-size:14px;color:var(--yq-muted-foreground);border-bottom:2px solid transparent;cursor:pointer}.yq-paneltab.active{color:var(--yq-primary);border-bottom-color:var(--yq-primary);font-weight:600}.yq-cardbox{background:var(--yq-card);border:1px solid var(--yq-border);border-radius:8px;box-shadow:0 1px 2px #181e280a}.yq-tag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.yq-tag-primary{background:var(--yq-primary-50);color:var(--yq-primary-700)}.yq-tag-muted{background:var(--yq-muted);color:var(--yq-muted-foreground)}.yq-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 12px;border-radius:8px;font-size:13px;border:1px solid var(--yq-border);background:var(--yq-card);color:var(--yq-foreground);cursor:pointer}.yq-btn:hover{background:var(--yq-muted)}.yq-btn-primary{background:var(--yq-primary);border-color:var(--yq-primary);color:var(--yq-primary-foreground)}.yq-btn-primary:hover{background:var(--yq-primary-600);border-color:var(--yq-primary-600)}.yq-iconbtn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--yq-muted-foreground);cursor:pointer;border:none;background:transparent}.yq-iconbtn:hover{background:var(--yq-muted);color:var(--yq-foreground)}.yq-progress{height:6px;border-radius:9999px;background:var(--yq-muted);overflow:hidden}.yq-progress>i{display:block;height:100%;background:var(--yq-primary);border-radius:9999px}.yq-input{height:32px;width:100%;border:1px solid var(--yq-input);border-radius:8px;padding:0 10px;font-size:14px;outline:none;background:var(--yq-background);color:var(--yq-foreground);font-family:inherit}.yq-input:focus{border-color:var(--yq-ring)}.yq-drawer-mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#181e2852;z-index:40}.yq-drawer-mask.show{display:block}@media (max-width: 1080px){.yq-panel{display:none;position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;z-index:50;box-shadow:-4px 0 16px #181e2814}.yq-panel.drawer-open{display:flex}.yq-main-col{flex:1 1 auto;min-width:0}}@media (max-width: 860px){.yq-nav{display:none;position:fixed;top:0;left:0;bottom:0;width:260px;max-width:85vw;z-index:50;box-shadow:4px 0 16px #181e2814}.yq-nav.drawer-open{display:flex}.yq-rail,.yq-topbar-mid{display:none}}.intent-card{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px 10px 14px;border:1px solid var(--yq-border);border-radius:8px;background:var(--yq-card);position:relative;overflow:hidden;word-break:break-word;transition:box-shadow .15s ease}.intent-card:hover{box-shadow:0 4px 14px #181e281a}.intent-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--intent-color, var(--yq-primary))}.intent-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.intent-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:1px 8px;border-radius:4px;color:var(--intent-color, var(--yq-primary));background:var(--intent-color-bg, var(--yq-muted));white-space:nowrap;flex:0 0 auto}.intent-state-badge{display:inline-flex;align-items:center;font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid var(--yq-border);color:var(--yq-muted-foreground);background:var(--yq-card);white-space:nowrap;flex:0 0 auto}.intent-state-badge.tone-info{color:var(--state-info);border-color:var(--state-info)}.intent-state-badge.tone-success{color:var(--state-success);border-color:var(--state-success)}.intent-state-badge.tone-warning{color:var(--state-warning);border-color:var(--state-warning)}.intent-state-badge.tone-error{color:var(--state-error);border-color:var(--state-error)}.intent-card-fields{min-width:0}.intent-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.intent-card-actions .yq-btn{min-width:0}.intent-card.responded .intent-card-actions{opacity:.55;pointer-events:none}.intent-fallback{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 12px;border:1px dashed var(--yq-border);border-radius:8px;background:var(--yq-muted);word-break:break-word}