iAOP/web/chat/assistant.css

/* iAOP 对话助手增强版样式（issue #133）。Ant Design 5 token 调色（2026-08 全站 AntD Pro 重构）。 */
:root {
  /* 默认值 = Ant Design 5 亮色 token（pro.css 在后加载再次确认） */
  --bg: #f0f2f5; --surface: #ffffff; --surface-2: rgba(0,0,0,0.04);
  --fg: rgba(0,0,0,0.88); --fg-muted: rgba(0,0,0,0.45);
  --accent: #1677ff; --warn: #faad14;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
       background: var(--bg); color: var(--fg); }
#app { max-width: 860px; margin: 0 auto; padding: 16px; }

#topbar { display: flex; align-items: center; justify-content: space-between; }
h1 { font-size: 18px; color: var(--accent); margin: 0; }
h1 .sub { font-size: 12px; color: var(--fg-muted); font-weight: 400; }
.hint { font-size: 11px; color: rgba(0,0,0,0.45); }
.dot { font-size: 13px; }
.dot.ok { color: #52c41a; }
.dot.down { color: #ff4d4f; }

#messages { height: 480px; overflow-y: auto; border: 1px solid var(--surface-2);
            border-radius: 8px; padding: 12px; background: var(--surface); margin-top: 10px; }
.msg { margin: 10px 0; }
.msg .who { font-size: 12px; color: var(--fg-muted); }
.msg .text { display: inline-block; max-width: 88%; padding: 8px 12px; border-radius: 8px;
             white-space: pre-wrap; font-size: 14px; line-height: 1.6; }
.user .text { background: #1677ff; }
.bot .text { background: var(--surface-2); }
.meta { font-size: 11px; color: rgba(0,0,0,0.45); margin-top: 3px; display: flex; gap: 8px;
        flex-wrap: wrap; align-items: center; }

/* 路由分级标签（本地/云端/拦截） */
.route-tag { padding: 1px 8px; border-radius: 10px; font-size: 11px; }
.route-local { background: rgba(82,196,26,.15); color: #52c41a; }
.route-cloud { background: rgba(56,189,248,.15); color: var(--accent); }
.route-block { background: rgba(255,77,79,.15); color: #ff4d4f; }
.human-tag { background: rgba(250,173,20,.15); color: var(--warn);
             padding: 1px 8px; border-radius: 10px; font-size: 11px; }

/* RAG 引用溯源（PRD 5.4 强制） */
.citations { margin-top: 6px; font-size: 12px; border-left: 3px solid var(--accent);
             padding: 4px 10px; background: rgba(56,189,248,.06); border-radius: 0 6px 6px 0; }
.citations .cite-title { color: var(--accent); font-size: 11px; margin-bottom: 2px; }
.citations .cite-item { color: var(--fg-muted); margin: 2px 0; }
.no-citation { margin-top: 6px; font-size: 11px; color: rgba(0,0,0,0.45); }

/* 场景输入区 */
.scenario-inputs { display: flex; gap: 8px; margin-top: 10px; align-items: center; }
.scenario-inputs input { flex: 1; }

/* DLP 拦截反馈条 */
#dlp-banner { margin-top: 10px; padding: 10px 12px; border-radius: 8px; font-size: 13px;
              background: rgba(255,77,79,.10); border: 1px solid #ff4d4f; color: #cf1322; }
#dlp-banner button { margin-left: 8px; padding: 4px 10px; font-size: 12px; border: none;
                     border-radius: 5px; cursor: pointer; background: var(--surface-2);
                     color: var(--fg); }

#panel { margin-top: 10px; display: flex; gap: 8px; }
select, input { padding: 8px; border-radius: 6px; border: 1px solid #d9d9d9;
                background: #ffffff; color: var(--fg); }
input { flex: 1; }
button#send { padding: 8px 16px; border: none; border-radius: 6px; background: #1677ff;
              color: #fff; cursor: pointer; }
button#send:disabled { opacity: .5; }
#footer-hint { margin-top: 8px; }