:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#253246;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{height:100vh;min-height:720px;display:flex;overflow:hidden;background:#fff}.rail{width:76px;flex:none;background:#202b40;color:#a8b4c8;display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:8px}.brand{width:48px;height:48px;border-radius:7px;background:#fff;color:#182638;font-size:15px;font-weight:900;line-height:18px;text-align:center;padding-top:6px;margin-bottom:6px}.rail-btn{width:64px;border:0;border-radius:8px;background:transparent;color:inherit;padding:9px 2px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:5px}.rail-btn .ico{font-size:18px;line-height:20px}.rail-btn.active{background:#246bfb;color:#fff}.rail-spacer{flex:1}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:58px;flex:none;border-bottom:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff}.top-title{font-size:17px;font-weight:700}.top-right{font-size:12px;color:#67768a;display:flex;gap:18px;align-items:center}.online{color:#08ad51}.workspace{flex:1;min-height:0;display:flex}.list-pane{width:284px;flex:none;border-right:1px solid #e8edf5;background:#fff;display:flex;flex-direction:column}.search-row{height:58px;padding:10px;border-bottom:1px solid #edf0f4}.search{height:36px;border:1px solid #d9e0eb;border-radius:5px;background:#fff;padding:8px 10px;color:#758298;font-size:12px}.list-tabs{height:44px;display:flex;border-bottom:1px solid #edf0f4}.list-tabs span{flex:1;text-align:center;padding-top:12px;font-size:13px;color:#6e7a8d}.list-tabs .selected{color:#246bfb;border-bottom:2px solid #246bfb}.contact{display:flex;gap:10px;padding:12px 10px;border-bottom:1px solid #f0f2f6;align-items:center}.contact.active{background:#eef3ff}.avatar{width:39px;height:39px;flex:none;border-radius:6px;background:linear-gradient(145deg,#e5f2f8,#b9d8e4);display:grid;place-items:center;color:#82a6b6;font-size:21px}.contact-main{min-width:0;flex:1}.contact-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source{color:#0ab85b;font-size:11px;font-weight:500}.contact-preview{font-size:11px;color:#8793a4;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-time{font-size:10px;color:#a0a8b5}.list-footer{margin-top:auto;text-align:center;border-top:1px solid #edf0f4;padding:14px;color:#246bfb;font-size:12px}.chat-pane{flex:1;min-width:430px;display:flex;flex-direction:column;background:#fff}.chat-head{height:60px;flex:none;border-bottom:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:13px;font-weight:600}.chat-head small{color:#8793a4;font-weight:400}.chat-scroll{flex:1;min-height:0;overflow:auto;padding:20px 28px 30px;background:#fff}.msg{display:flex;gap:9px;margin-bottom:20px;max-width:88%}.msg.staff{margin-left:auto;flex-direction:row-reverse}.msg-body{min-width:0}.msg-meta{font-size:11px;color:#8b98a9;margin-bottom:5px}.msg.staff .msg-meta{text-align:right}.bubble{font-size:13px;line-height:1.65;padding:10px 12px;border-radius:6px;background:#f1f3f6;white-space:pre-wrap}.msg.staff .bubble{background:#cfe1ff}.msg-mark{margin-top:6px;display:inline-flex;gap:5px;align-items:center;border:0;background:#fff3e9;color:#c66414;border-radius:4px;padding:4px 8px;font-size:11px}.recommend{width:min(560px,calc(100% - 36px));margin:-7px 0 22px 48px;border:1px solid #d7e3f8;border-radius:8px;box-shadow:0 2px 10px #20345a0a;background:#fff;overflow:hidden}.rec-top{height:38px;display:flex;align-items:center;justify-content:space-between;background:#f4f8ff;padding:0 12px}.rec-title{font-size:12px;color:#246bfb;font-weight:700}.rec-badge{font-size:10px;background:#e9f0ff;color:#4f75c1;border-radius:3px;padding:2px 5px}.rec-content{padding:12px 14px;font-size:13px;line-height:1.65}.rec-source{border-top:1px solid #edf1f7;padding:8px 14px;font-size:11px;color:#66788f;display:flex;justify-content:space-between;gap:8px}.rec-actions{display:flex;gap:7px;align-items:center;padding:9px 12px;border-top:1px solid #edf1f7;flex-wrap:wrap}.composer{border-top:1px solid #e8edf5;padding:10px 14px 12px;flex:none}.composer-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.composer textarea{width:100%;height:72px;resize:none;border:0;outline:0;color:#27364b;font-size:13px}.composer-bottom{display:flex;justify-content:space-between;align-items:center;color:#9aa5b4;font-size:11px}.side-pane{width:356px;flex:none;border-left:1px solid #e8edf5;display:flex;flex-direction:column;background:#fff}.side-tabs{height:60px;flex:none;display:flex;border-bottom:1px solid #e8edf5;overflow:auto}.side-tab{border:0;background:#fff;color:#66758b;font-size:12px;flex:1;min-width:66px;white-space:nowrap}.side-tab.active{color:#246bfb;border-bottom:2px solid #246bfb;font-weight:700}.side-content{flex:1;min-height:0;overflow:auto;padding:14px}.panel{border:1px solid #e5ebf3;border-radius:8px;background:#fff;margin-bottom:12px;padding:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.panel-title{font-size:13px;font-weight:700;border-left:2px solid #246bfb;padding-left:8px}.muted{color:#8a98a9}.tiny{font-size:11px}.small{font-size:12px}.customer-card{display:flex;gap:10px;align-items:center}.customer-card .avatar{width:48px;height:48px}.customer-card strong{font-size:14px}.group{padding:10px 0;border-top:1px solid #edf1f6}.group:first-of-type{border-top:0}.group-label{font-size:12px;font-weight:650;color:#596a80;margin-bottom:7px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{border:1px solid #b9cfff;border-radius:4px;padding:4px 7px;color:#246bfb;background:#f8fbff;font-size:11px}.section{border-top:1px solid #edf1f6;padding:10px 0}.section:first-of-type{border:0;padding-top:0}.section-title{font-size:12px;font-weight:700;margin-bottom:6px}.section p{font-size:12px;line-height:1.65;margin:0}.section ul{font-size:12px;line-height:1.7;margin:0;padding-left:17px}.time-row{font-size:12px;padding:4px 0}.button{border:1px solid #cfd8e6;background:#fff;color:#445a78;border-radius:5px;padding:6px 10px;font-size:12px;white-space:nowrap}.button:hover{border-color:#246bfb;color:#246bfb}.button.primary{background:#246bfb;color:#fff;border-color:#246bfb}.button.danger{color:#d45549;border-color:#f1c9c5}.button.ghost{border:0;color:#246bfb;background:transparent;padding:4px}.button.mini{padding:3px 7px;font-size:11px}.tabs{display:flex;gap:4px;border-bottom:1px solid #e9eef5;margin:-2px -14px 12px;padding:0 14px}.tabs button{border:0;background:none;padding:8px 9px;color:#65738a;font-size:12px}.tabs button.active{border-bottom:2px solid #246bfb;color:#246bfb;font-weight:700}.risk-card{padding:10px;border:1px solid #e6ebf2;border-radius:6px;margin:8px 0;background:#fff}.risk-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px;font-size:12px;font-weight:650}.level{font-size:10px;border-radius:3px;padding:2px 5px;background:#fff0e1;color:#bf6415}.level.high{background:#fff0ee;color:#db5649}.level.low{background:#eef5ff;color:#427ed2}.risk-card p{font-size:11px;color:#627086;line-height:1.55;margin:0 0 8px}.risk-card .meta{font-size:10px;color:#9ba6b5;margin-bottom:6px}.empty{text-align:center;color:#9aa6b5;font-size:12px;padding:25px 10px}.page{flex:1;min-width:0;overflow:auto;background:#f5f7fb;padding:24px 30px}.page-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.page h1{font-size:20px;margin:0 0 6px}.page-desc{font-size:12px;color:#8090a2}.page-card{background:#fff;border:1px solid #e6ebf2;border-radius:8px;padding:16px;margin-bottom:14px}.filterbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filterbar select,.filterbar input{border:1px solid #dbe2ed;border-radius:5px;padding:7px 9px;background:#fff;color:#4a5b72;font-size:12px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;background:#f7f9fc;color:#66758a;font-weight:600}.data-table th,.data-table td{padding:12px;border-bottom:1px solid #edf0f4;vertical-align:top}.data-table tbody tr:hover{background:#f9fbff}.text-link{color:#246bfb;border:0;background:none;padding:0;font-size:11px}.pill{font-size:10px;border-radius:9px;background:#edf3ff;color:#4677ca;padding:3px 7px;white-space:nowrap}.pill.orange{background:#fff3e9;color:#c47024}.pill.green{background:#eaf9f0;color:#228d53}.drawer-backdrop{position:fixed;inset:0;background:#1a2c465c;z-index:10}.drawer{position:absolute;right:0;top:0;height:100%;width:min(480px,100vw);background:#fff;box-shadow:-6px 0 30px #1529471e;display:flex;flex-direction:column}.drawer-head{padding:17px 20px;border-bottom:1px solid #e8edf5;display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font-size:17px;margin:0}.drawer-body{overflow:auto;padding:18px 20px;flex:1}.drawer-footer{padding:13px 20px;border-top:1px solid #e8edf5;display:flex;justify-content:flex-end;gap:8px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:650;color:#4c5f78;margin-bottom:7px}.field textarea,.field input,.field select{width:100%;border:1px solid #d6e0ec;border-radius:5px;padding:9px;font-size:12px;color:#27364b;background:#fff}.field textarea{resize:vertical;min-height:75px;line-height:1.6}.readonly{background:#f7f9fc;border:1px solid #e6ebf2;border-radius:5px;padding:10px;font-size:12px;line-height:1.6;white-space:pre-wrap}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.check-grid label{font-weight:400;display:flex;gap:5px;align-items:center;margin:0}.check-grid input{width:auto}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;background:#23344f;color:#fff;border-radius:6px;padding:10px 16px;font-size:12px;box-shadow:0 5px 20px #182b4440}.notice{padding:10px 12px;background:#f3f7ff;border:1px solid #dce9ff;color:#577093;border-radius:5px;font-size:11px;line-height:1.6;margin-bottom:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.history-item{border-left:2px solid #cbd9f8;padding-left:12px;margin:0 0 15px;font-size:12px}.history-item strong{display:block;margin-bottom:4px}.history-item p{margin:0;color:#738298;line-height:1.55}.split-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat{background:#fff;border:1px solid #e5ebf3;border-radius:8px;padding:15px}.stat b{font-size:21px;display:block;margin-top:7px;color:#253c63}.stat span{font-size:12px;color:#8492a6}@media(max-width:1150px){.side-pane{width:320px}.list-pane{width:230px}.chat-pane{min-width:330px}.rail{width:62px}.rail-btn{width:52px}}@media(max-width:850px){.list-pane{display:none}.side-pane{width:310px}.page{padding:15px}.split-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.app{min-height:100vh;height:auto}.rail{width:52px}.rail-btn{width:44px;font-size:10px}.brand{width:40px;font-size:12px}.workspace{display:block}.chat-pane{min-width:0;height:65vh}.side-pane{width:auto;height:55vh;border-top:1px solid #e8edf5}.page{min-height:100vh}.data-table{font-size:10px}.data-table th,.data-table td{padding:7px}.topbar{padding:0 10px}}