:root{--ink:#193247;--paper:#f5f1e8;--line:#dfe5e4;--amber:#d28a3a;--green:#527566;--white:#fffdf8;--muted:#71808a;--danger:#a34b3d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px "Microsoft YaHei",sans-serif}.app{display:grid;grid-template-columns:76px 1fr;min-height:100vh}.rail{background:var(--ink);padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:14px}.mark{color:white;font-size:22px;border:1px solid #78919b;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.rail button{border:0;background:transparent;color:#aec0c4;width:48px;height:44px;border-radius:12px;cursor:pointer}.rail button.active,.rail button:hover{background:#315267;color:white}main{padding:38px 6vw 50px;max-width:1500px;width:100%;margin:auto}.page{display:none}.page.active{display:block}.kicker{color:var(--amber);font:11px Consolas,monospace;letter-spacing:.1em}h1,h2{font-family:Georgia,"Microsoft YaHei",serif}h1{font-size:40px;margin:8px 0}.muted{color:var(--muted)}.panel{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:22px}.agent-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;height:calc(100vh - 190px);min-height:560px}.agent-grid>.panel{margin-top:0;min-height:0;overflow:auto}.chat{display:flex;flex-direction:column}.side-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.btn{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:9px;padding:9px 12px;cursor:pointer}.btn:hover{border-color:#9dadb2}.btn:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--amber);border-color:var(--amber);color:white}.danger{color:var(--danger);border-color:#d9b4ad}.tag{font:11px Consolas,monospace;background:#eef2ef;color:var(--green);padding:5px 7px;border-radius:6px}.tag.offline{color:var(--danger);background:#f7ece9}.space-top{margin-top:24px}.item{padding:11px;border-bottom:1px solid #edf0ed;cursor:pointer;display:flex;justify-content:space-between;gap:8px;align-items:center}.item.active{background:#e8e5da;border-radius:9px}.business-row strong,.business-row small{display:block}.business-row small{margin-top:4px;color:var(--muted);font-size:12px}.row-actions{display:flex;gap:7px;align-items:center}.compact{padding:5px 8px;font-size:12px}.delete{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:20px}.messages{flex:1;min-height:0;overflow:auto;padding:18px 0}.message{padding:13px 15px;border-radius:10px;margin:10px 0;white-space:normal;line-height:1.65}.message a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}.message.user{background:var(--ink);color:white;margin-left:15%}.message.agent{background:var(--paper);border:1px solid var(--line);margin-right:15%}.message.pending{color:var(--muted)}.error-message{border-color:#d9b4ad;color:var(--danger)}#chatForm{display:flex;gap:8px;align-items:center}#chatInput{flex:1;padding:13px;border:1px solid var(--line);border-radius:9px;background:white}.file-name{min-height:18px;color:var(--muted);font-size:12px;padding-bottom:5px}dialog{width:min(620px,calc(100vw - 32px));border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--white);color:var(--ink);box-shadow:0 24px 70px #19324733}dialog::backdrop{background:#19324766}.dialog-fields{display:grid;gap:14px;margin:20px 0}.dialog-fields label{display:grid;gap:7px;color:var(--muted);font-size:12px}.dialog-fields input,.dialog-fields textarea,.dialog-fields select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:white;color:var(--ink);font:inherit}.dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}.toast.error{background:var(--danger)}.toast.success{background:var(--green)}@media(max-width:800px){.app{grid-template-columns:1fr}.rail{position:fixed;bottom:0;left:0;right:0;z-index:5;flex-direction:row;justify-content:space-around;height:64px;padding:8px}.mark{display:none}main{padding:24px 16px 82px}.agent-grid{grid-template-columns:1fr;height:auto}.agent-grid>aside{max-height:260px}.chat{min-height:520px}#chatForm{flex-wrap:wrap}#chatInput{order:-1;flex-basis:100%}}