:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#eef2f5;font-synthesis:none;--navy: #071c35;--teal: #009d8e;--teal-dark: #007e73;--line: #dce3e9;--muted: #748092;--danger: #ff4d5e}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;background:#eef2f5}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;height:100vh;min-height:760px;overflow:hidden}.sidebar{width:190px;flex:0 0 190px;background:linear-gradient(180deg,#071c35,#061a31);color:#dce7f4;display:flex;flex-direction:column;padding:20px 10px 18px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;padding:0 8px 26px;color:#fff}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:2px solid white;border-radius:50% 50% 50% 12px}.sidebar nav{display:grid;gap:7px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;border:0;padding:13px 14px;border-radius:8px;background:transparent;color:#d8e2ee;font-size:15px;text-align:left}.nav-item.active{background:#173a50;color:#fff}.nav-item b{margin-left:auto;background:#ff4358;color:#fff;font-size:11px;min-width:21px;height:21px;border-radius:10px;display:grid;place-items:center}.sidebar-footer{margin-top:auto;display:grid;gap:15px}.presence{height:47px;border:1px solid #294159;color:#fff;border-radius:8px;background:transparent;display:flex;align-items:center;gap:10px;padding:0 13px}.presence svg:first-child{color:#00d5b8}.presence svg:last-child{margin-left:auto}.operator{display:flex;align-items:center;gap:10px;padding:0 7px}.operator-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#cedbe5;color:#173047;font-weight:700}.operator div{display:grid;line-height:1.35;flex:1}.operator small{color:#9fb0c3}.collapse{color:#aebdcb;background:none;border:0;display:flex;gap:8px;align-items:center;padding:3px 12px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:62px;flex:0 0 62px;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:0 22px}.topbar h1{font-size:21px;margin:0;letter-spacing:-.4px}.topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.global-search{width:360px;height:38px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted)}.global-search input{flex:1;border:0;outline:0;font-size:13px}.global-search kbd{border:1px solid #d9e0e6;padding:2px 5px;border-radius:4px;font-size:11px;background:#f7f9fb}.agent-online{height:38px;border:1px solid var(--line);background:#fff;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 13px}.agent-online span{width:9px;height:9px;border-radius:50%;background:#04b99e}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;background:transparent;color:#263449;border-radius:6px;position:relative}.icon-button:hover{background:#f0f4f7}.notification i{position:absolute;right:1px;top:-3px;width:17px;height:17px;border-radius:50%;background:#ff4358;color:#fff;font-style:normal;font-size:10px;display:grid;place-items:center}.metrics{height:160px;flex:0 0 160px;display:grid;grid-template-columns:1.55fr 1fr;background:#fff;border-bottom:1px solid var(--line);padding:20px 26px;gap:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{border-right:1px solid var(--line);padding:5px 20px;display:grid;align-content:start;gap:4px}.metric:first-child{padding-left:0}.metric span{font-size:13px}.metric strong{font-size:28px;line-height:1.3;color:#111927}.metric small{color:var(--muted);font-size:12px}.metric em{font-style:normal;margin-left:3px}.metric em.up{color:#00a788}.metric em.warn{color:#f0783f}.metric em.down{color:#ff4358}.faq h3{margin:0 0 8px;font-size:13px;font-weight:650}.faq-row{display:grid;grid-template-columns:16px 128px 1fr 30px;align-items:center;gap:7px;height:20px;font-size:11px}.faq-row>span{color:var(--muted)}.faq-row label{white-space:nowrap}.faq-row i{height:4px;background:#e9eff1;border-radius:4px;overflow:hidden}.faq-row i b{display:block;height:100%;background:var(--teal);border-radius:4px}.faq-row em{font-style:normal;color:#394355}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(430px,1fr) 450px;gap:8px;padding:8px;background:#edf1f4}.conversation-list,.chat-panel,.ai-panel{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:0;overflow:hidden}.conversation-list{display:flex;flex-direction:column}.channel-bar{height:55px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line)}.channel-bar>button,.list-tools button{border:0;background:none;display:flex;align-items:center;gap:5px;padding:0}.channel-icons{display:flex;gap:6px;margin-left:auto}.channel-icons i,.conversation-copy i{display:inline-grid;place-items:center;color:#fff;font-style:normal;border-radius:4px}.channel-icons i{width:25px;height:25px;font-size:11px;font-weight:700}.douyin{background:#10131b}.tmall{background:#e90019}.pdd{background:#ef2436}.red{background:#ff315b}.list-tools{height:44px;display:flex;align-items:center;gap:18px;padding:0 15px;border-bottom:1px solid var(--line);font-size:12px}.list-tools svg{margin-left:auto;color:var(--muted)}.list-search{margin:9px 11px 5px;height:32px;display:flex;align-items:center;gap:7px;border-radius:6px;background:#f4f6f8;color:var(--muted);padding:0 10px}.list-search input{border:0;outline:none;background:transparent;width:100%;font-size:12px}.conversation-scroll{overflow:auto;flex:1}.conversation-row{border:0;border-bottom:1px solid #edf0f3;background:#fff;width:100%;height:75px;display:grid;grid-template-columns:40px 1fr 36px;align-items:center;gap:10px;padding:9px 13px;text-align:left;position:relative}.conversation-row.selected{background:#f0fbfa}.conversation-row.selected:before{content:"";position:absolute;left:0;inset-block:0;width:3px;background:#05ad9e}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dfe8ee;color:#34475a;font-weight:700;font-size:13px;flex:0 0 auto}.avatar-c1{background:#ffd8cf;color:#914f42}.avatar-c2{background:#ffe8b7;color:#835c17}.avatar-c3{background:#d8ebff;color:#28557f}.avatar-c4{background:#ffd9e8;color:#984565}.avatar-c5{background:#d8efe8;color:#286859}.avatar-c6{background:#dfe3ff;color:#414b8b}.avatar-c7{background:#ffe0b8;color:#83581f}.conversation-copy{min-width:0;display:grid;gap:6px}.conversation-copy strong{font-size:13px;display:flex;align-items:center;gap:5px}.conversation-copy strong i{width:17px;height:17px;font-size:9px}.conversation-copy small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:grid;justify-items:end;gap:8px;align-self:stretch;padding-top:3px}.conversation-meta time{font-size:10px;color:var(--muted)}.conversation-meta b{min-width:18px;height:18px;border-radius:9px;background:#ff4358;color:#fff;display:grid;place-items:center;font-size:10px}.load-more{height:44px;border:0;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.chat-panel{display:flex;flex-direction:column}.chat-head{height:61px;flex:0 0 61px;border-bottom:1px solid var(--line);padding:0 16px;display:flex;align-items:center;justify-content:space-between}.chat-person{display:flex;align-items:center;gap:10px}.chat-person div{display:grid}.chat-person strong{font-size:14px}.chat-person small{color:var(--muted);font-size:10px;margin-top:3px}.order-strip{min-height:74px;display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line)}.product-icon{width:38px;height:48px;border-radius:6px;background:#f3eee8;color:#b1763a;display:grid;place-items:center}.order-strip>div{display:grid;min-width:0;gap:5px}.order-strip strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-strip small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-status{color:#f06732;font-size:11px}.order-strip button{border:1px solid var(--line);background:#fff;border-radius:5px;height:29px;font-size:11px}.risk-strip{height:43px;flex:0 0 43px;display:flex;align-items:center;gap:7px;padding:0 17px;color:#f04953;font-size:11px;border-bottom:1px solid var(--line)}.risk-strip small{margin-left:auto;color:var(--muted)}.risk-dot{width:12px;height:12px;border-radius:4px 4px 50% 50%;background:#30b98f}.risk-dot.medium{background:#ff805e}.risk-dot.high{background:#ff4358}.message-area{flex:1;min-height:170px;overflow:auto;background:#fbfcfd;padding:24px 18px}.message-line{display:flex;gap:9px;margin-bottom:20px;align-items:flex-start}.message-line.agent{flex-direction:row-reverse}.avatar.mini{width:31px;height:31px;font-size:9px}.bot-avatar{background:#dff7f3;color:#008e80;border:1px solid #b9ebe3}.message-line>div{max-width:76%}.message-line p{margin:0;padding:11px 13px;border-radius:8px;background:#edf0f3;font-size:13px;line-height:1.55}.message-line.agent p{background:#e5f7f4}.message-line time{color:var(--muted);font-size:10px;display:block;margin-top:5px}.message-line.agent time{text-align:right}.human-hint{display:inline-block;margin:2px 0 0 40px;padding:7px 10px;color:#ed733c;border:1px solid #ffc7a7;border-radius:6px;font-size:11px;background:#fffaf6}.quick-actions{padding:8px 14px;display:flex;gap:7px;border-top:1px solid var(--line);overflow:hidden;flex:0 0 45px}.quick-actions button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:5px;font-size:10px;padding:0 9px}.composer{margin:0 14px 13px;border:1px solid var(--line);border-radius:7px;flex:0 0 100px;display:flex;flex-direction:column}.composer textarea{resize:none;border:0;outline:0;padding:12px;flex:1;font-size:12px}.composer-tools{display:flex;align-items:center;justify-content:space-between;padding:0 8px 7px 12px}.composer-tools span{display:flex;gap:13px;color:#526174}.composer-tools button{height:32px;border:0;border-radius:5px;background:var(--teal);color:#fff;display:flex;align-items:center;gap:7px;padding:0 14px;font-size:12px}.ai-panel{display:flex;flex-direction:column;overflow:auto}.ai-head{height:58px;flex:0 0 58px;background:#eefaf8;border-bottom:1px solid #cfe7e3;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.ai-head>span,.ai-head button{display:flex;align-items:center;gap:7px}.ai-head>span{font-size:14px;font-weight:650}.ai-head svg{color:var(--teal)}.ai-head button{border:0;background:none;color:#007e73;font-size:12px}.suggestion-block{padding:16px;border-bottom:1px solid var(--line)}.confidence{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px}.confidence b{color:var(--teal)}.confidence span:last-child{color:var(--muted);display:flex;align-items:center;gap:4px}.suggestion-block textarea{width:100%;height:130px;resize:none;border:1px solid var(--line);border-radius:6px;outline-color:var(--teal);padding:12px;font-size:13px;line-height:1.65;color:#263143}.suggestion-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.suggestion-actions small{color:var(--muted)}.suggestion-actions span{display:flex;gap:8px}.suggestion-actions button{height:34px;border:1px solid var(--line);background:#fff;border-radius:5px;display:flex;align-items:center;gap:5px;padding:0 12px;font-size:11px}.suggestion-actions button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.source-block,.tag-block,.note-block{padding:14px 16px;border-bottom:1px solid var(--line)}.source-block h3,.tag-block h3,.note-block h3{display:flex;align-items:center;gap:5px;font-size:12px;margin:0 0 11px}.source-block h3 small{margin-left:auto;color:var(--muted);font-weight:400}.source-row{min-height:53px;display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;border-top:1px solid #edf0f3}.source-row>span{display:grid;gap:4px}.source-row strong{font-size:11px}.source-row small{font-size:9px;color:var(--muted)}.source-row>b{background:#e6f7f4;color:#008f81;padding:4px 6px;border-radius:4px;font-size:9px;font-weight:500}.source-row button{border:0;background:none;color:#2670c5;font-size:10px}.empty-source{background:#fff8ef;color:#a9662e;padding:12px;border-radius:6px;font-size:11px}.tag-block h3 button{margin-left:auto;border:0;background:none;display:flex;gap:4px;align-items:center;font-size:10px;color:var(--muted)}.tag-block>div{display:flex;gap:8px;flex-wrap:wrap}.tag-block>div button{border:1px solid #ccd6df;background:#fff;color:#637083;border-radius:5px;padding:7px 11px;font-size:10px}.tag-block>div button.on.tag-已解决{border-color:#29b67f;color:#12945f;background:#f2fcf7}.tag-block>div button.on.tag-需人工{border-color:#ff8c53;color:#e96e32;background:#fff8f3}.tag-block>div button.on.tag-售后问题{border-color:#4b91dc;color:#2c70ba;background:#f3f8fe}.tag-block>div button.on.tag-投诉风险{border-color:#ff5b68;color:#ef4251;background:#fff5f6}.note-block{border-bottom:0;flex:1;position:relative}.note-block textarea{width:100%;min-height:84px;resize:none;border:1px solid var(--line);border-radius:6px;padding:11px;outline-color:var(--teal);font-size:11px}.note-block>small{position:absolute;right:27px;bottom:24px;color:var(--muted);font-size:9px}.knowledge-page{flex:1;min-height:0;overflow:auto;padding:28px;background:#f3f6f8}.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.page-title>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.page-title button{border:0;background:none;color:var(--teal-dark);padding:0}.page-title h2{margin:0;font-size:24px}.page-title p{flex-basis:100%;margin:8px 0 0;color:var(--muted);font-size:13px}.page-title .add-rule{height:38px;padding:0 15px;border-radius:6px;background:var(--teal);color:#fff;display:flex;align-items:center;gap:7px}.knowledge-summary{background:#fff;border:1px solid var(--line);border-radius:8px;height:102px;display:flex;align-items:center;padding:0 24px;margin-bottom:14px}.knowledge-summary>div{min-width:130px;border-right:1px solid var(--line);padding:0 26px;display:grid;gap:4px}.knowledge-summary>div:last-child{border:0}.knowledge-summary strong{font-size:22px}.knowledge-summary small{color:var(--muted);font-size:11px}.knowledge-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:9px;background:#e7f7f4;color:var(--teal);margin-right:4px}.knowledge-table-wrap{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.knowledge-tools{height:64px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.knowledge-tools label{width:320px;height:36px;background:#f4f6f8;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:6px;color:var(--muted)}.knowledge-tools input{width:100%;border:0;outline:0;background:none;font-size:12px}.knowledge-tools span{margin-left:auto;color:var(--muted);font-size:11px}.knowledge-table{width:100%;border-collapse:collapse;table-layout:fixed}.knowledge-table th{height:44px;background:#f8fafb;color:#667385;font-size:11px;text-align:left;padding:0 14px}.knowledge-table th:nth-child(1){width:18%}.knowledge-table th:nth-child(2){width:10%}.knowledge-table th:nth-child(3){width:18%}.knowledge-table th:nth-child(4){width:39%}.knowledge-table th:nth-child(5){width:9%}.knowledge-table th:nth-child(6){width:6%}.knowledge-table td{height:76px;border-top:1px solid #edf0f3;padding:10px 14px;font-size:11px;color:#536174}.knowledge-table td:first-child{display:grid;gap:5px;align-content:center}.knowledge-table td strong{color:#1d293a;font-size:12px}.knowledge-table td small{color:#9aa5b2}.knowledge-table td i{display:inline-block;font-style:normal;padding:3px 6px;margin:2px;background:#f0f4f7;border-radius:4px}.knowledge-table td p{margin:0;line-height:1.55;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.category-label{color:#2670a9;background:#eef6fc;padding:5px 7px;border-radius:4px}.enabled-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#12b98e;margin-right:5px}.delete-rule{border:0;background:none;color:#99a5b2}.delete-rule:hover{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0411206b;display:grid;place-items:center;z-index:10}.knowledge-modal{width:520px;background:#fff;border-radius:10px;padding:24px;box-shadow:0 20px 60px #04112033}.knowledge-modal h3{margin:0;font-size:20px}.knowledge-modal>p{color:var(--muted);font-size:12px;margin:7px 0 20px}.knowledge-modal>label{display:grid;gap:7px;font-size:12px;margin:13px 0}.knowledge-modal input,.knowledge-modal select,.knowledge-modal textarea{width:100%;border:1px solid var(--line);border-radius:6px;outline-color:var(--teal);padding:10px;font-size:12px;background:#fff}.knowledge-modal textarea{height:100px;resize:none}.knowledge-modal>div{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.knowledge-modal>div button{height:36px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:0 16px}.knowledge-modal>div button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}@media(max-width:1320px){body{min-width:1024px}.sidebar{width:165px;flex-basis:165px}.workspace{grid-template-columns:265px minmax(390px,1fr) 380px}.global-search{width:300px}}@media(max-width:1100px){body{min-width:0}.app-shell{min-height:100vh;height:auto;overflow:visible}.sidebar{width:76px;flex-basis:76px}.brand>span:last-child,.nav-item span,.nav-item b,.sidebar-footer{display:none}.brand,.nav-item{justify-content:center;padding-inline:0}.metrics{grid-template-columns:1fr;height:auto}.faq{display:none}.workspace{grid-template-columns:260px 1fr;min-height:760px}.ai-panel{grid-column:1 / -1;max-height:600px}.global-search{display:none}}