@charset "UTF-8";
:root{--bg:#f6f5f1;--paper:#fff;--ink:#253735;--muted:#7c8985;--line:#e5e9e4;--green:#24665c;--soft:#eaf3ec;--orange:#b27240;--red:#ad4946;--shadow:0 7px 28px #25373504}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans", "Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit;color:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:var(--green);text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #659d8a;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.topbar{max-width:1440px;margin:auto;padding:22px 42px;border-bottom:1px solid #dfE5df;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;font-weight:650;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;border-radius:10px;width:35px;height:35px;font-size:30px;line-height:1;font-weight:300}.brand-sub{font-size:9px;letter-spacing:.17em;color:var(--muted);margin-left:6px}.top-actions{display:flex;align-items:center;gap:16px}.local-tag{font-size:10px;color:var(--muted);letter-spacing:.12em}.top-actions select{background:transparent;border:1px solid #d8dfd9;border-radius:6px;padding:5px 12px;font-size:12px}main{max-width:1440px;padding:0 42px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:35px 0 29px}.eyebrow{font-size:9px;letter-spacing:.19em;color:var(--green);margin:0 0 6px;font-weight:700}h1{font-size:31px;letter-spacing:-.025em;line-height:1.45;margin:0 0 6px;font-weight:600}.subtitle{font-size:13px;color:var(--muted);margin:0}.provider{display:flex;align-items:flex-start;gap:9px;padding:0 8px}.provider strong{font-size:12px;font-weight:600}.provider span:not(.status-dot){display:block;font-size:10px;color:var(--muted);max-width:240px}.status-dot{display:block;width:7px;height:7px;margin-top:8px;border-radius:50%;background:#c69a65;box-shadow:0 0 0 4px #c69a6510}.status-dot.ready{background:#609782;box-shadow:0 0 0 4px #60978214}.notice{padding:11px 16px;display:flex;gap:12px;font-size:12px;background:#f4edde;border:1px solid #e7dac2;border-radius:8px;margin-bottom:20px;color:#82643c}.notice strong{white-space:nowrap}.error-banner{background:#faeeee;color:var(--red);border-radius:8px;padding:12px;margin-bottom:16px}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 21px 15px;border-bottom:1px solid var(--line);gap:12px}.panel-heading>div{display:flex;align-items:center;gap:11px}h2{margin:0;font-size:14px;font-weight:650}.section-index{font-size:10px;color:#9aa59d;font-variant-numeric:tabular-nums}.text-button{border:0;padding:3px 0;background:none;color:var(--green);font-size:12px;white-space:nowrap}.text-button:hover{color:#103f37;text-decoration:underline}.chat-panel{display:flex;flex-direction:column;min-height:723px}.session-bar{display:flex;align-items:center;gap:10px;padding:12px 21px;background:#fcfdfb;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.session-bar select{background:transparent;min-width:0;max-width:230px;border:0;color:var(--ink);font-size:11px;flex:1}.shared-note{margin-left:auto;white-space:nowrap;font-size:10px}.messages{height:452px;overflow-y:auto;padding:24px 22px 14px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d9e1d9 transparent}.welcome{padding:55px 14px 30px;max-width:430px;margin:auto}.welcome-mark{display:grid;place-items:center;border-radius:15px;background:var(--soft);width:53px;height:53px;color:var(--green);font-size:31px;margin-bottom:23px}.welcome h3{margin:0 0 9px;font-size:22px;font-weight:550}.welcome p{font-size:12px;color:var(--muted);margin:0 0 22px;line-height:1.9}.example{border:1px solid var(--line);border-radius:8px;text-align:left;background:#fff;display:block;width:100%;padding:11px 14px;margin:8px 0;font-size:12px;transition:background .15s}.example:hover{background:#f4f8f3}.example span{color:var(--muted);float:right}.message{margin-bottom:24px;display:flex;flex-direction:column;align-items:flex-start}.message.user{align-items:flex-end}.message-meta{font-size:10px;color:var(--muted);letter-spacing:.04em;margin:0 3px 5px}.bubble{font-size:13px;line-height:1.9;max-width:91%;padding:12px 16px;border-radius:2px 13px 13px 13px;background:#f4f6f2;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .bubble{background:var(--green);color:#fff;border-radius:13px 2px 13px 13px}.chat-status{font-size:11px;color:var(--green);padding:7px 23px;background:#f5f8f2}.chat-status.warning{color:#9b6e2e;background:#faf4e8}.chat-status.error{color:var(--red);background:#faeeee}.retry-bar{padding:8px 21px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);background:#faf9f6}.composer{border:1px solid #dce3dc;margin:12px 20px 0;border-radius:9px;background:#fff;transition:border-color .2s}.composer:focus-within{border-color:#79a796;box-shadow:0 0 0 2px #79a79610}.composer textarea{width:100%;border:0;resize:vertical;min-height:64px;max-height:170px;outline:0;padding:13px 14px 6px;background:transparent;font-size:13px;line-height:1.7}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#9ba69e}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px 9px}.composer-footer>span{font-size:9px;color:#a0a9a1;padding-left:5px}.primary-button{display:flex;align-items:center;gap:16px;padding:7px 15px;background:var(--green);color:#fff;border:0;border-radius:6px;font-size:12px}.primary-button:hover{background:#184d44}.primary-button>span:last-child{font-size:18px;line-height:1}.privacy-note{color:#9aa39c;font-size:9px;padding:10px 21px 14px;text-align:center}.memory-column{display:flex;flex-direction:column;gap:18px}.stats{display:flex;align-items:center;gap:30px;padding:15px 22px 10px}.stats>div{display:flex;align-items:baseline;gap:7px}.stats strong{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.stats span{font-size:10px;color:var(--muted)}.graph-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 21px 8px}.graph-tools>input{min-width:0;max-width:195px;background:#f7f8f5;border:1px solid var(--line);border-radius:5px;font-size:10px;padding:6px 9px}.graph-tools label{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);white-space:nowrap}.graph-tools input[type=checkbox]{accent-color:var(--green);width:12px;height:12px}.graph-canvas{position:relative;margin:0 12px;height:300px;background-image:radial-gradient(#ccd6cc 0.7px,transparent 0.7px);background-size:20px 20px;border-radius:5px;overflow:hidden}#graph{width:100%;height:100%;display:block;touch-action:none}.graph-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none}.empty-symbol{font-size:43px;font-weight:200;color:#b5c6b7;letter-spacing:.1em;margin-bottom:8px}.graph-empty strong{font-size:13px;font-weight:500;color:#829187}.graph-empty p{font-size:11px;color:#a3afa5;margin:5px 0}.graph-legend{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;padding:12px 21px}.graph-legend>span{display:flex;align-items:center;gap:4px}.graph-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-person{background:#397e70}.legend-place{background:#ce9962}.legend-other{background:#7a91b0}.graph-legend small{margin-left:auto;font-size:9px;text-align:right}.graph-edge{stroke:#c4cec4;stroke-width:1.4;cursor:pointer}.graph-edge.historical{stroke-dasharray:4 4;opacity:.6}.graph-edge:hover,.graph-edge.selected{stroke:var(--green);stroke-width:2.6}.edge-label{font-size:9px;fill:#829084;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;cursor:pointer}.node{cursor:pointer}.node text{fill:#526459;font-size:10px;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.node circle{stroke:#fff;stroke-width:3;transition:stroke-width .1s}.node:hover circle,.node.selected circle{stroke:#bcd5c4;stroke-width:5}.node .self-text{fill:#fff;stroke:none;font-size:10px;font-weight:600}.detail{margin:0 21px 13px;border:1px solid #d9e5dc;background:#f7faf6;padding:12px 13px;border-radius:6px;font-size:11px;overflow-wrap:anywhere}.detail h3{margin:0 0 7px;font-size:12px;font-weight:600}.detail p{margin:5px 0;color:var(--muted)}blockquote{margin:8px 0;padding:5px 0 5px 10px;border-left:2px solid #b6cfc0;white-space:pre-wrap;color:#60716a}.detail small{font-size:9px;color:var(--muted)}.fact-list-wrap{border-top:1px solid var(--line)}.fact-list-wrap summary{padding:11px 21px;cursor:pointer;font-size:11px;color:var(--muted)}.fact-list-wrap summary span:last-child{float:right}.fact-list{max-height:260px;overflow:auto;padding:0 21px 12px}.fact-row{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;text-align:left;font-size:11px}.fact-row:hover{color:var(--green)}.fact-row small{color:var(--muted);font-size:9px;margin-left:8px}.count-tag{background:var(--soft);color:var(--green);border-radius:20px;padding:0 8px;font-size:10px}.recall-content{padding:15px 21px;max-height:350px;overflow:auto;font-size:12px}.muted{color:var(--muted);font-size:11px;margin:7px 0}.recall-item{display:block;width:100%;border:0;background:#f6f8f3;margin-bottom:7px;border-radius:5px;text-align:left;padding:10px 11px;font-size:11px;cursor:pointer}.recall-item:hover{background:var(--soft)}.recall-item small{display:block;font-size:10px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-note{color:var(--green);font-size:10px;margin:0 0 11px}.conflict{color:var(--orange)}footer{display:flex;justify-content:space-between;gap:20px;color:#a1aaa2;font-size:9px;padding:20px 1px 30px}footer a{color:var(--muted)}
@media(min-width:1450px){.messages{height:490px}.chat-panel{min-height:760px}.graph-canvas{height:335px}}
@media(max-width:1000px){.topbar{padding:20px 25px}main{padding:0 25px}.workspace{gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.shared-note{display:none}.stats{gap:16px}.graph-legend{gap:7px;padding:12px 15px}.graph-legend small{max-width:110px}.brand-sub{display:none}}
@media(max-width:760px){.topbar{padding:16px 18px}main{padding:0 16px}.intro{padding:26px 2px 21px;align-items:flex-start}h1{font-size:25px}.subtitle{font-size:11px;max-width:250px}.provider{padding-top:3px}.provider span:not(.status-dot){max-width:100px;font-size:9px}.eyebrow{font-size:8px}.workspace{grid-template-columns:1fr}.notice{flex-direction:column;gap:3px;font-size:11px}.messages{height:380px}.chat-panel{min-height:640px}.graph-canvas{height:330px}.privacy-note{font-size:8px}.top-actions{gap:9px}.brand{font-size:16px}.brand-mark{width:30px;height:30px}.panel-heading{padding:16px 18px}footer{flex-direction:column;gap:6px}.composer-footer>span{font-size:8px}.stats{gap:24px}.graph-legend small{max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.chat-actions{display:flex;align-items:center;gap:12px}.icon-button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cfdcd2;background:#fff;color:var(--green);border-radius:8px;transition:background .15s}.icon-button:hover{background:var(--soft)}
.call-overlay{position:fixed;inset:0;background:rgba(13,20,18,.94);display:grid;place-items:center;z-index:60}
.call-card{display:flex;flex-direction:column;width:min(880px,95vw);background:#0f1715;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.call-video-box{position:relative;width:100%;aspect-ratio:16/10;background:#0b1210;max-height:58vh}
.call-video-box .local-video{width:100%;height:100%;object-fit:cover;display:block;background:transparent;transform:scaleX(-1)}
.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#5f7a6f;font-size:13px;letter-spacing:.05em}
.video-placeholder span:first-child{font-size:54px;color:#33473f}
.call-video-box.on .video-placeholder{display:none}
.call-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
.call-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--green);color:#fff;font-size:24px;font-weight:300;flex:none}
.call-name{color:#fff;font-size:16px;font-weight:600;letter-spacing:.04em}
.call-status{font-size:11px;color:#a9bfb5;margin-top:2px;min-height:14px}
.call-caption{margin:14px 18px 0;min-height:48px;max-height:110px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;font-size:12px;background:#16221f;border-radius:8px;padding:9px 12px;scrollbar-width:thin}
.call-caption:empty::after{content:"· ◇ ·";text-align:center;color:#42584f;letter-spacing:.1em;padding:6px 0}
.call-line{display:flex;gap:8px;align-items:baseline}
.call-role{font-size:9px;color:#8fa89d;white-space:nowrap}
.call-text{color:#e8efe9;overflow-wrap:anywhere}
.call-actions{display:flex;justify-content:center;gap:26px;padding:16px 0 4px}
.call-round{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;transition:background .15s,transform .1s}
.call-round:hover{background:rgba(255,255,255,.24)}
.call-round:active{transform:scale(.94)}
.call-round.hangup{background:var(--red)}
.call-round.hangup:hover{background:#c25a56}
.call-round.muted{background:rgba(255,255,255,.08);color:#8fa89d;position:relative}
.call-round.muted::after{content:"";position:absolute;width:34px;height:2px;background:#9fb5ac;transform:rotate(-40deg);border-radius:2px}
.call-round.on{background:var(--green)}
@media(max-width:760px){
  .call-overlay{place-items:stretch}
  .call-card{width:100vw;height:100vh;height:100dvh;border-radius:0;box-shadow:none}
  .call-video-box{flex:1;aspect-ratio:auto;max-height:none}
  .call-top{padding:12px 14px}
  .call-caption{margin:10px 12px}
  .call-actions{padding:10px 0 calc(12px + env(safe-area-inset-bottom))}
  .agent-thumb{width:104px;height:138px;top:10px;right:10px;border-radius:12px}
  .agent-thumb-avatar{width:78%;height:78%}
}
.call-record{display:block;width:100%;max-width:91%;text-align:left;border:0;border-radius:2px 13px 13px 13px;background:linear-gradient(180deg,#fdf9ec 0%,#f7f1dd 100%);border:1px solid #eadfbc;padding:11px 14px;font-size:12px;line-height:1.8;cursor:pointer}
.message.user .call-record{border-radius:13px 2px 13px 13px}
.call-record:hover{border-color:#d9c98f}
.call-record-title{font-weight:600;color:#6b5a2c}
.call-record-line{color:#8d7f57;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.call-record-hint{margin-top:5px;padding-top:6px;border-top:1px solid #eadfbc;font-size:10px;color:#a89868}
.modal-backdrop{position:fixed;inset:0;background:rgba(24,35,32,.5);display:grid;place-items:center;z-index:70}
.modal-card{width:min(520px,92vw);max-height:78vh;display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.modal-head{display:flex;align-items:center;gap:10px;font-size:14px}.modal-head strong{font-weight:650}.modal-head .text-button{margin-left:auto}
.modal-card .call-caption{flex:1;max-height:none;min-height:200px;margin:0;background:#f4f6f2;border:0}
/* 弹窗为浅色背景，覆写深色浮层的浅色文字。 */
.modal-card .call-line .call-role{color:var(--muted)}
.modal-card .call-line .call-text{color:var(--ink);font-size:13px}
.modal-card .call-line.assistant{background:var(--soft)}
.modal-card .call-line.assistant .call-text{color:#1f3a33;font-weight:500}
.composer-actions{display:flex;align-items:center;gap:10px}
.icon-button.listening{background:var(--red);border-color:var(--red);color:#fff;animation:voice-pulse 1.2s infinite}
.call-video-box{width:100%;aspect-ratio:16/9;background:#111d1a;border-radius:10px;overflow:hidden;position:relative}
.call-video-box .local-video{width:100%;height:100%;background:transparent}
.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#5f7a6f;font-size:12px;letter-spacing:.05em}
.video-placeholder span:first-child{font-size:30px;color:#42584f}
.call-video-box.on .video-placeholder{display:none}
.call-video-box.on .local-video{background:#000}
.agent-thumb{position:absolute;top:14px;right:14px;width:156px;height:208px;border-radius:16px;background:linear-gradient(180deg,#2a3c38,#1c2926);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.4);overflow:hidden;z-index:2}
.agent-thumb[hidden]{display:none}
.agent-thumb-avatar{width:80%;height:80%;object-fit:contain}
.agent-thumb.speaking{border-color:#6fc39e;animation:agent-speaking 1.1s ease-in-out infinite}
.agent-thumb.speaking .agent-thumb-avatar{color:#8fe0bd}
@keyframes agent-speaking{0%,100%{box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 0 0 rgba(111,195,158,.55)}55%{box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 0 9px rgba(111,195,158,0)}}
@media(max-width:760px){
  .agent-thumb{width:104px;height:138px;top:10px;right:10px;border-radius:12px;border-width:2px}
  .agent-thumb-avatar{width:78%;height:78%}
}