:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.page-shell{min-height:100vh;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{margin:0 0 4px;color:#667085;font-size:13px}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.25}h2{font-size:16px}.refresh-button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid #cfd8e3;border-radius:8px;color:#172033;background:#fff;cursor:pointer}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.user-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;max-width:180px;padding:0 10px 0 6px;border:1px solid #d9e2ec;border-radius:8px;background:#fff;color:#172033}.user-chip span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dff6ef;color:#047857;font-size:13px;font-weight:700}.user-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.logout-button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid #ffd0d5;border-radius:8px;color:#b42318;background:#fff7f8;cursor:pointer}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2f6}.auth-panel{width:min(420px,100%);padding:24px;border:1px solid #d9e2ec;border-radius:8px;background:#fff;box-shadow:0 16px 40px #17203314}.auth-panel h1{font-size:20px}.auth-panel p{margin-top:10px;color:#667085;line-height:1.6}.auth-panel button{margin-top:18px;height:38px;padding:0 14px;border:0;border-radius:8px;color:#fff;background:#172033;cursor:pointer}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;padding:14px;margin-bottom:14px;border:1px solid #d9e2ec;border-radius:8px;background:#fff}.filter-bar label{display:grid;gap:6px;color:#667085;font-size:12px}.filter-bar input,.filter-bar select{width:100%;height:36px;padding:0 10px;border:1px solid #cfd8e3;border-radius:6px;color:#172033;background:#fff}.status{margin-bottom:12px;padding:10px 12px;border:1px solid #b7d4ff;border-radius:8px;background:#edf6ff;color:#1b4e89;font-size:13px}.status--error{border-color:#ffc4c9;background:#fff1f2;color:#b42318}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin-bottom:14px}.kpi-card{min-height:116px;padding:14px;border:1px solid #d9e2ec;border-radius:8px;background:#fff}.kpi-card__top{display:flex;justify-content:space-between;color:#667085;font-size:13px}.kpi-card strong{display:block;margin-top:16px;font-size:24px;line-height:1.15;word-break:break-word}.kpi-card small{display:block;margin-top:8px;color:#667085;font-size:12px}.tone-rose svg{color:#ef476f}.tone-blue svg{color:#118ab2}.tone-green svg{color:#06a77d}.tone-amber svg{color:#b7791f}.tone-slate svg{color:#475467}.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:14px}.panel{min-height:320px;padding:14px;border:1px solid #d9e2ec;border-radius:8px;background:#fff}.panel--wide{grid-row:span 2}.panel--chat{min-height:360px}.panel__header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.panel__header p{margin-top:4px;color:#667085;font-size:12px}.chart{width:100%;height:360px}.chart--compact{height:248px}.rank-table{display:grid;gap:6px}.rank-table__head,.rank-table__row{display:grid;grid-template-columns:1fr 1fr 1fr 70px;gap:8px;align-items:center;min-height:36px;font-size:12px}.rank-table__head{color:#667085;border-bottom:1px solid #e5e7eb}.rank-table__row{border-bottom:1px solid #f1f5f9}.rank-table__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state,.chat-placeholder{display:grid;place-items:center;min-height:180px;color:#667085;border:1px dashed #cfd8e3;border-radius:8px;background:#f8fafc;font-size:13px}.quality-state{display:grid;place-items:center;min-height:248px;padding:16px;color:#7a4b00;background:#fff8e6;border:1px solid #f3d48b;border-radius:8px;font-size:13px;line-height:1.6;text-align:center}iframe{width:100%;height:300px;border:1px solid #e5e7eb;border-radius:8px}.footnote{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;color:#667085;font-size:12px}@media(max-width:1080px){.filter-bar,.kpi-grid,.content-grid{grid-template-columns:1fr 1fr}.panel--wide{grid-column:1 / -1;grid-row:auto}}@media(max-width:720px){.page-shell{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.filter-bar,.kpi-grid,.content-grid{grid-template-columns:1fr}.chart{height:280px}.rank-table__head,.rank-table__row{grid-template-columns:1fr 1fr}}.agent-shell{--agent-ink: #18231f;--agent-muted: #66736d;--agent-line: #d9e5df;--agent-soft: #f5f8f6;--agent-mint: #0f7b64;--agent-coral: #e76552;--agent-amber: #b98222;min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:18px;color:var(--agent-ink);background:linear-gradient(90deg,rgba(15,123,100,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(15,123,100,.04) 1px,transparent 1px),#f4f7f8;background-size:28px 28px}.agent-topbar{width:min(1440px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px}.agent-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.agent-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#fff;background:#153d35;font-size:13px;font-weight:800}.agent-brand strong{color:#17231f;font-size:17px}.agent-topbar .topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.agent-topbar .user-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;max-width:180px;padding:0 10px 0 6px;border:1px solid var(--agent-line);border-radius:8px;background:#fff}.agent-topbar .user-chip span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:var(--agent-mint);font-size:13px;font-weight:700}.agent-topbar .user-chip strong{overflow:hidden;color:var(--agent-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.agent-topbar .logout-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--agent-line);border-radius:8px;color:var(--agent-ink);background:#fff;cursor:pointer}.agent-layout,.agent-dify-layout{width:min(1440px,100%);height:calc(100vh - 76px);min-height:620px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.chat-surface{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--agent-line);border-radius:8px;background:#fff;box-shadow:0 18px 50px #18231f14}.chat-head{display:flex;align-items:center;gap:12px;padding:18px 22px 14px;border-bottom:1px solid #edf2ef}.assistant-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff;background:#153d35}.chat-head h1{color:var(--agent-ink);font-size:25px}.agent-context-row{display:flex;align-items:center;gap:8px;padding:10px 22px 0;overflow-x:auto}.agent-context-row span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid #dce8e2;border-radius:999px;color:var(--agent-muted);background:#f8fbf9;font-size:12px;white-space:nowrap}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 22px 14px}.quick-grid button{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-height:40px;min-width:0;padding:0 10px;border:1px solid #dce8e2;border-radius:8px;color:var(--agent-ink);background:#fbfdfc;cursor:pointer}.quick-grid button span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.quick-grid svg{flex:0 0 auto;color:var(--agent-coral)}.message-list{min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:18px 22px 20px;background:linear-gradient(180deg,#fff,#f7faf9)}.message{display:flex;width:100%}.message--user{justify-content:flex-end}.message-bubble{width:fit-content;max-width:min(720px,86%);padding:13px 15px 10px;border-radius:8px;font-size:14px}.message--assistant .message-bubble{border:1px solid #d9e9e1;color:#1f312b;background:#fff}.message--user .message-bubble{color:#fff;background:#153d35}.message-bubble p{margin:0;line-height:1.7;white-space:pre-line}.message-bubble time{display:block;margin-top:7px;color:#8a9892;font-size:11px}.message--user .message-bubble time{color:#ffffffb8}.message-bubble--typing{display:inline-flex;align-items:center;gap:5px;min-width:58px;min-height:38px}.message-bubble--typing span{width:6px;height:6px;border-radius:50%;background:var(--agent-mint);animation:typing-pulse 1s infinite ease-in-out}.message-bubble--typing span:nth-child(2){animation-delay:.14s}.message-bubble--typing span:nth-child(3){animation-delay:.28s}@keyframes typing-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.composer{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;padding:14px;border-top:1px solid #edf2ef;background:#fff}.composer input{width:100%;height:44px;padding:0 14px;border:1px solid #ceded6;border-radius:8px;color:var(--agent-ink);background:#fbfdfc;outline:none}.composer input:focus{border-color:var(--agent-mint);box-shadow:0 0 0 3px #0f7b641f}.composer button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;color:#fff;background:var(--agent-mint);cursor:pointer}.composer button:disabled{cursor:not-allowed;opacity:.45}.metric-aside{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:14px;border:1px solid var(--agent-line);border-radius:8px;background:#fff;box-shadow:0 18px 50px #18231f0f}.metric-aside__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metric-aside__head h2{font-size:16px}.icon-action{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--agent-line);border-radius:8px;color:var(--agent-ink);background:#fff;cursor:pointer}.agent-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.agent-filter-row input,.agent-filter-row select{width:100%;height:36px;min-width:0;padding:0 9px;border:1px solid #ceded6;border-radius:6px;color:var(--agent-ink);background:#fbfdfc}.agent-kpi-stack{flex:1 1 auto;min-height:0;display:grid;align-content:start;gap:10px;overflow-y:auto;padding-right:2px}.agent-kpi-stack .kpi-card{min-height:92px;padding:12px;border-color:#dce8e2;background:#fbfdfc}.agent-kpi-stack .kpi-card strong{margin-top:10px;font-size:20px}.agent-kpi-stack .kpi-card small{word-break:break-word}.source-note{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid #eadfca;border-radius:8px;color:#745116;background:#fff8e8;font-size:12px}.agent-dify-frame{width:100%;height:100%;border:1px solid var(--agent-line);border-radius:8px;background:#fff;box-shadow:0 18px 50px #18231f14}@media(max-width:1180px){.agent-layout,.agent-dify-layout{height:auto;min-height:0;grid-template-columns:1fr}.chat-surface,.agent-dify-frame{min-height:680px}.metric-aside{min-height:0}.agent-kpi-stack{grid-template-columns:repeat(4,minmax(160px,1fr));overflow:visible}}@media(max-width:820px){.agent-shell{padding:12px}.agent-topbar{align-items:flex-start;flex-direction:column}.agent-topbar .topbar-actions{width:100%;justify-content:space-between}.quick-grid,.agent-kpi-stack{grid-template-columns:1fr 1fr}}@media(max-width:560px){.chat-head,.agent-context-row,.quick-grid,.message-list{padding-right:14px;padding-left:14px}.chat-head h1{font-size:21px}.chat-surface,.agent-dify-frame{min-height:calc(100vh - 132px)}.quick-grid,.agent-kpi-stack,.agent-filter-row{grid-template-columns:1fr}.message-bubble{max-width:92%}.agent-topbar .logout-button{padding:0 10px}}